.tjweb {padding:10px;}
.webrr {background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.web-left {width:100%;height: auto;margin-bottom:15px;}
.essay {padding:20px;}
.essay h1.essay_title{font-size:26px; color:#333; text-align:center;margin:10px 0;padding-bottom:10px;border-bottom: 1px solid #EDEDED;}
.essay p.essay_author{ margin:10px 0; font-size:12px; color:#999;padding-bottom:10px;border-bottom: 1px solid #EDEDED;}
.essay p.essay_author span{margin: 0 8px;}
.essay p.essay_author ins{padding-right:5px;}
.essay p.essay_view {text-align:right; font-size:12px; color:#999; border-bottom:1px dashed #999;}
.essay_zw {color:#333;line-height:26px;font-family:微软雅黑, arial;}
.essay_zw>p{ text-indent:30px; line-height:26px; margin-top:5px; font-size:16px; color:#333;font-family:微软雅黑, arial;}
.essay_zw img{display:block; margin:10px auto; max-width:98%;height:auto !important;}
.essay_zw p img{ max-width:90%; height:auto; margin:10px auto; display:block; overflow:hidden;}
.essay_zw p img{text-align: center;display:block; margin:0 auto; max-width:99%;height:auto !important;}
.essay_zw h2 {float: left;width: 100%;margin-left:-20px;border-left:5px solid #0090ED;color:#FF0000;font-size:18px;line-height:30px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.essay_zw h3 {margin-left:-20px;border-left:5px solid #666;background-color:#fafcf9;color:#FF0000;font-size:18px;height:30px;line-height:30px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.essay_zw blockquote {  
		  font:16px normal helvetica, sans-serif;
		  line-height:26px;
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 1px;
		  margin-right: 1px;
          padding-left: 15px;
		  padding-top: 10px;
		  padding-right: 10px;
		  padding-bottom: 10px;
          border-left:5px solid #0090ED;
		  font-family:微软雅黑, arial;
		  background-color:#f1f1f1;
  }
.essay_zw p{text-indent:18px;color: #333;font-size:14px;}
.ts {float:left;width:100%;font-size:13px;font-weight:bold;text-align: center;color: #f00;}
.ts ins {padding-right:5px;font-size:15px;}

.web-common {float: left;width: 100%;padding:15px;overflow:hidden;}
.web-logo{float: left;}
.web-title {float: left;width: 100%;border-bottom: 1px solid #eaeaea;}
.web-title h1{font-weight: normal;margin-bottom: 5px;}
.web-title h1 a {color: #0d7ad9;font-size: 23px;}
.web-logo {float: left;width:35%;margin:10px 0;border-radius:4px;}
.web-logo img{box-shadow: 0 0 2px rgba(0,0,0,.2);border: 1px solid #CDCDCD;padding:5px;height:100px;width:100px;max-width:100px;}
.siteitem {float: left;width:63%;margin-left:2%;margin-top:5px;}
.siteitem li {float: left;width: 100%;font-size: 12px;height:22px;line-height:22px;color: #666;}
.siteitem ins {padding-right:5px;}
.siteitem li img {padding-right:3px;}
.webdata h2{font-size:16px;color: #0d7ad9;}
.webjj {float: left;width: 100%;border-top: 1px solid #EDEDED;clear: both;}
.webjj h2 {float: left;padding-left:15px;height:35px;line-height:35px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;margin-bottom:10px;}
.webjj p{padding:10px;text-indent:2em;color: #333;font-size:14px;line-height: 1.8rem;letter-spacing: 0.05rem;word-wrap: break-word;}
.webseo {float: left;width: 100%;border-top: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;clear: both;}
.webseo h2 {float: left;padding-left:15px;height:35px;line-height:35px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;}
.webseo span {float: left;width:20%;text-align: center;color: #333;}
.webseo dd {float: left;width:20%;text-align: center;color: #333;padding:10px 0;}
.webseo dd i{font-weight:bold;color: #7B68EE;}
.webseo font {padding:0 5px;font-weight:bold;}
.webseo .bd {border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;height:30px;line-height:30px;}
.webseo .sg {border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;height:30px;line-height:30px;}
.webseo .gg {border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;height:30px;line-height:30px;}
.webseo .so {border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;height:30px;line-height:30px;}
.webseo .rq {border-bottom: 1px solid #EDEDED;height:30px;line-height:30px;}
.webseo .line {border-right: 1px solid #EDEDED;}
.tags {float: left;width: 100%;padding:10px;overflow:hidden;}
.tags ins {padding-right:5px;}
.tags a {padding-right:5px;}
.a_list {float:left;width: 100%;border-top: 1px solid #EDEDED;clear: both;}
.a_list ins {padding-right:5px;}
.h2 {float: left;width: 100%;padding-left:15px;height:35px;line-height:35px;background: #fafafa;border-bottom: 1px solid #EDEDED;}
.h2 h2{float: left;width: 25%;font-size:16px;color: #0d7ad9;}
.h2 dd {float: left;width:75%;}
.a_list ul {float: left;padding:15px;}
.a_list li {float:left;width:100%;font-size:14px;line-height:24px;}
.a_list li a {float:left;width:80%;}
.a_list li dt {float:right;width:20%;color: #999;font-size:12px;}
.web-right {float: left;width: 100%;height: auto;margin-bottom:15px;}
.web-right ins {padding-right:5px;}
.newsweb {float: left;width: 100%;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.newsweb h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:16px;color: #0d7ad9;}
.newsweb li {float: left;width: 100%;border-bottom: 1px solid #f2f2f5;padding:10px; overflow: hidden;}
.newsweb li:hover{ background:#fafafa;}
.newsweb .img {float: left;width: 20%;min-width:46px;display: inline-block;}
.newsweb .img img {border-radius: 50%;}
.newsweb .info{float: left;width: 80%;display: inline-block;overflow: hidden;padding-left: 10px;}
.newsweb .info h4 a{font-size: 14px;font-weight: normal;color: #0d7ad9;overflow: hidden;height:26px;white-space:nowrap;  text-overflow:ellipsis;}
.newsweb .info h4 a:hover{ color:#f00;}
.newsweb .info p{font-size: 14px;font-weight: normal;color: #666;}
.webgg {float: left;margin:10px 0;width: 100%;text-align: center;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.webgg p{padding:30px 0;}

.newstop {float: left;width: 100%;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.newstop h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #0d7ad9;}
.newstop li {float: left;width: 100%;border-bottom: 1px solid #f2f2f5;padding:10px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;font-size:14px;}
.newstop li:hover{ background:#fafafa;}
.newstop li em {float: left;height:20px;line-height:20px;width:20px;text-align: center;background: #737373;color: #fff;margin-right:5px;font-size: 12px;border-radius:3px;}
.newstop li em.s1,.newstop li em.s2,.newstop li em.s3 {background: #CD0000;}

.post-copyright{float: left;width: 100%;background-color:#f2f2f2;font-size:12px;color:#999;padding:6px 15px 5px;border-radius:5px;margin-bottom: 10px;}
.tags {float: left;width: 100%;text-align:left;padding:10px 0;margin-top:10px;}
.tags ins {float:left;color:#666;font-size:18px;padding-right:5px;line-height:20px;}
.tags a {float:left;font-size:14px;margin-right:5px;padding:0 15px;line-height:24px;background:#f6f7f8;border-radius:100px;cursor:pointer}
.tags a:hover {background:#0d7ad9;color:#fff;}

.taglist {float: left;width: 100%;padding-bottom:10px;margin-bottom:15px;}
.taglist ins {padding-right:5px;}
.taglist h3 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #0d7ad9;margin-bottom:8px;}
.taglist li {float: left;height:28px;line-height:28px;width: 50%;font-size:14px;color: #666;text-align:center;}
.taglist li a {float: left;width: 80%;overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.taglist li span {float: left;width: 20%;text-align: right;}

.tagtop{float: left;width: 100%;margin:10px 0;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.tagtop h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #0d7ad9;}
.tagtop ul{float: left;padding:10px;}
.tags li {float: left;padding-right:5px;margin-bottom:5px;}
#tags .tags0 a{float:left;color:#ff7f10;}
#tags .tags1 a{float:left;color:#C00C00; font-size:14px;}
#tags .tags2 a{float:left;color:#030030; font-size:16px;}
#tags .tags3 a{float:left;color:#00F00F;}
#tags .tags4 a{float:left;font-size:16px;}
#tags .tags5 a{float:left;color:#5bae19; font-size:18px;}
#tags .tags6 a{float:left;color:#F06F06; font-size:15px;}
#tags .tags7 a{float:left;color:#030C00; font-weight:bold; font-size:18px;}
#tags .tags8 a{float:left;color:#F06F06; font-weight:bold;}
#tags .tags9 a{float:left;color:#C00030; font-weight:bold;font-size:16px;}

.viewNeighbor {float:left;width: 100%;clear:both;margin-top:10px;border-top: 1px solid #EDEDED;padding-top:15px;}
.viewNeighbor span {float:left;width:50%;text-align:center;}
.viewNeighbor span a {line-height:35px;height:35px;background: #0d7ad9;color: #fff;padding:5px 15px;border-radius:5px;}

.artlist {float: left;width:100%;background: #fff;overflow: hidden;}
.artlist ins {padding-right:5px;}
.artlist h3 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #0d7ad9;margin-bottom:8px;}
.artlist ul {padding:0 5px;}
.artlist .news li {float:left;width:48%;margin-left:2%;border-bottom: 1px solid #f7f7f7;padding:10px 0;margin-bottom:10px;}
.artlist .news li:hover {border-bottom: 1px solid #ddd;}
.artlist .news li:hover dd.txt-name span#name{color:#0d7ad9;}

.img-item .img {float: left;width: 95%;text-align:center;}
.img-item .img img {width: 100%;height:100px;}
.img-item .name {float:left;width:95%;text-align:center;color:#0af;font-size:14px;font: 14px "microsoft yahei";height:45px;line-height:22px;box-sizing:border-box; display:block; overflow:hidden}
.img-item .name a {color:#0d7ad9;}
.img-item .name a:hover{ color:#f00;}
.img-item span {float:left;width:50%;text-align:center;font-size:12px;color:#999;padding-top:10px;}
.img-item ins {padding-right:5px;}
.img-item {font-size: 16px;padding:10px 0;cursor: pointer;border-bottom:0.5px soddd #dedede;}

.newstj {float: left;width: 100%;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.newstj h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #0d7ad9;}
.pictt {float:left;width:50%;text-align: center;padding:1%;margin:0;}
ul.tj-top{ float: left;width:100%;margin-top:10px;}
ul.tj-top li{position: relative;width: 40%; float:left;height: 100px;;margin: 0 0 10px 20px;overflow: hidden;}
ul.tj-top li a img {width: 100%;height: 100px;}
ul.tj-top li a p {position: absolute;left: 0;bottom: 0;width: 100%;height:26px;line-height: 26px;text-align: center;background-color: rgba(50,50,50,0.6);*background-color: #333;color: #fff;}
ul.tj-top li a:hover p { background-color:rgba(255,120,120,0.8);*background-color:#f77; }
ul.tj-bottom{ overflow:hidden; padding:0px 20px 10px;}
ul.tj-bottom li{float: left;width:100%;height:26px;line-height:26px;font-size: 14px;overflow: hidden;border-bottom: 1px dashed #EDEDED;}
ul.tj-bottom li a{color: #555555;}
ul.tj-bottom li a:hover{color: #ff7777;}
.djpaly {float: left;width: 99%;text-align:center;height: 300px;}

.dj {float: left;width: 100%;}
.djxx {float: left;width: 100%;position: relative;}
.djxx span {float:left;width:20%;}
.djxx span img{float:left;width:100%;height:60px;}
.djxx ul {float:left;width:78%;margin-left:2%}
.djxx ul ins {padding-right:5px;}
.djxx ul b{float:left;width:100%;font-weight:bold;font-size:16px;line-height: 26px;text-align: center;}
.djxx ul li{float:left;width:100%;font-size:14px;line-height: 24px;}
.djdown {position: absolute;text-align: center;width:150px;right: 5px;bottom:5px;height:36px;line-height:36px;background: #f00;border-radius:5px;}
.djdown a {color: #fff;font-weight:bold;}
.play {float: left;width: 100%;margin-bottom:15px;}
.play audio {float: left;width: 100%;}
.down {padding:10px 0;}
.down a {color:#f00;}
.music {float: left;width: 100%;height:30px;margin-bottom:15px;}
.audiojs{margin:15px 0px 20px;}

.m-ccc{float:Left;background: #fff;width: 100%;padding:10px;font-size:16px;margin-top: 10px;}
.m-show a{float:Left;width: 33%;padding:8px 0;background: #333;overflow: hidden;color: #fff;text-align:center;text-align:center;border-radius:5px;-moz-border-radius:5px;}
.m-zan a{float:Left;width: 32%;padding:8px 0;margin:0 1%;background: #333;overflow: hidden;color: #fff;text-align:center;border-radius:5px;-moz-border-radius:5px;}
.m-down a{float:Left;width: 33%;padding:8px 0;background: #333;overflow: hidden;color: #fff;text-align:center;border-radius:5px;-moz-border-radius:5px;}

.djxx .name {padding:3px;}
.djxx .name font {font-weight:bold; height:30px; line-height:30px; float:left;}
.djxx .name dd { width:75%; margin-left:5px; height:28px; line-height:28px; float:left; padding:0px 5px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.djxx .btn-1, .djxx .btn-2, .djxx .btn-3 {display: inline-block;height: 22px;line-height: 22px;padding: 0 5px;background-color: #1E9FFF;color: #fff;white-space: nowrap;text-align: center;font-size: 12px;border: none;border-radius: 2px;cursor: pointer;}
.djxx .btn-2 {background-color: #019688;}
.djxx .btn-3 {background-color: #FF5722;}

.musicss {width:100%;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;padding:10px;}
.musicss .title{border-bottom: #e7e7e7 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.musicss .title h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}
.feng {float: left;width:100%;}
.feng a {float:left;margin-left:10px;margin-top:10px;padding:0 15px;line-height:24px;background:#f6f7f8;border-radius:100px;cursor:pointer}
.feng a:hover {background:#0d7ad9;color:#fff;}
/* PC端 */
@media only screen and (min-width:860px){
.tjweb {width:1200px;margin:0 auto;position: relative;}
.web-left {width: 855px;float: left;margin-right:15px;margin-bottom:15px;}
.web-right {width: 310px;float: right;margin-bottom:15px;}
.web-logo img{box-shadow: 0 0 2px rgba(0,0,0,.2);border: 1px solid #fafafa;height:200px;width: 200px;max-width: 200px;}
.siteitem li {float: left;width: 100%;font-size: 14px;height:28px;line-height:28px;}
.artlist {float:left;width:100%;background: #fff;}
.artlist .news li {float:left;width:24%;margin-left:1%;border-bottom: 1px solid #f7f7f7;padding:10px 0;}
.img-item .img img:hover{ opacity:0.8 !important;}
.pictt {float:left;width:25%;text-align: center;padding:1%;margin:0;}
.shutter {overflow: hidden;width: 100%;height: 360px;position: relative;margin: 0 auto;}
.djpaly {float: left;margin-left:-10px;width: 100%;text-align:center;height: 480px;border-bottom: 2px solid #0d7ad9;margin-bottom:10px;}
.djxx ul li{float:left;width:50%;font-size:14px;line-height: 24px;}
}