.mian {padding:10px;}
.sm {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;margin: 5px auto;padding:10px;}
.sm h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}
.sm ins,.lists ins{padding-right:10px;}

.article {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;margin: 5px auto;padding:10px;}
.article .title{border-bottom: #e7e7e7 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.article .title h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}

.pic {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;margin: 5px auto;padding:10px;}
.pic .title{border-bottom: #e7e7e7 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.pic .title h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}

.tag {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;margin: 5px auto;padding:10px;}
.tag .title{border-bottom: #e7e7e7 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.tag .title h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}

.zt16884 {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;margin: 5px auto;padding:10px;}
.zt16884 .title{border-bottom: #e7e7e7 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.zt16884 .title h2{float: left;padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}

.art_list {margin-top:5px;}
.art_list li {float: left;height:24px;line-height:24px;width:100%;overflow: hidden;font-size: 14px;background:url(/style/li.gif) no-repeat left;padding-left:10px;}

.pic_list {margin-top:5px;}
.pic_list li {float:left;width:48%;margin-left:2%;border-bottom: 1px solid #f7f7f7;padding:10px 0;}

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

.dj_list {margin-top:5px;}
.dj_list li {float: left;line-height:35px;width:100%;overflow: hidden;font-size: 14px;border-bottom: 1px solid #f7f7f7;}

.wuqu .img {float: left;width:15%;text-align:center;}
.wuqu .img img {width:98%;height:50px;}
.wuqu .name {float:left;width:65%;padding-left:10px;color:#0af;font-size:14px;font: 14px "microsoft yahei";line-height:22px;box-sizing:border-box; display:block; overflow:hidden}
.wuqu .name a {color:#333;}
.wuqu .name a:hover{ color:#000;}
.wuqu span {float:left;width:20%;text-align:center;font-size:12px;color:#333;}
.wuqu ins {padding-right:5px;}
.wuqu {font-size: 16px;padding:2px 0;}

.djpic{float: left;width:100%;margin-left:-1%;}
.djpic li{float:left;margin-left:2%;margin-top:10px;width:48%;height:70px;background:#fff}
.djpic li a{display:block;position:relative;width:100%;height:70px;overflow:hidden}
.djpic li a img{width:100%;height:100%;vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out}
.djpic li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.djpic li a span{position:absolute;left:0;bottom:0;display:block;padding-top:20px;width:100%;line-height:40px;font-size:16px;text-align:center;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.djzt{float: left;width:100%;}
.djzt li{float:left;margin-top:10px;width:50%;line-height:25px;text-align:center;}

.txt_list {margin-top:5px;}
.txt_list li {float:left;width:98%;border-bottom: 1px solid #f7f7f7;padding:10px 0;}

.txt16884 .name {float:left;width:73%;margin-left:2%;text-align:center;color:#0af;font-size:18px;font: 18px "microsoft yahei";height:28px;line-height:28px;box-sizing:border-box; display:block; overflow:hidden}
.txt16884 .name a {color:#333;}
.txt16884 .name a:hover{ color:#0d7ad9;}
.txt16884 .art {float:left;width:73%;margin-left:2%;color:#888;font-size:14px;font: 14px "microsoft yahei";height:44px;line-height:22px;box-sizing:border-box; display:block; overflow:hidden}
.txt16884 span {float:left;width:40%;text-align:center;font-size:12px;color:#999;padding-top:10px;}
.txt16884 ins {padding-right:5px;}
.txt16884 {font-size: 16px;padding:10px 0;cursor: pointer;border-bottom:0.5px soddd #dedede;}
.txt16884 .pic1 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/1.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic2 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/2.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic3 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/3.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic4 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/4.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic5 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/5.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic6 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/6.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic7 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/7.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic8 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/8.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic9 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/9.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic10 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/10.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic11 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/11.jpg)no-repeat;background-size:100%100%;}
.txt16884 .pic12 {float:left;width:20%;text-align:center;height:120px;background:url(/uploadfile/pic/12.jpg)no-repeat;background-size:100%100%;}

.zt16884 {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;margin: 5px auto;padding:20px;margin-top:10px;}
.topic{float: left;width:100%;margin-left:-1%;}
.topic li{float:left;margin-left:2%;margin-top:10px;width:48%;height:90px;background:#fff}
.topic li a{display:block;position:relative;width:100%;height:90px;overflow:hidden}
.topic li a img{width:100%;height:100%;vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out}
.topic li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.topic li a span{position:absolute;left:0;bottom:0;display:block;padding-top:20px;width:100%;line-height:40px;font-size:16px;text-align:center;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.tag16884 {float: left;width:100%;margin-top:15px;border-top: 1px solid #f7f7f7;}
.tag16884 a {float:left;margin-left:10px;margin-top:10px;padding:0 15px;line-height:24px;background:#f6f7f8;border-radius:100px;cursor:pointer}
.tag16884 a:hover {background:#0d7ad9;color:#fff;}
.tags {margin:5px 0;}
.tags li {float: left;padding-right: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;}
/* PC端 */
@media only screen and (min-width:860px){
.mian {width:1220px;margin:0 auto;position: relative;}

.sm{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;margin: 10px auto;}
.lists {width:1200px; margin:0 auto;}
.pic {float: left;width:865px;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;margin-top:10px;margin-right:15px;padding:10px;}
.article {float: left;width:320px;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;margin-top:10px;padding:10px;}

.pic16884 .img img {width: 180px;height:140px;}
.topic li{float:left;margin-left:2%;margin-top:20px;width:23%;height:124px;background:#fff}
.topic li a{display:block;position:relative;width:100%;height:124px;overflow:hidden}

.djpic{float: left;width:100%;margin-left:-2%;margin-top:15px;margin-bottom:20px}
.djpic li{float:left;margin-left:4%;margin-top:10px;width:46%;height:70px;background:#fff}

.wuqu .img {float: left;width:5%;text-align:center;}
.wuqu .img img {width:98%;height:30px;}
.wuqu .name {float:left;width:85%;padding-left:10px;color:#0af;font-size:14px;font: 14px "microsoft yahei";line-height:35px;box-sizing:border-box; display:block; overflow:hidden}
.wuqu .name a {color:#333;}
.wuqu .name a:hover{ color:#000;}
.wuqu span {float:left;width:10%;text-align:center;font-size:12px;color:#333;}

.txt_list li {float:left;width:48%;margin-left:2%;border-bottom: 1px solid #f7f7f7;padding:10px 0;}
.tag {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;margin-top:10px;padding:10px;}
.pic_list li {float:left;width:24%;margin-left:1%;border-bottom: 1px solid #f7f7f7;padding:15px 0;}
a.web:link, a.web:visited {display: inline-block;padding: 0 14px;color: #0d7ad9;}
a.web:hover {color: #FFF;background: #0d7ad9;}
}