@import url('./base.css');

#picbanner{width:100%;background:#fff;overflow:hidden;position: relative;}
#picbanner .swiper-slide a{width:100%;display:block;overflow:hidden;position:relative;height:0;padding-bottom: 50%;}
#picbanner .swiper-slide a img{display:block;width:100%;position: absolute;height: 100%;}
#picbanner .swiper-slide a b{display: block;width: 100%;background: rgba(0,0,0,0.45);position: absolute;bottom: 0;font: 14px/30px 'microsoft yahei';height: 30px;text-indent: 10px;color: #FFF; padding-right: 75px; box-sizing: border-box; overflow: hidden;}
#picbanner s{display:block;position:absolute;bottom:5px;right:0px;text-align:center;z-index:9;}
#picbanner s span{width:5px;height:5px;margin-right:10px;background:#fff;border-radius:50%;display:inline-block;opacity: 1;}
#picbanner s span.swiper-pagination-bullet-active{background-color:#16ac1d;}


#entry{padding:10px 6px;}
#entry a{width: 25%;text-align: center;display: block;float: left;}
#entry a u{height: 46px;line-height: 48px;color: #fff;border-radius: 3px;margin: 0 4px;display: block;font-size: 15px;}
#entry a u i{width: 22px;height: 22px;display: inline-block;vertical-align: top;margin-top: 12px;margin-right: 2px;}
#entry a:nth-child(1) u{background: #c360ed;box-shadow: inset 0 -1px 1px #a133e0;}
#entry a:nth-child(2) u{background: #36b6ff;box-shadow: inset 0 -1px 1px #168fff;}
#entry a:nth-child(3) u{background: #ff5043;box-shadow: inset 0 -1px 1px #ec241b;}
#entry a:nth-child(4) u{background: #7ac422;box-shadow: inset 0 -1px 1px #4fac0c;}
#entry a:nth-child(1) u i{background: url(../images/indexicon.png) 0 0 no-repeat;background-size:100%;}
#entry a:nth-child(2) u i{background: url(../images/indexicon.png) 0 -23px no-repeat;background-size:100%;}
#entry a:nth-child(3) u i{background: url(../images/indexicon.png) 0 -46px no-repeat;background-size:100%;}
#entry a:nth-child(4) u i{background: url(../images/indexicon.png) 0 -68px no-repeat;background-size:100%;}

.gboxul {overflow: hidden;zoom: 1;}
.gboxul li {width: 25%;float: left;margin-top: 8px;margin-bottom: 10px;}
.gboxul li a {display: block;width: 66px; height: auto;text-align: center;margin: 0 auto;}
.gboxul li img {width: 66px;height: 66px;text-align: center;float: left;display: block;margin: 0 auto; border-radius:10px;background-color: #eee;}
.gboxul li span {font-size: 14px;line-height: 30px;height: 30px;white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;width: 108%;word-break: break-all;text-align: center;}
.gboxul li em {border-radius: 6px;border: #16ac1d 1px solid;line-height: 25px;color: #16ac1d;display: block;}

.lookmore{height: 30px;margin: 10px 12px;display: block;text-align: center;color: #16ac1d;background: #f5f5f5;border-radius: 20px;line-height: 30px;font-size: 14px;}

.sydownbox ul{ overflow: hidden;height: auto;padding:10px 12px 0 12px; }
.sydownbox ul a{width:50%;height: 79px;font-size:12px;color:#777;display:block;float: left;position: relative;}
.sydownbox ul a img{width:65px;height:65px;display: block;float:left;margin-right: 10px;border-radius:10px;background-color: #eee;}
.sydownbox ul a em,.sydownbox dd a u,.sydownbox dd a b{display: block;overflow: hidden;}
.sydownbox ul a em{height: 18px; line-height: 18px; color: #333333; overflow: hidden; font-size: 14px;}
.sydownbox ul a u{height: 24px; line-height: 24px; color: #999999;overflow: hidden;}
.sydownbox ul a b{width: 56px; height: 18px; line-height: 18px; border: 1px solid #16ac1d; color:#16ac1d; text-align: center; border-radius: 5px;font-weight: normal;display: block;position: absolute;left:75px;bottom:15px;}

.phboxul{padding: 0 16px;}
.phboxul li .img img{display: block;float: left;width: 66px;height: 66px;border-radius: 10px;}
.phboxul li{display: flex; border-bottom: 1px solid #EFE7E7; padding: 10px 0;}
.phboxul li:last-child{border:0;margin-bottom: 10px;}
.phboxul li .info{flex: 1;}
.phboxul li .phb_downbtn{margin: 20px 0 0 0;}
.phboxul li .info a{font-size: 15px;color: #333; padding: 0 10px; line-height: 24px;height: 24px;overflow: hidden;display: block;}
.phboxul li .info p{color: #999; padding: 0 10px; line-height: 20px; font-size: 12px;height: 20px;overflow: hidden;display: block;}
.phboxul li .phb_downbtn{display: block;width: 58px;height: 26px;background:#16ac1d;border-radius: 4px;margin: 20px auto 0 auto;text-align: center;line-height: 26px;color: #fff;font-size: 14px;padding:0;}

#switchWz{margin:10px 10px 5px 10px;border:1px solid #16ac1d;border-radius:5px;-webkit-box-orient:horizontal;display:-webkit-box;height:30px;}
#switchWz a{-webkit-box-flex:1;text-align:center;height:30px;line-height:30px;font-size:14px;color:#16ac1d;display:block;position:relative;}
#switchWz a.on{background:#16ac1d;color:#fff;}
#switchWz a:not(:last-child):after{content:"";position:absolute;top:0;right:0;width:1px;height:30px;background:#16ac1d;}

#boxofWz{padding:5px 0;}
#boxofWz ul{padding:5px 12px;}
#boxofWz ul li{height:18px;padding:10px 0;line-height:18px;border-bottom:1px dashed #ddd;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow:ellipsis}
#boxofWz ul li:last-child{border:0}
#boxofWz ul li .gl,#boxofWz ul li .zx{display:inline-block;width:32px;height:18px;margin-right:5px;font-size:12px;text-align:center;color:#fff;background:#ff6600;}
#boxofWz ul li .zx{background:#2998ff;}

.tstags{margin-bottom: 10px;}
.tstags a{height:22px;line-height:22px;padding:0 12px;margin:5px 10px;border:1px solid #ccc;border-radius:10px;font-size:12px;display:inline-block;}
.tstags a:nth-child(1n+0){color:#2998ff; border-color:#2998ff}
.tstags a:nth-child(2n+0){color:#ff6600; border-color:#ff6600}
.tstags a:nth-child(3n+0){color:#3ccba0; border-color:#3ccba0}
.tstags a:nth-child(4n+0){color:#9f4ad5; border-color:#9f4ad5}

.linkslist{overflow: hidden;margin: 0 12px 10px 12px;}
.linkslist a{font-size: 12px;color: #666;margin-right: 20px;line-height: 28px;}