/*基本样式*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul,li { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; }

img { border: 0; display: inline-block; vertical-align: top; font-size: 0; }

input, select, button, textarea { font-family: inherit; outline: 0; margin: 0; color: inherit; -webkit-appearance: none; }


input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }

input::-webkit-input-placeholder { color: #999; }



/*html {font-size:625%;}*/
body {font-size: 14px;line-height: 1.5;   font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";   outline: 0;color: #333;  

}

body {min-width: 320px;    min-height: 100%;    max-width: 750px;}

html {
    font-size: 100px;
    font-size: 26.6667vw;
}

@media screen and (min-width: 750px) 
{
    html {
        font-size: 200px;
    }
}
*{font-size: 0.14rem;}
a{color: #686b6a;}
a:hover{color: #11ad11;}
.cl:after,.wrapper:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
*html .cl{height:1%}
.header-nav .nav,.news-list2 li{display: -webkit-box;    display: -webkit-flex;    display: flex;}
.header-top{justify-content : space-between}
.nav a,.news-list2 li a{-webkit-box-flex: 1;    -webkit-flex: 1;    flex: 1;}



.header,.footer,.header-nav{width:100%;}
.wrapper{width:100%}

.header-top{height:0.5rem;padding: 0.1rem ;}
.header-top .logo{float: left; height: 0.3rem;}
.header-top .logo a{ display:block; height:0.3rem; background-image:url(../images/logo.png) ;background-repeat: no-repeat;background-size: 1.22rem 0.3rem;width:1.3rem;}
.search{ height: 0.3rem; position:relative; background-color: #e6eaec;border-radius:0.2rem;overflow: hidden;}

.search .text{ height: 0.3rem; background: none; outline:none; color:#999;  border:none; padding:0.15rem; border-radius:0.2rem 0 0 0.2rem;}
.search .text::-webkit-input-placeholder { color: #999; }
.search .text::-moz-placeholder { color: #999; opacity: 1; }
.search .text:-ms-input-placeholder { color: #999; }

.search .button{position: absolute;right:0;width: 0.5rem; height:0.3rem;  background: url(../images/search.png) center no-repeat; color: #FFF; border:none; outline:none; float:right; cursor:pointer; border-radius: 0 0.2rem 0.2rem 0;background-size:  auto 0.18rem;text-indent: -999rem; top: 0; }


.header-nav{ background: #11ad11;width:100%; }
.nav{ height: 0.4rem;}
.nav a{ display:inline-block; vertical-align: top; line-height:  0.4rem;width: 0.6rem;  text-align:center; color:#fff;  float:left;  color: #e3ffe3;}
.nav a+a{margin-left: 1px;}
.nav a:hover,
.nav a.on{ background-color:#0e8e0e; color: #fff; }

.footer{padding:0.2rem 0.2rem;text-align: center;color: #999;/*border-top:1px solid #f2f2f2*/}

/*banner*/
.banner-cont{height:1.8rem;overflow: hidden;}
.banner-cont .swiper-container{width: 100%;height: 100%;}
.banner-cont .swiper-slide{text-align: center;}
.banner-cont img{width: 100%;height: 100%;object-fit: cover;}
.banner-cont a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;text-indent: -999em;overflow: hidden;z-index: 20;}
.banner-cont .tt{position: absolute;z-index: 11;display: block;bottom: 0;background: rgba(0, 0, 0, 0.3);height: 0.3rem;line-height:0.3rem;display: block;color: #F4F4F4;overflow: hidden;width: 100%;text-align: left;}
.banner-cont .tt span{padding:0 0.1rem;}
.banner-cont .swiper-container-horizontal .swiper-pagination{text-align: right;width: auto;right: 0.1rem;bottom: 0.05rem;}
.banner-cont .swiper-pagination-bullet{background-color: #fff;opacity: 1;width: 0.08rem;
    height: 0.08rem;}
.banner-cont .swiper-pagination-bullet-active{background: #11ad11;}

.pic-cont{max-height:2.5rem;overflow: hidden;padding: 0 0.15rem;width: 100%;}
.pic-cont .swiper-container{width: 100%;max-height:2.5rem;}
.pic-cont .swiper-slide{text-align: center;}
.pic-cont img{max-width: 100%;max-height:2.5rem;}

.pic-cont .swiper-container-horizontal .swiper-pagination{text-align: center;width:100%;bottom: 0.05rem;}
.pic-cont .swiper-pagination-bullet{background-color: #ddd;opacity: 1;width: 0.12rem;height: 0.12rem;}
.pic-cont .swiper-pagination-bullet-active{background: #11ad11;}



.part-box{ }
.part-box + .part-box{ border-top:0.1rem #f2f2f2 solid;}
.padlf{padding: 0rem 0.15rem;line-height: 0.45rem;height: 0.45rem;}
.sub-title{font-size:0.16rem;font-weight: bold;color: #3f4140;float: left;}
.padlf .btn-more{color: #999;float: right;}
.star{width: 0.75rem;height: 0.13rem;display: inline-block;background-image: url(../images/star2.png);background-size: auto 100%;}
.s5{background-position: 0 0;}
.s4{background-position:  -0.15rem 0;}
.s3{background-position: -0.30rem 0;}
.s2{background-position: -0.45rem 0;}
.s1{background-position: -0.61rem 0;}
.s0{background-position: -0.75rem 0;}
.ico-list ul{}
.ico-list  li {float:left;width:25%;padding:0  0.1rem 0.1rem ;text-align: center;}
.ico-list  li img {display:block;width:0.66rem; height:0.66rem;margin:0 auto;overflow:hidden;border-radius:0.16rem;}
.ico-list  li span{width:100%;height:0.35rem;line-height:0.35rem;text-align:center;overflow: hidden;display: block;}
.ico-list  li em{width: 0.55rem;height: 0.28rem;border: 1px solid #11ad11; border-radius: 0.20rem;text-align: center;line-height: 0.28rem; color: #11ad11;display: inline-block;margin-bottom: 0.05rem;}
.ico-list  li:hover em{background-color:#11ad11; ;color: #fff;}

.ico-rowlist{padding:0 0.15rem;}
.ico-rowlist li{border-bottom: 1px #ececec solid;padding: 0.12rem 0;height: 0.84rem;position: relative;overflow: hidden;}
.ico-rowlist li a{width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0;overflow: hidden;text-indent: -999em;z-index: 2;}
.ico-rowlist li img{width:0.6rem; height:0.6rem;border-radius: 0.1rem;float: left;margin-right: 0.1rem;}
.ico-rowlist li .name{font-size:0.15rem;padding-right:0.8rem;line-height:0.18rem;height: 0.18rem;overflow: hidden;}
.ico-rowlist li .stars{height:0.2rem;padding-top: 0.02rem;}
.ico-rowlist li .tag{color: #888;font-size: 0.12rem;line-height: 0.2rem;}

.ico-rowlist li .tag span + span:before{content: "|";padding: 0 0.05rem;font-size: 0.12rem;color: #E2E2E2;}
.ico-rowlist li .btn-down{width: 0.55rem;height: 0.28rem;position: absolute;right: 0rem;top:50%;border: 1px solid #11ad11; border-radius: 0.2rem;text-align: center;line-height: 0.28rem; color: #11ad11;margin-top: -0.2rem;}

.ico-rowlist li:hover .btn-down{background: #11ad11; color:#fff;}
.ico-rowlist li .tag{height: 0.22rem;overflow: hidden;}
.ico-rowlist li .tag span{max-width:1rem ;overflow: hidden;display: inline-block;}
.ico-rowlist li .tag:nth-child(4){color: #efa900;}
.news-list { padding:0rem 0.15rem; }

.news-list ul li{ padding:0.12rem 0rem; border-bottom: 1px #ececec solid;}
.news-list ul li .link-ico{float:left;width:1rem;;height: 0.7rem ;overflow: hidden;}
.news-list ul li .link-ico img{width: 100%;height:100%;object-fit: cover;}
.news-list ul li .inf{padding-left:1.1rem; }
.news-list ul li .link-name{font-size:0.15rem;line-height:0.22rem;display: block;height:0.44rem;overflow: hidden;}
.news-list ul li .time{font-size: 0.13rem; color: #999;padding-top: 0.08rem;}
.news-list.gl-list ul li{ border-top: 0;border-bottom: 1px #ececec solid;}

.sub-nav { padding-bottom: 0.1rem;}
.sub-nav li{float: left; width: 25%;padding:0 0.1rem 0.15rem;}
.sub-nav a {height: 0.3rem; line-height: 0.3rem;  background: #efefef; color: #686b6a; text-align: center; overflow: hidden;  border-radius: 0.3rem;display: block;}
.sub-nav a:hover { background: #11ad11;color: #fff; }


.yq-link-bg { background: #f2f2f2;}
.yq-link li{float: left; padding:0 0.15rem 0.1rem;}
.yq-link a {height: 0.3rem; line-height: 0.3rem;   text-align: center; overflow: hidden;  display: block;}



.location { height: 0.35rem; line-height: 0.35rem; background: #e6e6e6; color: #666;  position: relative; z-index: 1; overflow: hidden;border-bottom: #e6e6e6 solid 1px; }

.location li { float: left; padding-left: 0.15rem; padding-right: 0.25rem; position: relative; }
.location li:nth-child(1) { background: #fff url(../images/here-arrow.png) no-repeat right 0; background-size: 0.14rem auto; z-index: 9; }
.location li:nth-child(2) { background: #f1f1f1 url(../images/here-arrow.png) no-repeat right bottom; background-size: 0.14rem auto; z-index: 8; }
.location li.active { float: none; overflow: hidden; }



.sub-menu{position: relative;left: 0;top: 0;z-index: 8;}
.sub-menu-bar{background: #fff;height:0.55rem;padding: 0.15rem;}

.sub-menu-bar .type-menu{float:left;height:0.26rem;padding-right: 0.1rem;cursor: pointer;}
.sub-menu-bar .type-menu {line-height: 0.26rem;padding-right: 0.05rem;font-size: 0.16rem;}
.arrow-down{ display: inline-block; vertical-align: 0; color: inherit;  -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow-down {-moz-transform: translateY(-30%) rotate(45deg);    -ms-transform: translateY(-30%) rotate(45deg);    -webkit-transform: translateY(-30%) rotate(45deg);    transform: translateY(-30%) rotate(45deg);
}
.sub-menu-bar .type-menu .arrow-down{ margin-left: 0.15rem; width: 0.1rem; height: 0.1rem; border-right: 2px solid #b7bbba; border-bottom: 2px solid #b7bbba; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.sub-menu-bar .type-menu.on .arrow-down{transform: translateY(20%) rotate(225deg);}


.sub-menu-bar .link{font-size: 0.16rem;float: right;}
.sub-menu-bar .link li{float:left;width: auto;padding:0 0.1rem ;text-align: center;cursor: pointer;}
.sub-menu-bar .link a,.sub-menu-bar .link span{height:0.26rem;line-height: 0.26rem;display: inline-block;padding: 0 0.06rem;background: #e9e9e9;    color: #3f4140;border-radius: 0.2rem;width: 0.50rem;}
.sub-menu-bar .link li.on a,.sub-menu-bar .link li.on span{background: #11ad11;    color: #fff}
.type-box{background: #f2f2f2;display: none; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}
.type-list { padding: 0.1rem 0;}
.type-list li{float: left; width: 25%;padding: 0.1rem 0.1rem;}
.type-list a {height: 0.3rem; line-height: 0.3rem;  background: #dbdbdb; color: #686b6a; text-align: center; overflow: hidden;  border-radius: 0.05rem;display: block;}
.type-list a:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }


.goto-top{background: rgba(0, 0, 0, 0.5);width:0.4rem;height: 0.4rem;position: fixed;bottom: 0.5rem;right: 0.1rem;z-index: 99;display: none;border-radius: 0.1rem;}
.goto-top a{background: url(../images/gtp.png) bottom no-repeat;width: 100%;height: 0.4rem;display: block;background-size: 0.4rem auto;cursor: pointer;}
.page-num{width: 100%;margin: 0.1rem auto;text-align: center;overflow: hidden;}
.page-num a{color: #666666;margin:0.02rem;padding:0.05rem 0.1rem;background: #fff;border: 0.01rem solid #E2E2E2;display: inline-block;border-radius: 0.04rem;}

.page-num a.on,.page-num a:hover{background: #11ad11;border: 1px solid #11ad11;color: #fff;text-decoration: none;}


.sort-nav{padding:0.2rem 0.15rem  0.1rem;overflow: hidden;text-align: center;font-size:0;}
.sort-nav span,.sort-nav ul{margin: 0 auto;height: 0.36rem;display: inline-block;border-radius:0.2rem;overflow: hidden;border: 1px #11AD11 solid;}
.sort-nav a,.sort-nav li{padding:0 0.2rem;text-align: center;line-height: 0.34rem;font-size: 0.15rem;float:left;font-size:0.14rem;background: #fff;}

.sort-nav a.on,.sort-nav li.on{ color: #fff;background-color: #11ad11 ;}
.sort-nav a+a,.sort-nav li+li {border-left: 1px #11ad11 solid;}


.padlf{border-bottom: 1px #eee solid;margin-bottom: 0.1rem;}

.app-info{padding:0.2rem  0.15rem  0.15rem;width: 100%;}
.app-info .img-ico{float: left;width:0.76rem; height:0.76rem; margin-right: 20px;border-radius:0.16rem;overflow: hidden;}
.app-info .img-ico img{width: 100%;height: 100%;}
.app-info .info { overflow: hidden; }
.app-info .info  .title { overflow: hidden; font-size: 0.2rem; color: #333; line-height:0.3rem; height: 0.3rem; font-weight: bold;  }

.app-info .info ul {overflow: hidden;;}
.app-info .info ul li {float: left;width:49%;line-height:0.22rem;height: 0.22rem;white-space:  nowrap;color: #999;font-size: 0.12rem;}

.app-info .btn-download{width:100%;text-align:center;color: #fff;background-color: #11ad11 ;display: block;line-height: 0.4rem;border-radius:1rem ;margin-top: 0.15rem;font-size: 0.15rem;}
 .download-box{width: 100%;padding:0 0.08rem 0.1rem;}
 .download-box li{width: 50%;float: left;padding: 0 0.06rem;}
 .download-box a{width:100%;text-align:center;color: #fff;display: block;line-height: 0.4rem;border-radius:1rem ;font-size: 0.15rem;}
  .download-box li.btn-and a{background-color: #11ad11 ;}
  .download-box li.btn-ios a{background-color: #0099ff ;}
  .download-box li.btn-none a,.download-box li.btn-pc a{background-color: #ccc ;}
  .download-box li.btn-pc{width: 100%;}

  .download-box li.btn-view{width: 100%;}
  .download-box li.btn-view a{background-color: #11ad11 ; }

  
.detail-tag{height: 0.5rem;margin-bottom: 0.15rem;border-bottom: 1px #eee solid;background: #fff;width: 100%;}
.detail-tag li{text-align: center;float: left;line-height: 0.5rem;cursor: pointer;}
.detail-tag li span{line-height: 0.48rem;height0.48rem;overflow:hidden;display:inline-block;font-size: 0.16rem;padding: 0 0.1rem}
.detail-tag li.on span{border-bottom:2px solid #11ad11; color: #11ad11;font-weight: bold;}

.detail-tag ul{display: -webkit-box;    display: -webkit-flex;    display: flex;height: 0.5rem;}
.detail-tag ul li{flex-grow:1 }
.detail-tag.fixed {    position: fixed;   top: 0;    z-index: 999;background: #f2f2f2;border-bottom: 1px #ddd solid;}

/*详情游戏截图*/
.android.swiper-container {
    padding: 0rem 0rem;
    margin: 0 auto;
    width: 100%
   
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.android .swiper-slide img{
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.idx-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
    -ms-transform:scale(0.9); 	/* IE 9 */
    -moz-transform:scale(0.9); 	/* Firefox */
    -webkit-transform:scale(0.9); /* Safari 和 Chrome */
    -o-transform:scale(0.9); 	/* Opera */
}
.android .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* .android .swiper-slide{
    width: 4.3rem;
    height: auto;
} */
.android .swiper-slide .item{
    width: 100%;
    transition: 300ms;
    transform: scale(0.9);
    -ms-transform:scale(0.9); 	/* IE 9 */
    -moz-transform:scale(0.9); 	/* Firefox */
    -webkit-transform:scale(0.9); /* Safari 和 Chrome */
    -o-transform:scale(0.9); 	/* Opera */
}
.swiper-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content:space-between;
    
}
.android .swiper-slide-active.swiper-slide .item, .android .swiper-slide-duplicate-active.swiper-slide .item{
    transform: scale(1) !important;
    -ms-transform:scale(1) !important; 	/* IE 9 */
    -moz-transform:scale(1) !important; 	/* Firefox */
    -webkit-transform:scale(1) !important; /* Safari 和 Chrome */
    -o-transform:scale(1) !important; 	/* Opera */
}


.app-desc{color:#545454; line-height:0.28rem;padding: 0.15rem;overflow: hidden; }
.app-desc a {color: #0099ff;}
.app-desc .intortit,.app-desc h3{ display: block; margin-bottom:0.05rem; color: #555; font-weight: bold;position: relative; padding: 0 0 0 8px; font-weight: 700; text-indent: 0; margin: 10px 0; border-left:0.05rem solid #11ad11; border-bottom: 1px solid #efefef; height:0.3rem;}
.app-desc img{display: block;margin:10px auto;max-width: 100%;}

.article-other .article-more{ line-height:0.35rem; color: #11ad11; cursor: pointer;text-align: center;padding: 0.1rem 0;}
.article-other .article-more span,.article-other .article-more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}

.article-other .article-more .arrow-down{ margin-left: 0.1rem; width: 0.1rem; height: 0.1rem; border-right: 2px solid #11ad11; border-bottom: 2px solid #11ad11; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.article-other .article-more.on  .arrow-down{transform: translateY(20%) rotate(225deg);}
.sub-box{ }
.sub-box + .sub-box{ border-top:0.15rem #f2f2f2 solid;}
.sub-box .hd{ display: block; height:0.45rem; line-height:0.45rem;  font-size: 0.16rem;  position: relative; padding: 0 0.15rem;  }
.sub-box .hd .title{ display: inline-block; font-size: 0.16rem; font-weight: 700;float: left;}
.sub-box .hd .title.blue{ color: #11ad11;}
.sub-box .hd  .btn-more{color: #999;float: right;}

.rmckbox{ padding-bottom:0.2rem;padding-left: 0.15rem; }
.rmckbox a{margin-right: 0.05rem; margin-bottom: 0.15rem; line-height: 0.26rem; display: inline-block; padding: 0 0.15rem; border-radius:0.5rem; border: 1px solid #e5e5e5; background-color: #f5f5f5;}
.rmckbox .c-1{color:#ff1716}
.rmckbox .c-2{color:#0b9e94}
.rmckbox .c-3{color:#d39f17}
.rmckbox .c-4{color:#ff006b}
.rmckbox .c-5{color:#049cff}
.rmckbox .c-6{color:#8b4bfa}
.rmckbox .c-7{color:#4b991f}
.rmckbox a:hover{color: #2abff6;}


.article-title{padding:0.15rem 0.15rem 0rem ;}
.article-title .title{font-size:0.18rem;text-align: center;color: #000;font-weight: bold;}
.article-title .time{border-bottom: 1px solid #edf0f2;color: #999;text-align: center;padding: 0.1rem 0;font-size: 0.12rem;}
.article-title .time span{padding: 0 0.1rem;font-size: 0.12rem;}

.game-info{padding:0.1rem;border: 1px solid #efefef;height: 100%;position: relative;left: 0;}
.game-info .link-ico{float: left;width:0.6rem; height: 0.6rem; margin-right: 20px;border-radius: 0.10rem;overflow: hidden;}
.game-info .link-ico img{width: 100%;height: 100%;margin: 0;}
.game-info .info { overflow: hidden;float: left; }
.game-info .info  .link-name{ overflow: hidden; font-size: 0.18rem; color: #333s;   }
.game-info .info ul {overflow: hidden;}
.game-info .info ul li {line-height:0.2rem;color: #999;white-space:  nowrap;  }
.game-info .info ul li span{display: inline-block;}
.game-info .info ul li span + span:before{content: "|";    padding: 0 0.1rem;    font-size: 0.12rem;    color: #ccc;}
.game-info .info ul li .star{}

.game-info .btn-download{position: absolute;right: 0.15rem;top: 20%; background-color:#fff; height:0.28rem; color:#11ad11; text-align:center; line-height:0.28rem; border-radius:0.3rem; border: 1px #11ad11 solid;padding: 0 0.1rem; }
.game-info .btn-download:hover{background:#0e8e0e;color: #fff;}


.news-list2{ overflow: hidden;padding: 0 0.15rem 0.15rem; }
.news-list2 li{  height:0.3rem; line-height:0.3rem; margin-bottom:0rem; overflow:hidden;}
.news-list2 li a{color: #444;  overflow:hidden; display:block;white-space: nowrap;
    text-overflow: ellipsis;}
.news-list2 li span{color:#999; font-size:0.13rem; float:right;width: 0.6rem;text-align: right;}
.news-list2 li:before{content: " ";float:left; background:#bbbbbb;  width:0.05rem; height:0.05rem;border-radius: 0.1rem; margin:0.13rem 0.1rem 0 0;}

.ico-boxlist{text-align: center;}
.ico-boxlist ul{padding-left: 0.15rem;}
.ico-boxlist  li {float:left;width:50%;padding:0.15rem 0.15rem   0 0;cursor:pointer;}
.ico-boxlist  li .link-ico {display:block;width:100%; height:1.1rem;border-radius:0.1rem;overflow:hidden;max-width:2.12rem;margin: auto;}
.ico-boxlist  li img {display:block;width:100%; height:100%;margin:0 auto;overflow:hidden;object-fit: cover;}
.ico-boxlist  li span{width:100%;height:0.35rem;line-height:0.35rem;text-align:center;overflow: hidden;display: block;}

.zt-info{}
.zt-info .bd{position: relative;top: 0;left: 0;}
.zt-info .img-ico{width:100%; max-height: 2.5rem;overflow: hidden; }
.zt-info .img-ico img{width: 100%;height: 100%;object-fit: cover;}
.zt-info .info {text-align: center;background-color: rgba(0,0,0,0.5); color: #fff;position: absolute;bottom: 0;width:100% ;padding: 0.1rem 0;}
.zt-info .info  .title { overflow: hidden; font-size: 0.16rem; font-weight: bold; line-height: 0.3rem;}
.zt-info  .time{height: 0.22rem;}
.zt-info  .time span{   padding: 0 0.1rem;color: #F5F5F5;font-size: 0.13rem;}

.zt-info  .hd {line-height:0.28rem;  color: #666; overflow: hidden; text-align: justify;padding:0.1rem;text-indent: 2em; }


@media only screen and (max-width: 750px) and (min-width: 640px) {
	
	.ico-boxlist  li{width: 33.3%;}
}

.error-404{margin: 0 auto;width: 100%;text-align: center;position: absolute;top:15%;left: 0;}
.error-404 .box{background: url(../images/404.jpg) no-repeat;background-size:3rem auto;width: 3rem;margin: 0 auto;}
.error-404 .btn{padding: 1.7rem 0 0 0px;color: #777;font-size:0.16rem;}
.error-404 .btn p{padding-bottom: 0.1rem;text-align: center;}
.error-404 .btn a{color: #fff;background: #11ad11;border-radius:0.2rem;height: 0.3rem;display:inline-block;line-height: 0.3rem;padding: 0 0.2rem;}
.error-404 .btn a:hover{background-color: #1ea709;text-decoration: none;}

/*20201126-增加排行榜页面*/
.type-list li{float: left;width: 25%;padding: 0.06rem 0.06rem;}

.top-tabs{height: 0.42rem;text-align: center;padding-top: 0.05rem;}
.top-tabs li{text-align: center;line-height: 0.42rem;cursor: pointer;display: inline-block;padding: 0 0.1rem;}
.top-tabs li a{line-height: 0.4rem;display:inline-block;font-size: 0.16rem;padding: 0 0.1rem}
.top-tabs li a.on{border-bottom:2px solid #2997FF; color: #2997FF;}


.top-nav { padding:0.05rem 0.1rem 0.15rem ;}
.top-nav  .item li{float: left;width: 25%;padding: 0.05rem 0.05rem;}
.top-nav .item  a {height: 0.3rem; line-height: 0.3rem;  background: #f1f1f1; color: #666; text-align: center; overflow: hidden;  border-radius: 0.04rem;display: block;border:1px}
.top-nav .item  a.on { background: #11ad11; color: #fff;}
.top-nav .item  a:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }


.top-rowlist{padding:0 0.15rem;}
.top-rowlist li{border-top: 1px #ececec solid;padding: 0.12rem 0;height: 0.84rem;position: relative;overflow: hidden;}
.top-rowlist li a{width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0;overflow: hidden;text-indent: -999em;z-index: 2;}
.top-rowlist li img{width:0.6rem; height:0.6rem;border-radius: 0.1rem;float: left;margin-right: 0.15rem;}
.top-rowlist li .name{font-size:0.16rem;padding-right:0.8rem;line-height:0.2rem;height: 0.2rem;overflow: hidden;}
.top-rowlist li .stars{height:0.2rem;padding-top: 0.02rem;}
.top-rowlist li .tag{color: #999;font-size: 0.12rem;}

.top-rowlist li .btn-down{width: 0.55rem;height: 0.28rem;position: absolute;right: 0rem;top:50%;border: 1px solid #11ad11; border-radius: 0.20rem;text-align: center;line-height: 0.28rem; color: #11ad11;margin-top: -0.14rem;}

.top-rowlist li:hover .btn-down{background: #11ad11; color:#fff;}
.top-rowlist li{position: relative;top: 0;left: 0;}


.rank-list  {list-style-type:none;counter-reset:sectioncounter;}   
.rank-list li{position: relative;}                   

.rank-list li i {float: left;width:0.24rem;line-height:0.6rem;color: #999;margin:0.01rem 0.05rem 0 0 ;text-align: center;
}




.ico-rowlist2 { padding: 0 0.15rem;}
.ico-rowlist2 li{padding: 0.1rem 0;height: 0.8rem;position: relative;overflow: hidden;}
.ico-rowlist2 li{border-bottom: 1px #ececec solid;}
.ico-rowlist2 li a{width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0;overflow: hidden;text-indent: -999em;z-index: 2;}
.ico-rowlist2 li img{width:0.6rem; height:0.6rem;border-radius: 0.1rem;float: left;margin-right: 0.15rem;}
.ico-rowlist2 li .name{font-size:0.16rem;padding-right:0.8rem;line-height:0.24rem;height: 0.24rem;overflow: hidden;}

.ico-rowlist2 li .tag{color: #999;font-size: 0.12rem;line-height: 0.2rem;}

.ico-rowlist2 li p{line-height:0.24rem;}

.ico-rowlist2 li .btn-down{width: 0.55rem;height: 0.28rem;position: absolute;right: 0rem;top:50%;border: 1px solid #11ad11; border-radius: 0.20rem;text-align: center;line-height: 0.28rem;background: #11ad11; color: #fff;margin-top: -0.14rem;}

.ico-rowlist2 li:hover .name{color:#2997FF;}
.ico-rowlist2 li:hover .btn-down{background: #2997FF; color:#fff;}


.top3-list{padding: 0.2rem 0;}
.top3-list li{float: left;width: 33.33%;  position: relative;text-align: center;;}
.top3-list li a{width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0;overflow: hidden;text-indent: -999em;z-index: 2;}
.top3-list li img{width:0.8rem; height:0.8rem;border-radius: 0.2rem;}
.top3-list li .name{font-size:0.14rem;line-height:0.32rem;height: 0.32rem;overflow: hidden;display: block;}
.top3-list li .btn-down{width: 0.55rem;height: 0.28rem; border-radius: 0.20rem;text-align: center;line-height: 0.28rem;background: #11ad11; color: #fff;display: block;margin:0 auto}

.top3-list li .link-ico{text-align: center;position: relative;top: 0;}
.top3-list li .item{width:0.8rem;text-align: center;padding-top:0.3rem;position: relative;top: 0;margin: 0 auto;}


.top3-list li:nth-child(2) .item{padding-top:0;width:1.1rem;}
.top3-list li:nth-child(2) img{width:1.1rem; height:1.1rem;}

.top3-list li  i {position:absolute;top: 0;left: 0; width:0.24rem;height:0.24rem;background: #d7d7d7;text-align: center;color: #fff;line-height: 0.22rem;border-top-left-radius: 0.08rem;border-bottom-right-radius: 0.08rem;}
.top3-list li:first-child  i{background-color: #ffb538;}
.top3-list li:nth-child(2) i{background-color: #ff4715;}
.top3-list li:nth-child(3) i{background-color: #2392fe;}


/*1207-详情页专题推荐*/
.special-tag{height: 0.4rem;margin-bottom: 0.1rem;border-bottom: 1px #eee solid;padding: 0 0.15rem;}
.special-tag ul{height: 0.4rem;overflow: hidden;display: -webkit-box;    display: -webkit-flex;    display: flex;justify-content:flex-start}
.special-tag li{text-align: center;line-height: 0.4rem;cursor: pointer;max-width:3rem;height: 0.4rem;overflow: hidden;flex-grow: 1;}
.special-tag li .tit{line-height: 0.39rem;overflow: hidden;height: 0.39rem;display:inline-block;padding: 0 0.05rem;max-width: 1.5rem;}
.special-tag li.on .tit{border-bottom:2px solid #11ad11; color: #11ad11;font-weight: bold;}

.special-inf{ padding: 0rem 0 0.1rem;margin-bottom: 0.05rem;}
.special-inf .s-img{width: 100%;overflow: hidden;max-height:1.6rem;display: block;}
.special-inf .s-img img{width: 100%;max-width:8rem;margin: 0 auto;display: block;}
.special-inf .text{padding:0.1rem 0.15rem 0;color: #999;font-size: 0.12rem;line-height: 0.26rem; }
.special-inf .s-name{font-size:0.16rem;font-weight: bold;color: #11ad11;}
.special-inf .text a{color:#333}
.special-inf .text p{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;word-wrap:break-word;word-break:break-all;}
.special-inf.no-img{border-bottom: 0.01rem #eee solid;}


/*20211020-增加评论模块*/
.remark-list{padding: 0 0.15rem 0.15rem;}
.remark-list .link-ico {float: left;width: 0.36rem;height: 0.36rem;border-radius: 0.3rem;overflow: hidden;background: #f5f5f5;}
.remark-list .link-ico img{width: 100%;height:100%;}
.remark-list div{padding-left: 0.48rem;}
.remark-list .user{color: #999;line-height:0.2rem;padding-bottom: 0.04rem}
.remark-list .txt{line-height:0.26rem;}
.remark-list li{border-bottom: 1px dashed #eee;padding:0.10rem 0;min-height: 0.5rem;}

.remark-list li:first-child{padding-top: 0;}
.remark-list li:last-child{border: 0;}
.color{background: #F85D90;}

.scoll-recomd{ position:relative; top:0;left: 0;zoom:1;width: 100%;  display:block;}
.scoll-recomd ul{ width:auto; height:auto;  top:0.15rem; left:0; white-space:nowrap; overflow:visible; display:block;  overflow-x: auto;}
.scoll-recomd ul li{ width:2.1rem; height:auto; display:inline-block; margin:0  0 0 0.1rem; white-space:nowrap}

.scoll-recomd ul li .link-ico {display:block;width:100%; height:1.1rem;border-radius:0.06rem;overflow:hidden;}
.scoll-recomd ul li  img{ width:100%; min-height:1.1rem;  display:block; overflow:hidden}
.scoll-recomd ul li  span{ width:100%; height:0.35rem;line-height:0.35rem; text-align:center; overflow: hidden;display: block;}
.scoll-recomd ul li span {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;
    display: block;}
    
/*专题标签*/
.hot-tag{font-size:0;padding:0.1rem 0.15rem;line-height:0.26rem;}
.hot-tag span{display: inline-block;font-size: 0.15rem;color: #666;margin-right: 0.08rem;font-weight: bold;}
.hot-tag a{display: inline-block;font-size: 0.14rem;margin-right:0.12rem;border-radius:0.2rem;padding:0px 0.1rem;color: #444;margin-bottom: 10px;}


.hot-tag a:nth-child(12n+1){color: #499ae0;border:1px solid #499ae0;}
.hot-tag a:nth-child(12n+2){color: #f9679a;border:1px solid #f9679a;}
.hot-tag a:nth-child(12n+3){color: #3dcc9c;border:1px solid #3dcc9c;}
.hot-tag a:nth-child(12n+4){color: #e68a00;border:1px solid #e68a00;}
.hot-tag a:nth-child(12n+5){color: #5cbe65;border:1px solid #5cbe65;}
.hot-tag a:nth-child(12n+6){color: #65bb0a;border:1px solid #65bb0a;}
.hot-tag a:nth-child(12n+7){color: #ff4c4c;border:1px solid #ff4c4c;}
.hot-tag a:nth-child(12n+8){color: #3d85cc;border:1px solid #3d85cc;}
.hot-tag a:nth-child(12n+9){color: #f9679a;border:1px solid #f9679a;}
.hot-tag a:nth-child(12n+10){color: #499ae0;border:1px solid #499ae0;}
.hot-tag a:nth-child(12n+11){color: #e68a00;border:1px solid #e68a00;}
.hot-tag a:nth-child(12n+12){color: #3dcc9c;border:1px solid #3dcc9c;}
.hot-zt{padding-bottom:0.1rem;border-top: 0.15rem #f2f2f2 solid;border-bottom: 1px #ececec solid;}
body{margin: 0 auto}

.introTit{display:block;color: #222;position:relative;padding: 0 0 0 0.10rem;font-weight:700;text-indent:0;margin: 0.15rem 0 0.1rem;border-left: 0.05rem solid #fa8f14;border-bottom: 0.01rem solid #efefef;font-size: 0.15rem !important;line-height: 0.3rem !important;}