@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;}

#top {
    width: 100%;
    height: 44px;
    background: #16ac1d;
    box-sizing: border-box;
    position: relative;
    zoom: 1; padding: 0 44px 0 122px;
}

#top .t-t {
    position: absolute;
    top: 5px;
    left: 0;
    width: 120px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

#top .t-c {
    width: auto;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    padding-top: 8px;
}

#top .t-c .keyword_input {
    width: 84%;
    height: 28px;float: left;
    line-height: 28px;
    font-size: 15px;
    text-indent: 10px;
    background: #f7ffef;
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    border: 0;
    border-radius: 4px 0 0 4px;
}

#top .t-c #search-submit{
    width: 28px;
    height: 28px;
    display: block;
    overflow: hidden;
    border: 0;
    background: url(../images/home-icon.png) no-repeat 0 -60px #f7ffef;
    background-size: 400px;
    border-radius: 0 4px 4px 0;
}

#top .t-n span {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/home-icon.png) no-repeat 14px 13px;
    background-size: 400px;
    cursor: pointer;
}

#mclassifyCont {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 10000;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

#mclassifyCont p {
    margin: 10px 15px 5px;
    border: 1px solid #16ac1d;
    border-radius: 3px;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    height: 36px;
}

#mclassifyCont p span {
    position: relative;
    float: left;
    -webkit-box-flex: 1;
    text-align: center;
    width: 50%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #16ac1d;
    display: block;
}

#mclassifyCont p .cur {
    background: #16ac1d;
    color: #fff;
}

#mclassifyCont p span:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 36px;
    background: #16ac1d;
}

#mclassifyCont ul {
    margin: 0 10px 15px 10px;
    display: none;
    overflow: auto;
}

#mclassifyCont ul.on {
    display: block;
}

#mclassifyCont li {
    float: left;
    width: 33.33%;
}

#mclassifyCont li a {
    display: block;
    text-align: center;
    margin: 5px;
    border: 1px solid #d6d6d6;
    padding: 12px 7px;
    color: black;
}

#mclassifyCont li a span {
    display: block;
    color: black;
    padding: 0 0 4px 0;
}


#nav {
    line-height: 39px;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    width: auto;
    height: 39px;
}

#nav .n-c {
    width: 100%;
    height: 40px;
    display: -webkit-box;
}

#nav .n-c a {
    text-align: center;
    color: #444;
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px;
    -webkit-box-flex: 1;
}

#nav .n-c .cur {
    color: #444;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid  #16ac1d;
    box-sizing: border-box;
}