body{background:#f5f5f5;position: relative;}
/* 游戏 应用 列表页 */
.list-main{padding: 20px 20px 10px;margin-top: 30px;margin-bottom:30px;overflow: hidden;background: #FFF;}
.list-main .crumb{margin: 0;color: #999;}
.list-main .crumb a{color: #999;}

.list-nav{overflow: hidden;margin-bottom: 15px;}
.list-nav a{display: block;float: left;width:116px;height:36px;line-height: 36px;font-size: 14px;color: #666666;text-align:center;background: #f1f1f1;border-radius: 3px;margin-top: 20px;margin-right: 14px;}
.list-nav a:hover,.list-nav a.on{color: #fff;background: #008cff;}
.list-nav a:nth-child(9n){margin-right: 0;}

.list{overflow: hidden;padding-top: 30px;}
.list li{float: left;width: 276px;padding:20px 15px 20px 20px;border: 1px solid #ebebeb;margin-bottom: 30px;margin-right: 18px;}
.list li:nth-child(4n){margin-right: 0;}
.list li:hover{background: #fff;box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 8%);}
.list li a{display: block;}
.list li a>p{font-size: 16px;color: #111;height: 25px;line-height: 25px;overflow: hidden;}
.list li a>div{margin-top: 10px;overflow: hidden;}
.list li a>div img{float: left;display: block;width: 84px;height: 84px;border-radius: 16px;}
.list li a>div div{float: left;width: 142px;height: 50px;margin-left: 12px;}
.list li a>div div p{color: #555555;line-height: 15px;height: 15px}
.list li a>div div p:nth-child(2){margin-top: 10px;}
.list li a>div div p span{color: #888;}
.list li a>div div>span{display: block;width: 90px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #c4def0;border-radius: 2px;color: #008cff;margin-top: 10px;}
.list li:hover a>div div>span{color: #FFF;background: #008cff;}

/* 游戏内容页 */

.gm-cont{padding: 0 !important;background:transparent;}


.info-box{height: 210px;padding: 20px;background: #fff;margin-bottom: 20px;margin-top: 10px;}
.info-tit{font-size: 0;width: 800px;overflow: hidden;float: left;}
.info-tit h1{display: inline-block;max-width: 600px;overflow: hidden;white-space: nowrap; font-size: 28px;color: #000;line-height: 30px;text-overflow: ellipsis;}
.info-tit span{display: inline-block;max-width: 200px;font-size: 14px;line-height: 14px;margin-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.info-main{margin-top: 29px;float: left;}
.info-main img{float: left;width: 100px;height: 100px;border-radius: 24px;}
.info-main ul{float: left;width: 600px;margin-left: 35px;}
.info-main li{position: relative;float: left;width:270px;font-size: 14px;color: #333;line-height: 28px;overflow: hidden;max-height: 28px;white-space: nowrap;text-overflow: ellipsis; }
.info-main li span{font-size: 14px;color: #9e9e9e;}
.info-main li.xtyq,.info-main li.cs{width: 100%}



.gm-dl-box{overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 115px; font-size: 0px;float: right;margin-top: -20px;margin-right: 30px;}
.gm-dl-box span,.gm-dl-box a{cursor: pointer; display: block;width: 164px;height: 48px;line-height: 48px;margin-bottom: 10px; text-align: center;border-radius: 3px;font-size: 16px;color: #fff;margin-right: 20px;}
.gm-dl-box span i,.gm-dl-box a i{display: inline-block;width: 18px;height: 20px;vertical-align: text-top;margin-right: 10px;}
.gm-dl-box .and{background: #04d480;}
.gm-dl-box .ios{background: #33b8df;}
.gm-dl-box .yy{background: #faaf19;}
.gm-dl-box .none{background: #ccc;}
.gm-dl-box .and i{width: 18px;background-position-x: -212px;}
.gm-dl-box .ios i{width: 16px;background-position-x: -189px;}
.gm-dl-box .yy i{width: 18px;background-position-x: -235px;}
.PcnoGm{display: block; line-height: 20px;height: 20px;color: #999;float: right;margin-top: 10px;}
.PcnoGm i{display: inline-block;width: 16px;height: 16px;line-height: 16px; font-size: 12px;color: #fff;background-color: red;border-radius: 50%;text-align: center;margin-right: 4px;position: relative;vertical-align: top;}

.gm-cont-info{padding: 20px;background: #fff;}
.gm-cont-info>p{font-size: 15px;color: #555;line-height: 30px;}
.gm-cont-info>p strong{font-weight: bold;}
.gm-cont-info img{max-width: 638px;max-height:500px;border-radius: 6px;display: block;margin: 10px auto 0;}
.gm-cont-info p img{display: block;padding: 10px 0; margin: 0 auto;}
.gm-cont-info>h3{float: left;display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 32px;width: 770px;height: 32px;padding-left: 20px;margin: 15px 0;background:#f5f5f5 url(../images/icon.png) no-repeat;background-size:300px 300px;background-position: -288px -41px;vertical-align: middle;}

/* 更新日志 */
.gm-gxrz{margin-top: 20px;background: #fff;position: relative;}
.gm-gxrz h3{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 32px;width: 770px;height: 32px;padding-left: 20px;margin: 15px 0;background: #f5f5f5 url(../images/icon.png) no-repeat;background-size: 300px 300px;background-position: -288px -41px;vertical-align: middle;}
.gxBtn{display: block;float: right;margin-right: 10px; color: #999;cursor: pointer;font-size: 14px;font-weight: 300;}
.gxinfo{max-height: 260px;height: auto;overflow: hidden;}
.gxinfo>p{font-size: 14px;color: #666;line-height: 22px;margin-bottom: 8px;}
.gxinfo>p:nth-child(1){font-size: 18px;color: #0b0b2f;height: 30px;line-height: 30px;}
.gxinfo div{overflow: hidden; font-size: 15px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
/* 更多版本 */
.wdInfo{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wdBox{font-size: 14px;background: #fff;padding-bottom: 25px;max-height: 600px; border-radius: 20px;position: fixed;top: 150px;left: 0;right: 0;margin: auto;width: 600px;z-index: 999;cursor: default;box-shadow: 0 4px 16px rgb(0 0 0 / 40%);overflow: hidden;}
.wdBox p{padding-bottom: 6px;border-bottom: none;}
.wdBox p.wdTit{display: block;text-indent: 0;font-style: normal;height: 50px;line-height: 50px;overflow: hidden;background: #008cff;;color: #fff;padding: 0 2px 0 18px;font-size: 20px;border-radius: 20px 20px 0 0;font-weight: bold;}
.wdBox p.wdTit span{float: right;width: 50px;height: 50px;display: block;font-size: 36px;text-align: center;cursor: pointer;font-weight: 400;color: #fff;text-decoration: none;text-indent: 0em;}
.wdBox strong{display: block;padding: 15px 0px 0px;overflow: hidden;color: #454545;line-height: 28px;font-size: 16px;font-weight: bold;border-top: 1px dashed #eee;}
.wdCont{padding: 20px 20px;overflow-y: scroll;max-height: 520px;}
.wdCont>p{font-size: 14px;color: #666;line-height: 22px;margin-bottom: 8px;}
.wdCont>p:nth-child(1){font-size: 20px;color: #0b0b2f;height: 30px;line-height: 30px;font-weight: 600;}
.wdCont div{font-size: 15px;color: #666;line-height: 1.5;}


/* 游戏信息 */
.gm-det-info{margin-top: 20px;padding: 20px;background: #fff;}
.gm-det-info ul{margin: 0;margin-top: 15px;}
.gm-det-info ul li{float: left;color:#9e9e9e;font-size: 16px;width: 50%;margin-bottom: 15px;line-height: 28px;overflow: hidden;max-height: 28px;white-space: nowrap;text-overflow: ellipsis;}
.gm-det-info ul li span{color:#404040;}

.feedBtn{display: block;float: right;font-size: 14px; color: #f7d244;cursor: pointer;}
.feedBtn i{display: inline-block;width: 20px;height: 20px;vertical-align: middle; background-position: -235px -93px;}

.gm-swp-box{background: #fff;padding: 20px;margin-top: 20px;}
.gm-cont-banner{position: relative;overflow: hidden;width: 100%;height: 100%;}
.gm-cont-banner .swiper-wrapper{margin-top: 20px;}
.gm-cont-banner .swiper-slide{ margin-right:10px;width:auto !important;}
.gm-cont-banner .swiper-slide:last-child{margin-right:0px;}
.gm-cont-banner .btnPrev,.gm-cont-banner .btnNext{width:30px; height:44px;background: url(../images/icon.png) no-repeat;background-size: 300px 300px; background-position:-2px -127px; opacity: 1;}
.gm-cont-banner .btnNext{background-position:-32px -127px;}
.gm-cont-banner .btnPrev:hover{background-position-y:-179px;}
.gm-cont-banner .btnNext:hover{background-position-y:-179px;}
.gm-cont-banner .swiper-slide img {height:350px;width: auto;}
.gm-cont-banner .swiper-slide video {height: 350px;object-fit: fill;}

.gm-cont-xg{margin-top: 20px;padding: 20px;background: #fff;}
.gm-cont-xg ul{margin-top: 20px;overflow: hidden;}
.gm-cont-xg ul li{float: left;width: 130px;height: 200px;text-align: center;padding: 20px;margin-right: 30px;background: #f5f5f5;}
.gm-cont-xg ul li:last-child{margin-right: 0;}
.gm-cont-xg ul li a{display: block;}
.gm-cont-xg ul li a img{display: block;width: 90px;height: 90px;margin: 0 auto;border-radius: 18px;}
.gm-cont-xg ul li a p{font-size: 14px;color: #666;line-height: 17px;margin-top: 15px;max-height: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gm-cont-xg ul li a span{display: block;width: 90px;height: 30px;line-height: 30px;border-radius: 3px;background: #fff;color: #008cff;border: 1px solid #008cff; margin-top: 15px;}
.gm-cont-xg ul li:hover a span{background: #008cff;color: #fff;border: none;}

.gm-cont-cnxh{margin-top: 20px;padding: 20px;background: #fff;}
.gm-cont-cnxh>p{margin-top: 10px;}
.gm-cont-cnxh>p span{cursor: pointer;min-width: 94px;text-align: center;font-size: 18px;color: #8f99a5;margin-right: 5px;display: inline-block;position: relative;}
.gm-cont-cnxh>p span.on,.gm-cont-cnxh>p span:hover{color: #008cff;}

.xh-tabbox>div{display: none;overflow: hidden;margin-top: 20px;}
.xh-tabbox>div:nth-of-type(1){display: block;}
.xh-tabbox>div>a{display: block;}
.xh-tabbox>div>a div{width: 396px;height: 192px;background: #f5f5fa;border-radius: 6px;float: left;overflow: hidden;position: relative;}
.xh-tabbox>div>a div p:nth-child(1){font-size: 22px;color: #000;width: 370px;overflow: hidden; line-height: 24px;font-weight: 600;margin-top: 18px;margin-left: 20px;display: block;white-space: nowrap;text-overflow: ellipsis;}
.xh-tabbox>div>a div p:nth-child(2){display: block;margin: 12px 20px 0;font-size: 16px;line-height: 30px;color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.xh-tabbox>div>a img{width: 354px;height: 192px;display: block;border-radius: 6px;float: left;margin-left: 20px;}
.xh-tabbox>div ul{margin-top: 20px;overflow: hidden;float: left;}
.xh-tabbox>div ul li{float: left;width: 130px;height: 200px;text-align: center;padding: 20px;margin-right: 30px;background: #f5f5f5;}
.xh-tabbox>div ul li:nth-child(5n){margin-right: 0;}
.xh-tabbox>div ul li:nth-child(n+6){margin-top: 15px;}
.xh-tabbox>div ul li a{display: block;}
.xh-tabbox>div ul li a img{display: block;width: 90px;height: 90px;margin: 0 auto;border-radius: 18px;}
.xh-tabbox>div ul li a p{font-size: 14px;color: #666;line-height: 16px;margin-top: 15px;height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xh-tabbox>div ul li a span{display: block;width: 90px;height: 30px;line-height: 30px;border-radius: 3px;background: #fff;color: #008cff;border: 1px solid #008cff; margin-top: 15px;}
.xh-tabbox>div ul li:hover a span{background: #008cff;color: #fff;border: none;}



.gm-cont-gl{margin-top: 20px;padding: 20px;background: #fff;}
.gm-cont-gl ul{margin-top: 4px;margin-bottom: 9px;overflow: hidden;}
.gm-cont-gl ul li{border-bottom: 1px dashed #999; float: left;width: 370px;height: 35px;line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.gm-cont-gl ul li::after{content: "";display: block;width: 3px;height: 15px;position: absolute;left: 0;bottom: 9px;background: #b7b7b7;}
.gm-cont-gl ul li:nth-child(odd){margin-right: 30px;}
.gm-cont-gl ul li a{font-size: 15px;color: #333;padding-left: 10px;display: inline-block;width: 240px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gm-cont-gl ul li:hover a{color: #008cff;}
.gm-cont-gl ul li span{display: block;float: right;color: #b0acac;}


/* o预约 */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.orderBox{position: fixed;top: 180px;left: 0;right: 0;margin: auto;background-color: #fff;width: 546px;min-height: 300px;border-radius: 20px;text-align: center;}
.orderBox .oClose{position: absolute;width: 48px; top: 15px;right:20px;margin: auto;}
.orderBox .oClose i{display: inline-block;width: 27px;height: 22px;background-position: -181px -90px;position: relative;cursor: pointer;}
.orderBox .oTitle{position: relative;width: 100%;height: 90px;}
.orderBox .oTitle p{padding-left: 41px;padding-top: 20px;font-size: 32px;color: #000;font-weight: bold;line-height: 68px;white-space: nowrap;overflow: hidden;text-align: left;}
.orderBox .oTitle p:after{content: "";display:block;width: 77px;height:5px;background: #008cff;position: relative;}
.orderBox form{position: relative;min-height: 216px;}
.orderBox form .tel{width:396px;height: 58px;line-height: 58px;border: 1px solid #E0E0E0;color:#ccc;font-size:14px;border-radius:9px;padding-left: 20px;margin: 26px auto 4px;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#404040;font-size:18px;line-height: 30px;overflow: hidden;white-space: nowrap;}
.orderBox form p span{ color:#E9443E;}
.orderBox form p:nth-of-type(2){color: #ccc;font-size: 16px;}
.orderBox form>span{color: #008cff;font-size: 14px;text-align: left;display: block;width:362px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{position: absolute;left: 0;right: 0;bottom: -22px;cursor: pointer;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #00eeff, #00ccff);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 26px auto 0 ;overflow: hidden;white-space: nowrap; }
.orderBox form .txt span{display: inline;}
.orderBox .msg{color: #ff3232;font-size: 12px;height: 14px;line-height: 14px;text-align: left;display: block;padding: 0 30px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox .oKnow{position: absolute;left: 0;right: 0;bottom: -22px;display: block;cursor: pointer;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #00eeff, #00ccff);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 6px auto 0;overflow: hidden;white-space: nowrap; }
.orderBox .oWin{width: 100%;min-height: 149px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;}
.orderBox .oWin p{font-size:26px;color: #008cff;font-weight: bold;line-height: 36px;margin: 22px auto;margin-top: 61px;}
.orderBox .oAgin{width: 100%;min-height:149px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;}
.orderBox .oAgin p{font-size:26px;color: #008cff;font-weight: bold;line-height: 36px;margin: 22px auto;margin-top: 61px;}

/* 反馈 */
.feBaBtn:hover{text-decoration: underline;}
.feedBack{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.feBaBox{position: fixed;top: 50px;left: 0;right: 0;margin: auto;width: 533px;border-radius: 8px;background-color: #fff;border-radius: 18px 18px 20px 20px;}
.feBaBox .fClose{position: absolute;top: 17px;right:17px;margin: auto;z-index: 10;text-align: center;}
.feBaBox .fClose i{display: inline-block;width: 23px;height: 23px;background-position: -184px -91px;position: relative;cursor: pointer;}
.feBaBox .fTitle{position: relative;width: 100%;height: 110px;background-color: transparent;text-align: center;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.feBaBox .fTitle p{font-size: 30px;color: #000;font-weight: bold;padding-top: 24px;line-height: 70px;white-space: nowrap;overflow: hidden;}
.feBack{padding: 15px 26px 5px;position: relative;top: -18px;background-color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.feBack p{font-size: 22px;color: #000;margin: 15px 0;line-height: 28px;}
.feBack p:nth-of-type(1){margin-bottom: 5px;}
.feBack textarea{width: 459px;height: 99px;border: none;resize:none;background: #F0F0F0;padding-left: 2px;padding: 12px;font-size: 16px;color: #999;border-radius: 6px;}
.radio {position: relative;height: 50px;line-height: 50px;}
.radio:nth-last-child(1){border-bottom: none;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.radio label {position: absolute;left: 0px;top: 0;height: 50px;line-height: 50px;width: 480px;font-size: 18px;color: #666;text-align: left;padding-left: 38px;}
.radio label:after {cursor: pointer; content: '';position: absolute;left: 2px;top: 13px;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #CCCCCC;text-align: center;line-height: 20px;}
.radio input[type='radio']:checked + label:after {background-color: #fff;content: '';border-color: #008cff;display: inline-block;width: 20px;height: 20px;background: url(../images/icon.png) no-repeat;background-size: 300px 300px;background-position:-211px -91px; }
.feSubmit{position: relative;}
.feSubmit input{cursor: pointer; display: block;background: linear-gradient(-90deg, #00eeff, #00ccff);font-size: 24px;margin: 10px auto 40px;width:276px;height: 60px;line-height: 60px;text-align: center;color: #fff;border: none;border-radius: 26px;}
.feSubmit input:hover{opacity: .96;}