@import url('./pc_base.css');


/*标题样式八*/
.headline8{text-indent:15px;font-size: 18px;color: #333;line-height: 22px;border-left: 5px solid #0db252;}
.headline8 a{float:right;width:65px;line-height:22px;font-size:14px;text-align:right;color: #999;font-weight:normal;}
/*.headline8 a:hover{color: #ff9455;}*/


/*首页-游戏推荐*/
.grecmdbox{margin:30px auto 10px; overflow:hidden;}
.grecmdbox li{float:left; width:90px; margin-left:33.3px; position:relative;}
.grecmdbox li a{display:inline-block; width:100%; height:100%; overflow:hidden;}
.grecmdbox li a img{width:90px; height:90px;border-radius:24px; }
.grecmdbox li a span{display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.grecmdbox li:first-child{margin-left:0px;}

.gmenubox{overflow:hidden;margin-bottom: 20px;}
.gmenubox dl{width:100%; height:25px;  margin-bottom:13px; overflow:hidden;}
.gmenubox dl dt{float:left; color:#5d5d5d; font-size:18px; font-weight:bold; background: url(../images/global.png) no-repeat -528px 8px; width: 56px; overflow:hidden;line-height:25px;}
.gmenubox dl dd{float:right; width:1130px;overflow:hidden;padding-top:7px;white-space: nowrap;text-overflow:clip;}
.gmenubox dl dd a{padding:0 15px; height:14px; word-break: break-all; position:relative;width:auto; border-left:1px solid #ccc;margin-top:8px }
/*.gmenubox dl dd a:hover{color:#f23f04!important}*/
.gmenubox dl dd a:first-child{ border:none;}
.gmenubox dl dd a em{position:absolute; right:5px; top:50%; margin-top:-3px; width:4px; height:6px; background:url(../images/global.png) no-repeat -119px -2px; display:none; overflow:hidden;}
.gmenubox dl dd a:hover em{display:inline-block;}

/*首页-主体*/
.indexone{overflow:hidden;}
.indexone .l{float:left;width:410px;overflow:hidden;}
.indexone .c{float:left;width:500px;margin-left:25px;overflow:hidden;}
.indexone .r{float:right;width:240px;overflow:hidden;}

.indexone .r .goodgame{width: 210px;padding: 15px;position: relative;overflow: hidden;margin-bottom: 20px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;background-color: #edf7f0;}
.indexone .r .goodgame .img{width: 80px;height: 80px;display: block;float:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.indexone .r .goodgame .img img{width:80px;height: 80px;border-radius: 16px;}
.indexone .r .goodgame p.n{font-size: 16px;width: 110px;height: 20px;line-height: 20px;overflow: hidden;float:left;margin-left:20px;text-overflow:ellipsis;white-space: nowrap;}
.indexone .r .goodgame p.n a{color:#333;}
.indexone .r .goodgame p.d{width: 110px;overflow: hidden;float:left;margin:10px 0 0 16px;text-overflow:ellipsis;white-space: nowrap;}
.indexone .r .goodgame .x{display: block;width: 106px;height: 22px;line-height: 22px;text-align: center;color: #fff;border-radius: 2px;background: #0db252;float:left;margin:12px 0 0 20px;}
.indexone .r .goodgame i#anotherOne{display: block;position: absolute;right:8px;color:#5cd07d;cursor: pointer;top:5px;}


.slide{height:300px;overflow:hidden;position:relative;margin-bottom: 20px;}
.slide .hd{position:absolute;bottom:10px;right:10px;z-index:1;}
.slide .hd ul{overflow:hidden;}
.slide .hd ul li{float:left;width:10px;height:10px;background-color:#E5E5E5;border-radius:50%;margin-right:5px;cursor: pointer;text-indent:-99999px;}
.slide .hd ul li.on,.remenzhuanti .huandeng .hd ul li.on{background-color:#0db252!important;}
.slide .bd ul li{overflow:hidden;position:relative;height:300px;}
.slide .bd ul li a{overflow: hidden;display: block;width:100%;height:100%}
.slide .bd ul li img,.slide .bd ul li .img,.remenzhuanti .huandeng .bd ul li img,.remenzhuanti .huandeng .bd ul li .img{width:100%;height:100%;overflow: hidden;-moz-transition:all .8s ease; -webkit-transition:all .8s ease; transition:all .8s ease;}
.slide .bd ul li .p{position:absolute;left:0;bottom:0;width:410px;height:117px;background: url(../images/global.png) no-repeat 0 -340px;}
.slide .bd ul li .p span{padding-left:20px;color:#fff;width:270px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px;line-height:20px;margin-top: 10px;}
.slide .bd ul li .p span.tit{font-weight:bold;font-size:16px;width:300px;margin-top:90px;}
.slide .bd ul li:hover img,.remenzhuanti .huandeng .bd ul li:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2);}

.slide .btn{display: block;background-image:url(../images/arrows.png);width:71px;height:71px;position:absolute;top:40%;}
.slide .btn.prev:hover{background-position:0px -71px;}
.slide .btn.next{background-position:-71px 0;right:0;}
.slide .btn.next:hover{background-position:-71px -71px;}

.indexone .xbrecmdbox{width:430px;overflow: hidden;margin: 20px -20px 0 0;}
.indexone .xbrecmdbox a{display: block;width:192px;height:105px;margin:0 20px 20px 0;float: left;border:1px solid #eee;position: relative;}
.indexone .xbrecmdbox a:hover,.indexone .zuixin .con li a:hover,.indexone .remenheji a:hover{color:#0db252}
.indexone .xbrecmdbox a img{width:80px;height:80px;border-radius:16px;float: left;margin:12px 10px 0 10px;}
.indexone .xbrecmdbox a p{height:26px;width:90px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;line-height:26px;color:#333;float: right;margin-top: 12px;}
.indexone .xbrecmdbox a span{height:16px;width:90px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;float: right;font-size:12px;color:#999;}
.indexone .xbrecmdbox a em{display: block;width:80px;height:22px;background:#0db252;color:#fff;float: left;line-height:22px;text-align: center;font-size:12px;margin-top: 10px;border-radius:2px;}

.indexone .zuixin{overflow:hidden;}
.indexone .zuixin .tab{margin-bottom: 20px;display:flex;background: url(../images/tabbg.png) no-repeat;}
.indexone .zuixin .tab li{width:128px;height:46px;line-height:46px;color:#fff;text-align:center;cursor:pointer;flex:1;position:relative}
.indexone .zuixin .tab li.on em{display: inline-block;position: absolute;right: 46%;bottom: -8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #ffa14e;}
.indexone .zuixin .tab li.on em.c2{border-top: 8px solid #22c66e;}
.indexone .zuixin .tab li.on em.c3{border-top: 8px solid #129AEE;}
.indexone .zuixin .con{height:540px;overflow:hidden;}
.indexone .zuixin .con ul{display:none;}
.indexone .zuixin .con ul:first-child{display:block;}
.indexone .zuixin .con li{height:22px;line-height:22px;padding:6px 0 0;margin-bottom:6px;overflow:hidden;}
.indexone .zuixin .con li span{float:right;padding-right:5px;color:#999;}
.indexone .zuixin .con li span.today{color:#f23f04;}
.indexone .zuixin .con li i{float:left;display:block;width:auto;line-height:22px;overflow:hidden;font-style:normal;white-space: nowrap;margin-right: 10px;}
.indexone .zuixin .con li a{color:#999;}
.indexone .zuixin .con li p{float:left;width:350px;overflow:hidden;height:22px;white-space: nowrap;text-overflow:ellipsis;}
.indexone .zuixin .con li p img{display: inline-block;float: left;width: 22px;height: 22px;vertical-align: middle;margin-right: 8px;}
.indexone .zuixin .con li p a{color:#333;}
.indexone .zuixin .con li:nth-child(5n){border-bottom:1px dashed #ddd;margin-bottom:7px;padding-bottom:13px;}
.indexone .remenzhuanti{overflow:hidden;margin-bottom:20px;}
.indexone .remenzhuanti .huandeng{height:240px;overflow:hidden;position:relative;}
.indexone .remenzhuanti .huandeng .hd{position:absolute;bottom:10px;right:10px;z-index:1;}
.indexone .remenzhuanti .huandeng .hd ul{overflow:hidden;}
.indexone .remenzhuanti .huandeng .hd ul li{float:left;width:10px;height:10px;background-color:#E5E5E5;border-radius:50%;margin-right:5px;cursor: pointer;text-indent:-99999px;}
.indexone .remenzhuanti .huandeng .bd ul li{overflow:hidden;position:relative;height:240px;}
.indexone .remenzhuanti .huandeng .bd ul li p{position:absolute;left:0;bottom:0;width:260px;height:30px;line-height:30px;background:url(../images/global.png) no-repeat 0 -420px;;}
.indexone .remenzhuanti .huandeng .bd ul li p strong{color:#fff;font-weight:normal;padding-left:20px;width:170px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.indexone .remenzhuanti .zhuti{height:80px;overflow:hidden;}
.indexone .remenzhuanti .zhuti li{overflow:hidden;margin-top:10px;height:30px;line-height:30px;}
.indexone .remenzhuanti .zhuti li span{float:left;text-align:center;width:42px;color:#0db252;border-width:1px 0 1px 1px;border-style:solid;border-color:#ededed;height:28px;line-height:28px;}
.indexone .remenzhuanti .zhuti li p{background:url(../images/global.png) -142px 1px no-repeat #edf1f3;margin-left:42px;padding:0 8px 0 22px;line-height:30px;height:30px;overflow:hidden;color:#4d4d4d;} 

.indexone .remenheji{overflow:hidden;margin:20px 0;}
.indexone .remenheji a{display: block;width:240px;height:140px;margin-bottom: 1px;}
.indexone .remenheji a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}
.indexone .remenheji a img,.indexone .remenheji a .img{width:240px;height:110px;overflow: hidden;-moz-transition:all .8s ease; -webkit-transition:all .8s ease; transition:all .8s ease;}
.indexone .remenheji a p{line-height:30px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;text-align: center;}

.index-zhuangji{overflow: hidden;margin:20px -12px 0 0;}
.index-zhuangji dl{width:392px;float: left;margin-right:10px;border: 1px solid #f5f5f5;margin-bottom:10px}
.index-zhuangji dl dt{width:392px;height:36px;background-color: #f5f5f5;line-height:36px;text-align: center;font-size:16px;color:#666}
.index-zhuangji dl dd{overflow: hidden;margin: 25px 0 0;}
.index-zhuangji dl dd a{display: block;width:80px;height:110px;margin:0 25px 25px 25px;float: left;}
.index-zhuangji dl dd a img,.index-appmain .appbox a img{width:80px;height:80px;border-radius:16px;}
.index-zhuangji dl dd a span,.index-appmain .appbox a span{width:80px;height:30px;line-height:30px;overflow: hidden;display: block;white-space: nowrap;text-overflow:ellipsis;text-align: center;}

.index-appmain{overflow: hidden;margin:25px 0 0;}
.index-appmain a:hover,.index-zhuangji dl dd a:hover,.index-appmain .game_ranking ul li .bt:hover{color: #0db252;}

.index-appmain.insoft .appbox a:hover,.index-appmain.insoft .game_ranking ul li .bt:hover{color: #22c66e;}
.index-appmain.insoft .game_ranking ul li .yc .down{border: 1px solid #22c66e;color: #22c66e;}
.index-appmain.insoft .game_ranking ul li .yc .down:hover{background: #22c66e;color:#fff;}

.index-appmain.ingame .appbox a:hover,.index-appmain.ingame .game_ranking ul li .bt:hover{color: #ffb750;}
.index-appmain.ingame .game_ranking ul li .yc .down{border: 1px solid #ffb750;color: #ffb750;}
.index-appmain.ingame .game_ranking ul li .yc .down:hover{background: #ffb750;color:#fff;}

.index-appmain.innewb .itextbox a:hover,.index-appmain.innewb .game_ranking ul li .bt:hover{color: #f3414a;}
.index-appmain.innewb .game_ranking ul li .yc .down{border: 1px solid #f3414a;color: #f3414a;}
.index-appmain.innewb .game_ranking ul li .yc .down:hover{background: #f3414a;color:#fff;}

.index-appmain .appbox{width:920px;float: left;overflow: hidden;}
.index-appmain .appbox a{display: block;width:90px;height:132px;margin:0 40px 20px 20px;float: left;}
.index-appmain .appbox a span.f{height:12px;line-height:12px;text-align: center;color:#999;font-size:12px}

.index-appmain .game_ranking{width:280px;float: right;overflow: hidden;margin:0;}
.index-appmain .game_ranking .tit{ color:#333;position: relative;font-size: 18px;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 20px;}
.index-appmain .game_ranking .tit i{background:url(../images/global.png) no-repeat -84px -35px;display: block;width:30px;height:30px;float:left;}
.index-appmain .game_ranking .tit.tit-2 i{background-position:-122px -35px;}
.index-appmain .game_ranking .tit.tit-3 i{background-position:-160px -35px;}
.index-appmain .game_ranking ul li .yc span{width:50%;}
.index-appmain .game_ranking ul li{margin-bottom: 15px;}

.index-appmain .itextbox{width: 920px;float: left;overflow: hidden;margin-bottom: 20px;}
.index-appmain .itextbox li{line-height: 30px;height: 30px;overflow: hidden;width:420px;margin-right: 40px;float: left;}
.index-appmain .itextbox li em{font-style: normal;float: right;color: #5d5d5d;margin-left: 30px;}
.index-appmain .itextbox li>a{display:inline-block;overflow:hidden;word-break:break-all;text-overflow:ellipsis;float:left;max-width:260px;white-space: nowrap;}
.index-appmain .itextbox li span{padding-right: 4px;display:inline-block;float:left;}
.index-appmain .itextbox li span a{color: #999;}