@charset "utf-8";
/*old*/
.best{border-bottom: 1px solid #e8e8e8;}
.best h3{color: #333;}
.best h3 a{font-size: 12px;float: right;font-weight:normal; padding-right: 13px;}
.love_game_info{width: 100%;overflow: hidden;margin:10px 0;}
.love_game_info li{ width: 25%; float: left; display: block; overflow: hidden; margin: 10px 0;}
.love_game_info li a{ display: block; width: 70px; overflow: hidden; margin: 0 auto;}
.love_game_info li a img{width: 66px;height: 66px;border-radius: 15px;display: block;overflow: hidden;}
.love_game_info li a span{ width: 100%; font-size: 13px; color: #333; text-align: center; display: block; height: 15px; line-height: 15px; margin-top: 8px;}

/*轮播*/
.sldie-box{background: #ececec; padding: 5px 0;}
.swiper-slide{width:80vw !important; height:40vw !important; border-radius:8px; overflow: hidden;}
.swiper-slide a,.swiper-slide a img{display: block; width: 100%; height: 100%;}
.swiper-slide a img{border-radius: 8px;}
.swiper-button-prev{width: 10vw; height: 100%; background:url(../images/prev.png) no-repeat center center;left: 0; top: 0;margin: 0;}
.swiper-button-next{width: 10vw; height: 100%; background:url(../images/next.png) no-repeat center center;right: 0; top: 0;margin: 0;} 
/*title*/
.app-title{height: 20px; font-size: 16px; line-height: 20px; color: #111; font-weight: bold; padding: 18px 10px 0;}
.app-title:before{content: ''; display: inline-block; width: 4px; height: 16px; float: left; background:#4cb749; border-radius: 2px; margin: 2px 8px 0 0;}
.app-title a{float: right; font-size: 14px; color: #999;}
::-webkit-scrollbar{display: none;}
/*hot-games*/
.hot-games{padding-bottom: 20px; width: 100%;}
.hot-games ul{padding: 18px 0 0 10px; display: flex; overflow-x: scroll;}
.hot-games ul li{flex-shrink: 0;width:72px;margin-right: 30px;}
.hot-games ul li a.img{display: block; width: 100%;}
.hot-games ul li a.img img{width: 72px; height: 72px; border-radius: 12px; margin-bottom: 6px; display: block;}
.hot-games ul li a.img p{font-size: 15px;color: #333; text-align: center; height: 25px; line-height: 25px; overflow: hidden;}
.hot-games ul li a.btn{display: block; width:68px;height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; border-radius: 13px; margin: 0 auto; font-weight: normal; background: #4cb749;margin-top: 6px;}

/*latest-games*/ 
.latest-games{width: 100%; border-top: 10px solid #ececec;}
.latest-games ul{padding: 2px 10px 0;}
.latest-games ul li{width: 100%; overflow: hidden;zoom:1; position: relative;zoom:1;height: 100px;}
.latest-games ul li .gimg{display: block; width: 70px; height: 70px; float: left; margin-top: 15px;}
.latest-games ul li .gimg img{width: 100%; height: 100%; border-radius: 12px;}
.latest-games ul li .mid{margin-left: 80px; height: 70px; padding: 14px 70px 15px 0; border-bottom: 1px solid #ececec;}
.latest-games ul li .mid a{display: block; height: 25px; line-height: 25px; overflow: hidden;color: #333; font-size: 15px;}
.latest-games ul li .mid div{font-size: 12px;color: #999; height: 22px; line-height: 22px; overflow: hidden;}
.latest-games ul li .mid div i{margin: 0 5px; font-style: italic;}
.latest-games ul li .mid p{font-size: 13px; color: #777; height: 23px; line-height: 23px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.latest-games ul li .gbtn{display:block;width: 64px;height: 24px;line-height: 24px;font-size: 14px;color: #4cb749;overflow:hidden;position:absolute;right:0;top:36px;text-align: center;border-radius: 20px;border:1px solid #4cb749;}
.latest-games ul li:last-child .mid{border-bottom: none;}

/*zt-list*/
.zt-list{width: 100%; border-top: 10px solid #ececec;}
.zt-list ul{padding: 18px 0 20px 10px; display: flex; overflow-x: scroll;}
.zt-list ul li{flex-shrink: 0;width:75vw;margin-right: 12px;height: 41vw;}
.zt-list ul li a{display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;position: relative;z-index: 0;}
.zt-list ul li a img{width: 100%; height: 100%; border-radius: 10px;}
.zt-list ul li a p{display: block; width: 100%; height: 30px; line-height: 30px; text-align: center;background: rgba(0,0,0,.3);color: #fff; font-size: 15px;position: absolute;left: 0; bottom: 0;}

/*soft-games*/
.soft-games{width: 100%; border-top: 10px solid #ececec;}
.soft-games ul{padding: 18px 0 0; overflow: hidden;zoom:1;}
.soft-games ul li{float: left; width: 25%; margin-bottom: 20px;}
.soft-games ul li a.img{display: block; width: 68px; margin: 0 auto;}
.soft-games ul li a.img img{width:68px; height:68px; border-radius: 12px; margin-bottom: 6px; display: block;}
.soft-games ul li a.img p{font-size: 15px;color: #333; text-align: center; height: 25px; line-height: 25px; overflow: hidden;}
.soft-games ul li a.btn{display: block; width:68px;height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; border-radius: 13px; margin: 0 auto; font-weight: normal; background: #4cb749;margin-top: 6px;}

/*rank-box*/
.rank-box{width: 100%; border-top: 10px solid #ececec; border-bottom: 10px solid #ececec;}

.tab-nav{width: 140px; float: right;}
.tab-nav span{color: #777; position: relative; font-size: 14px; font-weight: bold;height: 24px; line-height: 24px;}
.tab-nav span:first-child{float: left;}
.tab-nav span:last-child{float: right;}
.tab-nav span.hover{color: #4cb749; border-bottom:2px solid #4cb749;}
.tab-nav span.hover:after{content:'';width: 0;height: 0;border: 3px solid; border-color: #4cb749 transparent transparent; display:inline-block;position: absolute;bottom: -8px; left: 50%; margin-left: -2px; }

.tab-list{padding: 0 10px;}
.tab-list ul li{width: 100%; overflow: hidden;zoom:1; position: relative;zoom:1;height: 98px;}
.tab-list ul li .num{float: left; font-size: 16px;height: 20px; margin-top: 39px; line-height: 20px; width: 20px;font-style: italic;color: #8c8c8c;}
.tab-list ul li .gimg{display: block; width: 68px; height: 68px; float: left; margin-top: 15px;}
.tab-list ul li .gimg img{width: 100%; height: 100%; border-radius: 12px;}
.tab-list ul li .mid{margin-left: 100px; height: 68px; padding: 14px 70px 15px 0; border-bottom: 1px solid #ececec;}
.tab-list ul li .mid a{display: block; height: 25px; line-height: 25px; overflow: hidden;color: #333; font-size: 15px; }
.tab-list ul li .mid p{font-size: 13px;color: #999; height: 23px; line-height: 23px; overflow: hidden; margin-bottom: 5px;}
.tab-list ul li .mid .star{width: 72px; height: 12px; background: url(../images/stars.png) no-repeat; overflow: hidden;zoom:1;}
.tab-list ul li .mid .star em{display: block; height: 100%;background: url(../images/stars.png) no-repeat; background-position: 0 -14px;}

.tab-list ul li .gbtn{display:block;width: 64px;height: 24px;line-height: 24px;font-size: 14px;color: #4cb749;overflow:hidden;position:absolute;right:0;top:36px;text-align: center;border-radius: 20px;border:1px solid #4cb749;}

.tab-list ul li:nth-child(1) .num{color: #ff2400;}
.tab-list ul li:nth-child(2) .num{color: #ff7e00;}
.tab-list ul li:nth-child(3) .num{color: #ffa800;}
.tab-list ul li:last-child .mid{border-bottom: none;}

/*homepage*/
.arp_title{height: 44px; background: #262626; }
.arp_title h1{ line-height: 44px; height: 100%; font-size: 14px; color: #fff; padding: 0 10px;}
.d_content{ width: 100%;font-size: 15px; color: #666; }
.d_content .con{padding:0 10px;}
.d_content .con>div p{ line-height: 32px; padding: 10px 0; }
.d_content .con img{width: 100%;}
.d_slide{ width:100% !important; height: 50vw !important; margin: 0 auto 20px; position: relative;z-index: 0;}
.d_slide .swiper-slide { width: 100% !important;height: 50vw !important;position: relative;border-radius: 0;}
.d_slide .swiper-slide img{width: 100%; height: 50vw;}
.d_slide .swiper-slide .tit{position: absolute; width: 100%; height: 32px; background: rgba(0,0,0,0.5); font-size: 14px; line-height:32px; color: #fff; bottom: 0; left: 0; text-align: center;}
.d_slide .swiper-button-next{ display: block; width:23px;height:45px; background:url(../images/arp_btn.png) right top no-repeat;right: 0; margin-top: -22px;background-size: 46px auto;top:50%;}
.d_slide .swiper-button-prev{display: block; width: 23px;height: 45px; background:url(../images/arp_btn.png) no-repeat;left:0; margin-top: -22px; background-size: 46px auto;top:50%;}
.d_slide .swiper-button-next:hover,.swiper-button-prev:hover{ opacity: 0.9; filter: alpha(opacity=90); }
.nfooter{ font-size: 13px;text-align: center;padding: 14px 0;display: block;background: #4f4f4f;color: #aaaaaa;}
.nfooter a{ color: #aaaaaa; display: inline-block; }

/*hide*/
/*
.btn-category,nav a:nth-child(n+3),.sldie-box,.hot-games,.zt-list,.latest-games,.tab-nav{display: none;}
.tab-list ul:nth-child(1){display: none;}
.tab-list ul:nth-child(2){display: block !important;}
*/