/*基本样式*/
* { -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; }


body { font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif"; font-size: 14px; color: #3f4140; -webkit-tap-highlight-color: transparent; }

html {font-size:625%;}
body {font-size: 0.14rem;line-height: 1.5;    font-family:  '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;    outline: 0;color: #333;}

body {min-width: 320px;    min-height: 100%;    max-width: 750px;margin:0 auto}

html {
    font-size: 100px;
    font-size: 26.6667vw;
}

@media screen and (min-width: 750px) 
{
    html {
        font-size: 200px;
    }
}



*{font-size: 0.14rem;}
a{color: #333;}
a:hover{color: #2997FF;}
.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{position: relative;    left: 0;    top: 0;z-index:99;}
.header-top{height:0.5rem;background: #2997ff;position: relative;}
.header-top .logo{float: left; padding-top: 0.05rem;padding-left: 0.1rem;}
.header-top .logo i{ display:block; height:0.35rem; background-image:url(../images/logo.png) ;background-repeat: no-repeat;background-size: auto 0.35rem;width:1.2rem;}
.header-top .btn-menu{display: block;float: right;padding: 0.15rem 0.15rem 0.1rem 0.15rem;}
.header-top .btn-menu i{width: 0.24rem;height: 0.22rem;background: url(../images/btn-menu.png) no-repeat left center;background-size: cover;display: block;}
.header-top .btn-home{display: block;float: left;padding: 0.15rem 0.15rem 0rem 0.15rem;}
.header-top .btn-home i{width: 0.24rem;height: 0.22rem;background: url(../images/logo-m.png) no-repeat left center;background-size: cover;display: block;}
.header-top .btn-return{display: block;float: left;padding: 0.15rem 0.15rem 0rem 0.15rem;}
.header-top .btn-return i{width: 0.24rem;height: 0.22rem;background: url(../images/ico_return.png) no-repeat left center;background-size: cover;display: block;}
/*主菜单*/
.menu-box{position: absolute;top: 0.45rem;left: 0;z-index:12;width: 100%;overflow: hidden;padding-top: 0.05rem;display: none;}
.menu-box::before{position: absolute;top: 0;right: 0.2rem;content: " ";width: 0;height: 0;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-bottom: 0.06rem solid #f5f6f8;}

.menu-box .box{padding:0.1rem 0.1rem 0.2rem ;background: #f5f6f8;}
.menu-tabs{height: 0.45rem;background: #fff;padding: 0rem 0.12rem;}
.menu-tabs li{width: 50%;text-align: center;float: left;line-height: 0.45rem;cursor: pointer;}
.menu-tabs li span{line-height: 0.43rem;display:inline-block;font-size: 0.18rem;padding: 0 0.1rem}
.menu-tabs li.on span{border-bottom:2px solid #2997FF; color: #2997FF;font-weight: bold;}



.mask-layer{position: fixed;background: #000;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: collapse;z-index: 10;}
.mask-layer.on{visibility: visible;opacity: .5;touch-action: none;}

/*same*/
.mask-layer, .type-box .tab-cont .sub-list{-ms-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.menu-list{}
.menu-list li{float: left;width: 33.3%;border: 4px solid #f5f6f8;}
.menu-list a{height: 0.45rem;line-height: 0.45rem;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 0.1rem;background-color: #ffffff;color: #333333;border-radius: 3px;float: left;font-size: 0.16rem;border: 1px solid #ededed;box-sizing: border-box; display: block;width: 100%;}

.header-top .title{font-size: 0.22rem;position: absolute;    left: 50%;margin-left: -0.75rem;color: #fff;line-height: 0.5rem;width: 1.5rem;text-align: center;height: 0.5rem;overflow: hidden;}

.header-nav{ background: #fff;width:100%;border-bottom: 0.05rem #f2f2f2 solid; }
.nav{ height: 0.42rem;}
.nav a{ display:inline-block; vertical-align: top; line-height:  0.42rem;width:20%;  text-align:center; float:left;font-size:0.17rem ; }
.nav a+a{margin-left: 1px;}
.nav a:hover,
.nav a.on{ color: #2997ff; border-bottom: 0.02rem solid #2997ff;}

.footer{padding:0.2rem 0.2rem;text-align: center;color: #999;/*border-top:1px solid #f2f2f2*/}


.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: #2997ff;}



.part-box{ }
.part-box + .part-box{ border-top:0.05rem #f2f2f2 solid;}
.padlf{padding: 0rem 0.15rem;line-height: 0.42rem;height: 0.42rem;border-bottom: 1px #eee solid;margin-bottom: 0.15rem;}
.sub-title{font-size:0.16rem;font-weight: bold;color: #3f4140;float: left;}
.padlf .btn-more{color: #999;float: right;}

.ico-list ul{}
.ico-list  li {float:left;width:25%;padding:0  0.1rem 0.15rem ;text-align: center;}
.ico-list  li img {display:block;width:0.66rem; height:0.66rem;margin:0 auto;overflow:hidden;border-radius:0.12rem;margin-bottom:0.05rem;}
.ico-list  li span{width:100%;height:0.22rem;line-height:0.22rem;text-align:center;overflow: hidden;display: block;}
.ico-list  li i{width:100%;height:0.18rem;line-height:0.18rem;text-align:center;overflow: hidden;display: block;font-size: 0.12rem;color: #cfcfcf;}
.ico-list  li em{width: 0.55rem;height: 0.28rem;border: 1px solid #2997ff; border-radius: 0.20rem;text-align: center;line-height: 0.28rem; color: #2997ff;display: inline-block;margin-bottom: 0.05rem;}
.ico-list  li:hover em{background-color:#2997ff; ;color: #fff;}
.ico-rowlist{padding:0 0.15rem;}
.ico-rowlist li {padding: 0.12rem 0;height: 0.84rem;position: relative;overflow: hidden;}
.ico-rowlist li + li{border-top: 1px #ececec solid;}
.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.55rem; height:0.55rem;border-radius: 0.1rem;float: left;margin-right: 0.1rem;}
.ico-rowlist li .name{font-size:0.14rem;padding-right:0.8rem;line-height:0.3rem;height: 0.3rem;overflow: hidden;}
.ico-rowlist li .stars{height:0.2rem;padding-top: 0.02rem;}
.ico-rowlist li .tag{color: #ccc;font-size: 0.12rem;}
.ico-rowlist li .tag span + span:before{content: "/";padding: 0 0.05rem;font-size: 0.12rem;color: #ccc;}
.ico-rowlist li .btn-down{width: 0.82rem;height: 0.26rem;position: absolute;right: 0rem;top:50%;background: #2997FF; border-radius: 0.04rem;text-align: center;line-height: 0.28rem; color: #fff;margin-top: -0.14rem;}

.ico-rowlist li:hover .btn-down{background: #2997ff; color:#fff;}

/*.star{width: 0.82rem;height: 0.13rem;display: inline-block;background-image: url(../images/star.png);background-size: auto 100%;}
.s5{background-position: 0 0;}
.s4{background-position:  -0.16rem 0;}
.s3{background-position: -0.32rem 0;}
.s2{background-position: -0.48rem 0;}
.s1{background-position: -0.64rem 0;}
.s0{background-position: -0.8rem 0;}*/
.star{width: 0.62rem;height: 0.1rem;display: inline-block;background-image: url(../images/star.png);background-size: auto 100%;}
.s5{background-position: 0 0;}
.s4{background-position: -0.12rem 0;}
.s3{background-position: -0.25rem 0;}
.s2{background-position: -0.38rem 0;}
.s1{background-position: -0.5rem 0;}
.s0{background-position: -0.62rem 0;}


.news-list { padding:0rem 0.15rem; }

.news-list ul li{ padding:0.12rem 0rem; border-top: 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;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-list ul li .time{font-size: 0.13rem; color: #999;padding-top: 0.08rem;}
.news-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: #2997ff;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;border-bottom: 1px solid #dadada;padding:0 0.1rem ;position: relative;z-index: 18;background: #fff;}
.location a{display: inline-block;}
.location a:after{content: ">";padding: 0 0.05rem;color: #666;}

 .link-tab{position: absolute;right: 0.1rem;top: 0;}

 .link-tab li{float:left;text-align: center;}
 .link-tab li+li:before{content: "/";color: #eee;padding: 0 0.1rem;}
 .link-tab li span{height:0.36rem;display: inline-block;padding: 0 0.04rem;}
 .link-tab li.on span{border-bottom: 0.03rem #2997FF solid; color: #2997FF;}





.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.03rem;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: #2997ff;border: 1px solid #2997ff;color: #fff;text-decoration: none;}


.sort-nav{padding:0.2rem 0.15rem  0.1rem;overflow: hidden;text-align: center;}
.sort-nav a{padding:0 0.2rem;text-align: center;line-height: 0.32rem;font-size: 0.15rem;color: #2997ff;border:1px #2997ff  solid;display:inline-block;}

.sort-nav a.on{ color: #fff;background-color: #2997ff ;}
.sort-nav a:first-child{border-radius:0.2rem 0 0 0.2rem;}
.sort-nav a:last-child{border-radius: 0 0.2rem 0.2rem 0;}


.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: 0.15rem;border-radius:0.16rem;overflow: hidden;}
.app-info .img-ico img{width: 100%;height: 100%;}
.app-info .info { overflow: hidden; }
.app-info .info  .title {font-size: 0.16rem; color: #333; line-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: #2997ff ;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: #4ace63 ;}
  .download-box li.btn-ios a{background-color: #2997ff ;}
  .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: #2997ff ; }

  



.app-desc{color:#666; line-height:0.32rem;padding: 0.16rem;overflow: hidden; }
.app-desc .intortit strong,.app-desc h3{ display: block; margin-bottom:0.05rem; color: #2997ff; font-weight: bold;position: relative;  font-weight: 700; text-indent: 0; margin: 0.1rem 0;border-bottom: 1px solid #efefef; height:0.35rem;font-size: 0.16rem;}
.app-desc img{display: block;margin:0.1rem auto;max-width: 100%;}

.article-other .article-more{ line-height:0.35rem; color: #2997ff; 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 #2997ff; border-bottom: 2px solid #2997ff; -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 { border-bottom:0.1rem #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: #2997ff;}
.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 0;}
.article-title .title{font-size:0.18rem;text-align: center;color: #333;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-right: 0.1rem;}

.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:#2997ff; text-align:center; line-height:0.28rem; border-radius:0.3rem; border: 1px #2997ff solid;padding: 0 0.1rem; }
.game-info .btn-download:hover{background: #0078ff;color: #fff;}


.news-list2{ overflow: hidden;padding: 0 0.15rem 0.15rem; }
.news-list2 li{  height:0.35rem; line-height:0.35rem; margin-bottom:0rem; overflow:hidden;}
.news-list2 li a{color: #444;  overflow:hidden; display:block;}
.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.15rem 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 0.15rem 0.15rem  0;cursor:pointer;}
.ico-boxlist  li .link-ico {display:block;width:100%; height:0.9rem;border-radius:0.04rem;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{border-bottom: 0.1rem #f2f2f2 solid;padding-bottom: 0.1rem;}
.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 { padding:  0.1rem;}
.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{  color: #999;font-size: 0.13rem;}

.zt-info  .hd {line-height:0.28rem;  color: #666;  text-align: justify;padding:0 0.1rem;text-indent: 2em;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;  }


@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: #2997ff;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;}






/* 轮播*/

.idx-banner{background: url(../images/ico_idx_01.png) no-repeat;background-size: 100%;box-sizing: border-box;padding-top: 0.36rem;position: relative;border-bottom: 0.05rem #f2f2f2 solid;}
.idx-banner .swiper-container{padding-bottom: 0.5rem;}
.idx-banner .swiper-slide{transform: scale(0.9);transform-origin:50% 100% !important;}
.idx-banner .swiper-slide-active,
.idx-banner .swiper-slide-duplicate-active{transform: scale(1);}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets, .idx-banner .swiper-pagination-custom, .idx-banner .swiper-pagination-fraction{height: 0.11rem;}
.idx-banner .swiper-pagination-bullet{width: 0.11rem;height: 0.11rem;border-radius:0;vertical-align: top;z-index: 99;background: url(../images/ico_idx_03.png) no-repeat;background-size: 100%;}
.idx-banner .swiper-slide{background-size:100% !important;border-radius: 0.2rem;}
.idx-banner .swiper-pagination-bullet-active.swiper-pagination-bullet{background: url(../images/ico_idx_02.png) no-repeat;background-size: 100%;}
.swiper_page{position: absolute;width: 2rem;height: 1px;background: #d0d0d0;left: 50%;margin-left: -1rem;bottom: 0.25rem;}
.idx-banner .swiper-slide .item{width: 100%;height: 100%;background-size:100% !important;border-radius: 0.2rem;box-sizing:content-box;padding-top: 0.15rem;padding-bottom: 0.1rem;}
.idx-banner .swiper-slide .item img{width: 0.67rem;height: 0.67rem;margin: 0rem auto;display: block;border-radius: 0.15rem;}
.idx-banner .swiper-slide .item .hhh{text-align: center;font-size: 0.14rem;color: #ffffff;margin-top: 0.05rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0.1rem;line-height: 0.21rem}
.idx-banner .swiper-slide .item p{text-align: center;font-size: 0.12rem;color: #ededed;overflow: hidden;text-overflow: ellipsis;padding: 0 0.15rem;white-space: nowrap;line-height: 0.21rem}
.idx-banner .swiper-slide .item .dl{font-size:0.12rem ;width: 0.55rem;height: 0.25rem;text-align: center;line-height: 0.25rem;color: #ffffff;display: block;border-radius: 0.25rem;margin: 0.13rem auto;}

.idx-banner .swiper-slide .item.bg-red{background: url(../images/ico_idx_04.png) no-repeat;}
.idx-banner .swiper-slide .item.bg-blue{background: url(../images/ico_idx_05.png) no-repeat;}
.idx-banner .swiper-slide .item.bg-org{background: url(../images/ico_idx_06.png) no-repeat;}
.idx-banner .swiper-slide .item.bg-red p{color: #ffb3a7;}
.idx-banner .swiper-slide .item.bg-blue p{color: #aacdff;}
.idx-banner .swiper-slide .item.bg-org p{color: #ffdcaf;}

.idx-banner .swiper-slide .item.bg-red .dl{background: #ec3509;}
.idx-banner .swiper-slide .item.bg-blue .dl{background: #186dfc;}
.idx-banner .swiper-slide .item.bg-org .dl{background: #fb7f01;}

.idx-banner .swiper-slide-active,
.idx-banner .swiper-slide-duplicate-active {
    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 */
}

.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:1.6rem; 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:0.8rem;border-radius:0.04rem;overflow:hidden;}
.scoll-recomd ul li  img{ width:100%; min-height:0.8rem;  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;}


.rank-list  {list-style-type:none;counter-reset:sectioncounter;}   
.rank-list li{position: relative;}                   
.rank-list li:before {content: counter(sectioncounter);counter-increment:sectioncounter;   float: left;width:0.24rem;height:0.32rem;border-radius:0.02rem;background: #d7d7d7;text-align: center;color: #fff;margin:0.01rem 0.1rem 0 0 ;line-height: 0.30rem;
}
.rank-list li:first-child:before{background-color: #ff4715;}
.rank-list li:nth-child(2):before{background-color: #ffb538;}
.rank-list li:nth-child(3):before{background-color: #2392fe;}
.rank-list li:after{content: " "; width: 0;  height: 0; border-style: solid;  border-left:0.12rem solid transparent;    border-right: 0.12rem solid transparent;border-top: 0.12rem solid transparent;    border-bottom: 0.1rem solid #fff;position: absolute;top:0.24rem;left:0px;}






.ico-rowlist2 { padding: 0 0.15rem;}
.ico-rowlist2 li{padding: 0.12rem 0;height: 0.96rem;position: relative;overflow: hidden;}
.ico-rowlist2 li + li{border-top: 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.72rem; height:0.72rem;border-radius: 0.1rem;float: left;margin-right: 0.15rem;}
.ico-rowlist2 li .name{font-size:0.14rem;padding-right:0.8rem;line-height:0.24rem;height: 0.24rem;overflow: hidden;}
.ico-rowlist2 li .stars{height:0.2rem;padding-top: 0.02rem;}
.ico-rowlist2 li .tag{color: #999;font-size: 0.12rem;}
.ico-rowlist2 li .tag span + span:before{content: "|";padding: 0 0.1rem;font-size: 0.12rem;color: #ccc;}
.ico-rowlist2 li p{line-height:0.24rem;}
.ico-rowlist2 li .btn-down{width: 0.72rem;height: 0.26rem;position: absolute;right: 0rem;top:50%;border-radius: 0.20rem;text-align: center;line-height: 0.28rem; background: #44d30c;
    color: #ffffff;margin-top: -0.14rem;}

.ico-rowlist2 li:hover .name{color:#2997FF;}
.ico-rowlist2 li:hover .btn-down{background: #2997FF; color:#fff;}

.r-tabs{height: 0.42rem;}
.r-tabs li{width: 50%;text-align: center;float: left;line-height: 0.42rem;cursor: pointer;f}
.r-tabs li span{line-height: 0.4rem;display:inline-block;font-size: 0.16rem;padding: 0 0.1rem}
.r-tabs li.on span{border-bottom:2px solid #2997FF; color: #2997FF;font-weight: bold;}
.adv-box{width: 100%;display: block;overflow: hidden;padding: 0.1rem 0;}
.adv-box img{width: 100%;}
.news-list2 li{}
.news-list2 li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sub-menu{}
.sub-menu-bar{background: #fff;height:0.55rem;padding: 0.15rem;position: relative;left: 0;top: 0;z-index: 18;}

.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: #44d30c;    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;position: relative;z-index: 18;}
.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); }

.app-box{border-bottom:0.1rem #f2f2f2 solid;}
.sub-box .ico-list  li{font-size: 12px;}
.sub-box .ico-list  li img {width:0.52rem; height:0.52rem;margin:0 auto;overflow:hidden;border-radius:0.12rem;margin-bottom:0.05rem;}
.news-list.tj ul li{height: 1rem ;padding: 0;}
.news-list.tj ul li .link-ico{float:left;width:1.28rem;;height: 0.86rem ;overflow: hidden;}
.news-list.tj ul li .inf{padding-left:1.4rem;line-height:0.24rem }
.change-box{display: none;}
.news-list.tj ul li + li{margin-top:0.1rem}



.detail-tag{height: 0.5rem;padding: 0rem 0.15rem;margin-bottom: 0.15rem;border-bottom: 1px #eee solid;}
.detail-tag li{text-align: center;float: left;line-height: 0.5rem;cursor: pointer;}
.detail-tag li span{line-height: 0.48rem;display:inline-block;font-size: 0.16rem;padding: 0 0.1rem}
.detail-tag li.on span{border-bottom:2px solid #2997FF; color: #2997FF;font-weight: bold;}

.detail-tag  ul{display: -webkit-box;    display: -webkit-flex;    display: flex;}
.detail-tag  ul li{flex-grow:1 }


.detail-tag.fixed {    position: fixed;   top: 0;    z-index: 999;background: #f2f2f2;border-bottom: 1px #ddd solid;width: 100%;}




.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 */
}
.art-tag p{font-size: 0.14rem;margin-top: 0.1rem;margin-bottom: 0.2rem;padding: 0 0.15rem;}
.art-tag p a{display: inline-block;padding: 0 0.1rem;text-align: center;height: 0.24rem;line-height: 0.24rem;background: #f5f5f5;border-radius: 2px;margin-right: 0.1rem;}


.art-news-link{padding: 0 0.12rem 0.1rem;}
.art-news-link a{display: block;width: 100%;height: 0.3rem;line-height: 0.3rem;background: #e8e8e8;color: #878787;font-size: 0.15rem;margin-bottom: 0.16rem;padding: 0 0.1rem;box-sizing: border-box;border-radius: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.art-news-link a span{color: #333333;}


.ico-rowlist.rank li .name{line-height: 0.2rem;height: 0.2rem;}
.ico-rowlist.rank li img{width:0.6rem; height:0.6rem;}


/*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;}

/*20220311-相关版本*/
.app-xgtj{padding:0rem 0.15rem 0.15rem;}
.app-xgtj li{padding:0.06rem 0rem;border-top: 1px dashed #eee;position: relative;}
.app-xgtj li .link-name{display: block;height:0.3rem;overflow: hidden;padding-right:1rem;line-height: 0.3rem;}
.app-xgtj li span{display: inline-block;padding-left: 0.2rem;color: #999;}
.app-xgtj li .link-btn{width:0.8rem;height: 0.30rem;line-height: 0.30rem;text-align: center;border-radius: 2px;position: absolute;right: 0.0rem;top: 0.15rem;}
.app-xgtj  li .link-btn{color: #fff;  background: #2997FF;}
.app-xgtj  li:first-child{border: 0;padding-top: 0;}

.remark-box{padding: 0 0.15rem}
.remark-box textarea {border: 1px solid #ececec;padding:0.03rem 0;width: 100%;height:0.8rem;line-height:0.26rem;text-indent: 5px; background: #f8f8f8;}
.remark-box .comment-btn {padding: 0.05rem 0 0.2rem;}
.remark-box .comment-btn input {width:1.4rem;height:0.32rem;line-height: 0.32rem;color: #fff;border: 0 none;padding: 0;margin-right: 15px;background: #2997ff;cursor: pointer;font-size: 0.16rem;border-radius: 0.04rem;text-align: center;}
.remark-box .comment-btn input:hover{background: #1878ff;text-align: center;}
.remark-box .comment-btn span {color: #666;display: block;padding: 0 0 0.05rem 0;}

.introTit{display:block;color: #222;position:relative;padding: 0 0 0 0.2rem;font-weight:700;text-indent:0;margin: 0.5rem 0 0.1rem;border-left: 0.1rem solid #fa8f14;border-bottom: 0.02rem solid #efefef;font-size: 0.35rem !important;line-height: 0.8rem !important;}