/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px;margin:0px;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:16px;}
img{border:0 none;vertical-align:middle;border:none;interpolation-mode:bicubic;max-width:100%;}
fieldset{border:0}
ul,ol{list-style:none}
em,i,b{ font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;text-indent:0}
body{overflow-x:hidden;background:#FFF;color: #333;
    min-width: 320px;
    max-width: 768px;
}
body,input,button,textarea{line-height:1.5;font:normal 12px '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;outline:0}
input, textarea, select, button {outline: none;border: none;}
button{cursor:pointer}
a{text-decoration:none;color:#333}
a:focus{outline:0}
.clear{ clear:both;}
.clearfix{ *zoom:1;}
.clearfix:after{clear:both;display:block;height:0;visibility:hidden;overflow:hidden;content:'.'}

.tc{text-align:center}
.fl{float:left}
.fr{float:right}
.line-through{width:100%;height:10px;background:#f0f0f0; position:relative;}
/*footer*/
.footer{font-size: 12px;padding-bottom: 0px;background-color: #f0f0f0;}
.foot-nav{color: #999;text-align: center;padding: 12px 0 8px;}
.foot-nav a{color: #666;margin: 0 10px;}
.foot-nav a.cur{color: #17ABA7;}
.footer p{color: #999;text-align: center;line-height: 50px;}
/*头部*/
#top{position:relative;z-index:10;top:0;width:100%;height:36px;padding: 5px 0;background: #fff;}
#top>div{display:block;margin:0 12px;}
#top>div>span{float:right;display:inline-block;margin-left:12px;width:25px;height:34px;background:url(../images/r-icon-pre.png) no-repeat center center;background-size:25px auto;cursor:pointer}
#top>div>span:active{background-color:hsla(0,0%,100%,.8)}
#top>div>a{
    float:left;display:inline-block;
    margin-right:12px;width:125px;
    height:40px;background:url(../images/logo.png) no-repeat left center;
    background-size:contain;cursor:pointer
}
#top>div .search_detail {
    height: 25px;
    width: 25px;
    margin-top: 5px;
    background: url(../images/m_back.png) no-repeat 0px center;
    background-size: contain;
}
#top>div .back_tit {
    flex: 1;
    display: inline-block;
    overflow: hidden;
    height: 34px;
    width: auto;
    font-weight: 700;
    font-size: 17px;
    line-height: 34px;
}
#top>div>a.back-btn{width:20px;background:url(../images/back.png) no-repeat 0px center;background-size:20px auto}
#top>div>p{flex:1;height:34px;text-align:center;font-weight:700;font-size:1pc;line-height:34px}
#top>div>p{display:inline-block;overflow:hidden;width:70%}
.collection>.search{display:block;overflow:hidden}
.collection>.search{height:34px;border:1px solid #f1f1f1;border-radius:18px;background:hsla(0,0%,96%,.9); padding: 0 10px;    margin: 10px;}
.collection>.search{flex: 1;}
.collection>.search div{width: 80%; float: left; height: 20px; padding:8px 0px;}
.collection>.search div input{float:left;overflow:hidden;width:95%;height:20px;line-height: 20px;border:none;background:0 0;color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.collection>.search img{float:right;display:inline-block;width:16px;height:25px;border-radius:18px; margin-top: 5px;}
.collection>.search img:active{background-color:#eee}
/*Head1*/
.Head1{display:block;overflow:hidden;padding: 0px 0 10px 0;height:24px;}
.Head1 h2{float:left;color:#333;font-size:16px;line-height:24px;margin-left:12px;}
/*汉堡菜单burger*/
.burger{min-width: 320px;max-width: 768px;position:fixed;top:50px;z-index:11;overflow-x:hidden;overflow-y:scroll;width: 100%;height:100vh;border-top:1px solid #f5f5f5;background:rgba(255,255,255,.95); display: none; z-index: 1000}
.burger::-webkit-scrollbar{width:0}
.burger .culumn{overflow:hidden}
.burger .icon-btn2{overflow:hidden;margin: 0 5px;}
.burger .icon-btn2 li{float:left;width:33.33%;text-align:center; margin-bottom: 10px;}
.burger .icon-btn2 li a{display:block;overflow:hidden;border:1px solid #ddd;border-radius:5px;background:#f8f8f8; width: 90%; margin: 0 auto; height: 28px;overflow: hidden; padding: 0 2px;}
.burger .icon-btn2 li a:active{background:#bbb}
.burger .icon-btn2 li a p{display:block;color:#555;font-size:14px;line-height:28px}
.burger .back { margin: 12px 0;text-align: center;}
.burger .back button {display: inline-block; padding: 9px 0;width: 50%; border-radius: 4px;  background: #17ABA7; color: #fff; font-weight: 700; font-size:14px;}

/*菜单*/

#syNav{background:#fff;position:relative;top:0px;z-index: 10;width: 100%; height: 43px;}
#syNav .swiper-slide{overflow:hidden;padding:0 4px;width:60px;height:43px;text-align:center; overflow: hidden;}
#syNav a{display:block;color:#848493;letter-spacing:1px;font-size:16px;line-height:43px;transition:all .3s ease}
#syNav .active a{color:#17ABA7;font-weight:600;font-size:15px; line-height: 43px;}
#syNav .active a:before{position:absolute;bottom:0;left:50%;display:block;margin-left:-10px;width:20px;height:3px;background:#17ABA7;content:" "}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{
    position:relative;
    width:100%;height:100%;
    z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
    display:flex;-webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;-o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;transition-property:transform;
    -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-slide img{width: 100%;height:100%;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiper-container-horizontal>.swiper-pagination-bullets{position: absolute;z-index: 22;bottom: 6px;width: 100%;text-align: center;}
.swiper-pagination-bullet {width: 6px;height: 6px;box-sizing: border-box;display: inline-block;border-radius: 50%;background: #a38785;border: 1px solid #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
.swiper-pagination-bullet-active {background: #fff;}
.keylink {color:#00f;}

 .zt-type {
      

}
 .zt-type .zt {
  display: inline-block;
    box-sizing: border-box;
    padding:0 10px;
    margin: 0 5px;
    height: 34px;
    border: 1px solid #dbe1ec;
    border-radius: 3px;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}
 .zt-type .active {
    color: #17ABA7;
}


/* 分页 */

.pagination {

    padding: 15px;

    width: 100%;

}

.pagination {

    margin: 0;

    text-align: center;

    font-size: 14px;

    display: block;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    border-radius: 4px;

}

.pagination ul {

    display: inline-block;

    margin-left: 0;

    margin-bottom: 0;

    padding: 0;

    list-style: none;

    margin: 0;

}

.pagination ul > li.prev-page, .pagination ul > li.next-page {

    display: inline;

}

.pagination ul > li > a, .pagination ul > li > span {

    margin: 0 2px;

    float: left;

    padding: 6px 13px;

    background-color: #ddd;

    color: #666;

    border-radius: 2px;

    opacity: .88;

}

.pagination ul > li.prev-page, .pagination ul > li.next-page {

    display: inline;

}

.pagination ul > li.next-page a {

    background-color: #17ABA7;

    color: #fff;

}

.pagination ul > li > a, .pagination ul > li > span {

    margin: 0 2px;

    float: left;

    padding: 6px 13px;

    background-color: #ddd;

    color: #666;

    border-radius: 2px;

    opacity: .88;

}

.pagination a {

    margin: 0 2px;

    padding: 6px 13px;

    background-color: #ddd;

}

.pagination a.now-page {

    background: #17ABA7;

    color: #fff;

}