html * { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul { margin: 0; padding: 0 }
input,select,textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
fieldset,img { border: none }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500 }
ol,ul { list-style: none }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500 }
q:after,q:before { content: '' }
a { text-decoration: none }
button { border: none }
button,html input[type='button'],input[type='reset'],input[type='submit'] { -webkit-appearance: button; text-transform: none; outline: none }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999 }
input::-webkit-inner-spin-button { -webkit-appearance: none }
input::-webkit-outer-spin-button { -webkit-appearance: none }
textarea { vertical-align: top }
button,input { line-height: normal }
select { margin: 0; outline: 0 }
input.fixAKeyboard:focus,textarea.fixAndroidKeyboard:focus { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-user-modify: read-write-plaintext-only }
button,input[type=button],input[type=checkbox],input[type=reset],input[type=submit],label { cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none }
input[type=submit] { -moz-user-modify: read-plaintext-only; -ms-user-modify: read-plaintext-only; -o-user-modify: read-plaintext-only; -webkit-user-modify: read-plaintext-only }
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration { -webkit-appearance: none }
input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
body { font-size: 0.24rem; line-height: 0.28rem; max-width: 7.5rem; min-width: 3.2rem; margin: 0 auto; background: url("../img/bodyBg.png") no-repeat; background-size: 100% auto; height: fit-content }
a { display: block }
.indexICon { display: inline-block; background: url("../img/indexIcon.png") no-repeat; background-size: 5.34rem 5.19rem }
.iconTwo {display: inline-block;background: url(../img/iconTwo.png) no-repeat;background-size: 10rem 10rem;}
.hide { display: none }
.indexBg { position: relative; background-color: white }
.textOv1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.textOv2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.pageWrap { margin-top: 0.31rem; padding: 0 0.2rem }
.pageWrap .pageContont { display: flex; align-items: center; justify-content: space-between }
.pageWrap .pageContont a { padding: 0.13rem 0.2rem; font-size: 0.24rem; color: #949799; background-color: #F7F7F7; border-radius: 0.12rem }
.pageWrap .pageContont .lineHT { padding: 0 0 0.1rem; background-color: white }
.pageWrap .pageContont .leftIcon.indexICon { width: 0.1rem; height: 0.16rem; background-position: -1.14rem -3.77rem }
.pageWrap .pageContont .rightIcon.indexICon { width: 0.1rem; height: 0.16rem; background-position: -1.44rem -3.77rem }
.pageWrap .pageContont .current { color: white; background-color: #a5e046 }
header { width: 100%; padding-top: 0.27rem }
header .headerTop { padding: 0 0.2rem; display: flex; align-items: center; justify-content: space-between }
header .headerTop .indexICon { width: 0.52rem; height: 0.44rem; background-position: -1.14rem -3.13rem }
header .headerTop .logo { max-width: 3.5rem; height: 0.72rem }
header .headerTop .logo img { width: auto; height: 100% }
header .headerTop .search { width: 0.45rem; height: 0.45rem }
header .headerTop .search .indexICon { width: 0.45rem; height: 0.45rem; background-position: -3.95rem -4.58rem }
header .navBox { padding: 0.27rem 0.2rem 0 }
header .navBox .nav { height: 1.08rem; display: flex; justify-content: space-between; padding: 0 0.47rem; align-items: center; border-radius: 0.54rem; border: 0.04rem solid rgba(255,255,255,0.8); box-shadow: 0 0 0.12rem 0.02rem rgba(165,224,70,.2); background: rgba(255,255,255,0.3) }
header .navBox .nav li a { font-size: 0.3rem; color: #404040 }
header .navBox .nav .current { position: relative; display: flex; justify-content: center }
header .navBox .nav .current a { font-weight: bold; font-size: 0.36rem }
header .navBox .nav .current::after { content: ""; width: 0.81rem; height: 0.15rem; position: absolute; bottom: -0.2rem; background: url("../img/indexIcon.png") no-repeat; background-size: 5.34rem 5.19rem; background-position: -4.36rem -4.21rem }
.navigation { padding: 0.25rem 0.2rem 0.27rem; display: flex; align-items: center }
.navigation .indexICon { width: 0.24rem; height: 0.23rem; background-position: -1.28rem -4.13rem }
.navigation .textList { flex: 1; display: flex; align-items: center; margin-left: 0.14rem; overflow: hidden }
.navigation .textList li { font-size: 0.24rem; color: white }
.navigation .textList li a { font-size: 0.24rem; color: white }
.navigation .textList .interval { padding: 0 0.15rem }
.navigation .textList .current { flex: 1; overflow: hidden }
.navigation .textList .current a { width: 100%; color: #a5e046 }
.indexWrap .swiperBox { padding-bottom: 0.36rem; overflow: hidden }
.indexWrap .swiperBox .indexSwiper { width: 100%; padding-top: 0.54rem; position: relative }
.indexWrap .swiperBox .indexSwiper .swiper-wrapper { width: 100%; display: flex; align-items: center }
.indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide { width: 6rem !important; height: 3.2rem; border-radius: 0.16rem }
.indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide-active { height: 3.37rem }
.indexWrap .swiperBox .indexSwiper .swiper-pagination-bullets { bottom: -0.4rem }
.indexWrap .swiperBox .indexSwiper .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; background-color: #E6E6E6; opacity: 1 }
.indexWrap .swiperBox .indexSwiper .swiper-pagination-bullet-active { width: 0.91rem; height: 0.16rem; background-color: #a5e046; border-radius: 0.08rem }
.indexWrap .newsBox { margin-top: 0.4rem }
.indexWrap .newsBox .newsContont { position: relative; padding: 0 0.2rem 0 0.84rem }
.indexWrap .newsBox .newsContont .newsText { padding: 0.25rem; font-weight: bold; font-size: 0.3rem; color: #404040; line-height: 0.4rem; border: 0.02rem solid #EEEEEE; border-radius: 0.16rem }
.indexWrap .newsBox .timeBox { position: absolute; left: 0.2rem; top: 0 }
.indexWrap .newsBox .timeBox .time { width: 0.72rem; height: 0.9rem; text-align: center; background: linear-gradient(-45deg,#FF9966 0%,#FF5E62 100%); border-radius: 0.16rem }
.indexWrap .newsBox .timeBox .time .month { padding-top: 0.16rem; font-size: 0.24rem; line-height: 0.24rem; color: white }
.indexWrap .newsBox .timeBox .time .day { padding-top: 0.05rem; font-size: 0.36rem; line-height: 0.36rem; color: white }
.indexWrap .newsBox .timeBox .indexICon { width: 0.28rem; height: 0.18rem; margin: 0.09rem 0 0 0.18rem; background-position: -1.72rem -4.13rem }
.indexWrap .mobileGame { width: 100%; margin-top: 0.34rem }
.indexWrap .mobileGame .titleBox { padding: 0 0.2rem }
.indexWrap .mobileGame .titleBox .iconTwoTxt {padding-left: 0.72rem; padding-right: 0.23rem; font-weight: bold; font-size: 0.36rem; line-height: 0.3rem; color: #404040; line-height: 0.7rem;position: relative;}
.indexWrap .mobileGame .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .69rem;
    height: .65rem;
    position: absolute;
    top: .1rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.78rem -.67rem;
}
.indexWrap .mobileGame .gameList { display: grid; align-items: center; justify-content: space-between; padding: 0 0.4rem; grid-template-columns: repeat(4,auto) }
.indexWrap .mobileGame .gameList li { margin-top: 0.2rem }
.indexWrap .mobileGame .gameList li a .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.26rem }
.indexWrap .mobileGame .gameList li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.26rem }
.indexWrap .mobileGame .gameList li a .text { width: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 0.15rem; text-align: center; font-size: 0.3rem; color: #333333; line-height: 0.3rem }
.indexWrap .mobileGame .gameList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .mobileGame .gameList li:nth-child(n+5) { margin-top: 0.28rem }
.indexWrap .editorsChoice { width: 100%; margin-top: 0.32rem }
.indexWrap .editorsChoice .titleBox { padding: 0 0.2rem }
.indexWrap .editorsChoice .titleBox .iconTwoTxt { height: 0.7rem; padding-left: 0.72rem; padding-right: 0.23rem; font-weight: bold; font-size: 0.36rem; line-height: 0.3rem; color: #404040; line-height: 0.7rem;position: relative;}
.indexWrap .editorsChoice .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .53rem;
    height: .49rem;
    position: absolute;
    top: .1rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.04rem -.67rem;
} 

.indexWrap .editorsChoice .editList { padding: 0 0.2rem; margin-top: -.08rem }
.indexWrap .editorsChoice .editList li { padding: 0.24rem 0; border-bottom: 0.01rem solid #F0F0F0 }
.indexWrap .editorsChoice .editList li a { display: flex; align-items: center; justify-content: space-between }
.indexWrap .editorsChoice .editList li a .aL { display: flex }
.indexWrap .editorsChoice .editList li a .aL .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.indexWrap .editorsChoice .editList li a .aL .imgBox img { width: 100%; height: 100%; border-radius: 0.28rem }
.indexWrap .editorsChoice .editList li a .aL .textBox { padding-left: 0.26rem; width: 4.1rem }
.indexWrap .editorsChoice .editList li a .aL .textBox .name { margin-top: 0.09rem; font-size: 0.3rem; color: #404040; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .editorsChoice .editList li a .aL .textBox .review { margin-top: 0.08rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .editorsChoice .editList li a .aL .textBox .review span { font-size: 0.24rem; color: #999999; line-height: 0.18rem }
.indexWrap .editorsChoice .editList li a .aL .textBox .review span:nth-child(2) { padding-left: 0.44rem }
.indexWrap .editorsChoice .editList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .editorsChoice .editList li:last-child { border: none }
.indexWrap .dayGame { width: 100%; margin-top: 0.27rem; padding: 0 0.2rem }
.indexWrap .dayGame .dayGameContont { width: 7.1rem; min-height: 2.4rem; background: url("../img/dayGameBg.png") no-repeat;overflow: hidden; background-size: 100% 2.4rem;background-color: #f7f7f7;padding-bottom: .3rem; }
.indexWrap .dayGame .dayGameContont .indexICon { height: 0.7rem; padding-left: 0.7rem; padding-right: 0.23rem; font-weight: bold; font-size: 0.36rem; line-height: 0.3rem; color: #fff; line-height: 0.7rem; background-position: -0.1rem -0.1rem }
.indexWrap .dayGame .dayGameContont .daySwiper { width: 100%; overflow: hidden; padding: 0.24rem 0 0 0.2rem }
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper {
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(2,auto);
}
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide { display: flex;width: auto; flex: 1;overflow: hidden;margin-top: .2rem;}
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide:nth-child(1),.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide:nth-child(2){
    margin-top: 0;
}
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.28rem }
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox { padding-left: 0.2rem;padding-right: .25rem;overflow: hidden;}
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .name { margin-top: 0.05rem; font-size: 0.3rem; color: #333333; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .review { margin-top: 0.15rem; font-size: 0.24rem; color: #999999; line-height: 0.24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .special { width: 100%; margin-top: 0.54rem }
.indexWrap .special .titleBox { padding: 0 0.2rem; display: flex; align-items: center; justify-content: space-between }
.indexWrap .special .titleBox .iconTwoTxt { height: 0.35rem; padding-left: 0.72rem; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.2rem; position: relative;}
.indexWrap .special .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .65rem;
    height: .68rem;
    position: absolute;
    top: -.18rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -1.68rem -.67rem;
}




.indexWrap .special .titleBox a { padding-right: 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #999999; position: relative }
.indexWrap .special .titleBox a::after { content: ""; width: 0.21rem; height: 0.22rem; position: absolute; right: 0; top: 0.02rem; background: url("../img/indexIcon.png") no-repeat; background-size: 5.34rem 5.19rem; background-position: -3.1rem -4.69rem }
.indexWrap .special .specialList { padding: 0 0.2rem; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(2,3.38rem) }
.indexWrap .special .specialList li { margin-top: 0.23rem }
.indexWrap .special .specialList li a .imgBox { width: 100%; height: 1.93rem; border-radius: 0.16rem }
.indexWrap .special .specialList li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.indexWrap .special .specialList li a .text { margin-top: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.3rem; color: #404040; line-height: 0.32rem }
.indexWrap .special .specialList li a .time { margin-top: 0.13rem; font-size: 0.24rem; color: #999999; line-height: 0.24rem }
.indexWrap .special .specialList li:nth-child(n+3) { margin-top: 0.26rem }
.indexWrap .special .topicList { display: flex; flex-wrap: wrap; align-items: center; padding-right: 0.2rem }
.indexWrap .special .topicList li { margin-top: 0.27rem; margin-left: 0.2rem; padding: 0 0.21rem 0 0.19rem; border-radius: 0.04rem; background-color: #F0FFF0; height: 0.6rem }
.indexWrap .special .topicList li a { font-size: 0.24rem; color: #99CC99; line-height: 0.6rem; display: block }
.indexWrap .special .topicList li:nth-child(n+3) { margin-top: 0.24rem }
.indexWrap .special .topicList li:nth-child(2) { background-color: #F0F8FF }
.indexWrap .special .topicList li:nth-child(2) a { color: #53B1F7 }
.indexWrap .special .topicList li:nth-child(3) { background-color: #F0FFFF }
.indexWrap .special .topicList li:nth-child(3) a { color: #85CCCC }
.indexWrap .special .topicList li:nth-child(4) { background-color: #F5FFF0 }
.indexWrap .special .topicList li:nth-child(4) a { color: #66CC33 }
.indexWrap .special .topicList li:nth-child(5) { background-color: #FFFAF0 }
.indexWrap .special .topicList li:nth-child(5) a { color: #FFCC66 }
.indexWrap .special .topicList li:nth-child(6) { background-color: #FFF0F7 }
.indexWrap .special .topicList li:nth-child(6) a { color: #FF99CC }
.indexWrap .special .topicList li:nth-child(7) { background-color: #F0FFFC }
.indexWrap .special .topicList li:nth-child(7) a { color: #47C1A8 }
.indexWrap .special .topicList li:nth-child(8) { background-color: #FFFAF0 }
.indexWrap .special .topicList li:nth-child(8) a { color: #FAA701 }
.indexWrap .special .topicList li:nth-child(9) { background-color: #F8F0FF }
.indexWrap .special .topicList li:nth-child(9) a { color: #B27CDA }
.indexWrap .special .topicList li:nth-child(10) { background-color: #FFF0F2 }
.indexWrap .special .topicList li:nth-child(10) a { color: #F26D7E }
.indexWrap .application { width: 100%; margin-top: 0.49rem }
.indexWrap .application .titleBox { padding: 0 0.2rem }
.indexWrap .application .titleBox .iconTwoTxt { height: 0.47rem; padding-left: 0.72rem; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.36rem; position: relative; }
.indexWrap .application .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .76rem;
    height: .63rem;
    position: absolute;
    top: -.1rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -2.48rem -.67rem;
}
.indexWrap .application .applicationList { padding: 0 0.52rem 0 0.4rem; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(4,1.2rem) }
.indexWrap .application .applicationList li { margin-top: 0.2rem }
.indexWrap .application .applicationList li a .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.26rem }
.indexWrap .application .applicationList li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.26rem }
.indexWrap .application .applicationList li a .text { width: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 0.15rem; text-align: center; font-size: 0.3rem; color: #333333; line-height: 0.3rem }
.indexWrap .application .applicationList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .application .applicationList li:nth-child(n+5) { margin-top: 0.28rem }
.indexWrap .editapplication { width: 100%; margin-top: 0.48rem }
.indexWrap .editapplication .titleBox { padding: 0 0.2rem }
.indexWrap .editapplication .titleBox .iconTwoTxt { height: 0.47rem; padding-left: 0.72rem; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.36rem;position: relative;}
.indexWrap .editapplication .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .53rem;
    height: .49rem;
    position: absolute;
    top: -.06rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -.04rem -.67rem;
}


.indexWrap .editapplication .editList { padding: 0 0.2rem }
.indexWrap .editapplication .editList li { padding: 0.24rem 0; border-bottom: 0.01rem solid #F0F0F0 }
.indexWrap .editapplication .editList li a { display: flex; align-items: center; justify-content: space-between }
.indexWrap .editapplication .editList li a .aL { display: flex }
.indexWrap .editapplication .editList li a .aL .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.indexWrap .editapplication .editList li a .aL .imgBox img { width: 100%; height: 100%; border-radius: 0.28rem }
.indexWrap .editapplication .editList li a .aL .textBox { padding-left: 0.26rem; width: 4.2rem }
.indexWrap .editapplication .editList li a .aL .textBox .name { margin-top: 0.09rem; font-size: 0.3rem; color: #404040; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .editapplication .editList li a .aL .textBox .review { margin-top: 0.08rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .editapplication .editList li a .aL .textBox .review span { font-size: 0.24rem; color: #999999; line-height: 0.18rem }
.indexWrap .editapplication .editList li a .aL .textBox .review span:nth-child(2) { padding-left: 0.44rem }
.indexWrap .editapplication .editList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .editapplication .editList li:last-child { border: none }
.indexWrap .dayGameTwo { width: 100%; margin-top: 0.5rem; padding: 0 0.2rem }
.indexWrap .dayGameTwo .dayGameContont { width: 7.1rem; min-height: 2.4rem; background: url("../img/dayGameBg.png") no-repeat; background-size: 100% 2.4rem;background-color: #f7f7f7;padding-bottom: .25rem; }
.indexWrap .dayGameTwo .dayGameContont .indexICon { height: 0.7rem; padding-left: 0.7rem; padding-right: 0.23rem; font-weight: bold; font-size: 0.36rem; line-height: 0.3rem; color: #fff; line-height: 0.7rem; background-position: -0.1rem -1rem }
.indexWrap .dayGameTwo .dayGameContont .daySwiper { width: 100%;padding: 0.24rem 0 0 0.2rem }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper{
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
}
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide {width: auto !important; display: flex;margin-top: .2rem; }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.28rem }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox { padding-left: 0.2rem; width: 1.8rem }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .name { margin-top: 0.05rem; font-size: 0.3rem; color: #333333; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .review { margin-top: 0.15rem; font-size: 0.24rem; color: #999999; line-height: 0.24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.indexWrap .realTimeInfo { width: 100%; margin-top: 0.48rem }
.indexWrap .realTimeInfo .titleBox { padding: 0 0.2rem }
.indexWrap .realTimeInfo .titleBox .iconTwoTxt { height: 0.47rem; padding-left: 0.72rem; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.44rem; position: relative; }
.indexWrap .realTimeInfo .titleBox .iconTwoTxt::after{
    content: "";
    display: block;
    width: .82rem;
    height: .68rem;
    position: absolute;
    top: -.1rem;
    left: 0;
    background: url(../img/iconTwo.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -4.73rem -.67rem;
}
.indexWrap .realTimeInfo .tabMenu {
    display: flex;
    padding: 0 .2rem;
    margin-top: .15rem;
    justify-content: space-between;
}
.indexWrap .realTimeInfo .tabMenu li{
    width: auto;
    padding: 0 .65rem;
    height: .63rem;
    font-size:.24rem;
    color: #404040;
    line-height: .63rem;
    border-radius: .31rem;
}
.indexWrap .realTimeInfo .tabMenu li.active{
    color: white;
    background-color: #a5e046;
}
.indexWrap .realTimeInfo .realTimeSwiper { width: 100%; overflow: hidden; margin-top: 0.22rem }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .title { text-align: left; font-weight: bold; font-size: 0.3rem; color: #404040; line-height: 0.39rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList { padding: 0 0 0 0.2rem; margin-top: -.06rem }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li { margin-top: 0.3rem }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a { display: flex; align-items: center }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a .circle { width: 0.06rem; height: 0.06rem; border-radius: 50%; background-color: #a5e046 }
.indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0.12rem; font-size: 0.3rem; color: #404040; line-height: 0.3rem }
.indexWrap .realTimeInfo .textImg { margin-top: 0.4rem; padding: 0 0.2rem; display: flex; align-items: center; justify-content: space-between }
.indexWrap .realTimeInfo .textImg a { width: 3.4rem }
.indexWrap .realTimeInfo .textImg a .imgBox { width: 100%; height: 2.32rem; border-radius: 0.16rem }
.indexWrap .realTimeInfo .textImg a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.indexWrap .realTimeInfo .textImg a p { margin-top: 0.12rem; font-size: 0.3rem; color: #404040; line-height: 0.4rem }
.indexWrap .rankings { margin-top: 0.45rem; padding: 0 0.2rem }
.indexWrap .rankings .rankingimg { width: 100%; height: 3.27rem; position: relative }
.indexWrap .rankings .rankingimg img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.indexWrap .rankings .rankingimg .mask { position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.384); border-radius: 0.16rem }
.indexWrap .rankings .rankingimg .mask .titleBox { width: 100%; margin-top: 0.52rem; display: flex; align-items: center; justify-content: center }
.indexWrap .rankings .rankingimg .mask .titleBox .indexICon { width: 0.58rem; height: 0.98rem; background-position: -4.66rem -0.1rem }
.indexWrap .rankings .rankingimg .mask .titleBox .indexICon:nth-child(3) { width: 0.58rem; height: 0.98rem; background-position: -4.66rem -1.28rem }
.indexWrap .rankings .rankingimg .mask .titleBox .textOne { text-align: center; font-weight: bold; font-size: 0.48rem; color: #FFFFFF; line-height: 0.48rem }
.indexWrap .rankings .rankingimg .mask .titleBox .textTwo { padding-top: 0.1rem; text-align: center; font-size: 0.24rem; color: #FFFFFF; line-height: 0.3rem }
.indexWrap .rankings .rankingimg .mask .imgList { margin-top: 0.56rem; display: flex }
.indexWrap .rankings .rankingimg .mask .imgList li { margin-top: 0.4rem; margin-left: 0.53rem }
.indexWrap .rankings .rankingimg .mask .imgList li a { display: flex; flex-direction: column; align-items: center }
.indexWrap .rankings .rankingimg .mask .imgList li a .imgBox { width: 1.6rem; height: 1.6rem; border-radius: 0.36rem; border: 0.02rem solid #FFFFFF; position: relative }
.indexWrap .rankings .rankingimg .mask .imgList li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.36rem }
.indexWrap .rankings .rankingimg .mask .imgList li a .imgBox .indexICon { width: 0.51rem; height: 0.53rem; position: absolute; top: -0.25rem; right: -0.25rem; background-position: -4.66rem -3.19rem }
.indexWrap .rankings .rankingimg .mask .imgList li a .name { margin-top: 0.06rem; font-size: 0.3rem; color: #404040; line-height: 0.32rem }
.indexWrap .rankings .rankingimg .mask .imgList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.23rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .rankings .rankingimg .mask .imgList li:nth-child(2) { margin-top: 0 }
.indexWrap .rankings .rankingimg .mask .imgList li:nth-child(2) a .indexICon { width: 0.64rem; height: 0.65rem; top: -0.35rem; right: -0.35rem; background-position: -3.78rem -1.44rem }
.indexWrap .rankings .rankingimg .mask .imgList li:nth-child(3) a .indexICon { width: 0.51rem; height: 0.53rem; top: -0.25rem; right: -0.25rem; background-position: -4.66rem -2.46rem }
.indexWrap .rankings .topList { width: 100%; margin-top: 2.39rem;padding-bottom: .3rem; }
.indexWrap .rankings .topList li { margin-top: 0.26rem }
.indexWrap .rankings .topList li a { display: flex; align-items: center; justify-content: space-between }
.indexWrap .rankings .topList li a .textImg { display: flex; align-items: center }
.indexWrap .rankings .topList li a .textImg .num { width: 0.41rem; text-align: center; font-size: 0.36rem; color: #999999; line-height: 0.36rem; font-weight: bold; font-style: italic }
.indexWrap .rankings .topList li a .textImg .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem; margin-left: 0.29rem }
.indexWrap .rankings .topList li a .textImg .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.28rem }
.indexWrap .rankings .topList li a .textImg .textBox { padding-left: 0.26rem; width: 3.9rem }
.indexWrap .rankings .topList li a .textImg .textBox .name { font-size: 0.3rem; color: #404040; line-height: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.indexWrap .rankings .topList li a .textImg .textBox .time { margin-top: 0.12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.indexWrap .rankings .topList li a .textImg .textBox .time span { font-size: 0.24rem; color: #999999 }
.indexWrap .rankings .topList li a .textImg .textBox .time span:nth-child(2) { padding-left: 0.44rem }
.indexWrap .rankings .topList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.23rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.indexWrap .rankings .topList li:nth-child(1) { margin-top: 0 }
.ztWrap .ztWrapTop { padding: 0 0.2rem; display: flex; justify-content: space-between }
.ztWrap .ztWrapTop .imgBox { width: 3.6rem; height: 3.6rem; border-radius: 0.16rem; position: relative }
.ztWrap .ztWrapTop .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.ztWrap .ztWrapTop .imgBox .text { width: 100%; position: absolute; bottom: 0; padding: 0.19rem 0; text-align: center; font-size: 0.28rem; color: #FFFFFF; line-height: 0.28rem; border-radius: 0 0 0.16rem 0.16rem; background-color: #00000077; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ztWrap .ztWrapTop .imgList a { width: 3.31rem; height: 1.7rem; position: relative; border-radius: 0.16rem }
.ztWrap .ztWrapTop .imgList a img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.ztWrap .ztWrapTop .imgList a .text { width: 100%; text-align: center; position: absolute; bottom: 0; padding: 0.12rem 0; font-size: 0.24rem; color: #FFFFFF; line-height: 0.24rem; border-radius: 0 0 0.16rem 0.16rem; background-color: #00000077; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ztWrap .ztWrapTop .imgList a:nth-child(2) { margin-top: 0.2rem }
.ztWrap .ztContont { margin-top: 0.48rem }
.ztWrap .ztContont .titleBox { padding: 0 0.2rem; display: flex; align-items: center; justify-content: flex-start }
.ztWrap .ztContont .titleBox .cloum { width: 0.04rem; height: 0.32rem; background: #a5e046;}
.ztWrap .ztContont .titleBox h2 { padding-left: 0.13rem; font-weight: bold; font-size: 0.32rem; line-height: 0.32rem; color: #404040 }
.ztWrap .ztContont .ztList { padding: 0 0.2rem }
.ztWrap .ztContont .ztList li { margin-top: 0.31rem }
.ztWrap .ztContont .ztList li .titleBox { padding: 0.25rem 0.2rem 0.26rem 0.23rem; display: flex; align-items: center; justify-content: space-between; background-color: #F7F7F7; border-radius: 0.16rem 0.16rem 0 0 }
.ztWrap .ztContont .ztList li .titleBox a { font-weight: bold; font-size: 0.3rem; color: #404040; line-height: 0.3rem }
.ztWrap .ztContont .ztList li .titleBox .time { font-size: 0.24rem; color: #999999; line-height: 0.3rem }
.ztWrap .ztContont .ztList li .imgList { padding: 0.3rem 0.34rem 0.29rem 0.32rem; border-left: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(4,1.2rem); border-radius: 0 0 0.16rem 0.16rem }
.ztWrap .ztContont .ztList li .imgList a img { width: 100%; height: 1.2rem; object-fit: cover; border-radius: 0.26rem }
.ztWrap .ztContont .ztList li .imgList a .name { text-align: center; margin-top: 0.08rem; font-size: 0.3rem; color: #333333; line-height: 0.32rem }
.ztWrap .ztContont .ztList li:nth-child(1) { margin-top: 0.24rem }
.ztDetailWrap .ztDetailTop { padding: 0 0.2rem }
.ztDetailWrap .ztDetailTop .imgBox { width: 100%; height: 2.8rem; border-radius: 0.05rem }
.ztDetailWrap .ztDetailTop .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.05rem }
.ztDetailWrap .txt { padding: 0 0.2rem }
.ztDetailWrap .txt h1 { margin-top: 0.34rem; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.36rem }
.ztDetailWrap .txt .textBox { margin-top: 0.2rem; font-size: 0.3rem; color: #999999; line-height: 0.48rem }
.ztDetailWrap .txt .time { margin-top: 0.2rem; text-align: right; font-size: 0.24rem; color: #999999; line-height: 0.28rem }
.ztDetailWrap .txt .time span { margin-right: 0.3rem; position: relative }
.ztDetailWrap .txt .time span i { margin: 0 0.1rem; color: #a5e046 }
.ztDetailWrap .edit { margin-top: 0.48rem; padding: 0 0.2rem }
.ztDetailWrap .edit .editBox { height: 3.04rem; padding: 0.09rem 0.09rem 0; background: url("../img/editBg.png") no-repeat; background-size: 100% 100% }
.ztDetailWrap .edit .editBox ul { padding: 0.26rem 0.36rem; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(4,1.37rem); background-color: white; border-radius: 0.16rem }
.ztDetailWrap .edit .editBox ul li { width: 100% }
.ztDetailWrap .edit .editBox ul li a { display: flex; flex-direction: column; align-items: center }
.ztDetailWrap .edit .editBox ul li a .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.24rem }
.ztDetailWrap .edit .editBox ul li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.24rem }
.ztDetailWrap .edit .editBox ul li a .name { width: 100%; text-align: center; margin-top: 0.19rem; font-size: 0.28rem; color: #404040; line-height: 0.28rem }
.ztDetailWrap .edit .editBox .titleBox { margin-top: 0.23rem; display: flex; align-items: center; justify-content: center }
.ztDetailWrap .edit .editBox .titleBox .icon { width: 0.36rem; height: 0.36rem; background: url("../img/bsIcon.png") no-repeat; background-size: 100% 100% }
.ztDetailWrap .edit .editBox .titleBox .editText { padding: 0 0.19rem; font-weight: bold; font-size: 0.36rem; color: #FFFFFF; line-height: 0.36rem }
.ztDetailWrap .listBox { padding: 0 0.2rem }
.ztDetailWrap .listBox .cloumLists { margin-top: 0.06rem }
.ztDetailWrap .listBox .cloumLists li { width: 100%; padding: 0.24rem 0; position: relative; border-bottom: 0.01rem solid #F0F0F0 }
.ztDetailWrap .listBox .cloumLists li .imgList { width: 100%; display: flex }
.ztDetailWrap .listBox .cloumLists li .imgList .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.ztDetailWrap .listBox .cloumLists li .imgList .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.28rem }
.ztDetailWrap .listBox .cloumLists li .imgList .textBox { padding-left: 0.26rem; width: 4.1rem }
.ztDetailWrap .listBox .cloumLists li .imgList .textBox .name { margin-top: 0.07rem; font-size: 0.3rem; color: #404040; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ztDetailWrap .listBox .cloumLists li .imgList .textBox .time { margin-top: 0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ztDetailWrap .listBox .cloumLists li .imgList .textBox .time span { font-size: 0.24rem; color: #999999; line-height: 0.32rem }
.ztDetailWrap .listBox .cloumLists li .imgList .textBox .time span:nth-child(2) { padding-left: 0.44rem }
.ztDetailWrap .listBox .cloumLists li .buttonBox { position: absolute; right: 0; top: 0.57rem }
.ztDetailWrap .listBox .cloumLists li .buttonBox .button { width: 1.2rem; height: 0.54rem; text-align: center; color: #a5e046; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.ztDetailWrap .listBox .cloumLists li:last-child { border: 0 }
.gameWrap .classification { padding: 0 0.2rem }
.gameWrap .classification .imgBox { width: 100%; height: 1.4rem; border-radius: 0.16rem; position: relative }
.gameWrap .classification .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.gameWrap .classification .imgBox .mask { width: 100%; height: 100%; position: absolute; top: 0; background: url("../img/apptypebg.png") no-repeat; background-size: 100% 100%; border-radius: 0.16rem; display: flex; justify-content: center; align-items: center }
.gameWrap .classification .imgBox.gameTypeBox .mask { background: url("../img/gametypebg.png") no-repeat; background-size: 100% 100% }
.gameWrap .classification .imgBox .mask .circular { width: 0.1rem; height: 0.1rem; background-color: white; border-radius: 50%; margin: 0 0.4rem }
.gameWrap .classification .imgBox .mask .text { font-size: 0.48rem; color: #FFFFFF }
.gameWrap .classification .classList { width: 100%; margin-top: 0.06rem; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(3,2.2rem) }
.gameWrap .classification .classList li { margin-top: 0.3rem }
.gameWrap .classification .classList li a { width: 100%; height: 0.64rem; text-align: center; line-height: 0.64rem; background-color: #F7F7F7; border-radius: 0.32rem; font-size: 0.3rem; color: #666666 }
.gameWrap .classification .classList .current a { color: white; background: linear-gradient(90deg,rgba(165,224,70,.4) 0%,#a5e046 100%); box-shadow: 0 0 0.1rem 0.02rem #a5e046 }
.gameWrap .tabBox { margin-top: 0.4rem; padding: 0 0.2rem }
.gameWrap .tabBox .tabContont { width: 100%; height: 1.17rem; position: relative; display: flex; align-items: center }
.gameWrap .tabBox .tabContont::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/tabBg.png") no-repeat; background-size: 100% 100%; z-index: -1 }
.gameWrap .tabBox .tabContont li { width: 50%; font-size: 0.3rem; color: #666666; text-align: center; line-height: 0.56rem; margin-top: 0.16rem }
.gameWrap .tabBox .tabContont li.active { font-size: 0.36rem; color: #404040; font-weight: bold; line-height: 0.56rem; margin-top: 0.07rem }
.gameWrap .tabBox .tabContontActive { width: 100%; height: 1.17rem; position: relative; display: flex; align-items: center }
.gameWrap .tabBox .tabContontActive::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/tabBg.png") no-repeat; background-size: 100% 100%; z-index: -1; transform: rotateY(180deg) }
.gameWrap .editList { padding: 0 0.2rem; margin-top: 0.07rem }
.gameWrap .editList li { padding: 0.24rem 0; border-bottom: 0.01rem solid #F0F0F0 }
.gameWrap .editList li a { display: flex; align-items: center; justify-content: space-between }
.gameWrap .editList li a .aL { display: flex }
.gameWrap .editList li a .aL .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.28rem }
.gameWrap .editList li a .aL .imgBox img { width: 100%; height: 100%; border-radius: 0.28rem }
.gameWrap .editList li a .aL .textBox { padding-left: 0.26rem; width: 4rem }
.gameWrap .editList li a .aL .textBox .name { margin-top: 0.08rem; font-size: 0.3rem; color: #404040; line-height: 0.32rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.gameWrap .editList li a .aL .textBox .review { margin-top: 0.12rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.gameWrap .editList li a .aL .textBox .review span { font-size: 0.24rem; color: #999999; line-height: 0.28rem }
.gameWrap .editList li a .aL .textBox .review span:nth-child(2) { padding-left: 0.44rem }
.gameWrap .editList li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem }
.gameWrap .editList li:last-child { border: none }
.realTimeWrap .swiperBox { padding-bottom: 0.36rem; overflow: hidden }
.realTimeWrap .swiperBox .indexSwiper { width: 100%; position: relative }
.realTimeWrap .swiperBox .indexSwiper .swiper-wrapper { width: 100%; display: flex; align-items: center }
.realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide { width: 6rem !important; height: 3.2rem; border-radius: 0.16rem; position: relative }
.realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide .text { padding-left: 0.24rem; position: absolute; bottom: 0.21rem; font-size: 0.3rem; color: #FFFFFF; line-height: 0.3rem; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide-active { height: 3.37rem }
.realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullets { bottom: -0.4rem }
.realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; background-color: #E6E6E6; opacity: 1 }
.realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullet-active { width: 0.91rem; height: 0.16rem; background-color: #a5e046; border-radius: 0.08rem }
.realTimeWrap .tabBox { margin-top: 0.43rem; padding: 0 0.2rem 0.12rem }
.realTimeWrap .tabBox .tabContont { width: 100%; height: 1.17rem; position: relative; display: flex; align-items: center; justify-content: center }
.realTimeWrap .tabBox .tabContont::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/tabBg.png") no-repeat; background-size: 100% 100%; z-index: -1 }
.realTimeWrap .tabBox .tabContont li { flex: 1; font-size: 0.3rem; color: #666666; text-align: center; line-height: 0.56rem; margin-top: 0.16rem }
.realTimeWrap .tabBox .tabContont li.active { font-size: 0.36rem; color: #404040; font-weight: bold; line-height: 0.56rem; margin-top: 0.07rem }

/* 优化后的新闻导航样式 */
.tabBox .tabsWrap { margin-top: 0.2rem; padding: 0 0.2rem 0.12rem; }

.tabBox .tabsMenu {
    display: flex;
    width: 100%;
    height: 0.88rem;
    position: relative;
    background-color: #f5f5f5;
    border-radius: 0.44rem;
    overflow: hidden;
}

.tabBox .tabsMenu::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f5f5f5;
    z-index: -1;
    border-radius: 0.44rem;
}

.tabBox .tabsMenu li {
    flex: 1;
    font-size: 0.28rem;
    color: #666666;
    text-align: center;
    line-height: 0.88rem;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.tabBox .tabsMenu li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666666;
    font-size: 0.28rem;
    transition: all 0.3s ease;
}

.tabBox .tabsMenu li.current {
    font-size: 0.32rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 0.88rem;
    z-index: 2;
}

.tabBox .tabsMenu li.current a {
    color: #ffffff;
    font-size: 0.32rem;
    font-weight: bold;
}

.tabBox .tabsMenu li.current::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #a5e046 0%, #a5e046 100%);
    border-radius: 0.44rem;
    z-index: -1;
    transition: all 0.3s ease;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(165, 224, 70, 0.4);
    transform: scale(0.95);
}

.tabBox .tabsMenu li.current:hover::after {
    transform: scale(1);
}

.tabBox .tabsMenu li:not(.current):active {
    background-color: rgba(245, 245, 245, 0.5);
}

.tabBox .tabsMenu li:not(.current) a:active {
    color: #a5e046;
}

/* 响应式优化 */
@media screen and (max-width: 360px) {
    .tabBox .tabsMenu li {
        font-size: 0.26rem;
    }
    
    .tabBox .tabsMenu li.current {
        font-size: 0.30rem;
    }
}
.realTimeWrap .tabBox .tabContontActive { width: 100%; height: 1.17rem; position: relative; display: flex; align-items: center }
.realTimeWrap .tabBox .tabContontActive::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/tabBg.png") no-repeat; background-size: 100% 100%; z-index: -1; transform: rotateY(180deg) }
.realTimeWrap .tabBox .cloumList { width: 100%; padding: 0 0.02rem; margin-top: 0.04rem; display: grid; align-items: center; justify-content: space-between; grid-template-columns: repeat(2,3.4rem) }
.realTimeWrap .tabBox .cloumList li { width: 100%; margin-top: 0.32rem }
.realTimeWrap .tabBox .cloumList li a { width: 100% }
.realTimeWrap .tabBox .cloumList li a .imgBox { width: 100%; height: 1.88rem; border-radius: 0.16rem }
.realTimeWrap .tabBox .cloumList li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem }
.realTimeWrap .tabBox .cloumList li a .name { margin-top: 0.12rem; font-size: 0.3rem; color: #404040; line-height: 0.42rem }
.realTimeWrap .tabBox .cloumList li a .time { text-align: right; margin-top: 0.06rem; font-size: 0.24rem; line-height: 0.3rem; color: #999999 }
.realTimeWrap .popular { width: 100%; margin-top: 0.49rem }
.realTimeWrap .popular .popularTop { padding: 0 0.2rem; display: flex; align-items: center; justify-content: space-between }
.realTimeWrap .popular .popularTop .popularTopL { display: flex; align-items: center }
.realTimeWrap .popular .popularTop .popularTopL .cloum { width: 0.04rem; height: 0.32rem; background: #a5e046; }
.realTimeWrap .popular .popularTop .popularTopL h3 { padding-left: 0.12rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #404040 }
.realTimeWrap .popular .popularTop .popularTopR { display: flex; align-items: center }
.realTimeWrap .popular .popularTop .popularTopR li { font-size: 0.24rem; line-height: 0.24rem; color: #404040 }
.realTimeWrap .popular .popularTop .popularTopR li.active { color: #a5e046 }
.realTimeWrap .popular .popularTop .popularTopR .space { padding: 0 0.15rem; pointer-events: none }
.realTimeWrap .popular .tabsCont ul { padding: 0 0.29rem; display: grid; align-items: center; justify-content: space-around; grid-template-columns: repeat(4,1.52rem) }
.realTimeWrap .popular .tabsCont ul li { width: 100%; margin-top: 0.24rem }
.realTimeWrap .popular .tabsCont ul li a { width: 100%; display: flex; align-items: center; flex-direction: column }
.realTimeWrap .popular .tabsCont ul li a .imgBox { width: 1.2rem; height: 1.2rem; border-radius: 0.26rem }
.realTimeWrap .popular .tabsCont ul li a .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.26rem }
.realTimeWrap .popular .tabsCont ul li a .name { width: 100%; text-align: center; font-size: 0.3rem; color: #333333; line-height: 0.3rem; margin-top: 0.15rem }
.realTimeWrap .popular .tabsCont ul li a .button { width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; border-radius: 0.27rem; background-color: rgba(165,224,70,.2) }
.reaInfoDetailWrap .reaInfoTitle { padding: 0 0.2rem }
.reaInfoDetailWrap .reaInfoTitle .titleBox { padding: 0.28rem 0.36rem 0.32rem; background-color: white; border-radius: 0.24rem; border-bottom: 0.01rem dashed #EEEEEE; display: block }
.reaInfoDetailWrap .reaInfoTitle .titleBox h1 { text-align: center; font-weight: bold; font-size: 0.36rem; color: #404040; line-height: 0.49rem }
.reaInfoDetailWrap .reaInfoTitle .titleBox .time { text-align: center; margin-top: 0.18rem; font-size: 0.24rem; color: #999999; line-height: 0.24rem }
.reaInfoDetailWrap .txt { padding: 0 0.2rem }
.reaInfoDetailWrap .txt p { margin-top: 0.25rem; font-size: 0.3rem; color: #666666; line-height: 0.54rem }
.reaInfoDetailWrap .txt img { max-width: 100%; display: block; margin: 0.2rem auto }
.reaInfoDetailWrap .txt h3 { position: relative; z-index: 1; display: block; font-size: 0.3rem; color: #404040; line-height: 0.56rem; font-weight: bold; margin-bottom: 0.08rem }
.reaInfoDetailWrap .leftDAndRight { padding: 0 0.2rem 0.1rem; margin-top: 0.26rem }
.reaInfoDetailWrap .leftDAndRight .leftBox { display: flex; justify-content: flex-start }
.reaInfoDetailWrap .leftDAndRight .leftBox .leftButton { width: 6.38rem; padding: 0.19rem; display: flex; align-items: center; background-color: #F7F7F7; border-radius: 0.08rem }
.reaInfoDetailWrap .leftDAndRight .leftBox .leftButton .icon { width: 0.26rem; height: 0.25rem; background: url("../img/leftIcon.png") no-repeat; background-size: 100% 100% }
.reaInfoDetailWrap .leftDAndRight .leftBox .leftButton p { padding-left: 0.14rem; font-size: 0.24rem; color: #404040; line-height: 0.24rem }
.reaInfoDetailWrap .leftDAndRight .leftBox a { display: flex; justify-content: flex-start }
.reaInfoDetailWrap .leftDAndRight .leftBox a p { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.reaInfoDetailWrap .leftDAndRight .rightBox { width: 100%; margin-top: 0.2rem; display: flex; justify-content: flex-end }
.reaInfoDetailWrap .leftDAndRight .rightBox a { display: flex; justify-content: flex-end }
.reaInfoDetailWrap .leftDAndRight .rightBox a p { flex: 1; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.reaInfoDetailWrap .leftDAndRight .rightBox .leftButton { width: 6rem; padding: 0.19rem; display: flex; align-items: center; background-color: #F7F7F7; border-radius: 0.08rem }
.reaInfoDetailWrap .leftDAndRight .rightBox .leftButton .icon { width: 0.26rem; height: 0.25rem; background: url("../img/rightIcon.png") no-repeat; background-size: 100% 100% }
.reaInfoDetailWrap .leftDAndRight .rightBox .leftButton p { padding-right: 0.14rem; font-size: 0.24rem; color: #404040; line-height: 0.24rem }
.reaInfoDetailWrap .leftDAndRight .downBox { margin-top: 0.6rem; margin-bottom: 0.3rem; background: url("../img/xGCXBg.png") no-repeat; background-size: 100% 100%; padding: 0.21rem 0.19rem 0.19rem; display: flex; position: relative }
.reaInfoDetailWrap .leftDAndRight .downBox .imgBox { width: 1rem; height: 1rem; border-radius: 0.26rem; border: 0.03rem solid white }
.reaInfoDetailWrap .leftDAndRight .downBox .imgBox img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.26rem }
.reaInfoDetailWrap .leftDAndRight .downBox .txtBox { padding-left: 0.19rem }
.reaInfoDetailWrap .leftDAndRight .downBox .txtBox .name { margin-top: 0.12rem; font-size: 0.3rem; color: #404040; line-height: 0.36rem }
.reaInfoDetailWrap .leftDAndRight .downBox .txtBox p { margin-top: 0.16rem }
.reaInfoDetailWrap .leftDAndRight .downBox .txtBox p .interval { padding: 0 0.15rem }
.reaInfoDetailWrap .leftDAndRight .downBox .txtBox p span { font-size: 0.24rem; color: #999999; line-height: 0.28rem }
.reaInfoDetailWrap .leftDAndRight .downBox .down { position: absolute; right: 0.34rem; top: 0.41rem; text-align: center; color: white; width: 1.64rem; height: 0.64rem; background: #4ACE63; border-radius: 0.08rem }
.reaInfoDetailWrap .leftDAndRight .downBox { margin-right: 0.1rem }
.reaInfoDetailWrap .leftDAndRight .downBox .down p { display: block; font-size: 0.24rem; text-align: center; line-height: 0.3rem; margin-top: 0.07rem }
.reaInfoDetailWrap .leftDAndRight .downBox .down span { display: block; font-size: 0.18rem; text-align: center; line-height: 0.22rem }
.reaInfoDetailWrap .leftDAndRight .downBox i { position: absolute; z-index: 2; top: 0.18rem; right: 0; transform: rotateZ(45deg); color: #fff; font-size: 0.18rem }
.reaInfoDetailWrap .leftDAndRight .downBox:after { content: ""; position: absolute; top: -.11rem; right: -.1rem; width: 1.23rem; height: 1.25rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -.07rem -5.85rem }
.bulletFrame { width: 100%; height: 100%; position: absolute; top: 0; z-index: 9999; background-color: #00000060 }
.bulletFrame .frameBox { position: relative; margin: 1.3rem 0.2rem 0.2rem }
.bulletFrame .frameBox .frame { padding: 0.48rem 0.41rem 0.48rem 0.39rem; border-radius: 0.8rem; background-color: white }
.bulletFrame .frameBox .frame li { padding: 0.28rem 0 0.36rem 0.44rem; border-radius: 0.5rem }
.bulletFrame .frameBox .frame li a { display: flex; align-items: center }
.bulletFrame .frameBox .frame li a .indexICon { width: 0.34rem; height: 0.4rem; background-position: -0.64rem -4.69rem }
.bulletFrame .frameBox .frame li a .text { padding-left: 0.39rem; font-size: 0.36rem; color: #404040; line-height: 0.48rem }
.bulletFrame .frameBox .frame .current { background-color: #F7F7F7 }
.bulletFrame .frameBox .frame li:nth-child(1).current a .indexICon { background-position: -0.1rem -4.69rem }
.bulletFrame .frameBox .frame li:nth-child(2) a .indexICon { width: 0.39rem; height: 0.36rem; background-position: -0.1rem -4.13rem }
.bulletFrame .frameBox .frame li:nth-child(2).current a .indexICon { background-position: -0.69rem -4.13rem }
.bulletFrame .frameBox .frame li:nth-child(3) a .indexICon { width: 0.34rem; height: 0.39rem; background-position: -1.72rem -4.69rem }
.bulletFrame .frameBox .frame li:nth-child(3).current a .indexICon { background-position: -1.18rem -4.69rem }
.bulletFrame .frameBox .frame li:nth-child(4) a .indexICon { width: 0.38rem; height: 0.4rem; background-position: -2.44rem -3.13rem }
.bulletFrame .frameBox .frame li:nth-child(4).current a .indexICon { background-position: -1.86rem -3.13rem }
.bulletFrame .frameBox .frame li:nth-child(5) a .indexICon { width: 0.38rem; height: 0.39rem; background-position: -3.6rem -3.13rem }
.bulletFrame .frameBox .frame li:nth-child(5).current a .indexICon { background-position: -3.02rem -3.13rem }

.bulletFrame .frameBox .frame li:nth-child(6) a .indexICon { width: 0.37rem; height: 0.37rem; background-position: -2.19rem -4.07rem }
.bulletFrame .frameBox .frame li:nth-child(6).current a .indexICon { background-position: -2.73rem -4.07rem }


.bulletFrame .frameBox .close { width: 100%; position: absolute; bottom: -1.2rem; display: flex; justify-content: center }
.bulletFrame .frameBox .close .indexICon { width: 0.88rem; height: 0.88rem; background-position: -2.7rem -1.44rem }
.listBox ~ .pageWrap { margin-top: 0.1rem }
.icon { background-image: url("../img/icon.png"); background-size: 10rem 10rem; background-repeat: no-repeat }
b,em,i { font-style: normal }
.wdIntro { position: relative; background: #FFF; border-radius: 0.24rem; margin: 0 0.2rem 0.2rem; padding: 0.48rem 0.05rem 0.08rem; overflow: hidden }
.wdIntro img { display: block; margin: auto; width: 1.6rem; height: 1.6rem; border-radius: 0.3rem; margin-bottom: 0.2rem }
.wdIntro .info { text-align: center; margin-bottom: 0.2rem }
.wdIntro .info h1 { font-size: 0.36rem; color: #404040; font-weight: bold; line-height: 0.44rem; margin-bottom: 0.12rem }
.wdIntro .info ul li { position: relative; padding-top: 0.15rem; display: flex; justify-content: center; overflow: hidden }
.wdIntro .info ul li span { position: relative; flex: 1; font-size: 0.32rem; color: #404040; line-height: 0.52rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdIntro .info ul li span i { display: block; font-size: 0.24rem; color: #999; line-height: 0.34rem; margin: 0.04rem 0 0.02rem; text-align: center }
.wdIntro .info ul li span:nth-of-type(n+2):before { content: ""; position: absolute; left: 0; top: 0.1rem; width: 0.01rem; height: 0.72rem; background: #E5E5E5 }
.downLink { display: flex; margin: 0 0.2rem; padding: 0.22rem 0 0.06rem; margin: auto }
.downLink a,.downLink button { display: block; width: 7.1rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.3rem; color: #fff; text-align: center; border: none; border-radius: 0.16rem; margin: 0 auto 0.1rem; background: #4ace63; overflow: hidden }
.downLink .adrBtn { background: #4ace63 }
.downLink .iosBtn { background: #2D68FF }
.downLink .ljBtn { flex: 1; width: auto; min-width: 3.06rem; max-width: 7.1rem; background-color: #3CD59B }
.downLink .gsBtn { width: 3.15rem; margin-left: 0.18rem; background: #D068F4 }
.downLink .orderBtn { background: #a5e046 }
.downLink .no,.downLink .noDown { background: rgba(102,102,102,.35); color: rgba(255,255,255,.85) }
.gState { margin: 0 0.04rem 0.2rem; padding: 0.2rem; background-color: #EFEFEF; border-radius: 0.1rem; font-size: 0.26rem; color: #8F9399; line-height: 0.4rem }
.gState span { font-weight: bold }
.gExplain { margin: 0 0.04rem 0.2rem; padding: 0.2rem; border: 1px solid #56E39D; background-color: #EBFFF5; border-radius: 0.04rem; font-size: 0.24rem; color: #808080; line-height: 0.4rem }
.gExplain span { color: #56E39D }
.oExplain { margin: 0 0.04rem 0.2rem; padding: 0.2rem; border: 1px solid #ffd2a6; background-color: #fffaf2; border-radius: 0.04rem; font-size: 0.24rem; color: #808080; line-height: 0.4rem }
.oExplain span { color: #ffa622 }
.oTip { position: relative; z-index: 1; display: block; margin: 0.01rem 0.1rem 0.16rem; font-size: 0.24rem; color: rgba(252,212,69,.95); line-height: 0.3rem }
.oTip span { position: relative }
.oTip span:after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; margin: auto; bottom: 0.03rem; display: block; width: 101%; height: 0.08rem; background: rgba(255,224,3,.1) }
.titBox { display: flex; justify-content: space-between; position: relative; padding: 0 0.2rem; height: 0.52rem; line-height: 0.52rem; margin: 0 auto 0.1rem }
.titBox strong { position: relative; z-index: 1; display: block; font-size: 0.36rem; color: #404040; line-height: 0.52rem; font-weight: bold }
.titBox strong:before { content: ""; position: relative; top: 0.11rem; margin-right: 0.12rem; vertical-align: top; display: inline-block; width: 0.04rem; height: 0.32rem; background: #a5e046; }
.titBox a { padding-right: 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #999999; position: relative }
.titBox a::after { content: ""; width: 0.21rem; height: 0.22rem; position: absolute; right: 0; top: 0.01rem; background: url("../img/indexIcon.png") no-repeat; background-size: 5.34rem 5.19rem; background-position: -3.1rem -4.69rem }
.wdGameCont { position: relative; margin-bottom: 0.07rem; padding: 0.1rem 0; background: #FFF; border-radius: 0.2rem }
.wdGameCont .tag { display: flex; flex-wrap: wrap; padding: 0 0.02rem 0.02rem 0.3rem; margin-top: -.03rem }
.wdGameCont .tag a { display: block; padding: 0 0.15rem; height: 0.3rem; font-size: 0.18rem; color: rgba(70,196,106,1); line-height: 0.3rem; border: 1px solid rgba(70,196,106,.5); border-radius: 0.06rem; margin: 0 0.15rem 0.08rem 0 }
.wdGameCont .cont { padding: 0 0.3rem 0.1rem; font-size: 0.3rem; line-height: 0.54rem; color: #666; word-break: break-all }
.wdGameCont .cont a { color: #a5e046; display: inline-block; border-bottom: 1px solid #a5e046; line-height: 0.46rem; text-indent: 0 }
.wdGameCont .cont p { margin-bottom: 0.16rem; word-break: break-all }
.wdGameCont .cont img { display: block; max-width: 100%; height: auto; margin: 0 auto 0.1rem }
.wdGameCont .cont h3 { position: relative; z-index: 1; display: block; font-size: 0.3rem; color: #404040; line-height: 0.56rem; font-weight: bold; margin-bottom: 0.08rem }
.wdGameCont .cont h3 i { color: #a5e046 }
.wdGameCont .cont br:last-child { line-height: 0.02rem }
.wdGameCont .cont iframe { width: 100%; height: 3.6rem; margin: 0 auto; display: block; border: none }
.wdGameCont .cont table { width: 100% !important; border-color: #d9d9d9 }
.wdGameCont .cont table a { border-bottom: none }
.wdGameCont .cont strong { font-weight: bold }
.editerTips { position: relative; padding: 0.19rem 0.2rem 0.16rem; margin: 0.16rem 0.2rem 0.2rem; border-radius: 0.08rem; background: #F7F7F7 }
.editerTips p { font-size: 0.3rem; color: #666; line-height: 0.54rem }
.showImg { padding: 0.06rem 0 0 0.2rem }
.img_item { overflow-x: auto; padding: 0 0 0.13rem; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch }
.img_item ul { font-size: 0 }
.img_item ul li { position: relative; margin-right: 0.2rem; border-radius: 0.08rem; display: inline-block; overflow: hidden }
.img_item ul li.gaVideo { border-color: #edfaf0; border-radius: 0.08rem }
.img_item ul li video { width: auto; height: 2.8rem; border-radius: 0.08rem }
.img_item ul li img { width: auto; height: 2.8rem; border-radius: 0.08rem }
.img_item ul li .replay { position: absolute; z-index: 1; top: 29%; left: 0; right: 0; margin: auto; display: block; width: 0.75rem; height: 0.75rem; background-image: url("../img/icon.png"); background-size: 10rem 10rem; background-repeat: no-repeat; background-position: -1.57rem -2.68rem }
.img_item ul li .replay.hide { display: none }
.hideVideo { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 100000000000000; max-width: 7.5rem; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) }
.tpVideo { position: absolute; top: 30%; width: 7.5rem }
.tpVideo video { position: relative; z-index: 10; width: 100% }
.tpVideo .replay1 { position: absolute; z-index: 1001; top: 29%; left: 0; right: 0; margin: auto; display: block; width: 1rem; height: 1rem; background-image: url("../img/icon.png"); background-size: 10rem 10rem; background-repeat: no-repeat; background-position: -1.45rem -2.55rem }
.tpVideo .replay1.hide { display: none }
.hideVideo .vClose { position: absolute; top: 0; right: 0; z-index: 10; display: block; height: 0.74rem; width: 0.74rem; background-position: -2.72rem -2.68rem }
.showImg::-webkit-scrollbar { height: 0.0rem !important; border-radius: 0.03rem; background: #DDDDF8 }
.showImg::-webkit-scrollbar-thumb { border-radius: 0.03rem; background-color: #a5e046 !important }
.wdLog { position: relative; margin: 0 0.2rem; padding: 0.1rem 0; background: #FFF; border-radius: 0.2rem }
.rizhi { padding: 0 0 0.12rem; overflow: hidden }
.rzInfo p { font-size: 0.24rem; color: #666; line-height: 0.45rem; display: block; text-indent: 0 }
.rzInfo strong { font-size: 0.24rem; color: #333 }
.rLog { position: absolute; right: 0; top: 0; z-index: 2; font-size: 0.24rem; color: #666; line-height: 0.56rem }
.rLog:after { content: ""; position: relative; top: 0.03rem; margin-left: 0.08rem; display: inline-block; width: 0.22rem; height: 0.23rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -.07rem -2.74rem }
.rTime { position: relative; margin: 0.08rem 0 0.18rem; display: block; height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; color: #666; white-space: nowrap; overflow: hidden }
.rTime span { float: left; width: 50%; height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; color: #666; overflow: hidden }
.rTime time { float: right; width: 50%; height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; color: #666; overflow: hidden }
.rzCont { position: relative; padding: 0.17rem 0.2rem 0.1rem; min-height: 2.12rem; height: auto; background: url("../img/rizhibg.png") no-repeat; background-size: 100% auto; background-color: #F7F7F7; border-radius: 0.08rem }
.rzInfo { overflow: hidden; overflow-y: scroll; max-height: 5rem; padding: 0.1rem 0.2rem; background: #fff; border-radius: 0.08rem 0 0.08rem 0.08rem; margin-bottom: 0.16rem }
.rzCont:nth-of-type(2n+2) { margin-left: 0.2rem }
.rzCont > i { position: absolute; z-index: 1; top: 0.35rem; right: 0.43rem; display: block; width: 0.28rem; height: 0.24rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -.53rem -2.72rem }
.rzCont > i.closed-eye { background-position: -.53rem -2.36rem }
.wdLogTit { position: relative }
.wdLogTit h3 { position: relative; z-index: 1; display: block; font-size: 0.3rem; color: #404040; line-height: 0.56rem; font-weight: bold; margin-bottom: 0.1rem }
.wdLogTit h3 i { color: #a5e046 }
.wdInfo { position: relative; margin-bottom: 0.12rem }
.wdInfo ul { padding: 0 0.2rem }
.wdInfo ul li { display: flex; justify-content: space-between; font-size: 0.24rem; height: 0.56rem; color: #666; line-height: 0.56rem; overflow: hidden; text-overflow: ellipsis }
.wdInfo ul li span { min-width: 1rem; color: #999; word-break: break-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdInfo ul li .agSecret,.wdInfo ul li .gPower,.wdInfo ul li .gSecret,.wdInfo ul li a { color: #a5e046 }
.feBaBtn { position: absolute; top: 0.14rem; right: 0.3rem; height: 0.38rem; font-size: 0.24rem; color: #999; line-height: 0.32rem }
.feBaBtn i { position: relative; top: 0.05rem; margin-left: 0.1rem; vertical-align: top; display: inline-block; width: 0.22rem; height: 0.22rem; background-position: -1.08rem -2.74rem }
.wdInfo .titBox { margin-bottom: 0.04rem }
.wdVersion { position: relative; padding: 0.1rem 0 }
.wdVersion ul { margin: 0 0.2rem; padding: 0.06rem 0 0 }
.wdVersion ul li { position: relative; height: 1.68rem; background: #F7F7F7; border-radius: 0.08rem; margin-bottom: 0.3rem; overflow: hidden }
.wdVersion li a { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; padding: 0.24rem 0.21rem }
.wdVersion li:before { content: ""; position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 0.84rem; height: 0.8rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -.07rem -3.1rem }
.wdVersion li a img { margin-right: 0.19rem; width: 1.2rem; height: 1.2rem; background: #C490BF; border-radius: 0.24rem }
.wdVersion li div { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; width: 0; height: 1.2rem; position: relative }
.wdVersion li div p { display: block; width: auto; font-size: 0.24rem; color: #999; line-height: 0.42rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdVersion li div p:nth-of-type(1) { font-size: 0.3rem; color: #404040; line-height: 0.46rem }
.wdVersion li div p:nth-of-type(n+2) { display: flex; line-height: 0.42rem }
.wdVersion li div p span { color: 999; font-size: 0.24rem; line-height: 0.42rem; margin-right: 0.56rem }
.wdVersion .titBox { margin-bottom: 0.06rem }
.wdXinGame { margin-bottom: 0.2rem }
.wdXinGame .list { display: flex; flex-wrap: wrap; margin-left: 0.1rem }
.wdXinGame .list a { display: block; width: 1.8rem; height: 2.5rem; text-align: center; padding: 0.15rem 0 0 }
.wdXinGame .list a img { display: block; width: 1.2rem; height: 1.2rem; border-radius: 0.26rem; margin: auto }
.wdXinGame .list a p { margin-bottom: 0.04rem; font-size: 0.3rem; color: #333; line-height: 0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.wdXinGame .list a span { display: block; width: 1.2rem; height: 0.54rem; text-align: center; background: rgba(165,224,70,.2); font-size: 0.24rem; color: #a5e046; line-height: 0.54rem; border-radius: 0.27rem; margin: auto; overflow: hidden }
.wdXinGame .titBox { margin-bottom: 0.01rem }
.wdGongLue { margin-bottom: 0.04rem; padding: 0.1rem 0 }
.wdGongLue ul { padding: 0 0.2rem 0.14rem }
.wdGongLue ul li { position: relative; display: flex; justify-content: space-between; line-height: 0.62rem }
.wdGongLue ul li:before { content: ""; display: block; width: 0.04rem; height: 0.04rem; background: #CCCCCC; border-radius: 50%; margin: 0.29rem 0.08rem 0 0 }
.wdGongLue ul li a { flex: 1; display: block; font-size: 0.3rem; color: #404040; line-height: 0.63rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdGongLue ul li span { display: block; font-size: 0.26rem; color: #999; line-height: 0.63rem; margin-left: 0.32rem }
.wdGongLue ul li:nth-of-type(1) a { color: #a5e046 }
.wdGongLue ul li:nth-of-type(1):before { background-color: #a5e046 }
.wdGongLue ul li:nth-of-type(1) span { color: #a5e046 }
.wdGongLue .list { display: flex; flex-wrap: wrap; padding-left: 0.2rem; padding-top: 0.02rem }
.wdGongLue .list a { position: relative; display: block; width: 3.4rem; margin-right: 0.29rem; margin-bottom: 0.2rem; overflow: hidden }
.wdGongLue .list a:nth-of-type(2n+2) { margin-right: 0 }
.wdGongLue .list a div { display: block; width: 3.4rem; height: 2.32rem; border-radius: 0.16rem; margin-bottom: 0.13rem; overflow: hidden }
.wdGongLue .list a div img { display: block; width: 100%; min-height: 100%; height: auto; border-radius: 0.16rem }
.wdGongLue .list a p { display: block; max-height: 0.8rem; font-size: 0.3rem; color: #404040; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.wdGongLue .titBox { margin-bottom: 0.02rem }
.wdRelZt { position: relative; margin-bottom: 0.01rem; padding: 0.1rem 0 0.05rem; background: #FFF; border-radius: 0.2rem }
.wdRelZt .tabCont { position: relative }
.wdRelZt .tabMenu { position: relative; z-index: 1; padding: 0.11rem 0.01rem; overflow: hidden; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; white-space: nowrap }
.wdRelZt .tabMenu::-webkit-scrollbar { width: 0; height: 0; display: none; -webkit-appearance: none; border-radius: 0 }
.wdRelZt .tabMenu > div { position: relative; top: -.01rem }
.wdRelZt .tabMenu span { display: inline-block; padding: 0 0.28rem; margin: 0 0.21rem; font-size: 0.24rem; color: #362C2A; line-height: 0.54rem; cursor: pointer; border-radius: 0.27rem }
.wdRelZt .tabMenu span.current { font-size: 0.28rem; color: #fff; background: linear-gradient(to right,rgba(165,224,70,.2) 0%,#a5e046 100%); box-shadow: 0 0 0.08rem 0.01rem rgba(165,224,70,.5) }
.wdRelZt .subBox { margin: 0 }
.wdRelZt .subBox .subTop { display: flex; margin: 0 0.2rem 0.19rem; overflow: hidden; *zoom: 1 }
.wdRelZt .subBox dl { position: relative }
.wdRelZt .subBox dt strong { position: relative; z-index: 1; vertical-align: top; display: inline-block; max-width: 80%; font-size: 0.3rem; color: #404040; line-height: 0.56rem; margin-bottom: 0.11rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdRelZt .subBox dt time { position: absolute; z-index: 1; top: 0; right: 0; display: block; font-size: 0.24rem; color: #999; line-height: 0.56rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdRelZt .subBox dd { display: flex }
.wdRelZt .subBox dd .img { width: 3.46rem; height: 1.98rem; margin-right: 0.22rem; border-radius: 0.08rem; overflow: hidden }
.wdRelZt .subBox dd .img img { width: 100%; min-height: 100%; height: auto; display: block; border-radius: 0.08rem }
.wdRelZt .subBox dd p { display: block; flex: 1; position: relative; top: -.05rem; max-height: 2rem; font-size: 0.24rem; color: #999; line-height: 0.42rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical }
.wdRelZt .list { display: flex; flex-wrap: wrap; margin-left: 0.1rem }
.wdRelZt .list a { display: block; width: 1.8rem; height: 2.5rem; text-align: center; padding: 0.15rem 0 0 }
.wdRelZt .list a img { display: block; width: 1.2rem; height: 1.2rem; border-radius: 0.26rem; margin: auto }
.wdRelZt .list a p { margin-bottom: 0.04rem; font-size: 0.3rem; color: #333; line-height: 0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.wdRelZt .list a span { display: block; width: 1.2rem; height: 0.54rem; text-align: center; background: rgba(165,224,70,.2); font-size: 0.24rem; color: #a5e046; line-height: 0.54rem; border-radius: 0.27rem; margin: auto; overflow: hidden }
.wdRelZt .titBox { margin-bottom: 0.06rem }
.wdHotGame { position: relative; margin-bottom: 0.12rem }
.wdHotGame ul { display: flex; flex-wrap: wrap }
.wdHotGame ul li { position: relative; width: 50%; height: 1.3rem; overflow: hidden }
.wdHotGame li a { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; padding: 0.15rem 0.1rem 0.15rem 0.2rem }
.wdHotGame li i { content: ""; position: absolute; top: 0.87rem; left: 0.4rem; z-index: 1; display: block; padding: 0 0.04rem; height: 0.28rem; line-height: 0.28rem; background: rgba(0,0,0,.5); border-radius: 0.24rem 0 0.24rem 0; font-size: 0.18rem; color: #fff }
.wdHotGame li a img { margin-right: 0.2rem; width: 1rem; height: 1rem; background: #C490BF; border-radius: 0.24rem }
.wdHotGame li div { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; width: 0; height: 1rem; position: relative }
.wdHotGame li div p { display: block; width: auto; font-size: 0.24rem; color: #999; line-height: 0.42rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wdHotGame li div p:nth-of-type(1) { margin-bottom: 0.09rem; font-size: 0.3rem; color: #404040; line-height: 0.34rem }
.wdHotGame li div p:nth-of-type(n+2) { display: flex; line-height: 0.35rem }
.wdHotGame li div p span { color: #999; font-size: 0.24rem; line-height: 0.35rem }
.wdHotGame .titBox { margin-bottom: 0.01rem }
.orderList { position: fixed; 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: absolute; z-index: 5; top: 3rem; left: 0; right: 0; margin: auto; width: 6.11rem; border-radius: 0.1rem }
.orderbg { background: linear-gradient(to bottom,rgba(255,250,226,.98) 20%,rgba(255,250,226,.98) 20%,rgba(255,250,226,.0) 36%,rgba(255,250,226,0) 100%); background-color: #fff; height: 100%; min-height: 4.12rem; border-radius: 0.06rem; padding-bottom: 0.01rem }
.orderBox .oClose { position: absolute; top: 0; right: 0; margin: auto; z-index: 10 }
.orderBox .oClose i { display: block; margin: auto; width: 0.81rem; height: 0.69rem; background-position: -3.88rem -2.68rem; position: relative }
.orderBox .oTitle { position: relative; display: block; height: 1.3rem }
.orderBox .oTitle p { display: block; text-align: center; padding: 0.12rem 0.38rem; font-size: 0.4rem; color: #333; font-weight: bold; line-height: 1.1rem; white-space: nowrap; overflow: hidden }
.orderBox .oTelBox { position: relative; width: 5.34rem; margin: 0.04rem auto; background: #EFEFEF; border-radius: 0.1rem; overflow: hidden }
.orderBox .oTelBox:before { content: ""; position: absolute; z-index: 1; left: 0.28rem; top: 0.17rem; display: block; width: 0.3rem; height: 0.45rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -5.11rem -2.68rem }
.orderBox .oTelBox:after { content: ""; position: absolute; left: 0.82rem; top: 0.12rem; display: block; width: 1px; height: 0.55rem; background: #dfdfdf }
.orderBox form .tel { position: relative; display: block; border: none; width: 4.3rem; height: 0.79rem; background: #EFEFEF; line-height: 0.62rem; color: #333; font-size: 0.24rem; padding: 0 0.02rem 0 1rem; overflow: hidden; white-space: nowrap }
.orderBox form .tel::-webkit-input-placeholder { color: #9A9A9A }
.orderBox form .tel:-moz-placeholder { color: #9A9A9A }
.orderBox form .tel::-moz-placeholder { color: #9A9A9A }
.orderBox form .tel:-ms-input-placeholder { color: #9A9A9A }
.orderBox form .tel:focus { color: #808080 }
.orderBox form p { text-align: center; color: #404040; font-size: 0.24rem; line-height: 0.4rem; margin-top: 0.08rem; overflow: hidden; white-space: nowrap }
.orderBox form p em { color: #FF3333 }
.orderBox form p:last-of-type { font-size: 0.2rem; color: #ccc; margin-top: 0 }
.orderBox form span { color: #ff3333; font-size: 0.14rem; text-align: left; display: block; width: 3.06rem; margin: 0 auto; overflow: hidden; white-space: nowrap }
.orderBox .oKnow,.orderBox form .oBtn { display: block; cursor: pointer; border: 0; width: 2.65rem; height: 0.68rem; background: #CC9966; border-radius: 0.34rem; line-height: 0.68rem; color: #fff; font-size: 0.28rem; margin: 0.14rem auto 0.46rem }
.orderBox .msg { display: block; color: #ff3333; font-size: 0.14rem; text-align: left; width: 3.66rem; margin: 0 auto }
.orderBox .oWin { width: 100%; height: auto; border-radius: 0.1rem; text-align: center }
.orderBox .oWin > p { position: relative; font-size: 0.32rem; color: #3FE7BD; width: 96%; margin: 0.05rem auto 0.02rem; line-height: 0.68rem; font-weight: bold }
.orderBox .oWin > i { position: relative; display: block; width: 1.34rem; height: 1.01rem; background-position: -.07rem -4.15rem; margin: auto }
.orderBox .oAgin { width: 100%; height: auto; border-radius: 0.1rem; text-align: center }
.orderBox .oAgin > p { position: relative; font-size: 0.32rem; color: #66EDFF; width: 96%; margin: 0.05rem auto 0.02rem; line-height: 0.68rem; font-weight: bold }
.orderBox .oAgin > i { position: relative; display: block; width: 1.34rem; height: 1.01rem; background-position: -1.97rem -4.15rem; margin: auto }
.gRule { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; max-width: 7.5rem; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) }
.ruleBox { position: absolute; z-index: 5; top: 1.8rem; left: 0; right: 0; margin: auto; width: 6rem; min-height: 4.8rem; border-radius: 0.2rem; background-color: #fff; overflow: hidden }
.ruleBox .rClose { position: absolute; top: 0.24rem; right: 0.22rem; margin: auto; z-index: 10 }
.ruleBox .rClose i { display: block; margin: auto; width: 0.28rem; height: 0.28rem; background-position: -5.83rem -2.65rem; position: relative }
.ruleBox .rTitle { position: relative; display: block; height: 0.76rem; background-color: #a5e046; text-indent: 1em }
.ruleBox .rTitle p { display: block; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.76rem; white-space: nowrap; overflow: hidden }
.ruleBox .rSure { display: block; border: 0; width: 3.2rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.32rem; color: #fff; background: #a5e046; text-align: center; border-radius: 0.34rem; margin: 0.36rem auto 0.37rem }
.ruleMain { position: relative; display: block; max-height: 4.8rem; border: none; padding: 0.2rem 0.2rem 0 0.32rem; margin-right: 0.3rem; line-height: 0.42rem; font-size: 0.2rem; color: #666; border-radius: 0.04rem; overflow: hidden; overflow-y: auto }
.ruleMain > p { text-align: left; font-size: 0.2rem; color: #666; line-height: 0.36rem; margin: 0 auto 0.1rem }
.ruleMain p { text-align: left; font-weight: lighter }
.ruleMain strong { display: block; color: #333; line-height: 0.52rem; font-size: 0.24rem; font-weight: bold; text-indent: 0; text-align: left }
.gPrivacy { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; max-width: 7.5rem; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) }
.privacyBox { position: absolute; z-index: 5; top: 1.8rem; left: 0; right: 0; margin: auto; width: 6rem; min-height: 4.8rem; border-radius: 0.2rem; background-color: #fff; overflow: hidden }
.privacyBox .pClose { position: absolute; top: 0.24rem; right: 0.22rem; margin: auto; z-index: 10 }
.privacyBox .pClose i { display: block; margin: auto; width: 0.28rem; height: 0.28rem; background-position: -5.83rem -2.65rem; position: relative }
.privacyBox .pTitle { position: relative; display: block; height: 0.76rem; background-color: #a5e046; text-indent: 1em }
.privacyBox .pTitle p { display: block; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.76rem; white-space: nowrap; overflow: hidden }
.privacyBox .pSure { display: block; border: 0; width: 3.2rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.32rem; color: #fff; background: #a5e046; text-align: center; border-radius: 0.34rem; margin: 0.36rem auto 0.37rem }
.privacyMain { position: relative; display: block; max-height: 4.8rem; border: none; padding: 0.2rem 0.2rem 0 0.32rem; margin-right: 0.3rem; line-height: 0.42rem; font-size: 0.2rem; color: #666; border-radius: 0.04rem; overflow: hidden; overflow-y: auto }
.privacyMain > p { text-align: left; font-size: 0.2rem; color: #666; line-height: 0.36rem; margin: 0 auto 0.1rem }
.privacyMain p { text-align: left; font-weight: lighter }
.privacyMain strong { display: block; color: #333; line-height: 0.52rem; font-size: 0.24rem; font-weight: bold; text-indent: 0; text-align: left }
.gLog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; max-width: 7.5rem; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) }
.logBox { position: absolute; z-index: 5; top: 1.8rem; left: 0; right: 0; margin: auto; width: 6rem; min-height: 4.8rem; border-radius: 0.2rem; background-color: #fff; overflow: hidden }
.logBox .lClose { position: absolute; top: 0.24rem; right: 0.22rem; margin: auto; z-index: 10 }
.logBox .lClose i { display: block; margin: auto; width: 0.28rem; height: 0.28rem; background-position: -5.83rem -2.65rem; position: relative }
.logBox .lTitle { position: relative; display: block; height: 0.76rem; background-color: #a5e046; text-indent: 1em }
.logBox .lTitle p { display: block; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.76rem; white-space: nowrap; overflow: hidden }
.logBox .lSure { display: block; border: 0; width: 3.2rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.32rem; color: #fff; background: #a5e046; text-align: center; border-radius: 0.34rem; margin: 0.36rem auto 0.37rem }
.logMain { position: relative; display: block; max-height: 4.8rem; border: none; padding: 0.2rem 0.2rem 0 0.32rem; margin-right: 0.3rem; line-height: 0.42rem; font-size: 0.2rem; color: #666; border-radius: 0.04rem; overflow: hidden; overflow-y: auto }
.logMain > p { text-align: left; font-size: 0.2rem; color: #666; line-height: 0.36rem; margin: 0 auto 0.1rem }
.logMain p { text-align: left; font-weight: lighter }
.logMain strong { display: block; color: #333; line-height: 0.52rem; font-size: 0.2rem; font-weight: bold; text-indent: 0; text-align: left }
.feedBack { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10; overflow: hidden; overflow-y: auto; width: 100%; height: 100%; max-width: 7.5rem; min-width: 3.2rem; background-color: rgba(0,0,0,.7) }
.feBackBox { position: absolute; z-index: 5; top: 1.08rem; left: 0; right: 0; margin: auto; width: 6.11rem; min-height: 4.8rem; border-radius: 0.1rem; text-align: center; background: url("../img/maskfkbg.png") no-repeat; background-color: #fff; background-size: 100% 100% }
.feBackBox .feBaClose { position: absolute; top: 0.08rem; right: 0.08rem; z-index: 10 }
.feBackBox .feBaClose i { display: block; margin: auto; width: 0.5rem; height: 0.5rem; background-position: -6.53rem -2.68rem; position: relative }
.feBackBox .fTitle { position: relative; display: block; text-align: center; height: 0.9rem }
.feBackBox .fTitle p { display: block; font-size: 0.4rem; color: #333; font-weight: bold; line-height: 0.82rem; white-space: nowrap; overflow: hidden }
.feBackBox .fSure,.feSubmit input { display: block; border: 0; width: 3.22rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.32rem; color: #fff; background: #3FE7BD; text-align: center; border-radius: 0.34rem; margin: 0.36rem auto 0.37rem }
.feBackBox .cont { background: #fff; padding: 0 0 0.01rem; margin: 0 0.11rem 0.1rem; border-radius: 0.1rem }
.feBack { margin: 0 0.34rem 0 0.22rem }
.feBack > span { font-size: 0.28rem; color: #000; line-height: 0.46rem; margin: 0.16rem auto 0.1rem; display: block; text-align: left }
.feBack .info { display: flex; flex-wrap: wrap; text-align: left; margin-top: -.12rem }
.feBack .info p { font-size: 0.24rem; color: #999; line-height: 0.44rem }
.otherRe { background: #F0F0F0; border-radius: 0.06rem; overflow: hidden; padding: 0.1rem 0.13rem }
.feBack textarea { width: 100%; height: 0.94rem; line-height: 0.32rem; border: none; resize: none; background: transparent; font-size: 0.2rem; color: #999 }
.checkbox { position: relative; display: block; width: 100%; height: 0.6rem; line-height: 0.6rem }
.checkbox:nth-last-child(1) { border-bottom: none }
.checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 0.2rem; height: 0.2rem; opacity: 0 }
.checkbox label { position: absolute; left: 0.48rem; top: 0; height: 0.4rem; line-height: 0.4rem; width: 90%; font-size: 0.24rem; color: #666; padding: 0.14rem 0 }
.checkbox label:after { content: ''; position: absolute; left: -.46rem; top: 0.16rem; width: 0.33rem; height: 0.33rem; background: url("../img/icon.png") no-repeat; background-size: 10rem 10rem; background-position: -7.42rem -2.66rem }
.checkbox input[type='checkbox']:checked + label:after { width: 0.33rem; height: 0.33rem; background-position: -8.135rem -2.635rem }
.telBox { overflow: hidden }
.telBox input { display: block; border: none; width: 100%; text-indent: 1em; border: none; background-color: #F6F6F6; color: #666; font-size: 0.2rem; border-radius: 0.06rem; line-height: 0.67rem; margin: 0 auto; overflow: hidden; white-space: nowrap }
.telBox input::-webkit-input-placeholder { color: #999 }
.telBox input:-moz-placeholder { color: #999 }
.telBox input::-moz-placeholder { color: #999 }
.telBox input:-ms-input-placeholder { color: #999 }
.titleBox { padding: 0 0.2rem; display: flex; align-items: center; justify-content: space-between }
.titleBox a { padding-right: 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #999999; position: relative }
.titleBox a::after { content: ""; width: 0.21rem; height: 0.22rem; position: absolute; right: 0; top: 0.02rem; background: url("../img/indexIcon.png") no-repeat; background-size: 5.34rem 5.19rem; background-position: -3.1rem -4.69rem }
.indexWrap .rankings .rankingimg > img { filter: blur(30px) }
body,html { overflow-x: hidden }
.wdLink .linkTit { height: 0.52rem; font-weight: bold; font-size: 0.36rem; color: #aeaeae; line-height: 0.52rem; background-position: -2.7rem -0.1rem }
.wdLink { margin-left: 0.3rem; padding-top: 0.36rem }
.wdLink .list { display: flex; flex-wrap: wrap; margin-top: 0.1rem }
.wdLink .list a { display: block; margin-right: 0.3rem; font-size: 0.28rem; color: #f6f6f6; line-height: 0.42rem }
footer .fb a { position: relative; top: -.06rem; color: #f0f0f0 }
/* 0331 */
.feBaBtn { top: .2rem; font-size: .28rem; color: #e7040e; font-weight: bold; text-decoration: underline; }
.feBaBtn:before { position: relative; content: "!"; font-weight: bold; font-size: .24rem; line-height: .26rem; width: .28rem; height: .28rem; margin-right: .06rem; display: inline-block; border: .02rem solid #e7040e; border-radius: 50%; text-align: center; }
.ztDetailTop { position: relative; }
.ztDetailTop:after { content: ""; top: 0; right: .2rem; position: absolute; z-index: 1; border-bottom: 1px solid #a5e046; border-right: 1px solid #a5e046; border-radius: 0 0 .45rem .45rem; width: 1rem; height: .45rem; background-color: rgba(165,224,70,.2); }
.ztDetailTop .feBaBtn { position: absolute; z-index: 2; top: .02rem; right: .32rem; font-size: .24rem; color: #e7040e; font-weight: bold; text-decoration: underline; }
.ztDetailTop .feBaBtn:before { position: relative; top: -.01rem; content: "!"; font-weight: bold; font-size: .2rem; line-height: .22rem; width: .24rem; height: .24rem; margin-right: .04rem; display: inline-block; border: .02rem solid #e7040e; border-radius: 50%; text-align: center; }
.downbtn .noBtn { background: rgba(102,102,102,.5); color: rgba(255,255,255,.75); }
.xinSlider { position: relative; margin: 0 .2rem; padding-bottom: .18rem; }
.xinSlider .swiper-container { height: 3.2rem; margin-bottom: .2rem; border-radius: .12rem; overflow: hidden; }
.xinSlider .swiper-container a { position: relative; display: block; width: 100%; height: 100%; border-radius: .12rem; overflow: hidden; }
.xinSlider .swiper-container a img { display: block; width: 100%; min-height: 100%; height: auto; }
.xinSlider .swiper-container a p { position: absolute; z-index: 2; bottom: 0; left: 0; padding-left: .27rem; max-width: 95%; height: .72rem; font-size: .32rem; color: #FEFEFE; line-height: .74rem; font-weight: bold; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wdIapp { margin-bottom: .13rem; margin-top: .3rem; }
.wdIapp ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0 .08rem; }
.wdIapp ul li { position: relative; display: block; text-align: center; width: 25%; padding: .13rem 0 .11rem; }
.wdIapp ul li a { position: relative; display: block; z-index: 1; }
.wdIapp ul li img { position: relative; display: block; width: 1.2rem; height: 1.2rem; border-radius: .24rem; margin: 0 auto .07rem; }
.wdIapp ul li p { display: block; width: 96%; font-size: .3rem; color: #1F2121; height: .5rem; line-height: .5rem; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wdIapp ul li p:nth-of-type(2) { font-size: .24rem; color: #999; height: .3rem; line-height: .3rem; }
.wdIapp ul li span { display: block; margin: auto; width: 1.2rem; height: 0.54rem; margin-top: 0.19rem; font-size: 0.24rem; color: #a5e046; text-align: center; line-height: 0.54rem; background-color: rgba(165,224,70,.2); border-radius: 0.27rem; }
.wdTit { display: flex; justify-content: space-between; position: relative; padding: 0 .2rem .07rem; height: .56rem; line-height: .56rem; margin: auto; }
.wdTit h2 { position: relative; z-index: 1; display: block; font-size: .36rem; color: #1F2121; line-height: .56rem; font-weight: bold; }
.wdTit a { position: relative; display: block; font-size: .24rem; color: #999; height: .56rem; line-height: .56rem; overflow: hidden; }
.wdTit a:after { content: ""; position: relative; top: .2rem; vertical-align: top; display: inline-block; margin-left: .08rem; width: .08rem; height: .16rem; background: url(../img/icon.png) no-repeat; background-size: 10rem 10rem; background-position: -.93rem -.07rem; }
.wdTit strong { position: relative; z-index: 1; display: block; font-size: .36rem; color: #1F2121; line-height: .56rem; font-weight: bold; }
.xinSlider { padding-bottom: 0; }
.xinSlider .swiper-container { margin-bottom: .1rem; }
.xinSlider~.classification { margin-bottom: .26rem; }


.rkWrap{padding-bottom: .13rem;}
.rkList{padding: .2rem 0;margin: 0rem .25rem .2rem;background: #fff;border-radius: .1rem;}
.rkMenu{position: relative;display: flex;height:.7rem;justify-content: center;}
.rkMenu:before,.rkMenu:after{content: "";position: absolute;left: .21rem;right: auto;top: 0;display: block;width: .32rem;height: .69rem;background:url(../img/iconTwo.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -2.45rem;}
.rkMenu:after{left: auto;right: .21rem;transform:rotateY(180deg);}
.rkMenu a{position: relative;z-index: 1;display: block;max-width: 2rem;min-width: 1.5rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .28rem;color: #909090;line-height: .69rem;padding: 0 .08rem;margin: 0 .1rem;}
.rkMenu a:after{content: "";position: absolute;z-index: -1;left: 0;right: 0;bottom: .12rem;margin: auto;display: none;width: 100%;height: .16rem;background: linear-gradient(-90deg, rgba(165,224,70,.2), #a5e046);}
.rkMenu a.current:after{display: block;}
.rkMenu a.current{font-size: .32rem;color: #262626;font-weight: bold;}
.rtime{position: relative;font-size: .2rem;color: #CCC;line-height: .44rem;text-align: center;}
.rtime:before,.rtime:after{content: "";position: relative;top: .21rem;vertical-align: top;display: inline-block;width: .82rem;height: .02rem;background:url(../img/iconTwo.png) no-repeat;background-size:10rem 10rem;background-position: -3.47rem -2.45rem;margin: 0 .11rem;}
.rtime:after{background-position: -3.47rem -2.71rem;}
.rkList ol{padding: .14rem 0 .03rem;}
.rkList li{position: relative;background: #fff;border-bottom: .01rem solid #fff;}
.rkList li:nth-of-type(2n+1){background-color: #FFFAFC;}
.rkList li a{position: relative;display: flex;padding: .32rem .26rem .33rem .03rem;overflow: hidden;}
.rkList li:nth-of-type(2n+2) a{padding: .38rem .26rem .39rem .03rem;}
.rkList li a img{width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .28rem;}
.rkList li a div{flex: 1;height: 1.2rem;overflow: hidden;}
.rkList li a div p{display: block;font-size: .28rem;color: #000;line-height: .4rem;margin-bottom: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkList li a div span{display: block;font-size: .22rem;color: #9F9FA4;line-height: .44rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkList li a>span{position: absolute;top: 0;bottom: 0;right: .25rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(165,224,70,.5);border-radius: .27rem;font-size: .24rem;color: #a5e046;text-align: center;overflow: hidden;}
.rkList li a>span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.rkList li i{display: block;margin: .34rem .2rem 0 .18rem;width: .64rem;height: .51rem;text-align: center;font-size: .22rem;color: #C2C2D9;font-weight: bold;line-height: .51rem;}
.rkList li:nth-of-type(-n+3) i{font-size: 0;background:url(../img/iconTwo.png) no-repeat;background-size:10rem 10rem;background-position: -.64rem -2.45rem;}
.rkList li:nth-of-type(1) i{background-position: -.64rem -2.45rem;}
.rkList li:nth-of-type(2) i{background-position: -1.51rem -2.45rem;}
.rkList li:nth-of-type(3) i{background-position: -2.4rem -2.45rem;}
.rmore{display: block;margin: .04rem .15rem .18rem;height: .58rem;line-height: .58rem;text-align: center;font-size: .26rem;color: #a5e046;border: 1px solid rgba(255,83,165,.5);border: .01rem solid rgba(165,224,70,.5);border-radius: .3rem;opacity: .65;}

.deTit{display: flex;justify-content: space-between;position: relative;padding: 0 .15rem;height: .58rem;line-height: .58rem;margin:auto;}
.deTit em{position: relative;z-index: 1;display: block;font-size: .34rem;color: #313131;height: .58rem;line-height: .57rem;font-weight: bold;}
.deTit a{position: relative;padding-right: .3rem;font-size: .22rem;color: #999;height: .58rem;line-height: .58rem;}
.deTit a:after{content: "";position: absolute;top: .18rem;right: 0;display: block;width: .22rem;height: .22rem;background:url(../img/iconTwo.png) no-repeat;background-size:10rem 10rem;background-position: -2.39rem -.05rem;}

.rankRec{margin: 0 .26rem .31rem; padding: .16rem .15rem;background: #fff; border-radius: .1rem;overflow: hidden;}
.rankRec .list{width: 104%;padding: .2rem 0 .05rem .15rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;}
.rankRec .list a{display: block;padding: 0 .1rem;width: 2.91rem;height: .64rem;line-height:.64rem;text-align:center;background-color:#f2f2f2;color:#424242;font-size:.3rem;border-radius:.08rem;overflow:hidden;white-space:nowrap;margin:0 .19rem .2rem 0; }
.rankRec .list a.current{color: #fff;background-color: #FF9900;}   


/* 专题筛选tab移动端优化 */
.topicFilter{display: flex;justify-content: space-between;background: #fff;margin: 0.2rem 0.2rem 0.27rem;border-radius: 0.15rem;overflow: hidden;border: 1px solid #e5e5e5;box-shadow: 0 0.02rem 0.1rem rgba(0,0,0,0.05);}
.topicFilter a{flex: 1;text-align: center;line-height: 0.8rem;font-size: 0.28rem;color: #666;text-decoration: none;transition: all 0.3s ease, opacity 0.2s ease;position: relative;border-right: 1px solid #e5e5e5;}
.topicFilter a:last-child{border-right: none;}
.topicFilter a:hover{color: #a5e046;background: #f8f8f8;}
.topicFilter a.current{color: #fff;background: linear-gradient(135deg, #a5e046 0%, #8dc63f 100%);font-weight: 600;position: relative;transform: scale(1.02);}
.topicFilter a.current:after{content: "";position: absolute;bottom: -0.2rem;left: 50%;transform: translateX(-50%);width: 0.2rem;height: 0.2rem;background: #a5e046;border-radius: 50%;z-index: 1;}
.topicFilter a.current:before{content: "";position: absolute;bottom: -0.1rem;left: 50%;transform: translateX(-50%) rotate(45deg);width: 0.22rem;height: 0.22rem;background: #fff;z-index: 0;}
@media screen and (max-width: 360px){.topicFilter a{font-size: 0.26rem;line-height: 0.8rem;}}
footer{background: #202020;padding:.22rem .26rem .56rem;margin-top: .4rem;}
.topicFilter a{border-radius: 0.15rem 0.15rem 0 0;}
.topicFilter a.current{border-radius: 0.15rem 0.15rem 0 0;}

footer p,footer p a{font-size: .22rem;color: #666;text-align: center;line-height: .36rem;}
footer p a{color: #888;}
.navigation .textList li,.navigation .textList li a{color:#808080}
.wdInfo .feBaBtn i{display: none;}


.gsList {
    padding-bottom: .1rem;
    background: #fff;
    overflow: hidden;
}
.gsList h1{
    display: block;
    font-size: .42rem;
    color: #0A2540;
    font-weight: bold;
    text-align: center;
    line-height: .62rem;
    margin-top: .1rem;
}

.gsList ul {
    padding: .05rem 0 .03rem;
}

.gsList li {
    position: relative;
    background: #fff;
    border-bottom: .01rem solid #fff;
}

.gsList li:nth-of-type(2n+2) {
    background-color: rgba(165,224,70,.1);
}

.gsList li a {
    position: relative;
    display: flex;
    padding: .32rem .26rem .33rem;
    overflow: hidden;
}

.gsList li:nth-of-type(2n+2) a {
    padding: .38rem .26rem .39rem;
}

.gsList li a img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .28rem;
    margin-right: .28rem;
}

.gsList li a div {
    flex: 1;
    height: 1.2rem;
    overflow: hidden;
}

.gsList li a div p {
    display: block;
    font-size: .28rem;
    color: #000;
    line-height: .4rem;
    margin-bottom: .01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gsList li a div span {
    display: block;
    font-size: .22rem;
    color: #9F9FA4;
    line-height: .44rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gsList li a>span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: .25rem;
    margin: auto;
    display: block;
    width: 1.24rem;
    height: .5rem;
    line-height: .5rem;
    border: .02rem solid rgba(165,224,70,.5);
    border-radius: .27rem;
    font-size: .24rem;
    color: #a5e046;
    text-align: center;
    overflow: hidden;
}

.gsList li a>span.no {
    color: #FF802C;
    border: .02rem solid rgba(255,147,87,.5);
}

/* 底部备案/链接区域样式 */
.footer_record {
    /* 基础布局：居中对齐，清除默认边距 */
    margin-left: 30%;
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    color: #666; /* 浅灰色文字，不刺眼 */
    line-height: 1.5;
    display: flex;

}

/* 链接样式 */
.footer_record a {
    color: #666;
    text-decoration: none; /* 去掉默认下划线 */
    margin: 0 8px; /* 链接左右留白，避免挤在一起 */
    transition: color 0.2s ease; /*  hover 过渡动画 */
}

/* 鼠标悬浮效果 */
.footer_record a:hover {
    color: #2d8cf0; /* 悬浮变蓝色，突出交互 */
    text-decoration: underline;
}

/* 分隔符样式优化 */
.footer_record a + a::before {
    content: "|";
    color: #ccc; /* 分隔符用更浅的颜色，弱化视觉 */
    margin-right: 16px; /* 分隔符与右侧链接间距 */
}

/* 响应式适配：移动端优化 */
@media (max-width: 768px) {
    .footer_record {
        padding: 10px 0;
        font-size: 11px;
    }
    .footer_record a {
        margin: 0 5px;
    }
    .footer_record a + a::before {
        margin-right: 10px;
    }
}