/*初始化*/
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul,button{margin:0;padding:0;border:0}
body{font-family: PingFangSC-Regular,Microsoft YaHei,Helvetica; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;background: #f5f7f9;}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}
body,html a{color:#262626;font-size:.28rem}
.hidden,.none{display:none!important}
/*top*/
#top{position:fixed;z-index:10;top:0;width:100vw;height:1.02rem;background:#fff;/*box-shadow:0 .06rem .06rem rgba(0,0,0,.04)*/}
#top>div{display:block;margin:0 .24rem}
#top>div>span{float:right;display:inline-block;margin-left:.24rem;width:1.24rem;height:.66rem;border:.02rem solid #f1f1f1;border-radius:.33rem;background:url(../../img/zt/r-icon-pre.png) no-repeat center bottom;background-color:hsla(0,0%,100%,.3);background-size:.66rem auto;cursor:pointer}
#top>div>span:active{background-color:hsla(0,0%,100%,.8)}
#top>div>a{float:left;display:inline-block;margin-right:.24rem;width:1.24rem;height:.68rem;background:url(../../img/zt/k-logo.png) no-repeat left center;background-size:1.22rem auto;cursor:pointer}
#top>div>a.goback{width:.6rem;background:url(../../img/zt/back.png) no-repeat .12rem center;background-size:.2rem auto}
#top>div>p{margin:.14rem .88rem .14rem .76rem;height:.74rem;text-align:center;font-weight:700;font-size:1pc;line-height:.74rem}
#top>div>.search,#top>div>p{display:block;overflow:hidden}
#top>div>.search{margin:.14rem 0;height:.7rem;border:.02rem solid #f1f1f1;border-radius:.35rem;background:hsla(0,0%,96%,.9)}
/*search*/
.search div{display:block;margin:.1rem .76rem .1rem .36rem;height:.5rem}
.search div input{float:left;overflow:hidden;width:95%;height:.5rem;border:none;background:0 0;color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem;line-height:.5rem}
.search img{float:right;display:inline-block;padding:.1rem .22rem;width:.32rem;height:.5rem;border-radius:.37rem}
.search img:active{background-color:#eee}

/*汉堡菜单burger*/
.burger{position:fixed;top:1.02rem;z-index:11;overflow-x:hidden;overflow-y:scroll;width: 100vw;height:100vh;border-top:.02rem solid #f5f5f5;background:rgba(255,255,255,.95)}
.burger::-webkit-scrollbar{width:0}
.culumn{overflow:hidden}
/* icon */
.icon-btn1{display:block;overflow:hidden;padding:0 .12rem}
.icon-btn1 li{float:left;display:block;margin:0 auto .2rem auto;width:20%;text-align:center}
.icon-btn1 li a{display:inline-block;overflow:hidden}
.icon-btn1 li a p{color:#888;font-size:.28rem}
.icon-btn1 li a span{display:block;margin-bottom:.2rem;width:.96rem;height:.96rem;border-radius:50%;background-position:center center;background-size:auto .96rem;background-size:auto .96rem;background-repeat:no-repeat}
.icon-btn1 li:nth-child(1) a span{background-image:url(../../img/zt/icon-B-game.jpg)}
.icon-btn1 li:nth-child(2) a span{background-image:url(../../img/zt/icon-B-Software.jpg)}
.icon-btn1 li:nth-child(3) a span{background-image:url(../../img/zt/icon-B-skill.jpg)}
.icon-btn1 li:nth-child(4) a span{background-image:url(../../img/zt/icon-B-new.jpg)}
.icon-btn1 li:nth-child(5) a span{background-image:url(../../img/zt/icon-B-activity.jpg)}
.icon-btn1 li:nth-child(6) a span{background-image:url(../../img/zt/icon-B-page.jpg)}
.icon-btn1 li:nth-child(7) a span{background-image:url(../../img/zt/icon-B-kf.jpg)}
.icon-btn1 li:nth-child(8) a span{background-image:url(../../img/zt/icon-B-video.jpg)}
.icon-btn1 li:nth-child(9) a span{background-image:url(../../img/zt/icon-B-picture.jpg)}
.icon-btn1 li:nth-child(10) a span{background-image:url(../../img/zt/icon-B-Ranking.jpg)}
.icon-btn1 li a span:active{opacity:.8}
.channel{overflow:hidden}
.icon-btn2{overflow:hidden;margin-left:.24rem}
.icon-btn2 li{float:left;margin:.1rem 0;width:2.42rem;text-align:center}
.icon-btn2 li a{display:block;overflow:hidden;margin-right:.24rem;border:.02rem solid #ddd;border-radius:.08rem;background:#f8f8f8}
.icon-btn2 li a:active{background:#bbb}
.icon-btn2 li a p{display:block;margin:.18rem auto;padding-left:.38rem;width:1.14rem;background-image:url(../../img/zt/color-icon.png);background-size:.4rem auto;background-repeat:no-repeat;color:#555;font-size:.28rem;line-height:.32rem}
.channel .icon-btn2 li:nth-child(1) a p{background-position:0 -1.64rem}
.channel .icon-btn2 li:nth-child(2) a p{background-position:0 -.04rem}
.channel .icon-btn2 li:nth-child(3) a p{background-position:0 -.44rem}
.channel .icon-btn2 li:nth-child(4) a p{background-position:0 -.84rem}
.channel .icon-btn2 li:nth-child(5) a p{background-position:0 -1.24rem}
.collection .icon-btn2 li:nth-child(1) a p{background-position:0 -2.04rem}
.collection .icon-btn2 li:nth-child(2) a p{background-position:0 -2.44rem}
.collection .icon-btn2 li:nth-child(3) a p{background-position:0 -2.82rem}
.collection .icon-btn2 li:nth-child(4) a p{background-position:0 -3.24rem}
.collection .icon-btn2 li:nth-child(5) a p{background-position:0 -3.64rem}
.icon-btn2 li a p:active{color:#fff}
.back{margin:.24rem 0;text-align:center}
.back button{display:inline-block;padding:.18rem 0;width:50%;border-radius:.08rem;background:#22C485;color:#fff;font-weight:700;font-size:.28rem}
.back button:active{opacity:.7}

/*面包屑导航*/
#BreadcrumbNavigation{clear:both;display:block;background:#f5f7f9}
#BreadcrumbNavigation .BN-a{display:block;overflow:hidden;padding:0 .24rem 0 .64rem;background:url(../../img/zt/position.png) no-repeat .24rem center;background-size:.4rem auto}
#BreadcrumbNavigation .BN-a .BN-a-cont{display:block;overflow:hidden;height:.6rem}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-index{float:left;display:block;color:#262626;font-weight:700;font-size:.24rem;line-height:.6rem}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-lei{float:left;display:block;margin-left:.2rem;padding-left:.2rem;background:url(../../img/zt/up-down3.png) no-repeat left top;background-size:.14rem auto;color:#262626;font-weight:700;font-size:.24rem;line-height:.6rem}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-lei.open{background-position: left bottom;}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-second{float:left;display:block;margin-left:.16rem;padding-left:.14rem;background:url(../../img/zt/all-icon.png) no-repeat left center;background-size:auto .2rem;color:#262626;font-weight:700;font-size:.24rem;line-height:.6rem}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-cur{overflow:hidden;display:block;padding-left:.16rem}
#BreadcrumbNavigation .BN-a .BN-a-cont .BN-cur span{display:block;overflow:hidden;padding-left:.14rem;width:100%;background:url(../../img/zt/all-icon.png) no-repeat left center;background-size:auto .2rem;color:#727272;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem;line-height:.6rem}
#BreadcrumbNavigation .BN-b{position:absolute;z-index:9;display:none;width:100%;border-bottom:.02rem solid #ebebeb;background-color:#f5f7f9}
#BreadcrumbNavigation .BN-b .BN-classify{display:block;overflow:hidden;margin:0 .12rem;padding-top:.1rem}
#BreadcrumbNavigation .BN-b .BN-classify>li{float:left;display:inline-block;margin-bottom:.2rem;width:25%}
#BreadcrumbNavigation .BN-b .BN-classify>li>a{display:block;margin:0 .12rem;border-radius:.04rem;background:#fff;color:#333;text-align:center;font-size:.24rem;line-height:.6rem}
#BreadcrumbNavigation .BN-b .BN-classify>li>a.BN-cur{background:#22C485;color:#fff}

/*页码*/
.ymbox{display:block;padding:.2rem .24rem}
.ym{display:flex;width:100%;height:.94rem;border-top:.02rem solid #f5f5f5;justify-content:space-between}
.ym>a{display:inline-block;font-size:.24rem;overflow:hidden;margin:.28rem 0;width:22%;height:.6rem;border-radius:.08rem;background:#f6f6f6;color:#333;text-align:center;line-height:.6rem}
.ym>a:active,.ym>span .cbtn a:active{background:#ddd}
.ym>a:nth-child(2){width:14%}
.ym>a:nth-child(4){width:14%}
.ym>a.over{color:#bbb}
.ym>.container-ym{margin:.28rem 0;width:22%;height:.6rem;border-radius:.08rem}
.ym>.container-ym>span{display:block;border-radius:.08rem;background:#22C485;color:#fff;text-align:center;font-size:.28rem;height:.6rem;line-height:.6rem}
.ym>.container-ym.toclick{-webkit-box-shadow:0 0 .06rem #bbb;-moz-box-shadow:0 30 .06rem #bbb;box-shadow:0 0 .06rem #bbb}
.ym>.container-ym{height:1.84rem}
.ym>.container-ym .swiper-wrapper{display:none}
.ym>.container-ym .swiper-wrapper .swiper-slide{overflow:hidden;height:.62rem}
.ym>.container-ym .swiper-wrapper .swiper-slide a{display:block;height:.6rem;border-bottom:.02rem solid #fff;background:#f6f6f6;color:#666;text-align:center;font-size:.28rem;line-height:.6rem}
.ym>.container-ym .swiper-wrapper .swiper-slide:last-child a{border-bottom:none}
.ym>.container-ym .swiper-wrapper .swiper-slide a:active{background:#ddd}
.ym>.container-ym .swiper-wrapper .swiper-slide a.now{background:#22C485;color:#fff}

/*footer*/
.foot{overflow:hidden;width:100vw}
.foot footer .footBtn{display:flex;overflow:hidden;margin:.82rem auto .2rem auto;justify-content:center}
.foot footer .footBtn a{padding-left:.42rem;background-image:url(../../img/zt/foot-icon.png);background-size:.4rem auto;background-repeat:no-repeat;color:#000;font-size:.3rem;line-height:.4rem;margin:0 .26rem;}
.foot footer .footBtn a.to-k8{background-position:left top}
.foot footer .footBtn a.to-top{background-position:left bottom}
.foot footer p{padding:.2rem 0 .82rem 0;color:#b3b3b3;text-align:center;font-size:.24rem;line-height:.4rem}

/**/
.interlink{overflow:hidden;margin-top:.16rem;background:#fff}
.interlink .interlink-list{overflow:hidden;margin:0 .24rem .2rem -.16rem}
.interlink .interlink-list a{float:left;display:block;margin-left:.4rem;color:#666;font-size:.24rem;line-height:.56rem}
.interlink .interlink-list a:active{color:#22C485}
#SOHUCS{overflow:auto;margin-top:.16rem;background:#fff}
#SOHUCS .module-mobile-cmt-header{background:#fff!important}