.layui-nav .layui-nav-item_business{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px; cursor: pointer;}
.layui-nav .layui-nav-item_business a{display: block; padding: 0 20px; color: rgb(26, 26, 26);  transition: all .3s; -webkit-transition: all .3s; font-weight: bold; font-size: 15px; line-height: 60px;}
.layui-nav .layui-nav-item_business a i{font-size: 20px;}
.layui-nav .layui-nav-item_business a span{margin-left: 25px; font-size: 16px; }


.head_btn {
}
.head_btn:hover {transform-origin: 0% 0%; animation: shaking 0.1s forwards;}
@keyframes shaking {
    0% { top: 0px; left: 0px;}
    25% { top: 1px; left: 1px;}
    50% { top: 2px; left: 2px;}
    75% { top: 3px; left: 3px;}
    100% { top: 4px; left: 4px;}
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.display-none {display: none;}
.display-block {display: block;}
.display-flex {display: flex;}

@media screen and (min-width:320px){ html{ font-size: 96px; }  }
@media screen and (min-width:360px){ html{ font-size: 108px; } }
@media screen and (min-width:375px){ html{ font-size: 112px; } }
@media screen and (min-width:414px){ html{ font-size: 124px; } }
@media screen and (min-width:444px){ html{ font-size: 135px; } }
@media screen and (min-width:480px){ html{ font-size: 135px; } }

/*@media screen and (min-width:540px){ html{ font-size: 162px; } }*/
/*@media screen and (min-width:600px){ html{ font-size: 180px; } }*/
/*@media screen and (min-width:640px){ html{ font-size: 192px; } }*/
/*@media screen and (min-width:700px){ html{ font-size: 209px; } }*/
/*@media screen and (min-width:750px){ html{ font-size: 225px; width:750px; margin-left: calc(50% - 375px);} }*/

@media screen and (min-width:540px){ html{ font-size: 135px; width: 540px; margin-left: calc(50% - 270px);} }
/*@media screen and (min-width:600px){ html{ font-size: 135px; width: 600px; margin-left: calc(50% - 300px);} }*/
/*@media screen and (min-width:640px){ html{ font-size: 135px; width: 640px; margin-left: calc(50% - 320px);} }*/
/*@media screen and (min-width:700px){ html{ font-size: 135px; width:700px; margin-left: calc(50% - 350px);} }*/
/*@media screen and (min-width:750px){ html{ font-size: 135px; width:750px; margin-left: calc(50% - 375px);} }*/
/*@media screen and (min-width:1000px){html{ font-size: 144px; width:1000px; margin-left: calc(50% - 500px);} }*/

.this-html-pc {background-color: black;}
.this-html-mobile {width: 100%; margin-left: 0px;}

.this-body {height: 100%; display: flex; flex-direction: column; position: relative; background-color: rgb(23,26,33);}
.this-body-pc {width: 100%;}
.this-body-mobile {width: 100%;}

.m-main-box {width: 100%; height: 100%; display: flex; flex-direction: column; overflow-y: auto;}

.m-fly-footer {width: 100%; height: 0.4rem; display: flex; flex-direction: row; align-items: center; background-image: url("/images/bgyl/footer_bg.png");}
.m-fly-footer .item-box {display: flex; align-items: center; justify-content: center; height: 100%; width: 25%;flex-direction: column; }
.m-fly-footer .item-box .item-icon {width: 0.236rem; height: 0.236rem;}
.m-fly-footer .item-box span {font-size: 0.1rem; margin-top: -0.01rem;}
.m-fly-footer .item-box i {font-size: 0.16rem;}
.m-fly-footer .item-box img {width: 0.2rem; height: 0.2rem;}
.m-fly-footer .item-box-select {}
.m-fly-footer .item-box-select span {color: rgb(248, 249, 251);}
.m-fly-footer .item-box-select i {color: rgb(248, 249, 251); }
.m-fly-footer .item-box-select .my-icon path {fill: rgb(248, 249, 251);}
.m-fly-footer .item-box-unselect {}
.m-fly-footer .item-box-unselect span {color: rgb(138, 157, 192);}
.m-fly-footer .item-box-unselect i {color: rgb(138, 157, 192); }
.m-fly-footer .item-box-unselect .my-icon path {fill: rgb(138, 157, 192);}

.m-fly-footer-v3 {width: 100%; height: 0.52rem; display: flex; flex-direction: row; align-items: center; background-color: rgb(28,30,42); }
.m-fly-footer-v3 .item-box {display: flex; align-items: center; justify-content: center; height: 100%; width: 20%;flex-direction: column; }
.m-fly-footer-v3 .item-box .item-icon {width: 0.236rem; height: 0.236rem;}
.m-fly-footer-v3 .item-box span {font-size: 0.11rem; margin-top: 0.01rem;}
.m-fly-footer-v3 .item-box i {font-size: 0.16rem;}
.m-fly-footer-v3 .item-box img { height: 0.22rem;}
.m-fly-footer-v3 .item-box-select {}
.m-fly-footer-v3 .item-box-select span {color: rgb(205,163,141);}
.m-fly-footer-v3 .item-box-select i {color: rgb(205,163,141); }
.m-fly-footer-v3 .item-box-select .my-icon path {fill: rgb(205,163,141);}
.m-fly-footer-v3 .item-box-select .select-item-img {display: block;}
.m-fly-footer-v3 .item-box-select .unselect-item-img {display: none;}
.m-fly-footer-v3 .item-box-unselect {}
.m-fly-footer-v3 .item-box-unselect span {color: white;}
.m-fly-footer-v3 .item-box-unselect i {color: white; }
.m-fly-footer-v3 .item-box-unselect .my-icon path {fill: white;}
.m-fly-footer-v3 .item-box-unselect .select-item-img {display: none;}
.m-fly-footer-v3 .item-box-unselect .unselect-item-img {display: block;}

.m-fly-sider-right2 {position: absolute; left: 100%; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; border-radius: 0;background-color: rgba(28, 30, 34, 0);transition: left .2s linear; display: flex;}
.m-fly-sider-left {color: rgb(153, 167, 180); position: absolute; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; border-radius: 0;background-color: rgba(20,28,36,0.5);transition: left .2s ease; display: none; overflow-y: auto; flex-direction: row;}
.m-fly-sider-right {position: absolute; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; border-radius: 0;background-color: rgb(28, 30, 34);transition: left .2s ease; display: none;}
.m-fly-sider-right-with-title {position: absolute; left: 0; top: 0; bottom: 0; z-index: 10003; width: 100%; height: 100%; border-radius: 0;background-color: rgb(28, 30, 34);transition: left .2s ease; display: none;}
.m-header-menu {width: 100%; height: 0.521rem; background-color: rgb(36, 38, 44);}

.m-fly-sider-right-with-title .title-box {width: 100%; height: 0.35rem; display: flex; background-color: rgb(30, 42, 54); align-content: center; justify-content: center; line-height: 0.35rem;color: grey; font-size: 0.1rem; position: relative;}

.m-fly-play-game {position: fixed; right: 0; top: 0; bottom: 0; z-index: 10003; width: 100%; height: 100%; border-radius: 0;background-color: rgb(28, 30, 34);transition: right .2s ease; touch-action: none;}

.m-fly-play-game .content-box {width: 100%; height: 100%; background-color: rgb(30, 42, 54);display: flex; flex-direction: column; overflow-y: auto; position: relative; }
.m-fly-play-game .content-box-menu-ctrl-show-menu .content-iframe  {width: 100%; height: calc(100% - 0.35rem); border: 0px solid lightgrey; background-color: rgb(30, 42, 54);}
.m-fly-play-game .content-box-menu-ctrl-hide-menu .content-iframe {width: 100%; height: 100%; border: 0px solid lightgrey; background-color: rgb(30, 42, 54);}

.m-fly-play-game .content-box-menu-ctrl-show-menu .max-button  {position: absolute; bottom: 0.09rem; left: 0.09rem;display: none;}
.m-fly-play-game .content-box-menu-ctrl-hide-menu .max-button {position: absolute; bottom: 0.09rem; left: 0.09rem;}

.m-fly-play-game .content-box-menu-ctrl-show-menu .menu-bar  {background-color: rgb(26,44,56); height:0.35rem; line-height:0.35rem; font-size:0.12rem; display: flex; flex-wrap: wrap; justify-content: space-around;}
.m-fly-play-game .content-box-menu-ctrl-hide-menu .menu-bar  {background-color: rgb(26,44,56); height:0.35rem; line-height:0.35rem; font-size:0.12rem; display: none; flex-wrap: wrap; justify-content: space-around;}

.m-home-content-box {width: 100%; height: 100%; flex-direction: column; background-color: rgba(20,28,36, 0);}
.m-home-content-box .menu-content {width: calc(100% - 0.16rem); margin-left: 0.08rem; display: flex; flex-direction: row; font-size: 0.1rem; height: 0.3rem; line-height: 0.3rem; color: rgb(152,167,181); overflow-x: auto;}
.m-home-content-box .menu-content .menu-item-box { height: 0.25rem; display: flex; flex-direction: row; line-height: 0.25rem; align-items: center;}
.m-home-content-box .menu-content .menu-item-box .menu-item {width: auto; color: rgb(205,163,141); cursor: pointer; align-items: center; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; padding-left: 0.1rem; padding-right: 0.1rem; }
.m-home-content-box .menu-content .menu-item-box .menu-item i {font-size: 0.12rem; margin-right: 0.06rem;}
.m-home-content-box .menu-content .menu-item-box .menu-item img {width: auto; height: 0.2rem; margin-right: 0.03rem; }
.m-home-content-box .menu-content .menu-item-box .menu-item span {white-space: nowrap; font-size: 0.13rem;}

.m-home-content-box .menu-content .menu-item-box .menu-item-select {background-image: url("/theme/theme1/images/select_bg.png");background-size: 100% 100%;}
/*{background: linear-gradient(to bottom, rgba(234, 156, 61, 0), rgba(234, 156, 61, 0.2), rgba(234, 156, 61, 1));}*/
.m-home-content-box .menu-content .menu-item-box .menu-item-select .select-img {display: flex;}
.m-home-content-box .menu-content .menu-item-box .menu-item-select .unselect-img {display: none;}
.m-home-content-box .menu-content .menu-item-box .menu-item-unselect {background-color: rgba(255,255,255,0);}
.m-home-content-box .menu-content .menu-item-box .menu-item-unselect .select-img {display: none;}
.m-home-content-box .menu-content .menu-item-box .menu-item-unselect .unselect-img {display: flex;}

.m-home-content-box .head-box {width: 100%; height: 0.35rem; background-color: rgb(30, 42, 54);display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-home-content-box .head-box .left-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-home-content-box .head-box .left-box i {color: rgb(153, 167, 180); font-size: 0.18rem; margin-left: 0.104rem;}
.m-home-content-box .head-box .left-box img{height: 0.278rem;}
.m-home-content-box .head-box .left-box span {color: white; font-size: 0.12rem; margin-left: 0.1rem;}
.m-home-content-box .head-box .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-home-content-box .head-box .right-box span {color: rgb(153, 167, 180); cursor: pointer;}
.m-home-content-box .head-box .right-box button { cursor: pointer; width: 0.5rem; height: 0.23rem; margin-left: 0.139rem; margin-right: 0.139rem; border: none; background-color: rgb(244,199,83); color: black; border-radius: 0.035rem;}
.m-home-content-box .content-box {width: 100%; height: calc(100% - 0.6rem); overflow-y: auto;scroll-behavior: smooth; }
.m-home-content-box .content-box2 {width: 100%; height: 0.5rem; display: flex; flex-direction: column; margin-top: 0.03rem;}
.m-home-content-box .content-box .game-list-box {display: flex; flex-direction: column;}
.m-home-content-box .content-box .game-list-box .title-box {width: calc(100% - 0.16rem); margin-left: 0.08rem; display: flex; flex-wrap: wrap; justify-content: space-between; color: white; font-size: 0.1rem;}
.m-home-content-box .content-box .game-list-box .title-box .title-left-box {display: flex; flex-direction: row; align-items: center;}
.m-home-content-box .content-box .game-list-box .title-box .title-left-box i {font-size: 0.15rem; color: red;}
.m-home-content-box .content-box .game-list-box .title-box .title-left-box img {width: 0.15rem; height: 0.15rem; }
.m-home-content-box .content-box .game-list-box .title-box .title-left-box span {margin-left: 0.08rem;}
.m-home-content-box .content-box .game-list-box .title-box .title-right-box {display: flex; flex-direction: row; font-size: 0.12rem;}
.m-home-content-box .content-box .game-list-box .title-box .title-right-box button {border: none; background-color: rgba(41,55,76, 0); color: rgb(205,163,141); height: 0.25rem; padding-left: 0.08rem; padding-right: 0.08rem; border-radius: 0.02rem;}
.m-home-content-box .content-box .game-list-box .title-box .title-right-box .total-count-btn {}
.m-home-content-box .content-box .game-list-box .list-box {width: 100%; margin-top: 0rem; margin-bottom: 0.02rem;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box {display: flex; flex-wrap: wrap; width: 100%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item {margin-bottom: 0.01rem; display: flex; flex-direction: column;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item-count-1 {width: 100%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item-count-2 {width: 50%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item-count-3 {width: 33%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item-count-4 {width: 25%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item-count-5 {width: 20%;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item img {width: calc(100% - 0.08rem); margin-left: 0.04rem; height: auto;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item .top-img {border-radius: 0.03rem;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item .bottom-img {border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.03rem;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item span{font-size: 0.11rem; color: white; margin-top: 0.02rem;white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item2 {width: 50%; margin-bottom: 0.09rem;}
.m-home-content-box .content-box .game-list-box .list-box .swiper-container .swiper-wrapper .swiper-slide .game-info-box .game-info-item2 img {width: calc(100% - 0.08rem); margin-left: 0.04rem;}

.m-fly-sider-left .content_box {width: calc(100% - 0.32rem); height: calc(100% - 0.28rem); background-color: rgb(20,28,36);display: flex; flex-direction: column; overflow-y: auto; margin: 0.14rem 0.16rem;}
.m-fly-sider-left .content_box .title-box {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0.13rem; margin-bottom: 0.18rem; position: relative;}
.m-fly-sider-left .content_box .title-box .logo-box {width: 100%; align-items: center; justify-content: center; height: 100%; display: flex; }
.m-fly-sider-left .content_box .title-box .logo-box img {height: 0.3rem;}
.m-fly-sider-left .content_box .title-box .close-btn-box {height: 100%; display: flex; flex-direction: row; justify-content: center; position: absolute; right: 0px;}
.m-fly-sider-left .content_box .title-box .close-btn-box i {color: rgb(153, 167, 180); font-size: 0.194rem;}
.m-fly-sider-left .content_box .website-title {font-size: 0.13rem; line-height: 0.15rem; font-weight: bold; color: #b4c0cb;}
.m-fly-sider-left .content_box .download-app-box {width: 100%; align-items: center; display: flex; justify-content: center; font-size: 0.118rem; height: 0.55rem; align-items: flex-end;}
.m-fly-sider-left .content_box .download-app-box button {height: 0.278rem; width: 70%; border: none; border-radius: 0.139rem;background: linear-gradient(to bottom, rgb(248, 104, 53), rgb(250, 166, 94)); color: white;}
.m-fly-sider-left .content_box .ul-content {font-size: 0.1rem; color: #98a7b5; padding: 0rem .2rem .1rem .2rem; line-height: 0.2rem; margin-bottom: 0rem;}
.m-fly-sider-left .content_box .ul-content li i {font-size: 0.11rem; margin-right: 0.2rem;}
.m-fly-sider-left .content_box .ul-content li img {width: 0.15rem; height: 0.15rem; margin-right: 0.2rem;}
.m-fly-sider-left .content_box .ul-content li button {width: 0.68rem;height: 0.25rem; float: right; color: white; font-size: 0.1rem; background: linear-gradient(180deg, #8b0000, #d23e3e); border: none; justify-content: center; line-height: 0.25rem;}
.m-fly-sider-left .content_box .ul-content-bg {background-color: rgb(41,55,76); border-radius: 0.03rem;}
.m-fly-sider-left .content_box .join-us-box {font-size: 0.14rem; color: #98a7b5; padding: .1rem .2rem; background-color: #24262b; margin-bottom: 0.1rem; display: flex; flex-direction: column; margin-top: 0.15rem;}
.m-fly-sider-left .content_box .join-us-box span {font-size: 0.16rem; margin-bottom: 0.08rem; font-weight: bold;}
.m-fly-sider-left .content_box .join-us-box .sq-content {display: flex; justify-content: flex-start; margin-bottom: 0.1rem; -webkit-box-pack: start;}
.m-fly-sider-left .content_box .join-us-box .sq-content a {margin-right: 0.12rem;}
.m-fly-sider-left .content_box .join-us-box .sq-content a img {width: 0.35rem; height: 0.35rem;}
.m-fly-sider-left .content_box .bottom-img-box {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 0.2rem;}
.m-fly-sider-left .content_box .bottom-img-box img {width: 1.665rem; height: 0.345rem;}

.m-fly-sider-left .content_box-v3 {width: 82.5%; height: 100%; background-color: rgb(23,26,33);display: flex; flex-direction: column; overflow-y: auto; }
.m-fly-sider-left .content_box-v3 .title-box {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0.13rem; margin-bottom: 0.18rem; position: relative;height: 0.51rem; }
.m-fly-sider-left .content_box-v3 .title-box .logo-box {width: 100%; align-items: center; height: 100%; display: flex; }
.m-fly-sider-left .content_box-v3 .title-box .logo-box img {height: 0.4rem; margin-left: 0.06rem;}
.m-fly-sider-left .content_box-v3 .title-box .close-btn-box {height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;  position: absolute; right: 0px;}
.m-fly-sider-left .content_box-v3 .title-box .close-btn-box i {color: rgb(153, 167, 180); font-size: 0.194rem; font-weight: bold; margin-right: 0.1rem;}
.m-fly-sider-left .content_box-v3 .website-title {font-size: 0.13rem; line-height: 0.15rem; font-weight: bold; color: #b4c0cb;}
.m-fly-sider-left .content_box-v3 .download-app-box {width: 100%; align-items: center; display: flex; justify-content: center; font-size: 0.118rem; align-items: flex-end;}
.m-fly-sider-left .content_box-v3 .download-app-box button {width: 80%; border: none;color: white;}
.m-fly-sider-left .content_box-v3 .ul-content {font-size: 0.1rem; line-height: 0.2rem; margin-bottom: 0rem; }
.m-fly-sider-left .content_box-v3 .ul-content li {background-color: rgb(27,32,40); margin-bottom: 0.02rem; border-radius: 0.08rem; color: white;}
.m-fly-sider-left .content_box-v3 .ul-content li i {font-size: 0.11rem; margin-right: 0.2rem;}
.m-fly-sider-left .content_box-v3 .ul-content li img {width: 0.15rem; margin-left: 0.15rem; margin-right: 0.1rem; height: auto;}
.m-fly-sider-left .content_box-v3 .ul-content li button {width: 0.68rem;height: 0.25rem; float: right; color: white; font-size: 0.1rem; background: linear-gradient(180deg, #8b0000, #d23e3e); border: none; justify-content: center; line-height: 0.25rem;}
.m-fly-sider-left .content_box-v3 .ul-content-bg li { background-color: rgb(27,32,40);}
.m-fly-sider-left .content_box-v3 .join-us-box {font-size: 0.14rem; color: #98a7b5; padding: .1rem .2rem; background-color: #24262b; margin-bottom: 0.1rem; display: flex; flex-direction: column; margin-top: 0.15rem;}
.m-fly-sider-left .content_box-v3 .join-us-box span {font-size: 0.16rem; margin-bottom: 0.08rem; font-weight: bold;}
.m-fly-sider-left .content_box-v3 .join-us-box .sq-content {display: flex; justify-content: flex-start; margin-bottom: 0.1rem; -webkit-box-pack: start;}
.m-fly-sider-left .content_box-v3 .join-us-box .sq-content a {margin-right: 0.12rem;}
.m-fly-sider-left .content_box-v3 .join-us-box .sq-content a img {width: 0.35rem; height: 0.35rem;}
.m-fly-sider-left .content_box-v3 .bottom-img-box {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 0.2rem;}
.m-fly-sider-left .content_box-v3 .bottom-img-box img {width: 1.665rem; height: 0.345rem;}



.m-main-body-content {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.m-main-body-content .m-main-body-main-content    {width: 100%; height: calc(100% - 1.03rem); display: flex; flex-direction: column; background-color: rgba(36,38,43, 0);}
.m-main-body-content .m-main-body-main-content-v3 {width: 100%; height: calc(100% - 0.99rem); display: flex; flex-direction: column; background-color: rgba(36,38,43, 0);}


.m-sport-content-box {width: 100%; height: 100%; flex-direction: column; background-color: rgb(30,32,36);}
.m-sport-content-box .head-box {width: 100%; height: 0.521rem; background-color: rgb(36, 38, 44);display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-sport-content-box .head-box .left-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.118rem;}
.m-sport-content-box .head-box .left-box i {color: rgb(153, 167, 180); font-size: 0.194rem; margin-left: 0.104rem;}
.m-sport-content-box .head-box .left-box img{height: 0.278rem;}
.m-sport-content-box .head-box .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.118rem;}
.m-sport-content-box .head-box .right-box span {color: rgb(153, 167, 180);}
.m-sport-content-box .head-box .right-box button {width: 0.66rem; height: 0.278rem; margin-left: 0.139rem; margin-right: 0.139rem; border: none; background: linear-gradient(to bottom, rgb(248, 104, 53), rgb(250, 166, 94)); color: white; border-radius: 0.035rem;}
.m-sport-content-box .content-box {width: 100%; height: calc(100% - 0.521rem); overflow-y: auto;}

.m-recharge-content-box {width: 100%; height: 100%; flex-direction: column; background-color: rgb(30,32,36);}
.m-recharge-content-box .head-box {width: 100%; height: 0.521rem; background-color: #17181c;display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-recharge-content-box .head-box .left-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.118rem;}
.m-recharge-content-box .head-box .left-box span {color: rgb(255, 255, 255); font-size: 0.16rem; margin-left: 0.105rem;}
.m-recharge-content-box .head-box .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.118rem;}
.m-recharge-content-box .head-box .right-box i {color: rgb(255, 255, 255); margin-right: 0.105rem; font-size: 0.16rem;}
.m-recharge-content-box .head-box .right-box span {color: rgb(255, 255, 255); font-size: 0.12rem; margin-right: 0.105rem;}
.m-recharge-content-box .content-box {width: 100%; height: calc(100% - 0.521rem); overflow-y: auto; background-color: #25262b; }


.m-mine-content-box {width: 100%; height: 100%; flex-direction: column; background-color: rgb(23,26,33);}
.m-mine-content-box .head-box {width: 100%; height: 0.35rem; background-color: rgb(30, 42, 54);display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-mine-content-box .head-box .left-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-mine-content-box .head-box .left-box i {color: rgb(153, 167, 180); font-size: 0.18rem; margin-left: 0.104rem;}
.m-mine-content-box .head-box .left-box img{height: 0.278rem;}
.m-mine-content-box .head-box .left-box span {color: white; font-size: 0.12rem; margin-left: 0.1rem;}
.m-mine-content-box .head-box .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-mine-content-box .head-box .right-box span {color: rgb(153, 167, 180); cursor: pointer;}
.m-mine-content-box .head-box .right-box button { cursor: pointer; width: 0.5rem; height: 0.23rem; margin-left: 0.139rem; margin-right: 0.139rem; border: none; background-color: rgb(244,199,83); color: black; border-radius: 0.035rem;}
.m-mine-content-box .content-box {width: 100%; height: 100%; overflow-y: auto;}

.m-mine-content-box .content-box .mine-info-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem; border-radius: 0.03rem;}
.m-mine-content-box .content-box .mine-info-box .mine-vip-info-box {width: 100%; margin-top: 0.1rem; position: relative; height: 0; background-size: cover; background-image: url('/images/bgyl/vipv2bg.png'); background-position: center center; padding-top: 43.1%;}
.m-mine-content-box .content-box .mine-info-box .mine-vip-info-box .mine-vip-info-content-box {display: flex; flex-direction: column; width: 100%; height: 100%; position: absolute; top: 0; background-size: cover; }

.m-mine-function-item {width: 33%; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; padding-top: 0.15rem; padding-bottom: 0.1rem; background-color: rgba(0,0,0,0); border: none;}
.m-mine-function-item img {height: 0.3rem; width: 0.3rem;}
.m-mine-function-item span {white-space: nowrap; margin-top: 0.1rem; color: white; }

.m-page-activity-detail-box {position: absolute; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(7,24,36); flex-direction: column; }

.m-page-activity-detail-box .title-box{width: 100%; height: 0.5rem; display: flex; flex-direction: row; background-color: rgb(7,24,36); line-height: 0.5rem; font-size: 0.11rem; color: rgb(205,163,141);}

.m-page-login-box {position: absolute; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%;border-radius: 0;transition: left .2s ease; display: none; background-color: rgb(23,26,33);}
.m-page-login-box .m-page-login-box1 {width: 100%; height: 100%; overflow-y: auto;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 {width: 100%;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content {width: 100%; height: 100%; background-color: rgb(20,28,36); background-size: 100% 100%; display: flex; flex-direction: column; position: absolute; overflow-y: auto;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .close-btn {font-size: 0.208rem; color: grey; position: absolute; left: 0.07rem; top: 0.07rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .logo-box {display: flex; align-items: center; justify-content: center; height: 0.9rem; min-height: 0.9rem; }
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .logo-box img {height: 0.382rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box {display: flex; flex-direction: column; width: 90%; margin-left: 5%; height: calc(100% - 0.9rem); margin-top: 0.3rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-page {display: flex;flex-direction: column; width: 100%; align-items: center;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-register-page {display: none;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-resetpwd-page {display: none;flex-direction: column; width: 100%;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-login-page {display: none;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-resetpwd-page {display: none;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page {display: flex;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box {width: 100%; margin-top: 0.139rem;  flex-direction: column;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box span{color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box .m-input-common {height: 0.3rem; border: none;  background-color: rgb(41,55,76); color: white;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-phone .m-register-type-select-phone-btn {width: 50%; background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-phone .m-register-type-select-account-btn {width: 50%; background-color: rgba(0,0,0,0);color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-phone .m-input-box-for-phone-register {display: flex;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-phone .m-input-box-for-account-register {display: none;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-account .m-register-type-select-phone-btn {width: 50%; background-color: rgba(0,0,0,0);color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-account .m-register-type-select-account-btn {width: 50%; background-color: rgb(41,55,76); color: white;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-account .m-input-box-for-phone-register {display: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-type-select-account .m-input-box-for-account-register {display: flex;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-login-page {display: none;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-register-page {display: none;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page {display: flex;flex-direction: column; width: 100%;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-input-box {width: 100%; margin-top: 0.139rem; display: flex; flex-direction: column;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-input-box span{color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-input-box .m-input-common {height: 0.3rem; border: none;  background-color: rgb(41,55,76); color: white;}


.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-login-type-box {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
/*background-color: rgb(202,213,225)*/
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-login-type-box button {width: 50%; height: 0.243rem; border: none; background-color: rgba(0,0,0,0); font-size: 0.09rem;color: darkgrey;border-radius: 0.03rem;box-shadow: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-login-type-box button:focus {box-shadow: none;outline: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box {width: 100%; margin-top: 0.139rem; display: flex; flex-direction: column; font-size: 0.098rem; justify-content: center; font-size: 0.1rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-tips-box {width: 100%; height: 0.313rem; margin-top: 0.07rem; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;font-size: 0.1;color: darkgrey;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-tips-box div {display: flex; flex-direction: row;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .login-button {width: 100%; border-radius: 0.049rem; border: none; background: linear-gradient(to bottom, rgb(243,210,151), rgb(229, 185, 122)); font-weight: bold; color: rgb(102,51,31); margin-top: 0.1rem; height: 0.4rem; font-size: 0.16rem; }
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .login-button:focus {box-shadow: none;outline: none;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-country-tips {margin-left: 0.07rem; background-color: rgb(41,55,76); color: white; font-size: 0.13rem; font-family: unset; margin-top: -0.04rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-country-code {height: 100%; width: 0.26rem; border: none; background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-phone-input {height: 100%; width: calc(100% - 0.64rem); margin-left: 0.08rem; border: none; background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-code-input {height: 100%; width: calc(50% - 0.07rem); margin-left: 0.07rem; border: none; background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-get-code-btn {width: calc(50% - 0.139rem); margin-left: 0.07rem; height: 0.278rem; background-color: rgb(41,55,76); color: white; border-radius: 0.049rem; border: none;box-shadow: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .m-input-common {height: 0.3rem; border-radius: 0.049rem;width: calc(100% - 0.14rem); border: none;  background-color: rgb(41,55,76); color: white; padding-left: 0.07rem; padding-right: 0.07rem; margin-top: 0.035rem;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-box .m-login-type-email-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-box .m-login-type-account-btn {background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-box .m-login-type-phone-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-account {display: flex;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-phone {display: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-account .m-login-type-email {display: none;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-box .m-login-type-email-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-box .m-login-type-account-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-box .m-login-type-phone-btn {background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-account {display: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-phone {display: flex;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-phone .m-login-type-email {display: none;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-box .m-login-type-email-btn {background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-box .m-login-type-account-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-box .m-login-type-phone-btn {background-color: rgba(0,0,0,0); color: rgb(138, 157, 192);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-account {display: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-phone {display: none;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-login .m-login-type-select-email .m-login-type-email {display: flex;}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box {width: 100%; margin-top: 0.139rem;   flex-direction: column; font-size: 0.098rem; color: darkgrey;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box input {height: 0.313rem; margin-top: 0.035rem; width: calc(100% - 0.07rem); border: none; padding-left: 0.07rem; background-color: white; border-radius: 0.049rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page button {width: 100%; margin-top: 0.139rem; border-radius: 0.049rem; border: none; background-color: rgb(244,199,83);     background: linear-gradient(to bottom, rgb(243,210,151), rgb(229, 185, 122)); color: rgb(102,51,31); font-weight: bold; height: 0.4rem; font-size: 0.16rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-tips-box {width: 100%; height: 0.313rem; margin-top: 0.07rem; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;font-size: 0.098rem;color: darkgrey;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-tips-box div {display: flex; flex-direction: row;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-tips-box div a {color: rgb(250,128,47);}


.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-input-box {width: 100%; margin-top: 0.139rem;  display: flex; flex-direction: column; font-size: 0.098rem; color: darkgrey;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-input-box input {height: 0.313rem; margin-top: 0.035rem; width: calc(100% - 0.07rem); border: none; padding-left: 0.07rem; background-color: white; border-radius: 0.049rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page button {width: 100%; height: 0.3rem; margin-top: 0.139rem; border-radius: 0.049rem; border: none; background-color: rgb(244,199,83); color: black; font-size: 0.104rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-tips-box {width: 100%; height: 0.313rem; margin-top: 0.07rem; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;font-size: 0.098rem;color: darkgrey;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-tips-box div {display: flex; flex-direction: row;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-resetpwd .m-resetpwd-page .m-tips-box div a {color: rgb(250,128,47);}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-resetpwd-page .m-input-box .m-code-input {height: 100%; width: calc(50% - 0.07rem); margin-left: 0.07rem; border: none; background-color: rgb(41,55,76); color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-resetpwd-page .m-input-box .m-get-code-btn {width: calc(50% - 0.139rem); margin-left: 0.07rem; height: 0.278rem; background-color: rgb(41,55,76); color: white; border-radius: 0.049rem; border: none;box-shadow: none;}


.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-rl-type-box {flex-direction: row; align-items: center; font-size: 0.12rem; font-weight: bold;color: white; width: calc(100% - 0.2rem); margin-left: 0.1rem; margin-top: 0.2rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-register-type {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-register-type .m-item-register {margin-left: 0.1rem; color: white;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-register-type .m-item-login {margin-left: 0.3rem; color: rgb(97, 102, 107);}

.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-login-type {}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-login-type .m-item-register {margin-left: 0.1rem; color: rgb(97, 102, 107);}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-login-type .m-item-login {margin-left: 0.3rem; color: white;}


.m-page-recharge-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; background-color: rgba(36,38,43, 0); flex-direction: column; }
.m-page-recharge-box .title-bar {width: 100%; display: flex; align-content: center; justify-content: center; color: grey; position: relative; background-color: rgb(26, 28, 38); height:0.51rem; font-size:0.14rem; line-height: 0.51rem; font-weight: bold;}
.m-page-recharge-box .title-bar i {font-size: 0.153rem; left: 0.07rem; position: absolute;color: rgb(196, 196, 196);}
.m-page-recharge-box .title-bar span {color: white;}
.m-page-recharge-box .user-balance {color: rgb(255,204,0); font-size: 0.25rem;}
.m-page-recharge-box .user-balance-tips {color: rgb(196, 196, 196); font-size: 0.13rem;}
.m-page-recharge-box .m-record-table-box .select-item-style {font-size: 0.18rem; color: white;" th:text="#{header.recharge}}
.m-page-recharge-box .m-record-table-box .select-item-bottom-style {width: 100%; height: 0.03rem; border-radius: 0.05rem; background: linear-gradient(to right, rgb(237, 196, 162), rgb(235, 186, 152), rgb(231, 173, 137));}
.m-page-recharge-box .m-record-table-box .unselect-item-style {font-size: 0.18rem; color: rgb(196, 196, 196);}
.m-page-recharge-box .m-record-table-box .unselect-item-bottom-style {width: 100%; height: 0.03rem; border-radius: 0.05rem;}

.m-page-cash-box     {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; background-color: rgb(36,38,43); flex-direction: column; }
.m-record-table-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; margin-top: 0.07rem; display: flex; flex-direction: column; background-color: rgb(41,55,76); min-height: 1rem; padding-bottom: 0.07rem; line-height: 0.25rem; font-size: 0.1rem;}


.m-page-select-cash-account-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }
.m-page-select-cash-account-box .title-bar {width: 100%; height: 0.35rem; display: flex; background-color: rgb(30, 42, 54); align-content: center; justify-content: center; line-height: 0.35rem;color: grey; font-size: 0.11rem; position: relative;}
.m-page-select-cash-account-box .title-bar i {font-size: 0.153rem; left: 0.07rem; position: absolute; color: rgb(196, 196, 196);}
.m-page-select-cash-account-box .list-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; height: calc(100% - 0.35rem); margin-top: 0.07rem;color: grey; overflow-y: auto;}
.m-page-select-cash-account-box .list-box .account-item-box {color: white; width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; display: flex; flex-direction: column; background-color:rgb(41,55,76);}
.m-page-select-cash-account-box .list-box .account-item-box .title-box{height: 0.18rem; align-items: center; display: flex;position: relative; margin-top: 0.08rem;}
.m-page-select-cash-account-box .list-box .account-item-box .title-box span {margin-left: 0.14rem; font-size: 0.1rem;}
.m-page-select-cash-account-box .list-box .account-item-box .title-box i {font-size: 0.14rem; position: absolute; right: 0.14rem; color: rgb(221, 0, 36); font-weight: bold;}
.m-page-select-cash-account-box .list-box .account-item-box .content-box{line-height: 0.21rem; width: calc(100% - 2px); margin-bottom: 0.05rem; border-radius: 0.07rem; height: 0.45rem; display: flex; flex-direction: column; align-items: center;}
.m-page-select-cash-account-box .list-box .account-item-box .content-box span {font-size: 0.1rem; white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.m-page-add-cash-account-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }

.m-page-cash-account-box {font-size: 0.1rem; position: fixed; left: 0; top: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }
.m-page-cash-account-box .title-bar {width: 100%; height:  0.35rem; display: flex; background-color: rgb(30, 42, 54); align-content: center; justify-content: center; line-height:  0.35rem;color: grey; font-size: 0.1rem; position: relative;}
.m-page-cash-account-box .title-bar i {font-size:  0.153rem; left: 0.07rem; position: absolute; color: rgb(196, 196, 196);}
.m-page-cash-account-box .list-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; height: calc(100% -  0.35rem); margin-top: 0.07rem;color: grey; overflow-y: auto; }
.m-page-cash-account-box .list-box .add-item-box {color: white; cursor: pointer;width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; border: 1px dashed grey; height: 0.417rem; align-items: center; display: flex; justify-content: center; background-color: rgb(41,55,76);}
.m-page-cash-account-box .list-box .add-item-box i {font-size: 0.14rem; font-weight: bold;}
.m-page-cash-account-box .list-box .add-item-box span {margin-left: 0.035rem; font-size: 0.1rem;}
.m-page-cash-account-box .list-box .account-item-box {color: white; width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; display: flex; flex-direction: column; background-color: rgb(26,44,56);}
.m-page-cash-account-box .list-box .account-item-box .title-box{height: 0.2rem; align-items: center; display: flex;position: relative; margin-top: 0.035rem;}
.m-page-cash-account-box .list-box .account-item-box .title-box span {margin-left: 0.14rem; font-size: 0.1rem;}
.m-page-cash-account-box .list-box .account-item-box .title-box i {font-size: 0.14rem; position: absolute; right: 0.14rem;}
.m-page-cash-account-box .list-box .account-item-box .content-box{line-height: 0.2rem; width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; height: 0.486rem; display: flex; flex-direction: column; align-items: center;}
.m-page-cash-account-box .list-box .account-item-box .content-box span {white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


.m-page-del-cash-account-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }
.m-page-del-cash-account-box .title-bar {width: 100%; height: 0.35rem; display: flex; background-color: rgb(30, 42, 54); align-content: center; justify-content: center; line-height: 0.35rem;color: grey; font-size: 0.11rem; position: relative;}
.m-page-del-cash-account-box .title-bar i {font-size: 0.14rem; left: 0.07rem; position: absolute; color: rgb(196, 196, 196);}
.m-page-del-cash-account-box .list-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; height: calc(100% - 0.35rem); margin-top: 0.07rem;color: grey; overflow-y: auto;}
.m-page-del-cash-account-box .list-box .account-item-box {color: white; width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; display: flex; flex-direction: column;background-color: rgb(26,44,56);}
.m-page-del-cash-account-box .list-box .account-item-box .title-box{height: 0.2rem; align-items: center; display: flex;position: relative; margin-top: 0.035rem;}
.m-page-del-cash-account-box .list-box .account-item-box .title-box span {margin-left: 0.14rem;}
.m-page-del-cash-account-box .list-box .account-item-box .content-box{line-height: 0.2rem; width: calc(100% - 2px); margin-bottom: 0.07rem; border-radius: 0.07rem; height: 0.486rem; display: flex; flex-direction: column; align-items: center;}
.m-page-del-cash-account-box .list-box .account-item-box .content-box span {white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.m-page-userdetail-box {width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }
.m-page-userdetail-box .title-box {width: 100%; height: 0.35rem; display: flex; background-color: rgb(30, 42, 54); align-content: center; justify-content: center; line-height: 0.35rem;color: grey; font-size: 0.1rem; position: relative;}

.m-page-userinfo-box {width: 100%; height: 100%; background-color: rgba(7,24,36,0); flex-direction: column; }
.m-page-userinfo-box .title-bar {width: 100%; display: flex; align-content: center; justify-content: center; color: white; position: relative; background-color: rgba(26,28,38,1); height:0.51rem; font-size:0.14rem; line-height: 0.51rem; font-weight: bold;}
.m-page-userinfo-box .title-bar i {font-size: 0.153rem; left: 0.07rem; position: absolute;color: rgb(196, 196, 196);}
.m-page-userinfo-box .item-out-box {width: 100%; max-height: calc(100% - 0.35rem); overflow-y: auto;}
.m-page-userinfo-box .item-out-box .item-scroll-box{width: 100%;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box {width: calc(100% - 0.14rem); margin-left: 0.07rem;display: flex; flex-direction: column; font-size: 0.83rem; color: white; background-color: rgb(41,55,76); border-radius: 0.035rem; margin-top: 0.104rem; padding-bottom: 0.07rem;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content {height: 0.42rem; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid lightgrey; cursor: pointer; margin-left: 0.14rem; width: calc(100% - 0.28rem);}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content .left-box {display: flex; height: 100%; flex-direction: row; align-items: center; justify-content: center;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content .left-box i{color: white; font-size: 0.21rem;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content .left-box .left-detail-box {font-size: 0.09rem;display: flex; flex-direction: column;margin-left: 0.104rem; height: 100%; justify-content: center;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content .left-box .left-detail-box .title {font-size: 0.105rem; color: white;}
.m-page-userinfo-box .item-out-box .item-scroll-box .item-box .item-content .left-box .left-detail-box .detail {color: rgb(221, 0, 36);}
.m-page-userdetail-iframe-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10003; width: 100%; height: 100%; background: linear-gradient(180deg, #dbdee2 30%, #fff 70%); flex-direction: column; }

.m-page-userinfo-box .item-out-box .total-betinfo-page-select-box {display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; width: 100%; font-size: 0.13rem; height: 0.35rem; }
.m-page-userinfo-box .item-out-box .total-betinfo-page-select-box .select-item-box {width: 48%; height: 0.3rem; border-radius: 0.05rem; border: 1px solid lightgrey; align-items: center;display: flex; justify-content: space-between;}
.m-page-userinfo-box .item-out-box .total-betinfo-page-total-info-box {display: flex; flex-direction: row; color: white; width: 100%; margin-top: 0.05rem; font-size: 0.12rem; align-items: center; height: 0.45rem;}

.settle-list-title-box {font-size: 0.14rem; height: 0.35rem; display: flex; flex-direction: row; width: 100%;margin-top: 0.07rem; margin-bottom: 0.05rem; color: white; align-items: center; justify-content: space-between; background-color: rgba(255,255,255,0.1); border-radius: 0.05rem;}
.settle-list-item-box {display: flex; flex-direction: row; width: 100%; color: white; align-items: center; justify-content: space-between;  margin-top: 0.05rem;}
.settle-list-item-box .date-info {color: grey; font-size: 0.12rem;}

.settle-select-type-page {position: absolute; width: 100%; height: 100%; background-color: rgba(30, 42, 54, 0.5); z-index: 101; flex-direction: column-reverse;}
.settle-select-type-page .settle-select-type-page-content {z-index: 10; width: 100%; background-color: rgb(46, 46, 49); display: flex; flex-direction: column; color: white; font-size: 0.12rem; }

.settle-detail-page {position: absolute; width: 100%; height: 100%; background-color: rgb(23,26,33); z-index: 101; flex-direction: column;}
.settle-detail-page .title-box {width: 100%; display: flex; align-content: center; justify-content: center; position: relative; background-color: rgba(0,37,91,0); height:0.51rem; font-size:0.14rem; line-height: 0.51rem; font-weight: bold; color: white;}
.settle-detail-page .content-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem; display: flex; background-color: rgb(31,34,41); border-radius: 0.05rem;}
.settle-detail-page .content-box .main-info {width: 100%; display: flex; flex-direction: row; align-items: center; font-size: 0.12rem; color: white;}
.settle-detail-page .content-box .main-info input {border: none; background-color: rgba(0,0,0,0); max-width: 1rem; color: rgb(239,216,165); width: 0.75rem;}
.settle-detail-page .content-box .item-info-box {width: 48%; display: flex; flex-direction: column; background-color: rgb(60,60,62); border-radius: 0.05rem; line-height: 0.2rem;}
.settle-detail-page .content-box .item-info-box .game-name-tips {margin-top: 0.1rem; margin-left: 0.15rem; font-size: 0.14rem; color: lightgrey;}
.settle-detail-page .content-box .item-info-box .game-name {margin-top: 0.05rem; margin-left: 0.15rem; font-size: 0.12rem; color: white; margin-bottom: 0.1rem; margin-right: 0.15rem;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.settle-detail-page .content-box .item-info-box .bet-amount-tips {margin-top: 0.1rem; margin-left: 0.15rem; font-size: 0.14rem; color: lightgrey;}
.settle-detail-page .content-box .item-info-box .bet-amount {margin-top: 0.05rem; margin-left: 0.15rem; font-size: 0.13rem; color: rgb(217,168,86); margin-bottom: 0.1rem;}
.settle-detail-page .content-box .child-item-title {color: lightgrey;}
.settle-detail-page .content-box .bet-time-info {color: white;}
.settle-detail-page .content-box .valid-bet-info {color: rgb(217,168,86);}
.settle-detail-page .content-box .win-lose-info {color: rgb(0,190,0);}
.settle-detail-page .content-box .set-result-info {color: white; background-color: rgb(60,60,62); padding: 0.04rem 0.07rem 0.05rem 0.07rem; border-radius: 0.03rem; }


.m-page-userinfo-box .exchange-date-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; height: 0.2rem; margin-top: 0.15rem;}
.m-page-userinfo-box .exchange-date-box .button-select   {border: 1px solid rgb(255,168,0); border-radius: 0.05rem; height: 0.2rem; width: 0.5rem; color: rgb(255,168,0); background-color: rgba(0,37,91,0); font-size: 0.1rem;}
.m-page-userinfo-box .exchange-date-box .button-unselect {border: 1px solid white; border-radius: 0.05rem; height: 0.2rem; width: 0.5rem; color: white; background-color: rgba(0,37,91,0); font-size: 0.1rem;}

.m-page-userinfo-box .exchange-page-item-out-box {max-height: calc(100% - 1.65rem); border: 1px solid rgb(255,168,0); width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem; border-radius: 0.05rem;}
.exchange-page-item-box {display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid rgba(255,168,0,0.6); font-size: 0.14rem; color: white; }
.exchange-page-item-box .time-info-style {color: lightgrey;}
.exchange-page-item-box .balance-info-style {color: rgb(255,204,0);}

.m-page-game-list-box {width: 100%; height: 100%; flex-direction: column; }
.m-page-search-box {position: fixed; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(20,28,36); flex-direction: column; }

.m-page-game-list-box .title-box {width: 100%; height: 0.51rem; display: flex; background-color: rgb(26, 28, 38); align-content: center; justify-content: center; line-height: 0.51rem; color: white; font-size: 0.14rem; font-weight: bold; position: relative;}
.m-page-game-list-box .title-box i    {font-size: 0.17rem; left: 0.07rem; position: absolute; color: rgb(196, 196, 196);}

.m-page-game-list-box .search-title-box {width: 100%; height: 0.51rem; display: flex; background-color: rgb(26, 28, 38); align-content: center; color: grey; font-size: 0.125rem; flex-direction: row;}
.m-page-game-list-box .search-title-box i {font-size: 0.153rem; color: rgb(196, 196, 196);}
.m-page-game-list-box .search-title-box .search-box {width: calc(100% - 0.45rem); position: relative;cursor: pointer; display: flex; flex-direction: row; color: rgb(200,200,200); background-color: rgba(26,44,56, 0); margin-top: 0.12rem; height: 0.25rem; line-height: 0.25rem; border-radius: 0.05rem; border: 1px solid rgb(129,129,129);}
.m-page-game-list-box .search-title-box .search-box input {width: calc(100% - 1rem); margin-left: 0.1rem; border: none; color: white;background-color: rgba(26,44,56, 0);}
.m-page-game-list-box .search-title-box .search-box span {font-size: 0.11rem;  right: 0.15rem; position: absolute; color: rgb(232,190,125);}

.home-tab-page-search-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; position: relative;cursor: pointer; display: flex; flex-direction: row; color: rgb(200,200,200); background-color: rgba(26,44,56, 0); height: 0.25rem; line-height: 0.25rem; border-radius: 0.05rem; border: 1px solid rgb(129,129,129);}
.home-tab-page-search-box input {width: calc(100% - 1rem); margin-left: 0.1rem; border: none; color: white;background-color: rgba(26,44,56, 0);}
.home-tab-page-search-box span {font-size: 0.11rem;  right: 0.15rem; position: absolute; color: rgb(232,190,125); }


.m-wallet2-content-box {width: 100%; height: 100%; flex-direction: column; background-color: rgb(29,39,52); position: relative;}
.m-wallet2-content-box .head-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; margin-top: 0.07rem; height: 0.35rem; background-color: rgb(41,55,76);display: flex; flex-wrap: wrap; justify-content: space-between; color: rgb(255, 255, 255);border-radius: 0.03rem;}
.m-wallet2-content-box .head-box .left-box {height: calc(100% - 0.08rem); margin-top: 0.04rem; display: flex; align-items: center; justify-content: center; font-size: 0.118rem; width: calc(50% - 0.04rem); margin-left: 0.04rem; cursor: pointer; border-radius: 0.03rem;}
.m-wallet2-content-box .head-box .left-box span { font-size: 0.11rem; }
.m-wallet2-content-box .head-box .right-box {height: calc(100% - 0.08rem); margin-top: 0.04rem; display: flex; align-items: center; justify-content: center; font-size: 0.118rem; width: calc(50% - 0.04rem); margin-right: 0.04rem; cursor: pointer; border-radius: 0.03rem;}
.m-wallet2-content-box .head-box .right-box span {color: rgb(255, 255, 255); font-size: 0.11rem;}
.m-wallet2-select-recharge {}
.m-wallet2-select-cash {}
.m-wallet2-select-recharge .head-box .left-box {background-color: rgb(20,28,36);}
.m-wallet2-select-cash .head-box .right-box {background-color: rgb(20,28,36);}
.m-wallet2-content-box .content-box {width: 100%; height: calc(100% - 1.12rem); overflow-y: auto; }

.m-wallet2-select-recharge .content-box-recharge {display: unset;}
.m-wallet2-select-recharge .content-box-cash {display: none;}
.m-wallet2-select-cash .content-box-recharge {display: none;}
.m-wallet2-select-cash .content-box-cash {display: unset;}
.m-wallet2-content-box .my-info-box {display: flex; flex-direction: row; width: calc(100% - 0.14rem); margin-left: 0.07rem; height: 0.6rem; margin-top: 0.1rem;}
.m-wallet2-content-box .my-info-box .my-info-right-box {display: flex; flex-direction: column; width: 35%;}

.m-wallet2-content-box .content-box .recharge-type-box {width: calc(100% - 0.24rem); margin-left: 0.12rem; display: flex; flex-wrap: wrap; font-size: 0.1rem; color: #8ea7bb;}

.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box {margin-top: 0.1rem; }
.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box .recharge-type-item{padding: 0.05rem 0.08rem 0.05rem 0.08rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgb(41,55,76); border-radius: 0.05rem; }
.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box .recharge-type-item-select {border: .02rem solid #ff9500;}
.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box .recharge-type-item-unselect {border: none;}
.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box .recharge-type-item .type-name-box{display: flex; flex-direction: row; align-items: center; justify-content: center;}
.m-wallet2-content-box .content-box .recharge-type-box .recharge-type-item-box .recharge-type-item .type-limits-info {margin-top: 0.02rem; color: #8ea7bb;}

.m-wallet2-content-box .content-box .recharge-amount-box {width: calc(100% - 0.14rem); margin-left: 0.07rem; display: flex; flex-wrap: wrap; font-size: 0.1rem; color: #8ea7bb; margin-top: 0.1rem;}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box {width: 33%; margin-top: 0.05rem; }
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-amount-item{width: calc(100% - 0.1rem); margin-left: 0.05rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); height: 0.3rem; border-radius: 0.05rem; position: relative;}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-amount-item .amount-box{display: flex; flex-direction: row; align-items: center; justify-content: center;}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-amount-item .amount-box span {color: white; font-size: 0.11rem;}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-amount-item span{margin-top: 0.02rem; color: #ff9500;}

.m-wallet2-content-box .content-box .recharge-button {border-radius: 0.05rem; width: calc(100% - 0.3rem); margin-left: 0.15rem; color: rgb(107,68,43); height: 0.35rem; border: 1px solid black; background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); margin-top: 0.15rem; margin-bottom: 0.1rem; font-size: 0.12rem; }
.m-wallet2-content-box .content-box .cash-button {height: 0.35rem; border: none; border-radius: 0.035rem; width: 100%; color: rgb(107,68,43); background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); font-size: 0.12rem; margin-top: 0.05rem; margin-bottom: 0.15rem;}

.m-wallet2-content-box .content-box .cash-amount-item-box {width: 100%; display: flex; justify-content: space-between; margin-top: 0.05rem; }

.m-wallet2-content-box .content-box .cash-amount-item-box .cash-amount-item {width: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); height: 0.3rem; border-radius: 0.05rem; position: relative;}

.m-wallet2-select-recharge  .my-info-box .my-info-right-box .my-info-right-box-recharge-record {display: unset;}
.m-wallet2-select-recharge  .my-info-box .my-info-right-box .my-info-right-box-cash-record {display: none;}
.m-wallet2-select-cash .my-info-box .my-info-right-box .my-info-right-box-recharge-record {display: none;}
.m-wallet2-select-cash .my-info-box .my-info-right-box .my-info-right-box-cash-record {display: unset;}

.m-page-partner-detail-box {position: absolute; left: 0; top: 0; bottom: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgb(22,29,40); flex-direction: column; }


.m-fly-header {width: 100%; height: 0.51rem;}
.m-fly-header .head-box {width: 100%; height:100%; background-color: rgb(26, 28, 38); flex-wrap: wrap; justify-content: space-between; border-bottom: 2px solid rgb(26, 28, 38);}
.m-fly-header .head-box .left-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-fly-header .head-box .left-box i {color: rgb(153, 167, 180); font-size: 0.18rem; margin-left: 0.104rem;}
.m-fly-header .head-box .left-box img{height: 0.278rem;}
.m-fly-header .head-box .left-box span {color: white; font-size: 0.12rem; margin-left: 0.15rem;}
.m-fly-header .head-box .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem;}
.m-fly-header .head-box .right-box span {color: rgb(153, 167, 180); cursor: pointer;}
.m-fly-header .head-box .right-box button { padding-left: 0.05rem; padding-right: 0.05rem; cursor: pointer; min-width: 0.5rem; height: 0.28rem; margin-right: 0.139rem; border: none; background: linear-gradient(to bottom, rgb(243,210,151), rgb(229, 185, 122)); color: rgb(102,51,31); border-radius: 0.035rem; font-size: 0.12rem;}
.m-fly-sider-right-with-title-with-close {position: absolute; left: 0; top: 0; bottom: 0; z-index: 19999; width: 100%; height: 100%; border-radius: 0;background-color: rgb(28, 30, 34);transition: left .2s ease; display: none;}

.m-fly-header .head-box1 {width: 100%; height:100%; background-color: rgb(26, 28, 38); align-items: center; justify-content: center;}
.m-fly-header .head-box1 span {color: white; font-weight: bold; font-size: 0.13rem;}
.m-fly-header .head-box1 .right-box {height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.1rem; position: absolute; right: 0.14rem;}
.m-fly-header .head-box1 .right-box i {font-size: 0.2rem; color: white;}

.v3-title-container {margin-left: 0.07rem;}
.v3-title-container h1  {
    line-height: 0.49rem;
    font-size: 0.2rem;
    text-align: center;
    font-weight: 1000;
    background-image:   linear-gradient(to right, rgb(255,174,5), rgb(238, 39, 0)),
                        linear-gradient(to bottom, rgb(255,108,46), rgb(188, 52, 0));
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    position: relative;
}



.m-partner-v3-level-box {display: flex; flex-direction: column; width: 100%; color: rgb(170,202,213); font-size: 0.11rem; font-weight: bold; margin-top: 0.1rem;}
.m-partner-v3-level-box .item-box {display: flex; flex-direction: row; align-items: center; height: 0.32rem;}
.m-partner-v3-level-box .item-box-bg {background-color: rgb(7,24,36); }

.m-partner-v3-level-box .item-box .title-item1 {display: flex; flex-direction: column; width: 0.6rem; justify-content: center; align-items: center;}
.m-partner-v3-level-box .item-box .title-item2 {display: flex; flex-direction: column; width: calc(100% - 1.8rem); justify-content: center; align-items: center;}
.m-partner-v3-level-box .item-box .title-item3 {display: flex; flex-direction: column; width: 1.2rem; justify-content: center; align-items: center;}
.m-partner-v3-level-box .item-box .content-item1 {display: flex; flex-direction: column; width: 0.6rem; justify-content: center; align-items: center;}
.m-partner-v3-level-box .item-box .content-item2 {display: flex; flex-direction: row-reverse; width: calc(100% - 1.8rem); align-items: center; justify-content: center;}
.m-partner-v3-level-box .item-box .content-item3 {display: flex; flex-direction: row; width: 1.2rem; justify-content: center; align-items: center;}
.m-partner-v3-level-box .item-box .content-item3 .s1 {color:rgb(253, 202, 5);}

.m-partner-v3-faq-box {width: calc(100% - 0.4rem); margin-left: 0.1rem; background-color: rgb(26, 44, 56); border-radius: 0.03rem; display: flex; flex-direction: column; padding: 0.05rem 0.1rem; margin-bottom: 0.1rem;}
.m-partner-v3-faq-box .question-box {font-size: 0.12rem; display: flex; flex-direction: row; align-items: center; color: white;}
.m-partner-v3-faq-box .split-line {width: 100%; height: 1px; background-color: #98a7b5; margin-top: 0.05rem;}
.m-partner-v3-faq-box .answer-box {font-size: 0.11rem; color: #98a7b5; display: flex; flex-direction: row; margin-top: 0.05rem;}
.m-partner-v3-faq-box .answer-box i {font-size: 0.08rem; margin-right: 0.05rem; margin-top: 0.05rem; color: rgb(253, 202, 5);}

.m-marquee-box {width: 100%; display: flex; flex-direction: row; position: relative; color: rgb(59,193,23); align-items: center; height: 0.2rem; line-height: 0.2rem;}
.m-search-box {position: relative;cursor: pointer;width: calc(100% - 0.16rem); margin-left: 0.08rem; display: flex; flex-direction: row; color: rgb(200,200,200); background-color: rgb(39,33,42); margin-top: 0.1rem; margin-bottom: 0.1rem; height: 0.25rem; line-height: 0.25rem; border-radius: 0.05rem; border: 1px solid rgb(205,163,141);}
.m-search-box input {width: calc(100% - 1rem); margin-left: 0.1rem; background-color: rgb(41,55,76); border: none; color: white;}
.m-search-box .search-btn-tips {font-size: 0.11rem;  right: 0.15rem; position: absolute; color: rgb(152,167,181); }

.m-recharege-cash-item-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem; background-color: rgb(35,37,41); border-radius: 0.1rem; display: flex; flex-direction: column; font-size: 0.14rem; color: rgb(196, 196, 196); }
.m-recharege-cash-item-box .record-item {width: calc(100% - 0.3rem); margin-left: 0.15rem; height: 0.35rem; border-bottom: 1px solid grey; display: flex; justify-content: space-between; align-items: center;}
.m-recharege-cash-item-box .record-item span {color: white; font-size: 0.13rem;}
.m-recharege-cash-item-box .record-item .recharge-cash-type {color: white;font-size: 0.14rem;}




.m-vip-benefit-item-box {display: flex; align-items: center; flex-direction: row; width: 100%; height: 0.35rem;}
.m-vip-benefit-item-box .item-box {width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.m-vip-benefit-item-box .item-box img {width: auto; height: 0.12rem;}

.m-select-game-type-box {display: flex; align-items: center; flex-direction: row; width: 100%; height: 0.35rem; justify-content: space-between; color: white; margin-top: 0.05rem; }
.m-select-game-type-box-select {background-color: rgb(67, 66, 69);}
.m-select-game-type-box-unselect {background-color: rgb(46, 46, 49);}
.m-select-game-type-box span {margin-left: 0.15rem; }
.m-select-game-type-box .select-ratio {margin-right: 0.15rem; width: 0.15rem; height: 0.15rem; background-color: rgb(237,201,141); border: 1px solid grey;  border-radius: 0.15rem; align-items: center; justify-content: center;}
.m-select-game-type-box .select-ratio .select-ratio-center-flag {width: 50%; height: 50%; display: flex; background-color: white; border-radius: 0.15rem;}
.m-select-game-type-box .unselect-ratio {margin-right: 0.15rem; width: 0.13rem; height: 0.13rem; border: 1px solid grey; border-radius: 0.15rem;}

.m-select-game-type-box-select .select-ratio-show-flag {display: flex;}
.m-select-game-type-box-select .unselect-ratio-show-flag {display: none;}
.m-select-game-type-box-unselect .select-ratio-show-flag {display: none;}
.m-select-game-type-box-unselect .unselect-ratio-show-flag {display: flex;}


.content-uu-recharge-box {}
.content-uu-recharge-box .select-recharge-type-box {width: 100%; display: flex; border-bottom: 1px solid grey; align-items: center;  justify-content: center; background-color: rgb(26, 28, 38);}
.content-uu-recharge-box .select-recharge-type-box .select-recharge-type-content {width: calc(100% - 0.4rem); display: flex; flex-direction: row; align-items: center; margin-bottom: 0.05rem; color: white; font-size: 0.13rem;}
.content-uu-recharge-box .select-recharge-type-box .select-recharge-type-content .type-box {display: flex; flex-direction: column; width: 25%; height: 100%; background-color: rgba(0,0,0,0); border: none; color: white;}
.content-uu-recharge-box .select-recharge-type-box .select-recharge-type-content .type-box .top-content-box {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.content-uu-recharge-box .select-recharge-type-box .select-recharge-type-content .type-box .top-content-box img {height: 0.15rem; margin-right: 0.05rem;}
.content-uu-recharge-box .select-recharge-type-box .select-recharge-type-content .type-box .bottom-line {width: 100%; height: 0.02rem;  margin-top: 0.05rem;}


.content-uu-recharge-usdt {}
.content-uu-recharge-usdt .recharge-usdt-box {display: flex;}
.content-uu-recharge-usdt .recharge-usdt2-box {display: none;}
.content-uu-recharge-usdt .recharge-usdt3-box {display: none;}
.content-uu-recharge-usdt .recharge-huiwang-box {display: none;}
.content-uu-recharge-usdt .recharge-baiyi-box {display: none;}
.content-uu-recharge-usdt .recharge-aba-box {display: none;}
.content-uu-recharge-usdt .recharge-cny-box {display: none;}
.content-uu-recharge-usdt .recharge-long-box {display: none;}
.content-uu-recharge-usdt .bottom-line-usdt {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-recharge-usdt .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-recharge-usdt2 {}
.content-uu-recharge-usdt2 .recharge-usdt-box {display: none;}
.content-uu-recharge-usdt2 .recharge-usdt2-box {display: flex;}
.content-uu-recharge-usdt2 .recharge-usdt3-box {display: none;}
.content-uu-recharge-usdt2 .recharge-huiwang-box {display: none;}
.content-uu-recharge-usdt2 .recharge-baiyi-box {display: none;}
.content-uu-recharge-usdt2 .recharge-aba-box {display: none;}
.content-uu-recharge-usdt2 .recharge-cny-box {display: none;}
.content-uu-recharge-usdt2 .recharge-long-box {display: none;}
.content-uu-recharge-usdt2 .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-usdt2 {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-recharge-usdt2 .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt2 .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-recharge-usdt3 {}
.content-uu-recharge-usdt3 .recharge-usdt-box {display: none;}
.content-uu-recharge-usdt3 .recharge-usdt2-box {display: none;}
.content-uu-recharge-usdt3 .recharge-usdt3-box {display: flex;}
.content-uu-recharge-usdt3 .recharge-huiwang-box {display: none;}
.content-uu-recharge-usdt3 .recharge-baiyi-box {display: none;}
.content-uu-recharge-usdt3 .recharge-aba-box {display: none;}
.content-uu-recharge-usdt3 .recharge-cny-box {display: none;}
.content-uu-recharge-usdt3 .recharge-long-box {display: none;}
.content-uu-recharge-usdt3 .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-usdt3 {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-recharge-usdt3 .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-usdt3 .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-recharge-huiwang {}
.content-uu-recharge-huiwang .recharge-usdt-box {display: none;}
.content-uu-recharge-huiwang .recharge-usdt2-box {display: none;}
.content-uu-recharge-huiwang .recharge-usdt3-box {display: none;}
.content-uu-recharge-huiwang .recharge-huiwang-box {display: flex;}
.content-uu-recharge-huiwang .recharge-baiyi-box {display: none;}
.content-uu-recharge-huiwang .recharge-aba-box {display: none;}
.content-uu-recharge-huiwang .recharge-cny-box {display: none;}
.content-uu-recharge-huiwang .recharge-long-box {display: none;}
.content-uu-recharge-huiwang .bottom-line-huiwang {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-recharge-huiwang .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-huiwang .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-recharge-baiyi {}
.content-uu-recharge-baiyi .recharge-usdt-box {display: none;}
.content-uu-recharge-baiyi .recharge-usdt2-box {display: none;}
.content-uu-recharge-baiyi .recharge-usdt3-box {display: none;}
.content-uu-recharge-baiyi .recharge-huiwang-box {display: none;}
.content-uu-recharge-baiyi .recharge-baiyi-box {display: flex;}
.content-uu-recharge-baiyi .recharge-aba-box {display: none;}
.content-uu-recharge-baiyi .recharge-cny-box {display: none;}
.content-uu-recharge-baiyi .recharge-long-box {display: none;}
.content-uu-recharge-baiyi .bottom-line-baiyi {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-recharge-baiyi .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-baiyi .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-recharge-long {}
.content-uu-recharge-long .recharge-usdt-box {display: none;}
.content-uu-recharge-long .recharge-usdt2-box {display: none;}
.content-uu-recharge-long .recharge-usdt3-box {display: none;}
.content-uu-recharge-long .recharge-huiwang-box {display: none;}
.content-uu-recharge-long .recharge-baiyi-box {display: none;}
.content-uu-recharge-long .recharge-aba-box {display: none;}
.content-uu-recharge-long .recharge-cny-box {display: none;}
.content-uu-recharge-long .recharge-long-box {display: flex;}
.content-uu-recharge-long .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-long .bottom-line-long {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}

.content-uu-recharge-aba {}
.content-uu-recharge-aba .recharge-usdt-box {display: none;}
.content-uu-recharge-aba .recharge-usdt2-box {display: none;}
.content-uu-recharge-aba .recharge-usdt3-box {display: none;}
.content-uu-recharge-aba .recharge-huiwang-box {display: none;}
.content-uu-recharge-aba .recharge-baiyi-box {display: none;}
.content-uu-recharge-aba .recharge-long-box {display: none;}
.content-uu-recharge-aba .recharge-cny-box {display: none;}
.content-uu-recharge-aba .recharge-aba-box {display: flex;}
.content-uu-recharge-aba .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-aba .bottom-line-aba {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}

.content-uu-recharge-cny {}
.content-uu-recharge-cny .recharge-usdt-box {display: none;}
.content-uu-recharge-cny .recharge-usdt2-box {display: none;}
.content-uu-recharge-cny .recharge-usdt3-box {display: none;}
.content-uu-recharge-cny .recharge-huiwang-box {display: none;}
.content-uu-recharge-cny .recharge-baiyi-box {display: none;}
.content-uu-recharge-cny .recharge-long-box {display: none;}
.content-uu-recharge-cny .recharge-aba-box {display: none;}
.content-uu-recharge-cny .recharge-cny-box {display: flex;}
.content-uu-recharge-cny .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-usdt2 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-usdt3 {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-aba {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-recharge-cny .bottom-line-cny {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}

.content-uu-cash-usdt {}
.content-uu-cash-usdt .recharge-usdt-box {display: flex;}
.content-uu-cash-usdt .recharge-huiwang-box {display: none;}
.content-uu-cash-usdt .recharge-baiyi-box {display: none;}
.content-uu-cash-usdt .recharge-long-box {display: none;}
.content-uu-cash-usdt .recharge-casino-box {display: none;}
.content-uu-cash-usdt .recharge-cny-box {display: none;}
.content-uu-cash-usdt .bottom-line-usdt {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-cash-usdt .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-usdt .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-usdt .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-usdt .bottom-line-casino {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-usdt .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-cash-huiwang {}
.content-uu-cash-huiwang .recharge-usdt-box {display: none;}
.content-uu-cash-huiwang .recharge-huiwang-box {display: flex;}
.content-uu-cash-huiwang .recharge-baiyi-box {display: none;}
.content-uu-cash-huiwang .recharge-long-box {display: none;}
.content-uu-cash-huiwang .recharge-casino-box {display: none;}
.content-uu-cash-huiwang .recharge-cny-box {display: none;}
.content-uu-cash-huiwang .bottom-line-huiwang {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-cash-huiwang .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-huiwang .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-huiwang .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-huiwang .bottom-line-casino {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-huiwang .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-cash-baiyi {}
.content-uu-cash-baiyi .recharge-usdt-box {display: none;}
.content-uu-cash-baiyi .recharge-huiwang-box {display: none;}
.content-uu-cash-baiyi .recharge-baiyi-box {display: flex;}
.content-uu-cash-baiyi .recharge-long-box {display: none;}
.content-uu-cash-baiyi .recharge-casino-box {display: none;}
.content-uu-cash-baiyi .recharge-cny-box {display: none;}
.content-uu-cash-baiyi .bottom-line-baiyi {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-cash-baiyi .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-baiyi .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-baiyi .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-baiyi .bottom-line-casino {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-baiyi .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-cash-long {}
.content-uu-cash-long .recharge-usdt-box {display: none;}
.content-uu-cash-long .recharge-huiwang-box {display: none;}
.content-uu-cash-long .recharge-baiyi-box {display: none;}
.content-uu-cash-long .recharge-long-box {display: flex;}
.content-uu-cash-long .recharge-casino-box {display: none;}
.content-uu-cash-long .recharge-cny-box {display: none;}
.content-uu-cash-long .bottom-line-long {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-cash-long .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-long .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-long .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-long .bottom-line-casino {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-long .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-cash-casino {}
.content-uu-cash-casino .recharge-usdt-box {display: none;}
.content-uu-cash-casino .recharge-huiwang-box {display: none;}
.content-uu-cash-casino .recharge-baiyi-box {display: none;}
.content-uu-cash-casino .recharge-long-box {display: none;}
.content-uu-cash-casino .recharge-casino-box {display: flex;}
.content-uu-cash-casino .recharge-cny-box {display: none;}
.content-uu-cash-casino .bottom-line-casino {background: linear-gradient(to right, rgb(237,196,162), rgb(235, 186, 152), rgb(231, 173, 137));}
.content-uu-cash-casino .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-casino .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-casino .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-casino .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-casino .bottom-line-cny {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}

.content-uu-cash-cny {}
.content-uu-cash-cny .recharge-usdt-box {display: none;}
.content-uu-cash-cny .recharge-huiwang-box {display: none;}
.content-uu-cash-cny .recharge-baiyi-box {display: none;}
.content-uu-cash-cny .recharge-long-box {display: none;}
.content-uu-cash-cny .recharge-casino-box {display: none;}
.content-uu-cash-cny .recharge-cny-box {display: flex;}
.content-uu-cash-cny .bottom-line-casino {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-cny .bottom-line-huiwang {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-cny .bottom-line-usdt {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-cny .bottom-line-baiyi {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-cny .bottom-line-long {background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));}
.content-uu-cash-cny .bottom-line-cny {background: linear-gradient(to right, rgb(185,147,59), rgb(185,147,59));}

.recharge-huiwang-box .select-huiwan-type-button {color: rgb(107,68,43); padding-left: 0.1rem; padding-right: 0.1rem; height: 0.25rem; border-radius: 0.05rem; border: 1px solid black; }
.select-huiwan-online .recharge-huiwang-box-online {display: flex;}
.select-huiwan-online .recharge-huiwang-box-offline {display: none;}
.select-huiwan-online .select-huiwan-type-button-online { background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); color: rgb(107,68,43);}
.select-huiwan-online .select-huiwan-type-button-offline { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}

.select-huiwan-offline .recharge-huiwang-box-online {display: none;}
.select-huiwan-offline .recharge-huiwang-box-offline {display: flex;}
.select-huiwan-offline .select-huiwan-type-button-online { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-huiwan-offline .select-huiwan-type-button-offline { background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); color: rgb(107,68,43);}

.recharge-cny-box .select-cny-type-button {color: rgb(107,68,43); padding-left: 0.1rem; padding-right: 0.1rem; height: 0.3rem; border-radius: 0.05rem; border: 1px solid black; }
.select-cny-vx .select-cny-type-button-vx { background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); color: rgb(107,68,43);}
.select-cny-vx .select-cny-type-button-zfb { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-vx .select-cny-type-button-ysf { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-zfb .select-cny-type-button-vx { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-zfb .select-cny-type-button-zfb { background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); color: rgb(107,68,43);}
.select-cny-zfb .select-cny-type-button-ysf { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-ysf .select-cny-type-button-vx { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-ysf .select-cny-type-button-zfb { background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90)); color: white;}
.select-cny-ysf .select-cny-type-button-ysf { background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); color: rgb(107,68,43);}

.show-game-title-box {width: 100%; min-height: 0.3rem; background-color: rgba(0,0,0,0.2); position: absolute; bottom: 0.14rem; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.show-game-title-box span {color: white; font-weight: bold; text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

.home-partner-box {width: calc(100% - 0.16rem); margin-left: 0.08rem; display: flex; flex-direction: row; margin-top: 0.08rem; color: white;  font-size: 0.12rem; align-items: center; font-weight: bold;}

.m-fly-header .head-box .right-box .header-wallet-box {height: 0.25rem; display: flex; flex-direction: row; background-color: rgba(44,57,59, 1); align-items: center; border-radius: 0.25rem; margin-right: 0.08rem;}
.m-fly-header .head-box .right-box .header-wallet-box img {height: 0.22rem; margin-right: 0.08rem; }
.m-fly-header .head-box .right-box .header-wallet-box span {font-size: 0.12rem; color: whitesmoke; margin-right: 0.08rem;}
.m-fly-header .head-box .right-box .header-wallet-box i {font-size: 0.18rem; color: rgb(255,201,156); margin-right: 0.08rem; }
.m-fly-header .head-box .right-box .header-wallet-box button {height: 100%; border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; border: none; min-width: 0.4rem; margin-right: 0; background: linear-gradient(to bottom, rgb(243,210,151), rgb(229, 185, 122)); color: rgb(102,51,31);}
.website-language-icon {font-size: 0.2rem; color: rgb(255,201,156); margin-right: 0.1rem; }
.marquee-box-style {margin-right: 0.08rem; margin-left: 0.08rem; border: solid 2px rgb(124, 120, 111); border-radius: 0.05rem; background: linear-gradient(to bottom, rgb(127,42,64), rgb(147, 72, 64));}
.marquee-box-style span {font-size:0.11rem; color: rgb(255,233,195); font-style: italic; font-weight: bold;}

.mine-balance-div-box {width: 100%; margin-top: 0.1rem; position: relative; height: 0; background-size: cover; background-image: url('/theme/theme1/images/mine_balance_div_bg.png'); background-position: center center; padding-top: 26.78%;}
.mine-balance-div-box .my-wallet-title-tips {color: white; font-weight: bold; font-size: 0.13rem;}
.mine-balance-div-box .my-balance-tips {font-size: 0.22rem; color: rgb(241,196,132); font-weight: unset; margin-left: 0.05rem;}
.mine-balance-div-box .cash-button-style {font-size: 0.12rem; width: 0.6rem; height: 0.25rem; border-radius: 0.25rem; border: solid 1px black; color: rgb(56,69,77); background-color: rgb(189,205,220);}

.mine-fuction-item-box {width: calc(100% - 0.3rem); margin-top: 0.1rem; margin-left: 0.15rem; display: flex; flex-wrap: wrap; align-content: flex-start; color: white; font-size: 0.12rem; background-color: rgb(31,34,41); border-radius: 0.05rem; padding-bottom: 0.1rem;}

.login-page-welcome-title {color: white; font-size: 0.18rem; font-weight: bold;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .login-page-back-btn {position: unset; color: white; margin-left: 0.1rem;}

.m-page-login-input-inner-box {display: flex; flex-direction: row; background-color: rgb(27,32,40); height: 0.4rem; width: 100%; border-radius: 0.04rem; line-height: 0.4rem;}
.m-page-login-input-inner-box .icon-tips {font-size: 0.16rem; color: white; width: 0.3rem; margin-left: 0.15rem;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-select-register .m-register-page .m-input-box .input-tips {color: white; width: calc(100% - 0.65rem); margin-left: 0.05rem; font-size: 0.13rem; background-color: rgba(0,0,0,0);}
.m-page-login-input-inner-box .pwd-eye-base {width: 0.22rem; height: 0.22rem;vertical-align: middle;fill: #FFFFFF;overflow: hidden; margin-top: 0.05rem; font-weight: bold;}
.m-page-login-box .m-page-login-box1 .m-page-login-box2 .m-page-login-content .m-page-login-content-box .m-login-page .m-input-box .input-tips {color: white; width: calc(100% - 0.65rem); margin-left: 0.05rem; font-size: 0.13rem; background-color: rgba(0,0,0,0);}

.login-page-tips-color1 {color: rgb(238, 201, 141);}
.login-page-tips-color2 {color: white;}
.login-page-tips-color3 {color: rgb(247, 198, 32);}

.login-page-fastlogin-bg {background-color: rgb(27,32,40); }

.recharge-input-amount-out-box {width: 100%; height: 0.35rem; display: flex; flex-direction: row; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; margin-top: 0.05rem;}
.recharge-input-amount-out-box input {width: calc(100% - 0.2rem); margin-left: 0.2rem; height: 0.35rem; border: none; background-color: rgba(0,0,0,0); color: white; }
.recharge-input-amount-out-box .currency-type {color: white}
.wallet-title-tips1-color {color: white;}

.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-item-select {background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122));}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-item-select .amount-box span {color: rgb(107,68,43);}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-item-unselect {background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90));}
.m-wallet2-content-box .content-box .recharge-amount-box .recharge-amount-item-box .recharge-item-unselect .amount-box span {color: white;}

.m-wallet2-content-box .content-box .cash-amount-item-box .cash-item-select {background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122));}
.m-wallet2-content-box .content-box .cash-amount-item-box .cash-item-select span {color: rgb(107,68,43);}
.m-wallet2-content-box .content-box .cash-amount-item-box .cash-item-unselect {background: linear-gradient(to right, rgb(73,77,90), rgb(73,77,90));}
.m-wallet2-content-box .content-box .cash-amount-item-box .cash-item-unselect span {color: white;}

.wallet-recharge-tips-color1 {color: rgb(238, 201, 141);}
.wallet-recharge-tips-box1 {width: 100%; height: 0.3rem; background-color: rgba(47,47,49,1); display: flex; flex-direction: row;align-items: center; border-radius: 0.05rem; margin-top: 0.05rem;  margin-bottom: 0.1rem; }
.wallet-recharge-tips-box1 span {font-size: 0.12rem; color: rgb(239,216,165); margin-left: 0.1rem; margin-right: 0.1rem;}
.wallet-recharge-tips-box2 {width: 100%; background-color: rgba(4,12,35,1); display: flex; flex-direction: column; border-radius: 0.05rem; margin-top: 0.05rem;  margin-bottom: 0.2rem; border: 1px solid rgb(240,131,1);}
.wallet-recharge-tips-box2 span {color: white;font-size: 0.12rem; margin-left: 0.05rem;}
.wallet-1v1-address-div {width: 100%; height: 0.35rem; display: flex; flex-direction: column; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; margin-top: 0.05rem;}
.wallet-1v1-address-div span {color: white; font-size: 0.11rem;}

.wallet-cash-balance-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; background-color: rgba(122,122,122, 0.3); display: flex; flex-direction: column; border-radius: 0.05rem; margin-top: 0.1rem; }
.wallet-cash-balance-box .wallet-cash-balance-content-box {width: calc(100% - 0.24rem); margin-left: 0.12rem; display: flex; flex-direction: column; margin-top: 0.1rem; color: white; font-size: 0.12rem; }
.wallet-cash-balance-box .wallet-cash-balance-content-box .can-cash-balance-color {color: rgb(0,190,0);}
.wallet-cash-balance-box .wallet-cash-balance-content-box .unfinish-color {color: rgb(240,131,1); }
.wallet-cash-base-color {color: white;}
.wallet-cash-input-amount-box {width: 100%; height: 0.35rem; display: flex; flex-direction: row; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; margin-top: 0.05rem;}
.wallet-cash-input-amount-box input {width: calc(100% - 0.2rem); margin-left: 0.2rem; height: 0.35rem; border: none; background-color: rgba(0,0,0,0); color: white; }

.wallet-cash-currency-type-box {display: flex; flex-direction: row; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; width: 100%; height: 0.35rem; align-items: center; margin-top: 0.05rem; }
.wallet-cash-address-box {display: flex; flex-direction: row; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; width: 100%; min-height: 0.35rem; align-items: center; margin-top: 0.05rem;}
.wallet-cash-password-box {display: flex; flex-direction: row; background-color: rgba(0,0,0,0.5); border-radius: 0.05rem; width: 100%; height: 0.35rem; align-items: center; margin-top: 0.05rem; }
.wallet-cash-tips-color-address {color: rgb(255,204,0);}
.wallet-cash-tips-go-set-pwd {color: rgb(246,190,31); border-bottom: 1px solid rgb(246,190,31);}
.select-cash-account-dialog-outer-box {position: absolute; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.8); }
.select-cash-account-dialog-box {width: 90%; background-color: rgb(35,37,41); display: flex; flex-direction: column; color: white; font-size: 0.12rem; max-height: calc(100% - 0.8rem);}

.activity-page-body-content {background-color: rgba(7,24,36,0);height: 100%; width: 100%;  margin-top: 0px; display: flex; flex-direction: column;position: relative;}

.m-main-box-bg {background-color: rgb(23,26,33);}
.address-info-main-info-box {height: 0.2rem; width: calc(100% - 0.3rem); margin-left: 0.15rem;; display: flex; align-items: center; flex-direction: row; color: white; margin-top: 0.1rem; font-size: 0.14rem;}
.address-info-main-info-box .count-info {color: rgb(243, 210, 151);}
.address-info-add-btn {color: rgb(107,68,43); width: 100%; height: 0.35rem; font-size: 0.13rem; border: none; border-radius: 0.035rem; background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122));}

.address-info-record-out-box {width: 100%; display: flex; flex-direction: column; background-color: rgba(36,37,41,1); border-radius: 0.08rem; margin-bottom: 0.1rem; }
.address-info-record-out-box .inner-box1 {width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.address-info-record-out-box .inner-box1 i {font-size: 0.16rem;}
.address-info-record-out-box .inner-box2 {display: flex; flex-direction: row; background-color: rgba(0,0,0,0.4); border-radius: 0.5rem; margin-bottom: 0.15rem; width: calc(100% - 0.3rem); margin-left: 0.15rem; margin-top: 0.1rem;  }
.address-info-record-out-box .inner-box2 span {margin-left: 0.15rem; margin-right: 0.15rem; margin-top: 0.1rem; margin-bottom: 0.1rem; font-size: 0.11rem; max-width: calc(100% - 0.3rem); overflow-wrap: break-word;}

.address-info-add-box {z-index: 100; justify-content: center; position: absolute; background-color: rgb(23,26,33); width: 100%; height: 100%; font-size: 0.5rem; color: white;}
.address-info-add-box input {background-color: black; color: white; height: 0.3rem; padding-left: 0.1rem; padding-right: 0.1rem; width: calc(100% - 0.2rem); border: none; border-radius: 0.05rem; margin-top: 0.05rem; font-size: 0.12rem;}
.address-info-add-box .tips-color {color: rgb(255,204,0);}
.address-info-add-box .add-button {background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); width: 100%; height: 0.35rem; border: none; border-radius: 0.03rem; margin-top: 0.15rem; color: rgb(107,68,43); font-size: 0.14rem;}

.address-info-delete-box {z-index: 100; align-items: center; justify-content: center; position: absolute; background-color: rgba(0,0,0, 0.8); width: 100%; height: 100%; font-size: 0.5rem; color: grey;}
.address-info-delete-box .inner-box {width: 90%; display: flex; flex-direction: column; background-color: rgba(36, 37, 41, 1); border-radius: 0.1rem; }
.address-info-delete-box .inner-box i {font-size: 0.2rem; margin-right: 0.1rem; font-weight: bold; color: white;}
.address-info-delete-box .inner-box .content-box {width: calc(100% - 0.3rem); margin-left: 0.15rem; display: flex; flex-direction: column; margin-bottom: 0.15rem; color: rgb(170,202,213);}
.address-info-delete-box .inner-box .content-box .tips-info {color: rgb(246,190,31); font-size: 0.11rem; margin-top: 0.1rem; margin-left: 0.1rem; margin-right: 0.1rem; }
.address-info-delete-box .inner-box .content-box input {background-color: black; color: white; height: 0.3rem; padding-left: 0.1rem; padding-right: 0.1rem; width: calc(100% - 0.2rem); border: none; border-radius: 0.05rem; margin-top: 0.05rem; font-size: 0.12rem;}
.address-info-delete-box .inner-box .content-box button {background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); width: 100%; height: 0.35rem; border: none; border-radius: 0.03rem; margin-top: 0.13rem; color: rgb(107,68,43); font-size: 0.14rem;}

.set-cash-pwd-title-color {color: white;}
.set-cash-pwd-input-pwd {color: white; background-color: rgb(27,32,40); border-radius: 0.035rem; height: 0.35rem; padding-left: 0.1rem; padding-right: 0.1rem; border: none; margin-top: 0.05rem; width: calc(100% - 0.2rem); }
.set-cash-pwd-sure-btn {border-radius: 0.035rem; height: 0.35rem; border: none; margin-top: 0.3rem; width: calc(100% - 0.3rem); margin-left: 0.15rem; color: white; background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); font-size: 0.12rem;}

.vip-benefit-dialog {z-index: 10; width: 100%; background-color: rgb(50,50,50); display: flex; flex-direction: column; color: white; font-size: 0.12rem; border-top-left-radius: 0.15rem; border-top-right-radius: 0.15rem;}

.my-income-page-bottom-tips {color: white; font-size: 0.11rem; }

.my-income-page-card-box {display: flex; flex-direction: column; width: 100%; background-color: rgba(35, 38, 44, 1); border-radius: 0.05rem; font-size: 0.12rem; }
.my-income-page-card-box .title-color {color: white;}
.my-income-page-card-box .circle-color {color: rgb(23,26,33);}

.my-income-page-card-box .item2-box1 {width: 31%; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgb(62,62,64); border-radius: 0.03rem;}
.my-income-page-card-box .item2-box1 .value-info {color: rgb(255,168,0); margin-top: 0.1rem; font-size: 0.15rem;}
.my-income-page-card-box .item2-box1 .title-info {color: white; margin-top: 0.05rem; margin-bottom: 0.1rem;}

.my-income-page-card-box .item2-box {width: 31%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 0.03rem; background-color: rgb(62,62,64);}
.my-income-page-card-box .item2-box .value-info {color: rgb(255,168,0); margin-top: 0.1rem; font-size: 0.15rem;}
.my-income-page-card-box .item2-box .title-info {color: white; margin-top: 0.05rem; margin-bottom: 0.1rem;}

.my-income-page-card-box .item1-box {width: 80%; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgb(62,62,64); border-radius: 0.03rem;}
.my-income-page-card-box .item1-box .value-info {color: rgb(255,168,0); margin-top: 0.1rem; font-size: 0.15rem;}
.my-income-page-card-box .item1-box .title-info {color: white; margin-top: 0.05rem; margin-bottom: 0.1rem;}

.my-income-dividends-enter-btn {width: 100%; height: 0.35rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; font-size: 0.14rem; background: linear-gradient(to right, rgb(229,181,117), rgb(241, 208, 148)); color: rgb(94,46,7); border-radius: 0.08rem; font-weight: bold;}

.my-income-page-card-box0 {display: flex; width: 100%; flex-direction: column; background-color: rgb(41,40,41); border-radius: 0.1rem; min-height: 1.95rem;}
.my-income-page-card-box0 .title-color {color: white;}
.my-income-page-card-box0 .share-url-box {display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; width: 100%; height: 0.35rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 0.05rem; margin-top: 0.1rem; width: 100%;}
.my-income-page-card-box0 .share-url-box input {color: white;}

.commission-record-page-title-box {display: flex; flex-direction: row; background-color: rgb(47, 49, 49); font-size: 0.12rem; color: rgb(255,168,0); height: 0.35rem; margin-top: 0.15rem; width: calc(100% - 0.3rem); margin-left: 0.15rem;}
.commission-record-page-record-item1 {width: 40%; display: flex; align-items: center; justify-content: center;}
.commission-record-page-record-item2 {width: 30%; display: flex; align-items: center; justify-content: center;}
.commission-record-page-record-item3 {width: 30%; display: flex; align-items: center; justify-content: center;}
.commission-record-page-record-item {display: flex; flex-direction: row; width: 100%; border-bottom: 1px solid rgba(243, 210, 151,0.8); font-size: 0.12rem; color: white; height: 0.35rem; }
.commission-record-page-record-item2-amount {color: rgb(255,168,0);}

.next-income-page-page-title-box {display: flex; flex-direction: row; width: calc(100% - 0.3rem); margin-left: 0.15rem; background-color: rgb(47, 49, 49); border-radius: 0.05rem; font-size: 0.12rem; color: rgb(255,168,0); height: 0.3rem; margin-top: 0.15rem; }
.next-income-page-page-record-item {display: flex; flex-direction: row; width: 100%; border-bottom: 1px solid grey; font-size: 0.12rem; color: white; height: 0.3rem; }

.m-page-userinfo-box .title-bar .my-dividend-select-month-box {position: absolute; right: 0.07rem; border: none; background-color: rgb(89,90,93); color: white; border-radius: 0.2rem; height: 0.27rem; font-size: 0.12rem; font-weight: normal; top: 0.12rem;}
.m-page-userinfo-box .title-bar .my-dividend-select-month-box i {}

.m-page-recharge-box .title-bar .my-dividend-select-month-box {position: absolute; right: 0.07rem; background-color: white; color: rgb(99,116,131); border-radius: 0.2rem; height: 0.27rem; font-size: 0.12rem; font-weight: normal; top: 0.12rem; border: 1px solid rgb(142, 169, 189);}
.m-page-recharge-box .title-bar .my-dividend-select-month-box i {color: rgb(99,116,131);}

.my-dividend-card-item0 {display: flex; flex-direction: column; background-image: url('/images/bgyl/my_dividends.png'); background-size: 100%; background-repeat: no-repeat; padding-bottom: 0.15rem;}
.my-dividend-card-item0 .my-value {color: rgb(239,216,165); font-size: 0.3rem; font-weight: bold;}
.my-dividend-card-item0 .my-title {color: white; font-size: 0.14rem; font-weight: bold;}
.my-dividend-card-item1 {display: flex; flex-direction: column; width: 100%; background-color: rgba(35, 37, 41, 1); border-radius: 0.05rem; margin-top: 0.1rem; font-size: 0.14rem;}
.my-dividend-card-item1 .title-info {display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; width: 100%; }
.my-dividend-card-item1 .team-info-item {font-size: 0.13rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; width: 100%; height: 0.35rem; border-bottom: 1px solid rgb(72,69,84);}
.my-dividend-card-item1 .team-info-item .item-value{color: rgb(239,216,165);}
.my-dividend-card-item1 .ratio-box {width: 100%; height: 0.6rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-top: 0.05rem;}
.my-dividend-card-item1 .ratio-box .ratio-content-info {width: 33%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.my-dividend-card-item1 .ratio-box .ratio-content-info .ratio-title-info {color: white; margin-top: 0.05rem; margin-bottom: 0.1rem; font-size: 0.13rem;}
.my-dividend-card-item1 .ratio-box .ratio-content-info .ratio-value-info1 {color: rgb(255,90,90); margin-top: 0.15rem; font-size: 0.13rem; font-weight: bold;}
.my-dividend-card-item1 .ratio-box .ratio-content-info .ratio-value-info2 {color: rgb(239,216,165); margin-top: 0.15rem; font-size: 0.13rem; font-weight: bold;}
.my-dividend-card-item1 .ratio-box .ratio-content-info .ratio-value-info3 {color: white; margin-top: 0.15rem; font-size: 0.13rem; font-weight: bold;}
.my-dividend-card-item1 .ratio-detail-box {font-size: 0.13rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: white; width: 100%; height: 0.35rem; border-bottom: 1px solid rgb(72,69,84);}
.my-dividend-card-item1 .ratio-detail-box .ratio-value-style {width: 40%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;color: rgb(239,216,165);}
.my-dividend-next-level-info-base-color {color: white;}

.task-center-page-body-content {background-color: rgb(23,26,33); height: 100%;  margin-top: 0px; display: flex; flex-direction: column;position: relative; width: 100%;}
.task-center-page-title-bar {width: 100%; display: flex; align-content: center; justify-content: center; color: grey; position: relative; height:0.51rem; font-size:0.14rem; font-weight: bold; line-height: 0.51rem; background-color: rgba(26,28,33,1);}
.task-center-page-title-bar i {font-size: 0.17rem; left: 0.07rem; position: absolute;color: rgb(196, 196, 196);}
.task-center-page-title-bar span {color: white; font-weight: bold;}
.task-center-page-content-box {height: calc(100% - 0.7rem); display: flex; flex-direction: column; width: 100%; overflow-y:auto ;}
.task-center-page-content-box .card-item-box {display: flex; flex-direction: column; width: calc(100% - 0.2rem); margin-left: 0.1rem; border-radius: 0.05rem; background-color: rgb(35,37,41); margin-top: 0.1rem; }
.task-center-page-content-box .card-item-box .title-box {width: 100%; display: flex; flex-direction: row;  align-items: center; }
.task-center-page-content-box .card-item-box .title-box .activity-icon {width: 0.6rem; height: auto; }
.task-center-page-content-box .card-item-box .title-box .title-info-box {display: flex; flex-direction: row; margin-left: 0.02rem; width: calc(100% - 0.428rem); flex-wrap: wrap; justify-content: space-between;}
.task-center-page-content-box .card-item-box .title-box .title-info-box .tips-box {display: flex; flex-direction: row-reverse;}
.task-center-page-content-box .card-item-box .title-box .title-info-box .tips-box img {height: 0.18rem; margin-top: 0.1rem; margin-right: 0.15rem; }
.task-center-page-content-box .card-item-box .title-box .title-info-box .title-content-box {display: flex; flex-direction: column;}
.task-center-page-content-box .card-item-box .title-box .title-info-box .title-content-box .max-reward-span {color: rgb(241,196,132);}
.task-center-page-content-box .card-item-box .title-box .title-info-box .title-info {color: white; font-size: 0.15rem;}
.task-center-page-content-box .card-item-box .title-box .title-info-box .des-info {color: white; font-size: 0.12rem; margin-top: 0.03rem; font-weight: bold;}
.task-center-page-content-box .card-item-box .process-value-box {width: calc(100% - 0.2rem); margin-left: 0.1rem; display: flex; flex-direction: row; font-size: 0.12rem; margin-top: 0.1rem; }
.task-center-page-content-box .card-item-box .process-value-box .left-item-box {width: 40%;  align-items: center; display: flex; color: rgb(179,179,179); font-size: 0.12rem; flex-direction: row; line-height: 0.15rem;}
.task-center-page-content-box .card-item-box .process-value-box .left-item-box img {height: 0.15rem; width: auto; margin-right: 0.05rem;}
.task-center-page-content-box .card-item-box .process-value-box .right-item-box {width: 55%; background-color: rgb(12, 22, 39); height: 0.15rem; border-radius: 0.3rem; color: white; align-items: center; line-height: 0.2rem; position: relative; }
.task-center-page-content-box .card-item-box .process-value-box .right-item-box .right-item-box2 {z-index: 10; width: 50%; background-color: rgb(241,207,147); height: 100%; border-radius: 0.3rem; position: absolute; left: 0;}
.task-center-page-content-box .card-item-box .process-value-box .right-item-box span {z-index: 20; position: absolute; left: 0.15rem; line-height: 0.17rem;}
.task-center-page-content-box .card-item-box .bottom-info-box { width: calc(100% - 0.2rem); margin-left: 0.1rem; display: flex; justify-content: space-between; margin-top: 0.1rem; margin-bottom: 0.1rem; align-items: center; }
.task-center-page-content-box .card-item-box .bottom-info-box .left-info-box {display: flex; flex-direction: row; align-items: center; margin-left: 0.04rem; }
.task-center-page-content-box .card-item-box .bottom-info-box .left-info-box img {height: 0.2rem; margin-right: 0.05rem;}
.task-center-page-content-box .card-item-box .bottom-info-box .left-info-box span {font-size: 0.17rem; -webkit-background-clip: text; background-image: linear-gradient(to right, rgb(248,208,0), rgb(248,175,0)); color: transparent; font-weight: bold;}
.task-center-page-content-box .card-item-box .bottom-info-box .left-info-box .unit-type {font-size: 0.17rem; -webkit-background-clip: text; background-image: linear-gradient(to right,  rgb(248,175,0), rgb(254,119,0)); color: transparent; font-weight: bold;}
.task-center-page-content-box .card-item-box .bottom-info-box .right-button {border-radius: 0.05rem; border: none; background: linear-gradient(to right, rgb(89,90,93), rgb(89,90,93)); height: 0.25rem; width: 0.7rem; color: white; margin-right: 0.1rem; font-size: 0.11rem;}
.task-center-page-content-box .card-item-box .bottom-info-box .auto-send-tips {color: white;}
.task-center-page-content-box .card-item-box .process-box {width: 100%; display: flex; flex-direction: row; font-size: 0.14rem; margin-top: 0.1rem; justify-content: center; align-items: center;}
.task-center-page-content-box .card-item-box .process-box .left-right-button {font-size: 0.16rem; color: rgb(165,179,196); margin-left: 0.08rem; margin-right: 0.08rem; background-color: rgb(56,70,90); border-radius: 0.05rem;}
.task-center-page-content-box .card-item-box .process-box .process-bar-box {width: calc(100% - 0.42rem); height: 0.25rem; display: flex; flex-direction: row; align-items: center; overflow-x: auto;}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content {height: 0.25rem; color: rgb(46,60,86); display: flex; flex-direction: row; align-items: center;}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .item-box {display: flex; flex-direction: column; width: 0.36rem; height: 0.15rem; z-index: 2;}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .item-box .day-item-base {width: 0.36rem; height: 0.15rem; border-radius: 0.2rem; display: flex; justify-content: center; align-items: center; background-color: rgb(241,207,147); }
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .activity {}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .not-activity {}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .activity .day-item {background-color: white;}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .not-activity .day-item {}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .not-activity1 .day-item {}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .line-box {width: 0.24rem; height: 0.05rem; z-index: 1; }
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .line-box-activity {background-color: rgb(187,154,96);}
.task-center-page-content-box .card-item-box .process-box .process-bar-box .process-bar-content .line-box-not-activity{background-color: rgb(187,154,96);}

.task-center-page-dialog {overflow-y: auto; z-index: 100; position: absolute; background-color: rgb(23,26,33); width: 100%; height: 100%; font-size: 0.5rem; color: grey;}
.task-center-page-dialog .dialog-content-box {width: 90%; margin-left: 5%;display: flex; flex-direction: column; background: linear-gradient(to bottom right, rgb(44,45,51), rgb(44,45,51)); border-radius: 0.1rem; }
.task-center-page-dialog .dialog-content-box .dialog-close-btn {font-size: 0.2rem; margin-right: 0.1rem; font-weight: bold; color: white;}
.task-center-page-dialog .dialog-content-box .dialog-title-box {width: 40%; display: flex; justify-content: center; align-items: center; background-color: rgb(97,56,0); font-size: 0.15rem; color: white; margin-left: 0.1rem; border-radius: 0.3rem; }
.task-center-page-dialog .dialog-content-box .dialog-content-box {width: calc(100% - 0.2rem); margin-left: 0.1rem; display: flex; flex-direction: column; margin-top: 0.1rem; margin-bottom: 0.3rem; color: rgb(170,202,213);}
.task-center-page-dialog .dialog-content-box .dialog-content-box .activity-directions {color: white; font-size: 0.11rem; }
.task-center-page-dialog .dialog-content-box .dialog-content-box .activity-directions-item-title-out-box {display: flex; color: white; align-items: center; justify-content: center; width: 100%;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .activity-directions-item-title-out-box .activity-directions-item-title-box {display: flex; justify-content: center; align-items: center; width: 40%; background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); border-radius: 0.3rem;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .activity-directions-item-title-out-box .activity-directions-item-title-box span {color: rgb(102,51,31); font-size: 0.14rem; margin-top: 0.03rem; margin-bottom: 0.03rem; }
.task-center-page-dialog .dialog-content-box .dialog-content-box .activity-des-box {width: calc(100% - 0.1rem); margin-left: 0.1rem; margin-top: 0.1rem; color: white}
.task-center-page-dialog .dialog-content-box .dialog-content-box .yes-i-know-btn {display: flex; justify-content: center; align-items: center; width: 75%; background: linear-gradient(to bottom, rgb(243, 210, 151), rgb(229, 185, 122)); border-radius: 0.3rem; }
.task-center-page-dialog .dialog-content-box .dialog-content-box .yes-i-know-btn span {color: rgb(102,51,31); font-size: 0.15rem; margin-top: 0.03rem; margin-bottom: 0.03rem; }

.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box {width: 100%; display: flex; flex-direction: column; border: 1px solid lightgrey; margin-top: 0.1rem; }
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-title-box {display: flex; height: 0.3rem; width: 100%; color: white;  border-bottom: 1px solid lightgrey;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-title-box .space-line {border-left: 1px solid white; border-right: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-title-box .left-line {border-left: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box {width: 100%; display: flex; flex-direction: row;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content {width: 80%; display: flex; flex-direction: column; color: rgb(238,208,141);}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content .line-content-bg {background-color: rgb(83, 84, 89);}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content .line-content-bg .space-line {border-left: 1px solid white; border-right: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content .line-content-bg2 {background-color: grey;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content .line-content-bg2 .space-line {border-left: 1px solid white; border-right: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content2 {width: 25%; display: flex; justify-content: center; align-items: center;border-left: 1px solid white; color: rgb(238,208,141);}

.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 {width: 100%; display: flex; flex-direction: column; color: rgb(238,208,141);}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg {background-color: rgb(83, 84, 89);}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg .space-line {border-left: 1px solid white; border-right: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg .left-line {border-left: 1px solid white; }
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg2 {background-color: grey;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg2 .space-line {border-left: 1px solid white; border-right: 1px solid white;}
.task-center-page-dialog .dialog-content-box .dialog-content-box .detail-table-box .table-content-box .table-content3 .line-content-bg2 .left-line {border-left: 1px solid white; }

.dialog-announcement-content-box {width: 100%; background-color: rgb(26,27,35); border-radius: 0.05rem; display: flex; flex-direction: column;}
.dialog-announcement-content-box .announcement-content {margin-top: 0.1rem; width: calc(100% - 0.4rem); margin-left: 0.2rem; display: flex; color: white;}
.dialog-announcement-content-box button {height: 0.3rem; width: 65%; border-radius: 0.05rem; border: none; background-color: rgb(231,191,127); color: rgb(102,51,31); font-size: 0.12rem;}