@font-face{font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1516340326389'); src: url('../fonts/iconfont.eot?t=1516340326389#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1516340326389') format('woff'), url('../fonts/iconfont.ttf?t=1516340326389') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1516340326389#iconfont') format('svg'); /* IE9*/ /* iOS 4.1- */}
@font-face{font-family: 'iconfont'; src: url('../font2/iconfont.eot'); src: url('../font2/iconfont.eot?#iefix') format('embedded-opentype'), url('../font2/iconfont.woff') format('woff'), url('../font2/iconfont.ttf') format('truetype'), url('../font2/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.swiper-container{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.swiper-container .swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform;}
.swiper-container .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.swiper-container .banner-item{display: block; height: 5rem; width: 100%; position: relative;}
.swiper-container .banner-item img{width: 100%; height: 100%; vertical-align: top;}
.swiper-container .banner-item p{height: 0.92rem; line-height: 0.92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.5); font-size: 0.3889rem; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 1rem 0 .2rem;}
.swiper-container .anchor{width: .8rem; position: absolute; right: .2rem; bottom: .14rem; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.swiper-container .anchor label{font-size: 0.33rem; color: #fff; vertical-align: bottom;}
.swiper-container .anchor span{font-size: 0.5rem; color: #fedd00; line-height: 0.5rem;}
.nav2{background-color: #f5f6f7;}
.nav2 ul{overflow: hidden; padding: 0.2rem;}
.nav2 li{width: 25%; float: left;}
.nav2 li a{width: 2.014rem; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav2 li a{display: block; height: 2.014rem; border-radius: 0.18rem; color: #fff; padding-top: 0.2rem; text-align: center; font-size: 0.33rem; line-height: 1.6;}
.nav2 li:nth-child(1) a{background-color: #ff9900;}
.nav2 li:nth-child(2) a{background-color: #18b5fd;}
.nav2 li:nth-child(3) a{background-color: #7cd31e;}
.nav2 li:nth-child(4) a{background-color: #ff5454;}
.nav2 li span{display: block; width: 1.1389rem; height: 1.1389rem; border-radius: 50%; margin:0 auto; position: relative;}
.nav2 li span i{display: block; width: 0.6389rem; height: 0.694rem; background-image: url(../images/indexNav.png); background-repeat: no-repeat; background-size:100% auto; position: absolute; top: 50%; left: 50%; margin-top:-0.347rem; margin-left:-0.31945rem;}
.nav2 li:nth-child(1) a span{border:1px solid #ffb545; background-color: #ffad33;}
.nav2 li:nth-child(1) a span i{background-position: 0 0;}
.nav2 li:nth-child(2) a span{border:1px solid #57c9fe; background-color: #46c4fd;}
.nav2 li:nth-child(2) a span i{background-position: 0 -0.903rem;}
.nav2 li:nth-child(3) a span{border:1px solid #9add51; background-color: #96dc4b;}
.nav2 li:nth-child(3) a span i{background-position: 0 -1.89rem;}
.nav2 li:nth-child(4) a span{border:1px solid #ff8282; background-color: #ff7676;}
.nav2 li:nth-child(4) a span i{background-position: 0 -2.92rem;}
.home-classify{background: #fff;}
.home-classify .list-section{background: #fff; padding: 0 0.2778rem 0.1389rem;}
.home-classify .list-section ul{margin-left: -0.67rem; margin-right: -0.67rem; overflow: hidden; margin-bottom: 0.2778rem;}
.home-classify .list-section ul li{float: left; width: 1.86rem; height: 3.33rem; margin: 0.1389rem 0 0 0.67rem;}
.home-classify .list-section ul li a{display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;}
.home-classify .list-section ul li img{width: 1.8056rem; height: 1.8056rem; border-radius: .15rem;}
.home-classify .list-section ul li p{font-size: 0.3056rem; line-height: 1.5; color: #333; margin-top: 0.2083rem; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; /*-webkit-box-orient: vertical;*/}
.home-classify .list-section ul li .dl-btn{height: 0.67rem; line-height: 0.67rem; border: 1px solid #dd6e4c; color: #dd6e4c; font-size: 0.3056rem; width: 80%; margin-top: 0.1389rem; border-radius: 0.22rem;}
.recomm-game{background: url(../images/tuij_bg.png) no-repeat; background-size: 100% auto;}
.recomm-game .col-name{height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.recomm-game .col-name i{display: block;}
.recomm-game .col-name .icon-l{width: 0.9583rem; margin-right: 0.1389rem; background-repeat: no-repeat; background-size: 0.9583rem 0.5rem; background-image: url(../images/tuij-g-tit.png); height: 0.4722rem;}
.recomm-game .col-name span{font-size: 0.5rem; color: #fff;}
.recomm-game .col-name .icon-r{width: 0.3889rem; height: 0.3056rem; background-image: url(../images/white-tit.png); background-repeat: no-repeat; background-size: 0.3889rem 0.3056rem; margin-left:0.1389rem;}
.recomm-game .list-section{padding: 0 0.4167rem 0.4167rem;}
.recomm-game .list-section ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.7639rem;}
.recomm-game .list-section ul li{width: 2.6389rem; background: #fff; position: relative;}
.recomm-game .list-section ul li img{display: block; width: 1.5278rem; height: 1.5278rem; border-radius: 1.5278rem; margin: -0.7639rem auto 0;}
.recomm-game .list-section ul li p{font-size: 15px; line-height: 1.5; color: #333; margin-top: 0.2083rem; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; /*-webkit-box-orient: vertical;*/ text-align: center; padding: 0 0.4167rem;}
.recomm-game .list-section ul li .classify{padding: 0 0.4167rem; font-size: 0.2778rem; color: #666; overflow: hidden; line-height: 1.4; text-align: center; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 0.1389rem;}
.recomm-game .list-section ul li .dl-btn{height: 0.778rem; line-height: 0.778rem; text-align: center; font-size: 0.33rem; color: #fff; background: #dd6e4c; margin-top: 0.2778rem;}
.l-play .list-section ul li{height: 2.5rem !important;}
.l-play-tt{font-size: 0.5rem; color: #e9616f; padding: 0.2778rem; border-bottom: 1px solid #f1eff0; margin-bottom: 0.1389rem;}
.rec-game{background-color: #fff; padding: 0.2778rem;}
.rec-game-tt{overflow: hidden; margin-bottom: 0.2778rem;}
.rec-game-tt span{display: block; background-color: #ff4306; height: 0.833rem; float: left; font-size: 0.4444rem; font-weight: normal; line-height: 0.833rem; color: #fff; padding: 0 0 0 0.3611rem; position: relative;}
.rec-game-tt span:after{content: ''; display: block; width: 0; height: 0; overflow: hidden; border:0.4167rem solid #ff4306; position: absolute; right: -0.833rem; top: 0; border-right-color: #fff;}
.rec-game .clearfix{overflow: hidden; color: #333;}
.rec-game .imgBox{display: block; width: 2.222rem; height: 2.222rem; float: left; margin-right: 0.2778rem;}
.rec-game .imgBox img{display: block; width: 100%; height: 100%;}
.rec-game-info{padding-right: 1.6667rem; position: relative;}
.rec-game-info h2{font-size: 0.3889rem; font-weight: bold; color: #000; height: 0.5rem; line-height: 0.5rem; overflow: hidden;}
.rec-game-info p{font-size: 0.333rem; color: #888; line-height: 0.444rem; line-height: 0.444rem; margin: 0.1389rem 0; overflow: hidden;}
.rec-game-info span{font-size: 0.333rem; display: block;height: 0.667rem;line-height: 0.667rem; border: 1px solid #dd6e4c; color: #dd6e4c; font-size: 0.3056rem;width: 1.3889rem; margin-top: 0.1389rem; border-radius: 0.222rem; position: absolute; right: 0; top: 0; text-align: center;}
.rec-game-intro{font-size: 0.333rem; color: #666; line-height: 0.4167rem; height: 0.8334rem; overflow: hidden;}
.rec-home-tt{font-size: 0.4444rem; font-weight: normal; padding: 0 0.2778rem; height: 0.8333rem; line-height: 0.8333rem;}
.classify-tag-nav{height: 0.8333rem; border-bottom: 1px solid #e5e5e5;}
.classify-tag-nav li{float: left; width: 50%; float: left; text-align: center; height: 0.8333rem; line-height: 0.8333rem; font-size: 0.444rem;position: relative;}
.collectiom-recomm{margin-bottom: 0;}
.classify-tag{background-color: #fff; margin-bottom: 1.3889rem; margin-top: 0.2778rem;}
.classify-tag-nav li:after{content: ''; display: block; width: 1.3889px;height: 0.4444rem; position: absolute; right: 0; top: 50%; margin-top: -0.2222rem; background-color: #e5e5e5; overflow: hidden;}
.classify-tag-nav li:last-child:after{display: none;}
.classify-tag-nav .active{border-bottom: 2px solid #dd6e4c;color: #dd6e4c;}
.classify-tag-list{overflow: hidden; padding: 0.2778rem 0.1389rem; display: none;}
.classify-tag-list li{width: 25%; float: left; font-size: 0.333rem; text-align: center;margin-bottom: 0.2778rem;}
.classify-tag-list li a{color: #444; display: block; height: 0.8333rem; line-height: 0.8333rem; margin: 0 0.1389rem; border:1px solid #e2e2e2; border-radius: 0.1111rem; overflow: hidden;}
.classify-tag-list li .bg_c1{color: #fff; background-color: #ff3336; border-color: #ff3336;}
.classify-tag-list li .bg_c2{color: #fff; background-color: #19b5ff; border-color: #19b5ff;}
.classify-tag-list li .bg_c3{color: #fff; background-color: #fac12c; border-color: #fac12c;}
.classify-tag-list li .bg_c4{color: #fff; background-color: #bc7afe; border-color: #bc7afe;}
.classify-tag-list li .bg_c5{color: #fff; background-color: #5ec901; border-color: #5ec901;}
.rec-home-tt i{font-size: 0.5rem; color: #fc9a00; margin-right: 0.1389rem;}
.hr{clear: both; width: 100%; overflow: hidden; background-color: #f5f6f7;}
.hr20{height: 0.2778rem;}
.hot-recomm{margin-top: 0.2778rem; background: url(../images/renqi_bg.png) no-repeat; background-size: 100% auto;}
.hot-recomm .col-name{height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.hot-recomm .col-name i{display: block;}
.hot-recomm .col-name .icon-l{width: 0.9583rem; margin-right: 0.1389rem; background-repeat: no-repeat; background-size: 0.9583rem 0.5rem; background-image: url(../images/renqi-tit.png); height: 0.5rem;}
.hot-recomm .col-name span{font-size: 0.5rem; color: #fff;}
.hot-recomm .col-name .icon-r{width: 0.3889rem; height: 0.3056rem; background-image: url(../images/white-tit.png); background-repeat: no-repeat; background-size: 0.3889rem 0.3056rem; margin-left: 0.1389rem;}
.hot-recomm .tab{width: 9.167rem; margin: auto; overflow: hidden; border: 1px solid #feff75; border-radius: 4px;}
.hot-recomm .tab .tab-item{height: 0.8333rem; line-height: 0.8333rem; text-align: center; overflow: hidden; font-size: 0.4167rem; float: left; width: 50%; color: #feff75;}
.hot-recomm .tab .active{background: #feff75; color: #f58a38;}
.hot-recomm .list-section{padding: 0 0.4167rem 0.4167rem; margin-top: 0.2778rem; overflow: hidden;}
.hot-recomm .list-section ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.2778rem;}
.hot-recomm .list-section ul li{width: 2.6389rem; background: #fff; position: relative;}
.hot-recomm .list-section ul li img{display: block; width: 1.5278rem; height: 1.5278rem; border-radius: 0.2778rem; margin: 0.2778rem auto 0;}
.hot-recomm .list-section ul li p{font-size: 0.333rem; line-height: 1.5; color: #333; margin-top: 0.2083rem; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; padding: 0 0.4167rem;}
.hot-recomm .list-section ul li .classify{padding: 0 0.4167rem; font-size: 0.2778rem; color: #666; overflow: hidden; line-height: 1.4; text-align: center; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 0.1389rem;}
.hot-recomm .list-section ul li .dl-btn{height: 0.7778rem; line-height: 0.7778rem; text-align: center; font-size: 0.333rem; color: #dd6e4c;}
.hot-recomm .list-section ul li i{display: block; position: absolute; left: 0; top: 0; width: 0.7222rem; height: 0.7222rem; line-height: 0.556rem; font-size: 0.3056rem; color: #fff; background-repeat: no-repeat; background-size: 0.7222rem 0.7222rem; font-style: normal; padding-left: 0.0694rem;}
.hot-recomm .list-section ul li:nth-child(1) i{background-image: url(../images/bg_one.png);}
.hot-recomm .list-section ul li:nth-child(2) i{background-image: url(../images/bg_two.png);}
.hot-recomm .list-section ul li:nth-child(3) i{background-image: url(../images/bg_three.png);}
.info-page .tab{background: #fff; overflow: hidden;}
.info-page .tab .tab-wrap{margin: 0.2778rem 0.556rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.info-page .tab a{display: block; width: 23%; height: 0.8333rem; line-height: 0.8333rem; text-align: center; color: #333; font-size: 0.3889rem; position: relative; border: 1px solid #d5d5d5;}
.info-page .tab a i{display: none; width: 0; height: 0; border-top: 0.2778rem solid transparent; border-bottom: 0.2778rem solid transparent; border-left: 0.2778rem solid #dd6e4c; position: absolute; left: 0; bottom: -0.2778rem;}
.info-page .tab .active{color: #dd6e4c; border: 1px solid #dd6e4c;}
.info-page .tab .active i{display: block;}
.info-page .info-section{background: #fff; margin-top: 0.2778rem; margin-bottom: 1.3889rem;}
.info-page .info-section ul li{padding: 0.2778rem; border-top: 1px solid #e3e3e3;}
.info-page .info-section ul li a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.info-page .info-section ul li img{display: block; width: 3.333rem; height: 1.8056rem;}
.info-page .info-section ul li .info-wrap{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.556rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.info-page .info-section ul li .info-wrap h2{font-size: 0.4167rem; color: #333; font-weight: normal; line-height: 1.4; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.info-page .info-section ul li .info-wrap .other{height: 0.556rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.info-page .info-section ul li .info-wrap .other span{font-size: 0.333rem; color: #666;}
.info-page .info-section ul li .info-wrap .other label{font-size: 0.333rem; color: #ea3e3c;}
.info-page .info-section ul li .info-wrap .other label i{margin-right: 0.1389rem; font-size: 0.333rem;}
.info-page .info-section ul li:first-child{border-top: 0;}
.collectiom-recomm{margin-top: 0.2778rem; background: #fff; margin-bottom: 1.3889rem;}
.collectiom-recomm .list-section{background: #fff; padding: 0 0.2778rem 0.1389rem;}
.collectiom-recomm .list-section ul{margin-left: -0.2778rem; overflow: hidden; margin-bottom: 0.2778rem;}
.collectiom-recomm .list-section ul li{float: left; width: 4.583rem; height: 1.944rem; margin-left: 0.2778rem; font-size: 0;}
.collectiom-recomm .list-section ul li img{width: 100%; height: 100%; border-radius: 0.2083rem;}
.collectiom-recomm{margin-bottom: 0;}
.classify-tag{background-color: #fff; margin-bottom: 1.3889rem; margin-top: 0.2778rem;}
.classify-tag-nav li:after{content: ''; display: block; width: 1px;height: 0.4444rem; position: absolute; right: 0; top: 50%; margin-top: -0.2222rem; background-color: #e5e5e5; overflow: hidden;}
.classify-tag-nav li:last-child:after{display: none;}
.classify-tag-nav .active{border-bottom: 2px solid #dd6e4c;color: #dd6e4c;}
.classify-tag-list{overflow: hidden; padding: 0.2778rem 0.1389rem 0; display: none; clear: both;}
.classify-tag-list li{width: 25%; float: left; font-size: 0.333rem; text-align: center;margin-bottom: 0.2778rem;}
.classify-tag-list li a{color: #444; display: block; height: 0.8333rem; line-height: 0.8333rem; margin: 0 0.1389rem; border:1px solid #e2e2e2; border-radius: 0.1111rem; overflow: hidden;}
.classify-tag-list li .bg_c1{color: #fff; background-color: #ff3336; border-color: #ff3336;}
.classify-tag-list li .bg_c2{color: #fff; background-color: #19b5ff; border-color: #19b5ff;}
.classify-tag-list li .bg_c3{color: #fff; background-color: #fac12c; border-color: #fac12c;}
.classify-tag-list li .bg_c4{color: #fff; background-color: #bc7afe; border-color: #bc7afe;}
.classify-tag-list li .bg_c5{color: #fff; background-color: #5ec901; border-color: #5ec901;}
.rec-home-tt i{font-size: 0.5rem; color: #fc9a00; margin-right: 0.1389rem;}
#tab{width: 100%; position: fixed; height: 1.389rem; background: #fff; left: 0; bottom: 0; -webkit-box-shadow: 0 0 0.1389rem #dadada; box-shadow: 0 0 0.1389rem #dadada; z-index: 9; font-size: 0;}
#tab ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#tab ul li{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 1.389rem;}
#tab ul li a{display: block; height: 1.389rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999;}
#tab ul li a i{font-size: 0.556rem;}
#tab ul li a span{display: block; font-size: 0.2778rem;}
#tab ul .active a{color: #dd6e4c;}
.collectiom-recomm .rec-home-tt{margin-bottom: 0.1389rem;}