@charset "utf-8";blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0}
fieldset,img {border: 0}
:focus {outline: 0}
address,caption,cite,code,dfn,em,optgroup,th,var {font-style: normal;font-weight: 400}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 400}
abbr,acronym {border: 0;font-variant: normal}
button,input,optgroup,option,select,textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
code,kbd,samp,tt {font-size: 100%}
body {line-height: 1.5}
ol,ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
caption,th {text-align: left}
sub,sup {font-size: 100%;vertical-align: baseline}
:link,:visited,ins {text-decoration: none}
blockquote,q {quotes: none}
blockquote:after,blockquote:before,q:after,q:before {content: '';content: none}
b,em,i {font-style: normal;font-weight: 400}
button,input,select,textarea,th {background: #fff;font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
img {display: block;border: 0}
* {-moz-text-size-adjust: none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text] {-webkit-appearance: none}
html {overflow-x: hidden;overflow-y: auto}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
html {font-size: 100px}
body {text-align: left;font-size: 0.24rem;}
.hide {display: none !important;}
.clearfix {margin-right: auto;margin-left: auto}
.clearfix:after,.clearfix:before {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}
:root{--defcolor:#f5aa00;--selcolor:#f5aa00;--shallowcolor:rgba(246, 176, 32, .15);}
.wrap {width: 100%;height: auto;max-width: 7.5rem;min-width: 3.2rem;margin: 0 auto;min-height: 13.33rem;overflow: hidden;position: relative;font-size: .24rem;
    line-height: .28rem;
    background: linear-gradient(to bottom, var(--defcolor), var(--selcolor));
    background-size: 100% 3.2rem;
    background-repeat: no-repeat;}

/*头部*/
header{width:100%}
header > div{padding:.15rem .25rem 0 .25rem;display:flex;justify-content:space-between}
header > div > a{/*width:2.4rem;*/height:.6rem}
header > div > a > img{width:100%;height:100%;object-fit:cover}
header > nav{display:block;margin:.33rem .24rem 0 .23rem;padding-left:.47rem;height:.92rem;background-color:#fff;border-radius:.04rem;overflow:hidden}
header > nav > ul{position:relative;width:100%;height:100%;display:flex}
header > nav > ul > li{position:relative;width:auto;margin-right:.69rem}
header > nav > ul > li:nth-child(1){margin-right:.48rem}
header > nav > ul > li:last-child{margin-right:0}
header > nav > ul > li > a{height:100%;display:flex;align-items:center}
header > nav > ul > li > a > i{display:block;background:url(../images/icon.png) no-repeat;background-size:3.85rem 3.61rem;width:.31rem;height:.3rem;background-position:-2.97rem -0.61rem;position:relative;top:-.02rem}
header > nav > ul > li > a > p{height:.3rem;font-size:.3rem;color:#666666;line-height:.3rem;margin:-0.03rem 0 0 .07rem}
header > nav > ul > li:nth-child(1) > a > p{margin:-0.03rem 0 0 .09rem}
header > nav > ul > li:nth-child(1) > a > i{width:.31rem;height:.3rem;background-position:-2.97rem -0.61rem}
header > nav > ul > li:nth-child(2) > a > i{width:.32rem;height:.29rem;background-position:-2.22rem -2.25rem}
header > nav > ul > li:nth-child(3) > a > i{width:.3rem;height:.3rem;background-position:-2.97rem -1.61rem}
header > nav > ul > li:nth-child(4) > a > i{width:.27rem;height:.3rem;background-position:-3.48rem -0.1rem}
header > nav > ul > li.cur > a > p{color:var(--defcolor)}
header > nav > ul > li:nth-child(1).cur > a > i{background-position:-2.97rem -1.11rem}
header > nav > ul > li:nth-child(2).cur > a > i{background-position:-1.14rem -2.81rem}
header > nav > ul > li:nth-child(3).cur > a > i{background-position:-2.97rem -2.11rem}
header > nav > ul > li:nth-child(4).cur > a > i{background-position:-3.48rem -0.6rem}

footer{padding:0 .24rem .2rem;overflow:hidden;background-color:#192836}
footer > a{width:1.65rem;height:.42rem;margin:.37rem auto 0;display:block}
footer > a > img{width:100%;height:100%;object-fit:cover}
footer > p{text-align:center;font-size:.18rem;color:#077688;line-height:.18rem;margin-top:.21rem}
footer > p a{color:#077688}

.goTop{position:fixed;right:.25rem;bottom:1.8rem;opacity:1;width:.6rem;height:.6rem;color:white;font-size:.25rem;text-align:center;line-height:.6rem;border-radius:50%;margin-top:.1rem;background-color:var(--defcolor);z-index: 999}

.flex{display:flex}
.pageWrap{justify-content:space-between;-webkit-justify-content:space-between;margin:.24rem}
.pageWrap a,.pageWrap span{width:.58rem;height:.58rem;line-height:.58rem;text-align:center;font-size:.22rem;color:#454545;border-radius:.06rem;background-color:#f4f4f4}
.pageWrap .current{color:#fff;font-size:.22rem;background:var(--defcolor)}
.pageWrap .disabled{background:#ececec;color:#b1b1b1}
.pageWrap .ico_l{width:.18rem;height:.32rem;background-position:-1.65rem -.75rem;position:relative;top:.12rem;left:.2rem;display:block}
.pageWrap .ico_r{width:.18rem;height:.32rem;background-position:-2.03rem -.75rem;position:relative;top:.12rem;left:.2rem;display:block}
.pageWrap a:first-child,.pageWrap a:last-child{width:1rem}

.pageMain{}
.bar{padding:.22rem .24rem .26rem .24rem;display:flex;color:#fff;font-size:.24rem;line-height:.24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;}
.bar > a,.bar span{color:#fff;font-size:.24rem;line-height:.24rem;margin-left:.13rem}
.bar > a::after{content:'>';margin-left:.13rem}
.gamePageCont{border-radius:.16rem .16rem 0 0;background-color:#F5F5F5}
.glTypeMenu{padding:0 .25rem}
.glTypeMenu > ul{overflow:hidden;height:2.52rem;display:grid;padding-bottom:.38rem;grid-template-columns:repeat(3,auto);justify-content:space-between}
.glTypeMenu > ul > li{width:2.04rem;height:.64rem;text-align:center;font-size:.24rem;color:#666666;line-height:.64rem;border-radius:.04rem;background-color:#fff;margin-top:.26rem}
.glTypeMenu > ul > li > a{display:block;text-align:center;font-size:.24rem;color:#666666;line-height:.64rem}
.glTypeMenu > ul > li.current a{color:#fff;background-color:var(--defcolor)}
.glTypeMenu > ul > li.openBtn{color:var(--defcolor);}
.glTypeMenu > ul > li.closeBtn{color:#ccc;}

.commTit{padding:.28rem .18rem 0 .17rem;display:flex;justify-content:space-between}
.commTit > p{height:.36rem;display:flex;align-items:center}
.glListBox{background-color:#fff}
.glListBox .commTit{padding:.25rem .25rem 0 .25rem}
.glListBox .commTit > p{font-weight:bold;font-size:.36rem;color:#404040;line-height:.36rem}
.glListBox > ul{padding:0 .24rem;display:grid;justify-content:space-between;grid-template-columns:repeat(2,3.36rem)}
.glListBox > ul > li{width:3.36rem;height:3.4rem;margin-top:.32rem}
.glListBox > ul > li > a{display:block;width:100%;height:100%;position:relative;border-radius:.04rem;border:.01rem solid #eeeeee;box-sizing:border-box;overflow:hidden}
.glListBox > ul > li > a > img{width:1.26rem;height:1.26rem;display:block;margin:.37rem auto 0}
.glListBox > ul > li > a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glListBox > ul > li > a > p:nth-child(2){text-align:center;font-size:.3rem;color:#404040;line-height:.4rem;margin-top:.2rem}
.glListBox > ul > li > a > p:nth-child(3){text-align:center;font-size:.24rem;color:#4CCB70;line-height:.3rem;margin-top:.1rem}
.glListBox > ul > li > a > p:nth-child(4){padding:0 .27rem;font-size:.24rem;color:#999999;line-height:.3rem;margin-top:.2rem;text-align:center}
.glListBox > ul > li > a > p:nth-child(4) > span:nth-child(2){margin-left:.3rem}
.glListBox > ul > li > a > p:nth-child(4) > span:nth-child(2)::before{content:'|';margin-right:.3rem}
.glListBox > ul > li > a > p:nth-child(5){display:none}

.ztPageCont{padding:0 .24rem;border-radius:.16rem .16rem 0 0;background-color:#F5F5F5}
.ztLRecomZtBox{padding:.28rem 0 0 0;display:flex}
.ztLRecomZtBox > div:nth-child(1){width:2.72rem;height:3.76rem}
.ztLRecomZtBox > div:nth-child(1) > a{width:100%;height:100%;display:block;overflow:hidden;position:relative;border-radius:.04rem}
.ztLRecomZtBox > div:nth-child(1) > a > img{width:100%;height:100%;object-fit:cover}
.ztLRecomZtBox > div:nth-child(1) > a > p{width:100%;height:.8rem;padding:0 .17rem;position:absolute;left:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);font-size:.28rem;color:#FFFFFF;margin-top:.13rem;opacity:.95;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.8rem}
.ztLRecomZtBox > div:nth-child(2){flex:1;padding-left:.15rem}
.ztLRecomZtBox > div:nth-child(2) > div:nth-child(1){display:flex;justify-content:space-between}
.ztLRecomZtBox > div:nth-child(2) > div:nth-child(1) > a{width:1.99rem;height:1.8rem;overflow:hidden;position:relative;border-radius:.04rem}
.ztLRecomZtBox > div:nth-child(2) > div:nth-child(1) > a > img{width:100%;height:100%;object-fit:cover}
.ztLRecomZtBox > div:nth-child(2) > div:nth-child(1) > a > p{width:100%;height:.8rem;padding:0 .17rem;position:absolute;left:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);font-size:.28rem;color:#FFFFFF;margin-top:.13rem;opacity:.95;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.8rem}
.ztLRecomZtBox > div:nth-child(2) > a:nth-child(2){width:4.14rem;height:1.8rem;overflow:hidden;position:relative;margin-top:.16rem;border-radius:.04rem;display:block}
.ztLRecomZtBox > div:nth-child(2) > a:nth-child(2) > img{width:100%;height:100%;object-fit:cover}
.ztLRecomZtBox > div:nth-child(2) > a:nth-child(2) > p{width:100%;height:.8rem;padding:0 .17rem;position:absolute;left:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);font-size:.28rem;color:#FFFFFF;margin-top:.13rem;opacity:.95;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.8rem}
.zlListBox{margin:.5rem 0;border-radius:.16rem .16rem 0 0;background-color:white}
.zTxtList{padding:.09rem .28rem 0 .24rem}
.zTxtList > li{padding:.24rem 0 .27rem 0;border-bottom:.01rem solid #EEEEEE}
.zTxtList > li > a{display:block;height:1.8rem}
.zTxtList > li > a > img{width:3.09rem;height:1.8rem;overflow:hidden;border-radius:.05rem;display:block;float:left}
.zTxtList > li > a > div{float:left;margin-left:.24rem;width:3.1rem}
.zTxtList > li > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zTxtList > li > a > div > p:nth-child(1){font-weight:bold;font-size:.3rem;color:#404040;line-height:.3rem;margin-top:.07rem}
.zTxtList > li > a > div > p:nth-child(2){font-size:.24rem;color:#999999;line-height:.36rem;margin-top:.19rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.zTxtList > li > a > div > p:nth-child(3){font-size:.24rem;color:#999999;line-height:.36rem;margin-top:.12rem}

.ztDetailPageCont{border-radius:.16rem .16rem 0 0;background-color:#F5F5F5}
.ztDinfoBox{padding-bottom:.15rem}
.ztDinfoBox > img{max-height:4.1rem;width:100%;display:block;border-radius:0.16rem 0.16rem 0 0}
.ztDinfoBox > div{width:7.02rem;margin:0 auto;padding-bottom:.34rem;border-radius:.04rem;background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) .9rem,#fff .9rem,#fff 100%)}
.ztDinfoBox > div > div{}
.ztDinfoBox > div > div:nth-child(1){padding:.29rem .25rem 0 .25rem;display:flex;justify-content:space-between}
.ztDinfoBox > div > div:nth-child(1) h1{font-weight:bold;font-size:.36rem;color:#404040;line-height:.36rem}
.ztDinfoBox > div > div:nth-child(1) > span{font-size:.24rem;color:#999999;line-height:.24rem;margin-top:.05rem}
.ztDinfoBox > div > div:nth-child(1) > span font{color:var(--defcolor)}
.ztDinfoBox > div > div:nth-child(2){overflow-y:scroll;padding:0 .25rem;font-size:.24rem;color:#666666;line-height:.4rem;margin-top:.17rem;height:1.22rem}
.ztDinfoBox > div > p:nth-child(3){padding:0 .24rem;margin-top:.2rem;height:.3rem;font-size:.24rem;color:#999999;line-height:.3rem}
.loding_box{padding:.1rem 0}
.loding_box .loding_btn{display:block;width:2rem;height:0.62rem;line-height:.62rem;background-color:var(--defcolor);border:1px solid var(--defcolor);border-radius:0.1rem;font-size:.26rem;color:#fff;text-align:center;margin:.1rem auto}

.gameDetailPageCont{padding:0 .24rem;overflow:hidden;border-radius:.16rem .16rem 0 0;background-color:#F5F5F5}
.gdTopInfo{position:relative;margin-top:.28rem;border-radius:.04rem;background-color:#fff;padding-bottom:.3rem}
.gdTopInfo > div{}
.gdTopInfo > div:nth-child(1){padding:.32rem .29rem 0 .29rem;overflow:hidden}
.gdTopInfo > div:nth-child(1) > img{width:1.56rem;height:1.56rem;overflow:hidden;border-radius:.32rem;display:block;float:left}
.gdTopInfo > div:nth-child(1) > div{overflow:hidden;float:left;width:4.6rem;margin-left:.2rem}
.gdTopInfo > div:nth-child(1) > div h1{font-weight:bold;font-size:.36rem;color:#404040;line-height:.48rem;margin-top:.06rem;width:4.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdTopInfo > div:nth-child(1) > div > p{width:4.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdTopInfo > div:nth-child(1) > div > p:nth-child(2){margin-top:.17rem;color:#999999;font-size:.24rem;line-height:.36rem}
.gdTopInfo > div:nth-child(1) > div > p:nth-child(3){margin-top:.21rem;height:.24rem;font-size:.24rem;color:#999999;line-height:.24rem}
.gdTopInfo .jerror{width:.82rem;height:.36rem;color:#0d0d0d00;display:block;background:url(../images/icon.png) no-repeat;background-size:3.85rem 3.61rem;position:absolute;background-position:-0.1rem -1.69rem;top:0;right:0}
.downBtnBox{padding:0 .29rem;margin-top:.3rem}
.downBtnBox > a,.downBtnBox > span{display:block;height:.88rem;border-radius:.44rem;background-color:#4DF0BC;text-align:center;line-height:.88rem;position:relative;font-size:.3rem;color:#FFFFFF}
.downBtnBox > .android-btn{background-color:#4DF0BC}
.downBtnBox > .ios-btn{background-color:#5258ff}
.downBtnBox > .no-down{background-color:#ccc}
.downBtnBox > .android-btn::before,.downBtnBox > .ios-btn::before{content:'';display:inline-block;background:url(../images/icon.png) no-repeat;background-size:3.85rem 3.61rem;margin-right:.15rem;position:relative}
.downBtnBox > .android-btn::before{width:.32rem;height:.36rem;background-position:-0.1rem -2.25rem;top:.06rem}
.downBtnBox > .ios-btn::before{width:.3rem;height:.36rem;background-position:-0.62rem -2.25rem;top:.06rem}
.cueCard{width:100%;box-sizing:border-box;background-color:#fff;color:#FF6F6F;margin-top:0.12rem;font-size:0.28rem;line-height:0.44rem;background:url(../images/edit_tip_pic.png) no-repeat 0px 3px;padding-left:0.44rem}
.shwoImgBox{margin-top:.5rem;padding-bottom:.3rem;border-radius:.12rem;background-color:#fff}
.gdCommTit{padding:.28rem .21rem 0 .21rem;font-weight:bold;font-size:.36rem;color:#404040;line-height:.36rem}
.showImg{position:relative;margin:.2rem 0px .15rem .25rem;background:#fff;height:4.6rem;font-size:0;overflow-x:scroll;white-space:nowrap;overflow-y:hidden}
.showImg ul{white-space:nowrap;font-size:0}
.showImg ul li{display:inline-block;margin-right:.08rem}
.showImg ul li img{display:block;overflow:hidden;max-height:4.6rem;width:auto;border:1px solid #fff;border-radius:4px}
.gdTags{color:#999999;font-size:.24rem;line-height:.36rem;display:flex;flex-wrap:wrap}
.gdTags > a{padding:.08rem .14rem .08rem .14rem;margin-top:.17rem;margin-right:.16rem;color:white;font-size:.2rem;line-height:.2rem;border-radius:.08rem;box-sizing:border-box;background-color:#F7F7F7}
.gdTags > a:nth-child(1){background-color:#B770EF}
.gdTags > a:nth-child(2){background-color:#F9644E}
.gdTags > a:nth-child(3){background-color:#ff970b}
.gdTags > a:nth-child(4){background-color:#00b7ee}
.gdTags > a:nth-child(5){background-color:#88d42f}
.gdTags > a:nth-child(6){background-color:#C77EB5}
.gdTxtCont{margin-top:.2rem;border-radius:.04rem;background-color:white}
.gdTxtCont > .cont{padding:0 .24rem}
.gdTxtCont > .cont p{font-size:.3rem;color:#404040;line-height:.54rem;margin-top:.11rem}
.gdTxtCont > .cont h3{margin-top:.25rem;padding-left:.68rem;font-weight:bold;font-size:.32rem;color:var(--defcolor);line-height:.32rem;position:relative;display:flex}
.gdTxtCont > .cont h3::after{content:"";display:block;width:.59rem;height:.42rem;background:url("../images/icon.png") no-repeat;background-size:3.85rem 3.61rem;position:absolute;left:-0.01rem;bottom:-0.03rem;background-position:-0.94rem -0.93rem}
.gdTxtCont > .cont img{display:block;max-width:100%;height:auto;object-fit:cover;margin:.18rem auto;max-height:7rem}
.gdTxtInfo{border-radius:.04rem;margin-top:.5rem;background-color:white;padding-bottom:.32rem;position:relative}
.gdTxtInfo > div{padding:0 .29rem 0 .25rem}
.gdTxtInfo > div > p{display:block;font-size:.291rem;height:.583rem;color:#808080;line-height:.583rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdTlRecom{margin:.5rem 0;padding-bottom:.28rem;border-radius:.04rem;background-color:#fff}
.gdTlRecom > div{margin:.1rem 0 0;overflow:hidden}
.gdTlRecom > div a{width:25%;height:auto;float:left;display:inline;overflow:hidden;margin:.17rem 0}
.gdTlRecom > div a img{display:block;width:1.16rem;height:1.16rem;border-radius:.29rem;margin:0 auto}
.gdTlRecom > div a p:nth-of-type(1){height:.46rem;line-height:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.29rem;color:#333;text-align:center;width:1.8rem;margin:.1rem auto 0}
.gdTlRecom > div a p:nth-of-type(2){font-size:.25rem;color:#666;font-weight:normal;display:block;height:.46rem;line-height:.46rem;overflow:hidden;text-align:center}
.gdTlRecom > div a span{color:var(--defcolor);display:block;text-align:center;margin:.2rem auto 0;width:1.2rem;height:.44rem;font-size:.24rem;line-height:.44rem;border-radius:.04rem;background-color:var(--shallowcolor)}
.gdTlRecom > div a:nth-child(4n){margin-right:0}
.gdNewRecom{margin:.5rem 0;border-radius:.04rem;background-color:#fff}
.gdNewRecom > div{margin:.1rem 0 .166rem;overflow:hidden;padding:.17rem .25rem .31rem .25rem;font-size:0;overflow-x:scroll;white-space:nowrap}
.gdNewRecom > div{overflow:hidden;padding:.17rem .25rem .31rem .25rem;font-size:0;overflow-x:scroll;white-space:nowrap}
.gdNewRecom > div a{padding:0 0 .06rem 0;width:1.7rem;box-sizing:border-box;margin-right:.1rem;display:inline-block;position:relative}
.gdNewRecom > div a img{display:block;width:1.16rem;height:1.16rem;border-radius:.29rem;margin:0 auto}
.gdNewRecom > div a p:nth-of-type(1){height:.46rem;line-height:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.29rem;color:#333;text-align:center;margin-top:.104rem}
.gdNewRecom > div a p:nth-of-type(2){font-size:.25rem;color:#666;font-weight:normal;display:block;height:.46rem;line-height:.46rem;overflow:hidden;text-align:center}
.gdNewRecom > div a span{color:var(--defcolor);border:1px solid var(--defcolor);border-radius:.21rem;display:block;height:22px;line-height:22px;font-size:14px;text-align:center;width:53px;margin:.08rem auto 0}
.gdNewRecom > div a:last-child{margin-right:0}

.popupBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:1002;display:flex;align-items:center;justify-content:center}
.feedbackBox{position:relative;width:5.6rem;border-radius:0.24rem;height:fit-content;max-height:calc(100vh - 1rem);background:linear-gradient(180deg,#F5F5FF 0%,#fff 21%,#fff 100%);padding:0.22rem 0px 0.32rem}
.feedbackBox > i{display:block;background-image:url(../images/popup.png);background-repeat:no-repeat;background-size:5.02rem 2.2rem;position:absolute}
.feedbackBox > i.tip{width:0.96rem;height:0.96rem;background-position:-1.93rem -0.03rem;left:0.25rem;top:-0.11rem}
.feedbackBox > i.close{width:0.2rem;height:0.2rem;background-position:-0.06rem -1.07rem;position:absolute;top:0.24rem;right:0.24rem}
.feedbackBox > .boxHead{display:flex;flex-direction:column;align-items:center}
.feedbackBox > .boxHead p{font-size:0.36rem;line-height:0.64rem;color:#333;font-weight:700}
.feedbackBox > .boxBody{max-height:calc(100% - 1.18rem);font-size:0.22rem;line-height:0.26rem;color:#333;margin-right:0.1rem;padding:0.06rem 0.2rem 0.32rem 0.35rem;overflow-y:auto}
.feedbackBox > .boxBody .bodyItem{position:relative}
.feedbackBox > .boxBody .bodyItem > p{margin-top:0.22rem}
.feedbackBox > .boxBody .bodyItem > ul{display:grid;grid-template-columns:repeat(3,30%);justify-content:space-between;font-size:0.2rem;color:#999999}
.feedbackBox > .boxBody .bodyItem > ul > li{cursor:pointer;margin-top:0.12rem;height:0.36rem;line-height:0.36rem;text-align:center;padding:0 0.05rem;background:#F7F5F5;border-radius:0.05rem;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.feedbackBox > .boxBody .bodyItem > ul > li.active{color:#fff;background:var(--defcolor)}
.feedbackBox > .boxBody .bodyItem textarea{font-size:0.22rem;color:#999999;padding:0.1rem 0.12rem;margin-top:16px;width:98%;height:1.3rem;background:#F7F7F7;border-radius:0.05rem;border:unset;resize:none}
.feedbackBox > .boxBottom{display:flex;justify-content:center}
.feedbackBox > .boxBottom button{width:3.5rem;height:0.54rem;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:0.05rem;font-size:0.2rem;color:#fff;text-align:center;line-height:0.54rem;border:none}

.indexPageCont{border-radius:.16rem .16rem 0 0;background-color:#F5F5F5;overflow:hidden}
.midSlider{overflow:hidden;margin:.31rem .24rem 0;height:3.1rem;position:relative}
.midSlider > .swiper{width:7.02rem;height:3.1rem}
.midSlider > .swiper .swiper-wrapper .swiper-slide{width:100% !important;height:100% !important;border-radius:.24rem;overflow:hidden;position:relative}
.midSlider > .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}
.midSlider > .swiper .swiper-wrapper .swiper-slide p{width:100%;height:.84rem;line-height:.84rem;text-align:center;font-size:.28rem;color:#fff;position:absolute;bottom:0;border-radius:0 0 .24rem .24rem;backdrop-filter:blur(.1rem);background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),rgba(114,102,104,0.2)}
.midSlider > .swiper .swiper-pagination{width:auto;top:auto;right:auto;left:3.17rem;bottom:.12rem}
.midSlider > .swiper .swiper-pagination .swiper-pagination-bullet{width:.08rem;height:.08rem;margin:0;background-color:#FFFFFF;opacity:.6;margin-left:.1rem}
.midSlider > .swiper .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}
.midSlider > .swiper .swiper-pagination .swiper-pagination-bullet-active{width:.15rem;height:.08rem;border-radius:.04rem;background-color:white;opacity:1}
.idxRecomZtBox{margin-top:.5rem;margin-left:.24rem}
.idxRecomZtBox > ul{display:flex;overflow-x:auto;padding-bottom:.5rem}
.idxRecomZtBox > ul > li{}
.idxRecomZtBox > ul > li > a{display:block;width:3.26rem;height:1.78rem;position:relative;margin-right:.16rem}
.idxRecomZtBox > ul > li > a img{width:100%;height:100%;object-fit:cover}
.idxRecomZtBox > ul > li > a > div{width:2.95rem;height:.88rem;position:absolute;left:.16rem;bottom:-0.5rem;border-radius:.05rem;background-color:rgba(255,255,255,0.9)}
.idxRecomZtBox > ul > li > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxRecomZtBox > ul > li > a > div > p:nth-child(1){text-align:center;font-size:.24rem;color:#4CCB70;line-height:.24rem;margin-top:.07rem}
.idxRecomZtBox > ul > li > a > div > p:nth-child(2){text-align:center;font-size:.3rem;color:#404040;line-height:.3rem;margin-top:.17rem}
.idxTit{padding:.28rem .18rem 0 .17rem;display:flex;justify-content:space-between}
.idxTit > p{height:.36rem;font-weight:bold;font-size:.36rem;color:#404040;line-height:.36rem;display:inline-block}
.idxCommBox{margin:.46rem .24rem 0;padding-bottom:.28rem;border-radius:.04rem;background-color:white}
.idxHotGameBox{margin:.1rem 0 0;overflow:hidden}
.idxHotGameBox a{width:25%;height:auto;float:left;display:inline;overflow:hidden;margin:.17rem 0}
.idxHotGameBox a img{display:block;width:1.16rem;height:1.16rem;border-radius:.29rem;margin:0 auto}
.idxHotGameBox a p:nth-of-type(1){height:.46rem;line-height:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.29rem;color:#333;text-align:center;width:1.8rem;margin:.1rem auto 0}
.idxHotGameBox a p:nth-of-type(2){font-size:.25rem;color:#666;font-weight:normal;display:block;height:.46rem;line-height:.46rem;overflow:hidden;text-align:center}
.idxHotGameBox a span{color:var(--defcolor);display:block;text-align:center;margin:.2rem auto 0;width:1.2rem;height:.44rem;font-size:.24rem;line-height:.44rem;border-radius:.04rem;background-color:var(--shallowcolor)}
.idxHotGameBox a:nth-child(4n){margin-right:0}
.idxNewGameBox{margin:.18rem .24rem 0}
.idxGameSwiper{padding-bottom:.42rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul{display:grid;justify-content:space-between;grid-template-columns:repeat(2,3.36rem)}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li{width:100%;height:3.4rem;margin-top:.24rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a{display:block;width:100%;height:100%;position:relative;border-radius:.04rem;box-sizing:border-box;overflow:hidden;background-color:#fff}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > img{width:1.26rem;height:1.26rem;display:block;margin:.37rem auto 0}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(2){text-align:center;font-size:.3rem;color:#404040;line-height:.3rem;margin-top:.25rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(3){text-align:center;font-size:.24rem;color:#4CCB70;line-height:.24rem;margin-top:.11rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(4){padding:0 .27rem;font-size:.24rem;color:#999999;line-height:.24rem;margin-top:.26rem;text-align:center}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(4) > span:nth-child(2){margin-left:.3rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(4) > span:nth-child(2)::before{content:'|';margin-right:.3rem}
.idxGameSwiper .swiper-wrapper .swiper-slide > ul li a > p:nth-child(5){display:none}
.idxGameSwiper  .swiper-pagination{width:auto;right:auto;left:2.97rem;bottom:0}
.idxGameSwiper  .swiper-pagination .swiper-pagination-bullet{width:.58rem;height:.14rem;border-radius:.07rem;opacity:1;margin-left:.22rem;background-color:white}
.idxGameSwiper  .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}
.idxGameSwiper  .swiper-pagination .swiper-pagination-bullet-active{width:.28rem;height:.14rem;border-radius:.07rem;background-color:var(--defcolor)}
.idxNewZtList{padding:.04rem .21rem 0 .2rem;display:grid;justify-content:space-between;grid-template-columns:repeat(2,3.2rem)}
.idxNewZtList > li{width:100%;margin-top:.22rem}
.idxNewZtList > li > a{display:block;width:100%;position:relative}
.idxNewZtList > li > a img{height:1.88rem;width:100%;border-radius:.04rem;object-fit:cover}
.idxNewZtList > li > a > div{width:100%;height:.72rem;position:absolute;left:0;bottom:0;border-radius:0 0 .12rem .12rem;background-color:rgba(0,0,0,0.5)}
.idxNewZtList > li > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.idxNewZtList > li > a > div > p:nth-child(1){padding:0 .11rem 0 .19rem;font-size:.26rem;color:#FFFFFF;font-weight:400;line-height:.26rem;margin-top:.1rem;opacity:.9}
.idxNewZtList > li > a > div > p:nth-child(2){font-size:.2rem;color:#FFFFFF;margin-top:.06rem;opacity:.6;padding-left:.2rem}
.idxNewZtList > li > a > div > p:nth-child(2) > span{margin-right:.17rem}
.idxNewZtList > li > a > div > p:nth-child(2) > span::before{content:'/';margin-right:.17rem}
.idxNewZtList > li > a > div > p:nth-child(2) > span:last-child{margin-right:0}
.idxNewZtList > li > a > div > p:nth-child(2) > span:first-child::before{content:unset}
.idxRankBox{margin-top:.17rem;margin-bottom:.25rem}
.idxRankBox .idxTit{padding-left:.41rem}
.idxRankSwiperBox{padding:0 0 0 .24rem;margin-top:.32rem}
.idxRankSwiper{height:9.24rem}
.idxRankSwiper{height:9.24rem}
.idxRankSwiper .swiper-slide{width:6.24rem;height:100%;border-radius:.04rem;background-color:white}
.idxRankSwiper .swiper-slide > p{padding:0 .23rem 0 .3rem;margin-top:.2rem;font-weight:bold;font-size:.3rem;color:#FF9A50;line-height:.3rem}
.idxRankSwiper .swiper-slide > p::before,.idxRankSwiper .swiper-slide > p::after{content:'';display:inline-block;background:url(../images/icon.png) no-repeat;background-size:3.85rem 3.61rem;position:relative;top:.1rem}
.idxRankSwiper .swiper-slide > p::before{width:.15rem;height:.4rem;background-position:-3.48rem -1.1rem;margin-right:.12rem}
.idxRankSwiper .swiper-slide > p::after{width:.15rem;height:.4rem;background-position:-3.48rem -1.7rem;margin-left:.12rem}
.idxRankSwiper .swiper-slide:nth-child(1) > p{color:#FF9A50}
.idxRankSwiper .swiper-slide:nth-child(2) > p{color:#2CDA59}
.idxRankSwiper .swiper-slide:nth-child(2) > p::before{background-position:-3.48rem -2.3rem}
.idxRankSwiper .swiper-slide:nth-child(2) > p::after{background-position:-3.48rem -2.3rem;transform:scaleX(-1)}
.idxRankSwiper .swiper-slide > ul{padding:0 .23rem 0 .31rem}
.idxRankSwiper .swiper-slide > ul > li{width:100%;margin-top:.36rem}
.idxRankSwiper .swiper-slide > ul > li > a{display:block;height:1rem}
.idxRankSwiper .swiper-slide > ul > li > a > i{display:block;background:url(../images/icon.png) no-repeat;background-size:3.85rem 3.61rem;float:left}
.idxRankSwiper .swiper-slide > ul > li > a > i{margin-right:.35rem;margin-top:.3rem;width:.12rem;height:.16rem;background-position:-2.4rem -0.1rem;margin-left:.1rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(-n+3) > a > i{width:.37rem;height:.41rem;margin-right:.2rem;margin-left:0}
.idxRankSwiper .swiper-slide > ul > li:nth-child(1) > a > i{background-position:-2.4rem -0.1rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(2) > a > i{background-position:-2.4rem -0.71rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(3) > a > i{background-position:-1.75rem -1rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(4) > a > i{background-position:-2.52rem -2.81rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(5) > a > i{background-position:-2.84rem -2.81rem}
.idxRankSwiper .swiper-slide > ul > li:nth-child(6) > a > i{background-position:-3.16rem -2.81rem}
.idxRankSwiper .swiper-slide > ul > li > a > img{float:left;width:1rem;height:1rem;border-radius:.24rem;margin-right:.19rem}
.idxRankSwiper .swiper-slide > ul > li > a > div{float:left;width:2.6rem}
.idxRankSwiper .swiper-slide > ul > li > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem;color:#999;line-height:.24rem}
.idxRankSwiper .swiper-slide > ul > li > a > div > p:nth-child(1){padding-left:.02rem;color:#404040;font-weight:bold;font-size:.3rem;line-height:.3rem}
.idxRankSwiper .swiper-slide > ul > li > a > div > p:nth-child(2){margin-top:.11rem;font-weight:100}
.idxRankSwiper .swiper-slide > ul > li > a > div > p:nth-child(3){margin-top:.11rem}
.idxRankSwiper .swiper-slide > ul > li > a > span{float:right;display:block;width:1.2rem;height:.44rem;font-size:.24rem;color:var(--defcolor);line-height:.44rem;text-align:center;border-radius:.04rem;background-color:var(--shallowcolor);margin-top:.28rem}
.midFriendLinkBox{background-color:#192836;padding:.32rem .24rem 0}
.midFriendLinkBox > div{height:1.28rem;border-radius:.04rem;background-color:#00455e}
.midFriendLinkBox > div > p{padding:.2rem 0 0 .22rem;font-weight:bold;font-size:.24rem;color:#FFFFFF;line-height:.24rem}
.midFriendLinkBox > div ul{padding:.16rem .22rem 0 .22rem;display:flex;flex-wrap:wrap}
.midFriendLinkBox > div ul li{width:auto;margin-right:.2rem}
.midFriendLinkBox > div ul li a{width:auto;padding:.12rem .19rem .12rem .2rem;font-size:.24rem;color:#4bbdcc;line-height:.24rem;border-radius:.24rem;background-color:rgba(255,255,255,0.05)}