html,
body {
    -ms-overflow-style: none;
    /* IE 和 Edge */
    scrollbar-width: none;
    /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

.common-rules-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    /* background: #FFFFFF; */
    border-radius: 0 0 0.22rem 0.22rem;
    overflow: hidden;
}

.sdcommon-rotateImage {
    width: 200px;
    height: auto;
    animation: rotateImage6789 1s linear infinite;
}

@keyframes rotateImage6789 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.common-hdialog-title {
    position: relative;
    left: 0rem;
    width: 10rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    background: transparent;
    color: #FFFFFF;
}

.common-hdialog-titlefrch {
    position: relative;
    left: 0rem;
    width: 10rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
}

.common-hdialog-titlefrch img {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.53rem;
    width: 0.6rem;
    height: 0.6rem;
}

.common-hdialog-title2 {
    position: relative;
    left: 0rem;
    width: 10rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    background: transparent;
    color: rgba(255, 255, 255, 0);
}

.common-hdialog-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    right: 0.53rem;
    width: 0.6rem;
    height: 0.6rem;
}

.common-hdialog-title2 img {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    right: 0.53rem;
    width: 0.6rem;
    height: 0.6rem;
}

.hshare-item {
    position: absolute;
    top: 2rem;
    width: 1.866rem;
    height: 2rem;
}

.hshare-item-iconbg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.67rem;
    width: 1.34rem;
    height: 1.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.08);
}

.hshare-item-iconbg img {
    width: 0.8rem;
    height: 0.8rem;
}

.hshare-item-title {
    position: absolute;
    bottom: 0.1rem;
    width: 100%;
    text-align: center;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.65);
}

.forceinstall-hdialog-rocket {
    position: absolute;
    width: 2.78rem;
    right: 0.8rem;
    z-index: 10;
}

.forceinstall-hdialog-close {
    position: absolute;
    top: 0rem;
    right: 0.3rem;
    width: 1rem;
    height: 1rem;
    z-index: 10;
}

.forceinstall-hdialog-close img {
    position: absolute;
    top: 50%;
    margin-top: 0rem;
    left: 50%;
    margin-left: -0.18rem;
    height: 0.44rem;
    width: 0.44rem;
    filter: invert(100%);
}

.forceinstall-hdialog-close .imgbg {
    position: absolute;
    top: 50%;
    margin-top: -0.1rem;
    left: 50%;
    margin-left: -0.3rem;
    height: 0.66rem;
    width: 0.66rem;
    border-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.04);
}

.forceinstall-hdialog-chat {
    position: absolute;
    top: 0rem;
    right: 1.3rem;
    width: 1rem;
    height: 1rem;
    z-index: 10;
}

.forceinstall-hdialog-chat .imgbg {
    position: absolute;
    top: 50%;
    margin-top: -0.1rem;
    left: 50%;
    margin-left: -0.3rem;
    height: 0.66rem;
    width: 0.66rem;
    border-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.04);
}

.forceinstall-hdialog-chat .img {
    position: absolute;
    top: 50%;
    margin-top: 0;
    left: 50%;
    margin-left: -0.18rem;
    height: 0.44rem;
    width: 0.44rem;
}

.forceinstall-hdialog-content {
    position: absolute;
    top: 0.26rem;
    left: 0;
    width: 10rem;
}

.forceinstall-hdialog-content-title {
    position: relative;
    margin-top: 1.2rem;
    left: 0.5rem;
    width: 9rem;
    text-align: center;
    font-size: .533rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
}

.forceinstall-hdialog-content-version {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    font-size: .426rem;
    display: inline-flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0.26rem;
    background: #FFAF00;
    color: rgba(0, 0, 0, 0.85);
}

.forceinstall-hdialog-content-reward {
    position: relative;
    margin-top: 0.533rem;
    left: 0.5rem;
    width: 9rem;
    line-height: .53rem;
    text-align: left;
    font-size: .36rem;
    color: rgba(0, 0, 0, 0.65);
}

.forceinstall-hdialog-content-reward .span1 {
    font-weight: bold;
    color: #0784FE;
}

.forceinstall-hdialog-content-reward .span2 {
    font-size: .4rem;
    font-weight: bold;
    color: #0784FE;
}

.forceinstall-hdialog-content-logo {
    position: relative;
    margin-top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.22rem;
}

.forceinstall-hdialog-content-logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.77rem;
    height: 1.77rem;
    border-radius: 0.26rem;
}

.forceinstall-hdialog-content-logo .span1 {
    position: absolute;
    top: 0;
    left: 2rem;
    font-size: .533rem;
    font-weight: 500;
    color: #F8CE4D;
}

.forceinstall-hdialog-content-logo .span2 {
    position: absolute;
    top: 0.75rem;
    left: 2rem;
    width: 7rem;
    height: 1.6rem;
    line-height: .426rem;
    font-size: .32rem;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
}

.forceinstall-hdialog-content-install {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
}

.forceinstall-hdialog-content-install .install-chat {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 1.06rem;
    height: 1.06rem;
    line-height: 1.06rem;
    border-radius: 0.62rem;
    background: rgba(255, 255, 255, 0.10);
}

.forceinstall-hdialog-content-install .install-chat-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.28rem;
    margin-left: -0.28rem;
    width: 0.56rem;
    height: 0.56rem;
}

.forceinstall-hdialog-content-install .install-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0rem;
    left: 0.75rem;
    width: 7.5rem;
    height: 1.06rem;
    line-height: 1.06rem;
    border-radius: 0.5rem;
    background: #0784FE;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.forceinstall-hdialog-content-install .install-btn-ing1 {
    background: rgba(0, 0, 0, 0.1);
    color: #111111;
}

.forceinstall-hdialog-content-install .install-btn-ing2 {
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.forceinstall-hdialog-content-install .install-btn-img {
    margin-right: 0.2rem;
    width: 0.6rem;
    height: 0.6rem;
}

.forceinstall-hdialog-content-rule {
    position: relative;
    margin-top: 0.533rem;
    left: 0.5rem;
    width: 9rem;
    line-height: .45rem;
    text-align: left;
    font-size: .28rem;
    color: rgba(0, 0, 0, 0.45);
}

.forceinstall-hdialog-content-rule .title {
    font-size: .35rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.forceinstall-hdialog-content-tips {
    position: relative;
    margin-top: 0.35rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.67rem;
    border-radius: 0.26rem;
    background: rgba(255, 255, 255, 0.08);
}

.forceinstall-hdialog-content-tips .tips-img {
    position: absolute;
    top: 0.22rem;
    left: 0.22rem;
    width: 0.34rem;
    height: 0.34rem;
}

.forceinstall-hdialog-content-tips .tips-text1 {
    position: absolute;
    top: 0.22rem;
    left: 0.7rem;
    font-size: .35rem;
    color: rgba(0, 0, 0, 0.45);
    font-weight: bold;
}

.forceinstall-hdialog-content-tips .tips-text2 {
    position: absolute;
    top: 0.7rem;
    left: 0.22rem;
    font-size: .25rem;
    color: rgba(0, 0, 0, 0.45);
    line-height: 0.35rem;
}

.home-moremenu-btn {
    position: absolute;
    right: 0.5rem;
    width: 0.88rem;
    height: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-moremenu-btn-bg {
    width: 100%;
}

.home-moremenu-btn:active {
    opacity: 0.45;
}

/* .home-moremenu-btn img {
  width: 0.4rem;
  height: 0.4rem;
} */

#home .register-button {
    position: absolute;
    right: 0.5rem;
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
    border-radius: 0.22rem;
    background: #3E606F;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: .346rem;
}

#home .register-button-active {
    opacity: 0.45;
    position: absolute;
    right: 0.5rem;
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
    border-radius: 0.22rem;
    background: #3E606F;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: .346rem;
}

#home .login-button {
    position: absolute;
    right: 2.8rem;
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
    border-radius: 0.22rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: .346rem;
    background: rgba(255, 255, 255, 0.15);
}

#home .login-button-active {
    opacity: 0.45;
    position: absolute;
    right: 2.8rem;
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
    border-radius: 0.22rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: .346rem;
    background: rgba(255, 255, 255, 0.15);
}

#page-promotion .last-item {
    border-radius: 0 0 0.1rem 0.1rem;
}

#page-promotion .contact-top-btn:active {
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid #e05e00;
    border-radius: 0.1rem;
}

#page-promotion .pchat-button {
    position: absolute;
    right: 0;
    width: 1.5rem;
    border-radius: 0.22rem;
    font-size: 0.373rem;
    text-align: center;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
    color: rgba(0, 0, 0, 0.65);
}

#page-promotion .pchat-button-disabled {
    position: absolute;
    right: 0;
    width: 1.5rem;
    border-radius: 0.22rem;
    font-size: 0.373rem;
    text-align: center;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
    color: rgba(0, 0, 0, 0.65);
    opacity: 0.45;
}

#page-promotion .pclaim-button {
    position: absolute;
    top: 0.5rem;
    right: 0.4rem;
    width: 2.22rem;
    height: 1.11rem;
}

#page-promotion .pclaim-button-disabled {
    position: absolute;
    top: 0.5rem;
    right: 0.4rem;
    width: 2.22rem;
    height: 1.11rem;
}

#page-promotion .pclaim-button:active {
    opacity: 0.45;
}

#page-promotion .agent-item-line {
    position: relative;
    height: 1.2rem;
}

#page-promotion .item-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    border-radius: 0.2rem;
}

#page-promotion .item-frame .title {
    position: relative;
    top: 0.15rem;
    width: 100%;
    height: 0.85rem;
    font-size: .373rem;
}

#page-promotion .item-frame .title img {
    opacity: 1;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    opacity: 0.45;
}

#page-promotion .item-frame .title span {
    position: absolute;
    top: 0.05rem;
    left: 0.7rem;
    color: rgba(255, 255, 255, 0.45);
}

#page-promotion .item-frame .value {
    position: absolute;
    width: 100%;
    top: 1.5rem;
    height: 2.1rem;
    line-height: 1.05rem;
    margin-bottom: 0.4rem;
}

#page-promotion .item-frame .link-frame {
    position: absolute;
    top: 0.8rem;
    left: 0.5rem;
    width: 6.6rem;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.55rem !important;
    height: 1.37rem !important;
}

#page-promotion .item-frame .value .text-frame {
    position: absolute;
    width: 7rem;
    height: 100%;
    font-size: .373rem;
}

#page-promotion .item-frame .value .text-frame .text-title {
    position: absolute;
    width: 1.6rem;
    text-align: left;
    color: rgba(255, 255, 255, 0.65);
    font-size: .373rem;
    left: 0.5rem;
}

#page-promotion .item-frame .value .text-frame .text-line {
    position: absolute;
    left: 1.6rem;
    width: 1px;
    height: 0.65rem;
    top: 0.2rem;
    background-color: rgba(255, 255, 255, 0.15);
}

#page-promotion .item-frame .value .text-frame .text-value {
    position: absolute;
    top: 0.7rem;
    left: 0.5rem;
    color: #FFFFFF;
    width: 5rem;
    font-size: .533rem;
}

#page-promotion .item-frame .value .text-frame .text-amount {
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
    margin-right: 0.2rem;
}

#page-promotion .item-frame .value .btn-frame {
    position: absolute;
    right: 0;
    width: 1.5rem;
    border-radius: 0.22rem;
    font-size: 0.373rem;
    text-align: center;
}

#page-promotion .view-details {
    position: relative;
    margin-top: 0.3rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.8rem;
    transition: transform 0.1s ease-in-out;
}

#page-promotion .view-details:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#page-promotion .view-details .icon {
    position: absolute;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.3rem;
}

#page-promotion .view-details .title {
    position: absolute;
    left: 0.7rem;
    height: 100%;
    font-size: .373rem;
    color: #F9C486;
}

#page-promotion .view-details .value {
    position: absolute;
    right: 0.6rem;
    height: 100%;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
}

#page-promotion .view-details .value:active {
    color: #F9C486;
}

#page-promotion .view-details .arrow {
    position: absolute;
    right: 0rem;
    width: 0.6rem;
    height: 0.6rem;
    top: 0.25rem;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0.3rem;
}

#page-promotion .view-details .arrow img {
    opacity: 1;
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
}

#page-promotion .today-item-top {
    position: relative;
    margin-top: 0.7rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .today-item-top .icon {
    position: absolute;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.3rem;
}

#page-promotion .today-item-top .title {
    position: absolute;
    left: 1.2rem;
    height: 100%;
    font-size: .373rem;
    color: #FFFFFF;
}

#page-promotion .today-item-top .level {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
}

#page-promotion .today-item-top .level .line {
    position: absolute;
    width: 1px;
    top: 20%;
    height: 60%;
    right: 2.5rem;
    background: rgba(255, 255, 255, 0.15);
}

#page-promotion .today-item-top .level .value {
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

#page-promotion .today-item-top .level .value .value-title {
    color: rgba(255, 255, 255, 0.25);
    font-size: .373rem;
    margin-right: 0.2rem;
}

#page-promotion .today-item-top .level .value .value-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: .533rem;
}

#page-promotion .today-item {
    position: relative;
    margin-top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0px -1px 0px 0px rgba(70, 70, 70, 0.15);
}

#page-promotion .today-item-bottom {
    border-radius: 0 0 0.1rem 0.1rem;
}

#page-promotion .today-item .icon {
    position: absolute;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.3rem;
    opacity: 0.45;
}

#page-promotion .today-item .title {
    position: absolute;
    left: 1.2rem;
    height: 100%;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
}

#page-promotion .today-item .value {
    position: absolute;
    right: 0.4rem;
    height: 100%;
    font-size: .533rem;
    color: #FFFFFF;
}

#page-promotion .today-item .value1 {
    position: absolute;
    right: 0.4rem;
    height: 100%;
    font-size: .533rem;
    color: #464646;
}

#page-promotion .agent-list-top {
    position: relative;
    margin-top: 0.7rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .agent-list-top img {
    position: absolute;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.3rem;
}

#page-promotion .agent-list-top span {
    position: absolute;
    left: 1.2rem;
    height: 100%;
    font-size: .373rem;
    color: #FFFFFF;
}

#page-promotion .agent-item-title {
    position: relative;
    margin-top: 1px;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
}

#page-promotion .agent-item-title .title1 {
    position: absolute;
    left: 0.3rem;
    width: 3.4rem;
}

#page-promotion .agent-item-title .title2 {
    position: absolute;
    left: 3.4rem;
    width: 2.9rem;
    text-align: center;
}

#page-promotion .agent-item-title .title3 {
    position: absolute;
    right: 0;
    width: 2.7rem;
    text-align: center;
}

#page-promotion .agent-item-title .line1 {
    position: absolute;
    left: 3.4rem;
    width: 1px;
    top: 20%;
    height: 60%;
    background: rgba(255, 255, 255, 0.15);
}

#page-promotion .agent-item-title .line2 {
    position: absolute;
    right: 2.7rem;
    width: 1px;
    top: 20%;
    height: 60%;
    background: rgba(255, 255, 255, 0.15);
}

#page-promotion .agent-item {
    position: relative;
    margin-top: 1px;
    left: 0.0;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.65);
}

#page-promotion .agent-item2 {
    position: relative;
    margin-top: 1px;
    left: 0;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
}

#page-promotion .agent-item .left {
    position: absolute;
    width: 3.4rem;
    height: 100%;
}

#page-promotion .agent-item .left .avatar {
    position: absolute;
    left: 0.5rem;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    border-radius: 0.1rem;
}

#page-promotion .agent-item .left .name {
    position: absolute;
    left: 1.25rem;
    width: 2rem;
}

#page-promotion .agent-item .left .level {
    position: absolute;
    right: 2px;
    width: 0.88rem;
    height: 0.55rem;
    line-height: 0.55rem;
    top: 50%;
    margin-top: -0.275rem;
    border: 1px solid #655656;
    border-radius: 0.5rem;
    color: #655656;
    font-size: .32rem;
    text-align: center;
}

#page-promotion .agent-item .middle {
    position: absolute;
    left: 3.4rem;
    width: 2.9rem;
    height: 100%;
    text-align: center;
}

#page-promotion .agent-item .right {
    position: absolute;
    right: 0;
    width: 2.7rem;
    height: 100%;
    text-align: center;
}

.dialog-pay {
    width: 10rem;
    display: flex;
    flex-flow: column;
}

.dialog-pay .dialog-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.65);
}

.dialog-pay .dialog-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.4rem;
    opacity: 0.45;
    right: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
}

.dialog-pay .dialog-frame {
    position: relative;
    top: 0;
    left: 0;
    width: 10rem;
    height: 70vh;
    overflow: hidden;
}

.dialog-pay .dialog-frame .content {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 8rem;
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.dialog-pay .dialog-frame .content .sub-title {
    position: relative;
    left: 0;
    margin-top: 0.5rem;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.dialog-pay .dialog-frame .content .item {
    position: relative;
    margin-top: 0.5rem;
    left: 0;
    width: 8rem;
    height: 1.77rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.44rem;
}

.dialog-pay .dialog-frame .content .item:active {
    background: #AFDB58;
}

.dialog-pay .dialog-frame .content .item .line {
    position: absolute;
    left: 4.5rem;
    width: 1px;
    height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
    background: rgba(255, 255, 255, 0.25);
}

.dialog-pay .dialog-frame .content .item .logo {
    position: absolute;
    left: 0.98rem;
    width: 2.5263rem;
    height: 0.9rem;
    top: 50%;
    margin-top: -0.45rem;
}

.dialog-pay .dialog-frame .content .item .arrow {
    position: absolute;
    right: 0.3rem;
    width: 0.56rem;
    height: 0.56rem;
    top: 50%;
    margin-top: -0.28rem;
    opacity: 0.65;
}

.dialog-pay .dialog-frame .content .item .name {
    position: absolute;
    right: 0.8rem;
    width: 2.5rem;
    height: 1.77rem;
    line-height: 1.77rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    text-align: center;
}

.dialog-pay .dialog-frame .content .item .nametext {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.88rem;
    height: 0.88rem;
    margin-top: -0.44rem;
    margin-left: -0.44rem;
    line-height: 0.88rem;
    font-size: .426rem;
    font-weight: bold;
    text-align: center;
    border-radius: 0.2rem;
    border: 1px solid white;
}

.dialog-pay .dialog-frame .tips {
    position: absolute;
    bottom: 0.6rem;
    left: 1rem;
    width: 8rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    line-height: 0.55rem;
}

.dialog-common {
    width: 7rem;
    padding: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.33rem;
}

.dialog-common-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.dialog-common-overlay.show {
    opacity: 1;
    visibility: visible;
}

.dialog-common-reglogin {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}

.dialog-common-reglogin.show {
    opacity: 1;
    visibility: visible;
}

.dialog-common-reglogin .btn-ok {
    transition: all 0.2s ease-out;
}

.dialog-common-reglogin .btn-ok span {
    font-size: .373rem !important;
}

.dialog-common-reglogin .btn-ok:active {
    transform: scale(0.9);
}

.dialog-common .content {
    color: rgba(255, 255, 255, 0.7);
    font-size: .426rem;
    text-align: center;
    line-height: 0.6rem;
}

.dialog-common .btn-ok {
    margin-top: 0.8rem;
    width: 3.44rem;
    height: 1.33rem;
    position: relative;
    background-image: linear-gradient(111deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

.dialog-common .btn-ok span {
    top: 0;
    left: 0;
    width: 100%;
    color: #000000;
}

.dialog-main-class {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    background: #003200 !important;
    width: 10rem !important;
}

.dialog-newer-class {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    background: rgba(0, 0, 0, 0.45) !important;
    width: 10rem !important;
}

.dialog-main-class2 {
    border-top-left-radius: 0.44rem !important;
    border-top-right-radius: 0.44rem !important;
    background: #003200 !important;
    width: 10rem !important;
    border: 0.5px solid rgba(0, 0, 0, 0.15) !important;
}

.dialog-groupmenu-class {
    border-radius: 0 !important;
    background: transparent !important;
    width: 10rem !important;
}

.sdgroupmenu-frame {
    width: 10rem;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.sdgroupmenu-frame .sdgroupmenu-frame-content {
    position: absolute;
    top: 2.9rem;
    right: 0.4rem;
    width: 4.4444rem;
    max-height: 70vh;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
    background: #F8F8F8;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sdgroupmenu-frame .sdgroupmenu-frame-item {
    position: relative;
    width: 4rem;
    height: 1.12rem;
    background: #FFFFFF;
    border-radius: 0.22rem;
}

.dialog-noty18-class2 {
    border-radius: 0.44rem !important;
    border: 0.5px solid transparent !important;
    background: #003200 !important;
    width: 8.88rem !important;
}

.dialog-main-class3 {
    border-radius: 0.44rem !important;
    background: #003200 !important;
    width: 8.2rem !important;
    opacity: 1 !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
}

.dialog-mainno-class {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    background-color: transparent !important;
    width: 10rem !important;
}

.dialog-reglogin-class {
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    background-color: transparent !important;
    width: 10rem !important;
    height: 21.6666rem !important;
}

/* .reglogin-outframe {
  position: relative;
  width:9rem;
  border-radius: 0.44rem;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(163,163,163,0.3);
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
} */

.reglogin-outframe {
    position: relative;
    width: 9rem;
    border-radius: 0.44rem;
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.85) 0%, rgba(0, 50, 0, 0.85) 100%);
    border: 1px solid rgba(1, 142, 0, 1);
    /* backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important; */
    top: 6.65rem;
    left: 0.5rem;
    /* -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, 0, 0); */
}

.reglogin-outframe-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8rem;
    height: 10.66rem;
    /* background-image: linear-gradient(103deg, #FFAF00 0%, #7041F3 67%); */
}

.reglogin-outframe-top {
    position: relative;
    left: 0;
    width: 9rem;
    height: 3rem;
}

.reglogin-outframe-bottom {
    position: relative;
    width: 100%;
    /* height: 11.8rem; */
    margin-top: 0;
    /* overflow-x: hidden;
  overflow-y: scroll; */
}

.reglogin-outframe-bottom-content {
    position: relative;
    left: 50%;
    margin-left: -4.5rem;
    width: 9rem;
    /* height: 9.4rem; */
    /* overflow-x: hidden;
  overflow-y: scroll; */
}

.dialog-mainact-class {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: unset !important;
    backdrop-filter: unset !important;
    -webkit-backdrop-filter: unset !important;
    background-color: transparent !important;
    width: 10rem !important;
}

.sdbtn-common-main {
    text-align: center;
    font-size: 0.373rem;
    border-radius: 0.6rem;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
    color: rgba(0, 0, 0, 0.65);
}

.sdbtn-common-second {
    text-align: center;
    font-size: 0.373rem;
    border-radius: 0.6rem;
    background: #164633;
    color: rgba(255, 255, 255, 0.85);
}

.sd-nomore-frame {
    position: relative;
    font-size: .373rem;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #969799;
}

.sd-loadmore-frame {
    position: relative;
    font-size: .4rem;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
}

.sd-loading-frame {
    position: relative;
    font-size: .4rem;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center
}

.bonus-select {
    position: relative;
    margin-top: 0.6rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
}

.bonus-select .icon {
    opacity: 0.65;
    margin-left: -3.5rem;
    margin-top: 0.25rem;
    margin-right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
}

.gift-tips {
    position: relative;
    width: 8.2rem;
    left: 0.44rem;
    font-size: .35rem;
    line-height: 0.5rem;
    text-align: left;
    margin-bottom: 0.4rem;
    color: rgba(255, 255, 255, 0.9);
}

.pay-iframe {
    position: fixed;
    top: 1.2rem;
    left: 0;
    width: 10rem;
    background: white;
}

.signup-item-normal-disabled {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid transparent;
}

.signup-item-normal-disabled-bigdep {
    border: 1px solid transparent;
    background: rgba(0, 26, 0, 0.50);
}

.signup-item-normal {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.signup-item-edit-normal {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.signup-item-edit-error {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid #FF0000;
}

.signup-item-signup-disable {
    position: relative;
    margin-top: 0.53rem;
    width: 7.7rem;
    left: 0.22rem;
    margin-bottom: 0.6rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(99deg, #FFEE00 0%, #FFC800 100%);
    opacity: 0.5;
    border-radius: 0.5rem;
}

.dialog-signup-btn {
    margin-top: 0.5rem !important;
    width: 8.2rem !important;
    left: 0.44rem !important;
    margin-bottom: 0.5rem !important;
    height: 1.11rem !important;
}

.topupup-signup-btn {
    width: 8.68rem !important;
    left: 0.66rem !important;
    margin-bottom: 0.5rem !important;
}

.signup-item-topup {
    left: 50% !important;
    margin-left: -3.85rem !important;
}

.signup-item-signup-disable-bg {
    width: 100%;
}

.signup-item-signup-enable {
    position: relative;
    margin-top: 0.53rem;
    width: 7.7rem;
    left: 0.22rem;
    margin-bottom: 0.6rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(99deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.5rem;
}

.signup-item-signup-enable:active {
    opacity: 0.45;
}

.signup-item-signup-enable-bg {
    width: 100%;
}

.top-nav-normal {
    width: 10rem;
    height: 1.326rem !important;
    line-height: 1.326rem !important;
    background: #001A00 !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

.top-nav-wheel {
    width: 10rem;
    height: 1.326rem !important;
    line-height: 1.326rem !important;
    background: #001A00 !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

.top-nav-title {
    height: 1.326rem !important;
    line-height: 1.326rem !important;
    color: #FFFFFF !important;
}

.top-nav-wheel-title {
    height: 1.326rem !important;
    line-height: 1.326rem !important;
    color: #FFFFFF !important;
}

.top-nav-leftimg {
    transform: rotate(0deg);
    opacity: 1;
}

.top-nav-wheel-leftimg {
    transform: rotate(0deg);
    opacity: 1;
    width: 1rem !important;
    height: 1rem !important;
    left: 0.3rem !important;
    top: 0.2rem !important;
}

.top-nav-right {
    position: fixed;
    right: 0;
    width: 2rem;
    height: 1.2rem;
}

.top-nav-rightimg {
    opacity: 0.65;
    position: fixed;
    top: 0.35rem;
    right: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
}

.dialog-login-title {
    position: relative;
    width: 100%;
    height: 4.2rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(0, 0, 0, 0.85);
}

.dialog-login-topbg {
    position: absolute;
    top: 1rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.15rem;
    border-radius: 0.44rem;
    object-fit: cover;
}

.dialog-login-closeicon {
    position: absolute;
    top: 50%;
    top: 0.2rem;
    right: 0.4rem;
    width: 0.6rem;
    height: 0.6rem;
    opacity: 0.65;
}

.dialog-login-content {
    position: relative;
    width: 100%;
    max-height: 60vh;
    overflow: scroll;
}

.dialog-login-tips1 {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: .427rem;
    line-height: .55rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
}

.dialog-login-tips2 {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: .35rem;
    line-height: .8rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
}

.dialog-login {
    position: relative;
    margin-left: 1.6rem;
    width: 3.3rem;
    height: 1.1rem;
    background-image: linear-gradient(76deg, #FE7919 0%, #AB3FE7 100%);
    text-align: center;
    font-size: 0.373rem;
    line-height: 1.1rem;
    color: #FFFFFF;
    border-radius: 0.32rem;
}

.dialog-login:active {
    opacity: 0.45;
}

.dialog-register {
    position: relative;
    margin-top: -1.1rem;
    margin-left: 5.2rem;
    width: 3.3rem;
    height: 1.1rem;
    background: #FE7919;
    text-align: center;
    font-size: 0.373rem;
    line-height: 1.1rem;
    color: #FFFFFF;
    border-radius: 0.32rem;
}

.dialog-register:active {
    opacity: 0.45;
}

.agent-tips-container {
    position: relative;
    width: 10rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.agent-tips-topbg {
    position: relative;
    top: 0;
}

.agent-tips-topbg img {
    position: relative;
    width: 10rem;
}

.commission-table {
    position: relative;
    margin-top: 1rem;
    margin-left: .5rem;
    width: 9rem;
    height: 1.3rem;
    line-height: 1.3rem;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.65);
    font-size: .64rem;
    text-align: center;
    border-radius: .5rem .5rem 0 0;
}

.commission-item {
    position: relative;
    margin-top: 2px;
    margin-left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

.commission-item .level {
    position: absolute;
    left: 0;
    width: 1.55rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .level2 {
    position: absolute;
    left: 0;
    width: 1.55rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .commission {
    position: absolute;
    right: 0;
    width: 2.88rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .commission2 {
    position: absolute;
    right: 0;
    width: 2.88rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .performance {
    position: absolute;
    left: 1.63rem;
    width: 4.38rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .performance2 {
    position: absolute;
    left: 1.63rem;
    width: 4.38rem;
    height: 100%;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.commission-item .title-level {
    color: #E1DCDC;
    font-size: .426rem
}

.commission-item .title-performance {
    color: #E1DCDC;
    font-size: .426rem;
}

.commission-item .title-commission {
    color: #F9C486;
    font-size: .426rem;
}

.commission-item-tips {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
    font-size: .373rem;
}

.commission-item-tips img {
    opacity: 0.45;
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    left: 0.475rem;
    width: 0.6rem;
    height: 0.6rem;
}

.commission-item-tips span {
    position: absolute;
    left: 1.3rem;
}

.commission-item-star {
    background: rgba(255, 255, 255, 0);
    height: 3rem;
}

.commission-item-star img {
    position: absolute;
    width: 3.33rem;
    height: 2rem;
    top: 50%;
    margin-top: -1.1rem;
    left: 50%;
    margin-left: -1.65rem;
    transform: rotate(180deg);
}

.commission-item-bottom {
    margin-left: 0;
    width: 10rem;
    background: #333333;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
}

.avatar-setting-preview {
    position: relative;
    margin-top: 1.2rem;
    height: 8rem;
    width: 8rem;
    margin-left: 1rem;
}

.avatar-setting-preview img {
    width: 100%;
    height: 100%;
    border-radius: 0.66rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.avatar-setting-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.choose-new-photo {
    position: relative;
    margin-top: 1.2rem;
    margin-left: -2.8rem;
    left: 50%;
    width: 5.6rem;
    height: 1.33rem;
    background-image: linear-gradient(103deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.5rem;
}

.choose-new-photo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.choose-new-photo:active {
    opacity: 0.45;
}

.progress-indicator {
    top: 0.121rem;
    margin-left: 0.2rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    width: 0%;
    background-image: linear-gradient(180deg, #FCD7A1 0%, #B25922 100%);
    position: absolute;
}

.game-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    background: white;
}

.top-card {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.3rem;
    border-radius: 0.33rem;
    background: #004900;
    opacity: 1;
}

.top-card-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.875rem;
    left: 0.55rem;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.44rem;
    object-fit: cover;
}

.top-card-name {
    position: absolute;
    top: 0.3rem;
    left: 2.2rem;
    width: 6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
}

.top-card-bg {
    position: absolute;
    top: 0;
    width: 9rem;
    height: 2.8rem;
    left: 0;
}

.top-card-top {
    position: absolute;
    top: 0.3rem;
    left: 0.5rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.top-card-top .text-left {
    position: absolute;
    left: 0;
    font-size: .533rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.65);
}

.top-card-top .text-right {
    position: absolute;
    right: 0;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.top-card-middle {
    position: absolute;
    top: 0.85rem;
    left: 2.2rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.top-card-middle .text-left {
    position: relative;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.top-card-middle .text-right {
    position: relative;
    font-size: .373rem;
    color: #FFEE00;
}

.top-card-bottom {
    position: absolute;
    top: 1.32rem;
    left: 2.2rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.top-card-bottom .text-left {
    position: relative;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.top-card-bottom .text-right {
    position: relative;
    font-size: .373rem;
    color: #FFEE00;
}

.game-detail-frame {
    position: relative;
    width: 9rem;
    height: 2rem;
    left: 50%;
    margin-left: -4.5rem;
    margin-top: 0.3rem;
    border-radius: 0.22rem;
    background: rgba(0, 73, 0, 0.50);
    border: 0.5px solid rgba(255, 255, 255, 0.15);
}

.game-detail-frame .icon {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    left: 0;
    border-radius: 0.26rem;
    object-fit: cover;
}

.game-cell-normal {
    width: 9rem;
    height: 1.3rem;
    border-radius: 0.1rem;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -0.65rem;
}

.game-cell-normal:active {
    background-color: rgba(0, 0, 0, 0);
}

.game-cell-normal .win-title {
    position: absolute;
    right: 0px;
    width: 1.1rem;
    height: 0.65rem;
    border-radius: 0.4rem;
    overflow: hidden;
    font-size: 0.4rem;
    line-height: 0.65rem;
    text-align: center;
    background: #F9C486;
    color: rgba(0, 0, 0, 0.65);
}

.game-cell-normal .lose-title {
    position: absolute;
    right: 0px;
    width: 1.1rem;
    height: 0.65rem;
    border-radius: 0.4rem;
    overflow: hidden;
    font-size: 0.4rem;
    line-height: 0.65rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.45);
}

.game-cell-normal .game-name {
    position: absolute;
    left: 0.5rem;
    width: 5rem;
    height: 0.65rem;
    line-height: 0.65rem;
    overflow: hidden;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.game-cell-normal .game-value1 {
    position: absolute;
    top: 0.65rem;
    left: 0.5rem;
    height: 0.65rem;
    line-height: 0.65rem;
    width: 5rem;
    font-size: .34rem;
    color: rgba(255, 255, 255, 0.35);
}

.game-cell-normal .game-value2 {
    position: absolute;
    right: 0.5rem;
    height: 1rem;
    line-height: 1rem;
    text-align: right;
    width: 5rem;
    overflow: hidden;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
    top: 50%;
    margin-top: -0.5rem;
}

.game-cell-normal .game-value21 {
    position: absolute;
    right: 0.5rem;
    height: 1rem;
    line-height: 1rem;
    text-align: right;
    width: 5rem;
    overflow: hidden;
    font-size: .426rem;
    color: #6ADB36;
    top: 50%;
    margin-top: -0.5rem;
}

.game-cell-normal .game-win-frame {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 0.44rem;
    height: 0.66rem;
    width: 0.66rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-cell-normal .game-win-frame img {
    width: 100%;
    height: 100%;
}

.game-cell-normal .game-time {
    position: absolute;
    top: 0.65rem;
    right: 0;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: right;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.game-item-line {
    position: relative;
    height: 1.2rem;
}

.ltop-card {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.3rem;
    overflow: hidden;
    background: #004900;
    border-radius: 0.22rem;
    opacity: 1;
}

.ltop-card-bg {
    position: absolute;
    top: 0;
    width: 9rem;
    height: 2.8rem;
    left: 0;
}

.ltop-card-top {
    position: absolute;
    top: 0.2rem;
    left: 0.44rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.ltop-card-top .img-left {
    opacity: 0.65;
    position: absolute;
    top: 0.05rem;
    left: -0.1rem;
    width: 0.6rem;
    height: 0.6rem;
}

.ltop-card-top .text-left {
    position: absolute;
    left: 0;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.ltop-card-middle {
    position: absolute;
    top: 0.75rem;
    left: 0.44rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.ltop-card-middle .text-left {
    position: relative;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.ltop-card-middle .text-right {
    position: relative;
    font-size: .373rem;
    color: #FFEE00;
}

.ltop-card-bottom {
    position: absolute;
    top: 1.3rem;
    left: 0.44rem;
    width: 8rem;
    height: 0.7rem;
    line-height: 0.7rem;
}

.ltop-card-bottom .text-left {
    position: relative;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.ltop-card-bottom .text-right {
    position: relative;
    font-size: .373rem;
    color: #FFEE00;
}

.lgame-detail-frame {
    position: relative;
    width: 9rem;
    height: 2.2rem;
    left: 50%;
    margin-left: -4.5rem;
    margin-top: 0.3rem;
    border-radius: 0.22rem;
    background: rgba(0, 73, 0, 0.50);
    border: 0.5px solid rgba(255, 255, 255, 0.15);
}

.lgame-detail-frame .icon {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    left: 0;
    border-radius: 0.33rem;
    object-fit: cover;
}

.lgame-cell-normal {
    background-color: rgba(0, 0, 0, 0);
    width: 9rem;
    height: 1.3rem;
    border-radius: 0.1rem;
    position: absolute;
    left: 0.3rem;
    top: 50%;
    margin-top: -0.65rem;
    transition: transform 0.1s ease-in-out;
}

.lgame-cell-normal:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.lgame-cell-normal .game-name {
    position: absolute;
    left: 1.5rem;
    width: 3.3rem;
    height: 0.65rem;
    line-height: 0.65rem;
    overflow: hidden;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
}

.lgame-cell-normal .game-value1 {
    position: absolute;
    top: 0.65rem;
    left: 1.5rem;
    width: 4.1rem;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.lgame-cell-normal .game-value2 {
    position: absolute;
    right: 1.3rem;
    text-align: right;
    width: 3.3rem;
    height: 0.65rem;
    line-height: 0.65rem;
    overflow: hidden;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
}

.lgame-cell-normal .game-value21 {
    position: absolute;
    right: 1.3rem;
    text-align: right;
    width: 3.3rem;
    height: 0.65rem;
    line-height: 0.65rem;
    overflow: hidden;
    font-size: .426rem;
    color: #6ADB36;
}

.lgame-cell-normal .game-times {
    position: absolute;
    top: 0.65rem;
    right: 1.3rem;
    text-align: right;
    width: 2.5rem;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.lgame-cell-normal .arrow {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: invert(100%);
}

.game-cell-line {
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    width: 9rem;
    height: 1px;
    background: rgba(255, 255, 255, 0);
}

.game-item-line {
    position: relative;
    height: 1.2rem;
}

.sd-empty-tips {
    position: relative;
    margin-top: 0.2rem;
    line-height: .41rem;
    left: 2rem;
    width: 6rem;
    font-size: .32rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
}

.sort-item {
    position: absolute;
    width: 2.13rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: .373rem;
    border-radius: 0.32rem;
}

.sort-item-normal {
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 1);
}

.sort-item-selected {
    background: linear-gradient(93deg, #8FCC52 6.1%, #C4EB76 92.65%);
    color: #111111;
}

.sort-content {
    width: 10rem;
    height: 16.5rem;
    display: flex;
    flex-flow: column;
}

.sort-content .title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.65);
}

.sort-content .close-icon {
    opacity: 0.45;
    position: absolute;
    top: 50%;
    margin-top: -0.4rem;
    right: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
}

.sort-content .top-tips {
    position: relative;
    margin-top: 0.6rem;
    margin-left: 1.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
}

.sort-content .item-container {
    position: relative;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    width: 7rem;
    height: 3.5rem;
}

.sort-btn-enable {
    position: relative;
    left: 50%;
    margin-left: -1.6rem;
    width: 3.2rem;
    height: 1.1rem;
    background: #AFDB58;
    text-align: center;
    font-size: 0.373rem;
    line-height: 1.1rem;
    color: #111111;
    border-radius: 0.32rem;
}

.today-item-arrow {
    opacity: 0.45;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.3rem;
    right: 0.3rem;
}

.today-item-bottom {
    border-radius: 0 0 0.1rem 0.1rem;
}

.login-top-frame {
    position: relative;
    top: 1rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.3rem;
    margin-bottom: 1.3rem;
}

.login-top-frame .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.22rem;
    margin-left: 0;
}

.login-top-frame .text-frame {
    position: absolute;
    top: 0;
    left: 1.4rem;
    width: 7.5rem;
    height: 1.1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.login-top-frame .text-frame-name {
    color: #FFFFFF;
    font-size: .853rem;
}

.login-top-frame .text-frame-desc {
    margin-left: 0.2rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    line-height: .426rem;
}

.login-top-frame span {
    position: absolute;
    top: 2.5rem;
    left: 0.55rem;
    width: 9rem;
    font-size: .533rem;
    text-align: center;
    word-break: break-all;
    color: rgba(255, 255, 255, 1);
}

.login-menu-frame {
    position: relative;
    left: 0.65rem;
    width: 8.7rem;
}

.reglogin-menu-frame {
    position: relative;
    left: 0.44rem;
    width: 8.2rem;
    height: 100%;
}

.reglogin-menu-frame .frame-title {
    position: absolute;
    top: 0.66rem;
    left: 0;
    width: 8rem;
    text-overflow: ellipsis;
    color: #FFEE00;
    font-weight: 600;
    font-size: .853rem;
}

.reglogin-menu-frame .frame-switch {
    position: absolute;
    top: 1.88rem;
    left: 0;
    width: 8rem;
    color: #FFFFFF;
    font-weight: 600;
    font-size: .32rem;
}

.reglogin-menu-frame .frame-switch-left {
    color: #FFFFFF;
    font-weight: 600;
    font-size: .32rem;
}

.reglogin-menu-frame .frame-switch-right {
    color: #6ADB36;
    font-weight: 600;
    font-size: .32rem;
}

.login-menu-content {
    position: relative;
    top: 0;
    left: 0;
    width: 8.7rem;
    height: 2.15rem;
}

.reglogin-menu-content {
    position: relative;
    top: 0.1rem;
    left: 0;
    width: 100%;
    height: 2.15rem;
}

.login-menu-content .left-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .48rem;
}

.reglogin-menu-content .left-item {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 50%;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .48rem;
}

.reglogin-menu-content .left-item-arrow {
    position: absolute;
    left: 0.7rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 0.88rem solid transparent;
    border-right: 0.88rem solid transparent;
    border-bottom: 0.44rem solid #3B3466;
}

.wallet-top-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 1rem;
    width: 8rem;
    height: 1.66rem;
}

.wallet-top-frame .tleft-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.wallet-top-frame .tright-frame {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.wallet-top-frame .title-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.22rem;
    text-align: center;
    line-height: 1.22rem;
    font-weight: 700;
}

.wallet-top-frame .title-text-normal {
    color: rgba(255, 255, 255, 0.65);
    font-size: .426rem;
}

.wallet-top-frame .title-text-checked {
    color: #FFAF00;
    font-size: .533rem;
}

.wallet-selected-arrow {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 0.88rem solid transparent;
    border-right: 0.88rem solid transparent;
    border-bottom: 0.44rem solid #3B3466;
}

.login-menu-content .right-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .48rem;
}

.reglogin-menu-content .right-item {
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 50%;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .48rem;
}

.reglogin-menu-content .right-item-arrow {
    position: absolute;
    left: 4rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 0.88rem solid transparent;
    border-right: 0.88rem solid transparent;
    border-bottom: 0.44rem solid #3B3466;
}

.login-menu-content .item-enable {
    border-bottom: 2px solid #FDAC50;
    color: #FDAC50;
    font-weight: 600;
}

.reglogin-menu-content .item-enable {
    font-size: .533rem;
    color: #FFFFFF;
    font-weight: 700;
}

.login-menu-content .item-disable {
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}

.reglogin-menu-content .item-disable {
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
}

.login-item {
    position: relative;
    width: 8.2rem;
    height: 1.11rem;
    left: 50%;
    margin-left: -4.1rem;
    border-radius: 0.5rem;
}

.login-item-input {
    font-family: monospace;
    color: #FFFFFF;
}

.login-item-normal {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.login-item-edit-normal {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.login-item-edit-error {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid #FF0000;
}

.login-item-error {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    text-align: left;
    border-radius: 0.22rem;
    width: 8rem;
    left: 50%;
    margin-left: -4rem;
    padding: 0.1rem 0.1rem;
    /* background: rgba(224,0,0,0.45); */
    color: #E00000;
}

.login-item-line {
    position: relative;
    height: 0.22rem;
}

.login-item .input {
    position: absolute;
    border: none;
    top: 0.09rem;
    height: 1rem;
    line-height: 1rem;
    left: 1.38rem;
    width: 5.4rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
}

.login-item .icon {
    position: absolute;
    width: 0.54rem;
    height: 0.54rem;
    left: 0.426rem;
    top: 50%;
    margin-top: -0.27rem;
}

.login-item .iconsee {
    position: absolute;
    width: 0.54rem;
    height: 0.54rem;
    right: 0.426rem;
    top: 50%;
    margin-top: -0.38rem;
    opacity: 1;
    border-radius: 0.6rem;
    padding: 0.14rem;
    /* background: rgba(0, 0, 0, 0.35); */
}

.lottery-btn-frame {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 10rem;
    height: 2rem;
}

.lottery-btn-draw {
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
}

.lottery-btn-draw img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lottery-btn-draw span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.lottery-btn-draw .span1 {
    color: #000000;
}

.lottery-btn-draw .span2 {
    color: rgba(255, 255, 255, 0.25);
}

.lottery-btn-voucher {
    position: absolute;
    right: 1.5rem;
    top: 0;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lottery-btn-voucher img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lottery-btn-voucher .span1 {
    color: #FFFFFF;
    z-index: 1;
    top: 0;
    position: absolute;
}

.lottery-btn-voucher .span2 {
    color: #FFFFFF;
    z-index: 2;
    top: 0;
    position: absolute;
}

.lottery-bottom-frame {
    position: relative;
    margin-top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 6rem;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.lottery-bottom-cardnum {
    position: absolute;
    top: 1.5rem;
    left: 0rem;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}

.lottery-bottom-tips {
    position: absolute;
    top: 2.8rem;
    left: 0;
    width: 9rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #FFE400;
    font-size: .346rem;
    text-align: center;
    font-weight: 700;
}

.lottery-redeem-enable {
    position: absolute;
    top: 4rem;
    left: 50%;
    margin-left: -1.665rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.65);
}

.lottery-redeem-enable span {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
    color: #FFFFFF;
}

.lottery-redeem-enable img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lottery-redeem-disable {
    position: absolute;
    top: 4rem;
    left: 50%;
    margin-left: -1.65rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.25);
}

.lottery-redeem-disable span {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
}

.lottery-redeem-disable img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item-card {
    position: absolute;
    top: 0.5rem;
    width: 1.554rem;
    height: 2.22rem;
    color: #FFFFFF;
    font-size: .373rem;
}

.item-card-0 {
    position: absolute;
    top: 0.5rem;
    width: 1.554rem;
    height: 2.22rem;
    color: rgba(255, 255, 255, 0.25);
    font-size: .373rem;
}

.lottery-list-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.04);
}

.lottery-list-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.36rem;
    right: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.lottery-list-content {
    position: relative;
    top: 0;
    left: 0;
    width: 10rem;
    max-height: 90vh;
    overflow: scroll;
}

.lottery-list-item {
    position: relative;
    left: 0.6rem;
    width: 8.8rem;
    height: 2.3rem;
}

.lottery-list-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.8rem;
}

.lottery-list-item .top {
    position: absolute;
    top: 0rem;
    left: 1.8rem;
    width: 5rem;
    height: 1.75rem;
    line-height: 1.2rem;
    font-size: .426rem;
}

.lottery-list-item .top-title {
    position: absolute;
    left: 0.5rem;
    color: #FFFFFF;
    font-size: .373rem;
}

.lottery-list-item .top-value {
    position: absolute;
    top: 0.6rem;
    left: 0.5rem;
    font-size: .346rem;
}

.lottery-list-item .top-value .tcount {
    color: #FFEE00;
    font-weight: bold;
}

.lottery-list-item .top-value .total {
    color: rgba(255, 255, 255, 0.45);
}

.lottery-list-item .bottom {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem;
}

.lottery-list-item .bottom-title {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.8rem;
}

.lottery-list-item .bottom-title .count {
    position: absolute;
    top: 0.6rem;
    width: 100%;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    color: #FFE400;
    font-size: .6rem;
}

.lottery-list-item .bottom-title .voucher {
    position: absolute;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    font-size: .26rem;
    top: 0.3rem;
    width: 100%;
}

.lottery-list-item .claim-frame {
    position: absolute;
    right: 0;
    height: 1rem;
    line-height: 1rem;
    width: 4rem;
    top: 0.4rem;
}

.lottery-list-item .claim-frame .claimed {
    position: absolute;
    right: 0.4rem;
    color: rgba(255, 255, 255, 0.25);
    font-size: .32rem;
}

.lottery-list-item .claim-frame .canclaim {
    position: absolute;
    text-align: center;
    width: 2.22rem;
    right: 0.4rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.32rem;
    background: #FFDD80;
    color: #FFFFFF;
}

.lottery-list-item .claim-frame .canclaim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.lottery-list-item .claim-frame .notclaim {
    background: transparent;
    color: rgba(255, 255, 255, 0.25);
    position: absolute;
    text-align: center;
    width: 2.22rem;
    right: 0.4rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.32rem;
}

.lottery-list-item .claim-frame .notclaim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.lottery-btn-claim {
    position: absolute;
    right: 0rem;
    width: 2.5rem;
}

.lottery-btn-claim:active {
    opacity: 0.45;
}

.lottery-result-title {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #A8FE1D;
    font-size: .86rem;
}

.lottery-result-content {
    position: absolute;
    left: 50%;
    width: 10rem;
    height: 10rem;
    margin-left: -5rem;
}

.lottery-result-content .bg {
    width: 10rem;
}

.lottery-result-content .close {
    position: absolute;
    top: 0.1rem;
    right: 0.3rem;
    width: 1.1rem;
    height: 1.4rem;
}

.lottery-result-content .result1 {
    position: absolute;
    top: 2rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    left: 50%;
    margin-left: -2rem;
    text-align: center;
    font-size: 3.2rem;
    color: #FFFFFF;
}

.lottery-result-content .result1 img {
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: 50%;
    margin-top: 0;
    left: 50%;
    margin-left: -1.5rem;
}

.lottery-result-content .result2 {
    position: absolute;
    top: 3.55rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    left: 50%;
    margin-left: -2rem;
    text-align: center;
    font-size: 1.4rem;
    color: #FFFFFF;
    font-weight: 700;
}

.lottery-result-content .btn-receive {
    color: #FCD7A1;
    position: absolute;
    left: 50%;
    top: 8.6rem;
    margin-left: -1.665rem;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
}

.lottery-result-content .btn-receive span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #000000;
}

.message-top-frame {
    position: relative;
    top: 0.7rem;
    height: 2.8rem;
}

.message-top-frame img {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    left: 50%;
    margin-left: -0.9rem;
}

.message-item {
    position: relative;
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
    font-size: .4rem;
    line-height: .6rem;
    left: 0.5rem;
    width: 9rem;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.45);
    background: #004900;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem;
}

.message-item-open {
    background: #004900;
    border: 0.5px solid rgba(106, 219, 54, 1);
    box-shadow: 0px 0px 6px 0px rgba(163, 163, 163, 0.15);
}

.message-item .top {
    position: relative;
    left: 0.4rem;
    width: 8.2rem;
    height: 0.55rem;
    line-height: 0.55rem;
}

.message-item .top .time {
    position: absolute;
    left: 0;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.25);
}

.message-item .title {
    position: absolute;
    width: 5rem;
    height: 0.55rem;
    line-height: 0.55rem;
    text-align: left;
    font-size: .373rem;
    left: 0;
}

.message-item .title1 {
    color: rgba(255, 255, 255, 0.65);
}

.message-item .title2 {
    color: #6ADB36;
}

.message-item .title3 {
    color: rgba(255, 255, 255, 0.65);
}

/* .message-item .content {
  position: relative;
  left:0.4rem;
  width:8.2rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  white-space: pre-wrap;
} */

.message-item .content {
    position: relative;
    left: 0.4rem;
    width: 8.2rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    max-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.1s ease-out;
}

.message-item .content-all {
    white-space: pre-wrap;
    max-height: 1000px;
}

.message-item .content-arrow {
    position: absolute;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
    top: 50%;
    margin-top: -0.22rem;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
}

.message-item .content-arrow-open {
    position: absolute;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
    top: 50%;
    margin-top: -0.22rem;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8CE4D;
}

.message-item .content-arrow-open img {
    filter: invert(100%);
}

.message-item .line {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 0.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.profile-avatar {
    position: relative;
    margin-top: 1.2rem;
    height: 2rem;
}

.profile-avatar .title {
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.profile-avatar .avatar {
    position: absolute;
    width: 1.78rem;
    height: 1.78rem;
    left: 50%;
    margin-left: -0.89rem;
    border-radius: 0.44rem;
    border: 1px solid rgba(255, 255, 255, 1);
}

.profile-avatar .avatar-edit {
    width: 0.66rem;
    height: 0.66rem;
}

.profile-avatar .user-level {
    position: absolute;
    top: 0.1em;
    left: 3.2rem;
    width: 6.5rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.profile-avatar .user-level .level-icon {
    width: 0.44rem;
    height: 0.44rem;
}

.profile-avatar .user-level .level-text {
    margin-left: 0.1rem;
    color: #FFEE00;
    font-size: .426rem;
}

.profile-avatar .user-level .vip-icon {
    margin-left: 0.3rem;
    width: 0.88rem;
    height: 0.88rem;
}

.profile-avatar .user-name {
    position: absolute;
    top: 0.9rem;
    left: 3.2rem;
    width: 6rem;
    text-align: left;
    font-size: 0.64rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
}

.profile-avatar .user-id {
    position: absolute;
    top: 1.7rem;
    left: 3.2rem;
    width: 6rem;
    font-size: 0.32rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.profile-title-normal {
    position: relative;
    left: 0.8rem;
    width: 9rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 0.2rem;
}

.profile-item-title {
    position: absolute;
    left: 0.5rem;
    top: 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: .346rem;
}

.profile-value-normal {
    position: absolute;
    right: 1.1rem;
    width: 5.5rem;
    overflow: hidden;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: right;
}

.profile-bg-normal {
    position: absolute;
    height: 100%;
    width: 8.4rem;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.02);
}

.profile-bg-canedit {
    position: absolute;
    height: 100%;
    width: 8.4rem;
    border-radius: 0.22rem;
}

.profile-item .icon {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
    opacity: 0.45;
}

.profile-item .wicon {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
}

.profile-item-arrow {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    margin-top: -0.4rem;
    right: 0.4rem;
    padding: 0.15rem;
    filter: invert(100%);
    /* border-radius: 0.6rem; */
    /* background: rgba(0,0,0,0.35); */
}

.profile-item-arrow-2 {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    margin-top: -0.25rem !important;
    right: unset !important;
    left: 0.4rem !important;
    opacity: 1 !important;
    background: transparent !important;
    padding: 0 !important;
    filter: invert(0) !important;
}

.pwdpreicon {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.4rem;
    top: 50%;
    margin-top: -0.25rem;
}

.pwdicon {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.4rem;
    padding: 0.15rem;
    border-radius: 0.6rem;
    /* background: rgba(0,0,0,0.35); */
}

.profile-edit-btn {
    position: absolute;
    top: 1.2rem;
    left: 53%;
    width: 0.66rem;
    height: 0.66rem;
}

.profile-edit-btn-active {
    position: absolute;
    top: 1.1rem;
    left: 53%;
    width: 0.66rem;
    height: 0.66rem;
    opacity: 0.45;
}

.coin-input {
    position: absolute;
    border: none;
    margin-top: 0.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: 0.5rem;
    width: 8rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: #FFFFFF;
}

.rcoin-item-normal {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.rcoin-item-normal-disabled {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid transparent;
}

.rcoin-item-edit-normal {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.rcoin-item-edit-error {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid #FF0000;
}

.profile-btn-enable {
    position: relative;
    left: 50%;
    margin-left: -1.72rem;
    width: 3.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(98deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

.profile-btn-enable:active {
    opacity: 0.45;
}

.profile-btn-enable-bg {
    width: 100%;
}

.profile-btn-disable {
    position: relative;
    left: 50%;
    margin-left: -1.72rem;
    width: 3.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(98deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    opacity: 0.45;
}

.profile-btn-disable-bg {
    width: 100%;
}

.profile-item {
    position: relative;
    width: 9rem;
    height: 1.384rem;
    line-height: 1.384rem;
    left: 50%;
    margin-left: -4.5rem;
    margin-bottom: 0.22rem;
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
}

.profile-item-lines {
    position: relative;
    left: 0.5rem;
    width: 8.5rem;
    height: 0.5px;
    background: rgba(255, 255, 255, 0.04);
}

.profile-item-normal {
    background: rgba(0, 26, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
}

.profile-item-disabled {
    background: #003200;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
}

.profile-item-normal:active {
    opacity: 0.45;
}

.setting-item-error {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    text-align: left;
    width: 9rem;
    left: 50%;
    margin-left: -4.5rem;
    /* background: rgba(224,0,0,0.45); */
    color: #E00000;
    padding: 0.1rem 0.1rem;
    border-radius: 0.22rem;
}

.profile-item-line {
    position: relative;
    height: 0.6rem;
}

.profile-item .input {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 6.5rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
}

.profile {
    position: relative;
    width: 8rem;
    left: 50%;
    margin-left: -4rem;
    margin-top: 0.3rem;
}

.profile .title {
    position: relative;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.profile .profile-item {
    position: relative;
    width: 8rem;
    height: 1.3rem;
    line-height: 1.3rem;
    left: 50%;
    margin-left: -4rem;
    border-radius: 0.22rem;
}

.profile-home {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.profile .profile-item .type-item {
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: .373rem;
    text-align: center;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.65);
}

.profile .profile-item .type-item-checked {
    background: #3E606F;
    color: rgba(255, 255, 255, 0.85);
}

.profile .profile-item .title {
    position: absolute;
    left: 1.1rem;
    font-size: .373rem;
    color: #BB4E00;
}

.profile .profile-item .unit {
    position: absolute;
    right: 0.3rem;
    font-size: .373rem;
    color: #BB4E00;
}

.profile .profile-item .clear {
    position: absolute;
    right: 0.9rem;
    height: 1.3rem;
    width: 1rem;
}

.profile .profile-item .clear img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    opacity: .65;
}

.profile .profile-item .input {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 5.7rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
}

.profile .profile-item .icon-item {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
    opacity: 0.45;
}

.profile .profile-item .icon-focus {
    opacity: 1.0;
}

.profile-item-error-mp {
    position: relative;
    line-height: 0.55rem;
    font-size: .373rem;
    text-align: left;
    border-radius: 0.1rem;
    width: 8rem;
    left: 50%;
    margin-left: -4rem;
    z-index: 99;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background: #E00000;
    color: white;
}

.profile-logout-frame {
    position: fixed;
    top: 0;
    width: 10rem;
    height: 2000px;
    z-index: 9999;
}

.profile-logout-btn {
    position: fixed;
    right: 0.2rem;
    top: 1rem;
    height: 1rem;
    line-height: 1rem;
    width: 2.5rem;
    border-radius: 0.22rem;
    text-align: center;
    font-size: .4rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
    background: #3E606F;
    color: #FFFFFF;
}

.logout-dialog-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    background-color: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.65);
}

.logout-dialog-alerticon {
    position: relative;
    margin-top: 1rem;
    width: 2.1rem;
    height: 2.1rem;
    left: 50%;
    margin-left: -1.05rem;
}

.logout-dialog-tips1 {
    position: relative;
    width: 8rem;
    margin-top: 0.5rem;
    margin-left: 1rem;
    text-align: center;
    font-size: 0.533rem;
    color: #FFFFFF;
    line-height: 0.6rem;
}

.logout-dialog-tips2 {
    position: relative;
    width: 8rem;
    text-align: center;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.6rem;
}

.logout-dialog-btnexit {
    position: relative;
    left: 50%;
    margin-left: -2.22rem;
    margin-top: 0.5rem;
    width: 4.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logout-dialog-btnexit-bg {
    width: 100%;
}

.logout-dialog-btnexit-cancel {
    position: relative;
    left: 50%;
    margin-left: -2.22rem;
    margin-top: 0.4rem;
    width: 4.44rem;
    height: 1.33rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logout-dialog-btnexit-cancel-bg {
    width: 100%;
}

.logout-dialog-btnexit:active {
    opacity: 0.45;
}

.logout-dialog-btnexit-cancel:active {
    opacity: 0.45;
}

.profile-dialog-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.65);
}

.profile-dialog-closeicon {
    opacity: 0.45;
    position: absolute;
    top: 50%;
    margin-top: -0.4rem;
    right: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
}

.nickname-dialog-itemname {
    position: relative;
    margin-top: 1rem;
    margin-left: 1.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.nickname-dialog-value {
    position: relative;
    margin-top: 0.2rem;
    margin-left: 0.5rem;
    width: 9rem;
    height: 1.384rem;
    line-height: 1.384rem;
    border-radius: 0.22rem;
}

.pwd-dialog-input {
    font-family: monospace;
    color: #FFFFFF;
}

.payment-dialog-tips {
    position: relative;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    width: 8rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.web-iframe {
    position: fixed;
    top: 1.2rem;
    left: 0;
    width: 10rem;
    background: white;
}

.copy-btn-enable {
    position: absolute;
    right: 0.1rem;
    width: 1.33rem;
    height: 1.33rem;
}

.copy-btn-enable .copy-btn {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
}

.copy-btn-enable:active {
    opacity: 0.45;
}

.copy-btn-disable {
    position: absolute;
    right: 0.1rem;
    width: 1.33rem;
    height: 1.33rem;
    opacity: 0.35;
}

.copy-btn-disable .copy-btn {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.45 !important;
}

.item-frame .agent-top-frame {
    height: 1rem !important;
    margin-bottom: 0.2rem;
}

.item-frame .agent-top-frame .icon-frame {
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    top: 0;
    border-radius: 0.44rem;
}

.item-frame .agent-top-frame .icon-frame img {
    opacity: 0.45;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    left: 0;
    margin-top: -0.25rem;
}

.item-frame .agent-top-frame .text-title {
    position: absolute;
    color: rgba(255, 255, 255, 0.45);
    line-height: 1rem;
    top: -0.05rem;
    left: 0.7rem;
}

.item-frame .agent-link-frame {
    height: unset !important;
    position: unset !important;
    background: rgba(255, 255, 255, 0.08) !important;
    width: 9rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 0.6rem !important;
}

.item-frame .agent-link-value {
    word-break: break-all !important;
    width: 8rem !important;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem !important;
}

.bdep-item-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
}

.bdep-item-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 9rem;
}

.bdep-item-frame .icon {
    position: absolute;
    top: 0.3rem;
    left: 0.4rem;
    width: 1.11rem;
    height: 1.11rem;
}

.bdep-item-frame .title {
    position: absolute;
    top: 0.25rem;
    line-height: 0.6rem;
    left: 1rem;
    width: 7rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: .533rem;
    text-align: center;
    font-weight: bold;
}

.bdep-item-frame .tips1 {
    position: relative;
    margin-top: 0.64rem;
    line-height: 0.6rem;
    left: 0;
    width: 9rem;
    color: #BB0086;
    font-size: .373rem;
    font-weight: bold;
    text-align: center;
    height: 0.6rem;
}

.bdep-item-frame .time-frame {
    position: relative;
    margin-top: 0.64rem;
    left: 50%;
    margin-left: -3.7rem;
    width: 7.4rem;
    height: 1.546rem;
    border-radius: 0.26rem;
    background-image: linear-gradient(-78deg, #FFAF00 0%, #FFEE00 100%);
    box-shadow: 0px 4px 0px 0px rgba(224, 154, 0, 1);
}

.bdep-item-frame .time-fram1 {
    position: relative;
    width: 4.28rem;
    left: 50%;
    margin-left: -2.14rem;
    height: 1rem;
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bdep-item-frame .time-fram2 {
    position: relative;
    width: 4.28rem;
    left: 50%;
    margin-left: -2.14rem;
    height: 1.1rem;
    margin-top: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bdep-item-frame .time-frame .title-content {
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -0.28rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.1rem;
    color: #FCD7A1;
    font-size: .32rem;
}

.bdep-item-frame .time-frame .title-day {
    left: 1.22rem;
    height: 0.56rem;
    line-height: 0.56rem;
    width: 0.88rem;
}

.bdep-item-frame .time-frame .title-hour {
    left: 3.35rem;
    height: 0.56rem;
    line-height: 0.56rem;
    width: 0.56rem;
}

.bdep-item-frame .time-frame .title-min {
    right: 2.3rem;
    height: 0.56rem;
    line-height: 0.56rem;
    width: 0.88rem;
}

.bdep-item-frame .time-frame .title-sec {
    right: 0.44rem;
    height: 0.56rem;
    line-height: 0.56rem;
    width: 0.56rem;
}

.bdep-item-frame .value-day {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}

.bdep-item-frame .value-day-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
    padding: 0.1rem;
}

.bdep-item-frame .value-hour {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}

.bdep-item-frame .value-hour-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    padding: 0.1rem;
}

.bdep-item-frame .value-min {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}

.bdep-item-frame .value-sec {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}

.bdep-item-frame .time-frame .value-line {
    position: absolute;
    top: 0;
    height: 1.546rem;
    line-height: 1.4rem;
    text-align: center;
    color: #111111;
    font-size: .85rem;
    font-weight: bold;
}

.bdep-item-frame .tips2 {
    position: relative;
    margin-top: 0.3rem;
    line-height: 0.6rem;
    left: 1rem;
    width: 7rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    text-align: center;
}

.bdep-items-frame {
    position: relative;
    width: 9.5rem;
    padding-left: 0.55rem;
    margin-top: 2rem;
}

.bdep-items-frame .item-card {
    position: relative;
    width: 3.066rem;
    height: 4.7rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    overflow: hidden;
    box-sizing: border-box;
}

.bdep-items-frame .item-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8rem;
}

.bdep-items-frame .item-card-bonus {
    position: absolute;
    top: 0.6rem;
    left: 1.22rem;
    width: 2.7rem;
    height: 0.5rem;
    color: #FFFFFF;
    text-shadow: 0 0 8px #018E00;
    font-size: .64rem;
    text-align: left;
}

.bdep-items-frame .item-card-middle {
    position: absolute;
    top: 2.74rem;
    left: 0.1rem;
    width: 2.6rem;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bdep-items-frame .item-card-middle .amount-unit {
    font-size: .27rem;
    color: rgba(255, 255, 255, 0.65);
}

.bdep-items-frame .item-card-middle .no-amount {
    font-size: .32rem;
    color: #FFEE00;
}

.bdep-items-frame .item-card-middle .has-amount {
    font-size: .32rem;
    color: #FFEE00;
    font-weight: 700;
}

.bdep-items-frame .item-card-middle .need-amount {
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.bdep-items-frame .item-btn {
    position: absolute;
    top: 3.55rem;
    left: 0.1rem;
    width: 2.7rem;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bdep-items-frame .item-btn .btn-disable {
    position: absolute;
    width: 2.22rem;
    height: 1.11rem;
}

.bdep-items-frame .item-btn .btn-enable {
    position: absolute;
    width: 2.22rem;
    height: 1.11rem;
}

.bdep-items-frame .item-btn .btn-received {
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

#page-promotion .item-frame .title .btn-frame {
    position: absolute;
    right: 0;
    width: 1.76rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.1rem;
    font-size: 0.373rem;
    text-align: center;
}

.trch-item {
    position: relative;
    margin-top: 0.25rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.68rem;
    line-height: 1.34rem;
    font-size: .373rem;
    overflow: hidden;
}

.trch-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.trch-item .icon {
    position: absolute;
    top: 0.33rem;
    left: 0;
    height: 100%;
    margin-top: -0.33rem;
}

.trch-item .icon1 {
    width: 3.6rem;
}

.trch-item .icon2 {
    width: 3.15rem;
}

.trch-item .left-frame {
    position: absolute;
    top: 0.2rem;
    left: 2rem;
    width: 4.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #4D380F;
    font-size: .426rem;
    font-weight: 700;
}

.trch-item .left-frame .left-icon {
    position: absolute;
    top: 0.28rem;
    left: 0;
    height: 0.33rem;
    width: 0.33rem;
}

.trch-item .left-frame .left-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.65);
}

.trch-item .left-frame .left-value {
    position: absolute;
    top: 0;
    left: 0.45rem;
    width: 100%;
    height: 0.81rem;
    line-height: 0.81rem;
    color: #B25922;
    font-weight: bold;
}

.trch-item .right-frame {
    position: absolute;
    bottom: 0.15rem;
    left: 2rem;
    width: 4.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: .32rem;
    color: #52462F;
}

.trch-item .right-icon {
    position: absolute;
    top: 0;
    left: 0.1rem;
    height: 0.44rem;
    width: 0.44rem;
}

.trch-item .right-title {
    position: absolute;
    bottom: 0;
    left: 0.1rem;
    width: 50%;
    height: 0.44rem;
    line-height: 0.44rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: 0.32rem;
}

.trch-item .right-value {
    position: absolute;
    right: 0;
    bottom: 0;
    widows: 80%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.45);
}

.trch-item .right-value-text {
    color: #B25922;
    font-weight: bold;
}

.trch-item .line {
    position: absolute;
    bottom: 0.27rem;
    width: 1px;
    height: 0.88rem;
    left: 50%;
    background: rgba(0, 0, 0, 0.45);
}

.trch-item .claim {
    position: absolute;
    top: 50%;
    margin-top: -0.35rem;
    width: 2.1rem;
    right: 0.6rem;
    text-align: center;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.5rem;
    border: 0.5px solid #F5D493;
    box-shadow: 0 8px 12px 0 rgba(120, 52, 15, 0.45);
    background-image: linear-gradient(69deg, #FE7919 0%, #AB3FE7 100%);
    border: 1px solid #FFEE00;
    color: #111111;
}

.trch-item .claim:active {
    opacity: 0.45;
}

.trch-item .claimed {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    width: 2.22rem;
    right: 0.6rem;
    text-align: center;
    color: #4D380F;
    height: 0.88rem;
    line-height: 0.88rem;
}

.trch-item .claimed-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    right: 0;
    height: 0.44rem;
    width: 0.44rem;
}

.trch-item .notclaim {
    position: absolute;
    top: 50%;
    margin-top: -0.35rem;
    width: 2.1rem;
    right: 0.6rem;
    text-align: center;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.10);
    color: #111111;
    opacity: 0.5;
}

.sdback-link-container {
    position: relative;
    margin-top: 3.9rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.4rem;
}

.sdback-link-container .title {
    position: absolute;
    top: 0.8rem;
    width: 100%;
    height: 0.85rem;
    height: 1.33rem;
}

.sdback-link-container .title .link-icon {
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    top: 0;
    border-radius: 0.44rem;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.sdback-link-container .title .link-icon img {
    opacity: 1;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    left: 50%;
    margin-top: -0.25rem;
    margin-left: -0.25rem;
}

.sdback-link-container .title .user-link {
    color: rgba(255, 255, 255, 0.85);
    line-height: 1rem;
    top: -0.05rem;
    left: 1rem;
}

.sdback-link-container .title .copy-enable {
    position: absolute;
    right: 0.3rem;
    width: 1.33rem;
    top: 0;
    height: 1.33rem;
}

.sdback-link-container .title .copy-enable:active {
    opacity: 0.45;
}

.sdback-link-container .title .copy-disable {
    opacity: 0.35;
    position: absolute;
    right: 0.1rem;
    width: 1.33rem;
    top: 0;
    height: 1.33rem;
}

/* .sdback-link-container .title img {
  opacity: 1;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  opacity: 0.45;
} */

.sdback-link-container .title span {
    position: absolute;
    top: 0.05rem;
    left: 0.7rem;
    color: rgba(255, 255, 255, 0.45);
}

.sdback-link-container .value {
    position: relative;
    width: 100%;
    line-height: 1.05rem;
    margin-bottom: 0.4rem;
}

.sdback-link-container .link-frame {
    position: absolute;
    top: 0.8rem;
    left: 0.5rem;
    width: 6.6rem;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.55rem !important;
    height: 1.37rem !important;
}

.sdback-link-container .value .text-frame {
    font-size: .373rem;
    border-radius: 0.22rem;
    border: 1px solid rgba(0, 0, 0, 0);
    height: unset;
    position: unset;
    background: rgba(255, 255, 255, 0.08);
    width: 9rem;
    color: rgba(255, 255, 255, 0.45);
    line-height: 0.6rem;
}

.sdback-link-container .value .text-link {
    word-break: break-all;
    width: 8rem;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.sdback-clients-container {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.2rem;
    transition: transform 0.1s ease-in-out;
}

.sdback-clients-container:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.sdback-clients-container .client-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sdback-clients-container .client-title {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 8rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, 0.65);
    font-size: .426rem;
}

.sdback-clients-container .client-title-text {
    font-weight: bold;
}

.sdback-clients-container .client-title .arrow-text {
    position: absolute;
    top: 0;
    text-align: right;
    right: 0.8rem;
}

.sdback-clients-container .client-title .arrow-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.275rem;
    right: 0;
    width: 0.55rem;
    height: 0.55rem;
}

.sdback-clients-container .client-title-line {
    position: absolute;
    left: 2.6rem;
    width: 1px;
    height: 0.6rem;
    top: 0.3rem;
    background: rgba(0, 0, 0, 0.15);
}

.sdback-clients-container .client-value {
    position: absolute;
    top: 1rem;
    left: 0.5rem;
    width: 8rem;
    height: 2.2rem;
}

.sdback-clients-container .client-value .user-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.67rem;
    width: 1.34rem;
    height: 1.34rem;
}

.sdback-clients-container .client-value .user-count {
    position: absolute;
    width: 7rem;
    top: 0;
    right: 0;
    height: 2.2rem;
}

.sdback-clients-container .client-value .user-count-title {
    position: absolute;
    right: 0;
    bottom: 0.4rem;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.45);
    margin-right: 0.2rem;
}

.sdback-clients-container .client-value .user-count-num {
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: .853rem;
    color: #FFFFFF;
}

.sdback-div-clients {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 1.2rem;
    width: 5rem;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.373rem;
}

.sdback-div-clients:active {
    opacity: 0.5;
}

#page-promotion .copy-button {
    color: rgba(255, 255, 255, 0.85);
}

#page-promotion .copy-disabled {
    color: rgba(255, 255, 255, 0.85);
    opacity: 0.45;
}

#page-promotion .copy-button:active {
    opacity: 0.45;
}

.sdback-card-item {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.85rem;
    font-size: .373rem;
}

.sdback-card-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sdback-card-item .title-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
}

.sdback-card-item .title-frame .icon {
    position: absolute;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
    opacity: 0.45;
}

.sdback-card-item .title-frame .title {
    position: absolute;
    left: 1rem;
    height: 100%;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.65);
}

.sdback-card-item .title-frame .total {
    position: absolute;
    width: 7rem;
    top: 0px;
    right: 0.5rem;
    height: 1.3rem;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.sdback-card-item .title-frame .line {
    background: rgba(255, 255, 255, 0.15);
    width: 1px;
    height: 0.7rem;
    margin-right: 0.3rem;
}

.sdback-card-item .title-frame .name {
    font-size: 0.373rem;
    color: rgba(255, 255, 255, 0.45);
    margin-right: 0.2rem;
}

.sdback-card-item .title-frame .num {
    font-size: 0.533rem;
    color: rgba(255, 255, 255, 0.85);
}

.sdback-card-item .content-frame {
    position: absolute;
    top: 1.4rem;
    left: 0px;
    width: 100%;
    height: 4rem;
}

.sdback-card-item .content-frame .amount-title {
    position: absolute;
    top: 0.44rem;
    left: 0.5rem;
    font-size: .32rem;
    text-align: left;
    width: 100%;
    line-height: 0.44rem;
    height: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
}

.sdback-card-item .content-frame .amount-num {
    position: absolute;
    top: 1.1rem;
    left: 0.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 0.7rem;
}

.sdback-card-item .content-frame .amount-num .unit {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.373rem;
    margin-right: 0.1rem;
}

.sdback-card-item .content-frame .amount-num .amount {
    color: #FFFFFF;
    font-size: 0.533rem;
}

.sdback-card-item .content-frame .claim-btn {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
    width: 2.22rem;
    height: 1.11rem;
}

.sdback-card-item .content-frame .claim-btn-disable {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
    width: 2.22rem;
    height: 1.11rem;
}

.sdback-card-item .content-frame .claim-btn:active {
    opacity: 0.45;
}

.sdback-dialog-container {
    position: absolute;
    left: 50%;
    width: 8.88rem;
    height: 15.5rem;
    margin-left: -4.44rem;
    border-radius: 0.66rem;
    background: #003200;
    box-shadow: 0px 2px 8px 0px rgba(43, 22, 0, 0.25);
}

.sdback-dialog-container .top-frame {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    width: 8rem;
    height: 6.4rem;
}

.sdback-dialog-container .top-frame-icon {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3.33rem;
    width: 6.66rem;
    height: 6.66rem;
}

.sdback-dialog-container .top-frame-title {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 1rem;
    width: 8rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .346rem;
    font-weight: bold;
}

.sdback-dialog-container .close-frame {
    position: absolute;
    top: 0.3rem;
    right: 0.1rem;
    width: 1.4rem;
    height: 1.4rem;
}

.sdback-dialog-container .close-frame-icon {
    position: absolute;
    top: 0.2rem;
    left: 0.45rem;
    width: 0.6rem;
    height: 0.6rem;
}

.sdback-dialog-container .frame-line {
    position: absolute;
    left: 1rem;
    top: 6.7rem;
    width: 6.88rem;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
}

.sdback-dialog-container .desc-text {
    position: absolute;
    left: 0;
    top: 6.8rem;
    width: 8.88rem;
    height: auto;
    text-align: center;
    font-size: .55rem;
    color: #FFFFFF;
    font-weight: bold;
}

.sdback-dialog-container .desc-config {
    position: absolute;
    left: 0.5rem;
    width: 8rem;
    height: auto;
}

.sdback-dialog-container .desc-config-icon {
    position: absolute;
    top: 0.06rem;
    left: 0.15rem;
    width: 0.44rem;
    height: auto;
}

.sdback-dialog-container .desc-config-right {
    position: absolute;
    top: 0;
    left: 0.8rem;
    width: 7rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.45rem;
}

.sdback-dialog-container .desc-config-right .config-text1 {
    color: rgba(255, 255, 255, 0.65);
}

.sdback-dialog-container .desc-config-right .config-text2 {
    color: #FFEE00;
    font-weight: bold;
    font-size: .373rem;
}

.sdback-dialog-container .desc-btn-copy {
    position: absolute;
    left: 50%;
    bottom: 0.7rem;
    margin-left: -2.775rem;
    width: 5.55rem;
    height: 1.33rem;
}

.sdback-dialog-container .desc-btn-copy img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdback-dialog-container .desc-btn-copy span {
    position: absolute;
    top: 0;
    left: 0.2rem;
    width: 100%;
    font-weight: bold;
}

.exchange-top-bg {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 10rem;
    height: 7.5rem;
    background-image: linear-gradient(180deg, #F9C486 0%, rgba(252, 215, 161, 0.50) 47%, rgba(254, 252, 225, 0.00) 100%);
}

.exchange-input-frame {
    position: relative;
    margin-top: 0.32rem;
    left: 0rem;
    width: 10rem;
}

.exchange-input-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.825rem;
    width: 7.65rem;
}

.exchange-input-frame .top-icon img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -2.24rem;
    width: 4.48rem;
}

.exchange-input-frame .top-icon .div-text {
    position: relative;
    left: 0;
    width: 7.65rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    font-weight: 700;
    ;
}

.exchange-input-frame .top-title {
    position: absolute;
    top: 3rem;
    left: 0rem;
    width: 9rem;
    font-size: .533rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}

.exchange-input-frame .ecopy-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
}

.exchange-input-frame .ecopy-frame-icon {
    position: absolute;
    left: 0.66rem;
    width: 0.44rem;
    height: 0.44rem;
}

.exchange-input-frame .ecopy-frame-title {
    position: absolute;
    top: 0.4rem;
    left: 0rem;
    width: 8.5rem;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1rem;
}

.exchange-input-frame .ecopy-frame-copy {
    position: absolute;
    top: 50%;
    margin-top: -0.555rem;
    right: 0;
    width: 2.22rem;
    height: 1.11rem;
    line-height: 1.11rem;
}

.exchange-input-frame .ecopy-frame-copy:active {
    opacity: 0.45;
}

.exchange-input-frame .ecopy-frame-copy .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.exchange-input-frame .ecopy-frame-copy .span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}

.exchange-input-frame .einput-span {
    position: absolute;
    margin-top: 0.16rem;
    margin-left: 0.55rem;
    width: 8rem;
    height: 1.04rem;
    line-height: 1.04rem;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.45);
    background: transparent;
}

.exchange-input-frame .einput-input {
    position: absolute;
    border: none;
    margin-top: 0.1rem;
    margin-left: 0.5rem;
    width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .426rem;
    color: #FFFFFF;
    background: transparent;
}

.exchange-input-frame .einput-input-tips {
    position: relative;
    margin-top: 0.1rem;
    left: 0.66rem;
    width: 7.6rem;
    height: 0.5rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.exchange-input-frame .einput-input-tips span {
    position: absolute;
    left: 0rem;
    top: 0;
    width: 6.6rem;
    line-height: 0.4rem;
}

.exchange-input-frame .exchange-btn-enable {
    position: relative;
    margin-top: 0.2rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    left: 50%;
    margin-left: -1.665rem;
}

.exchange-input-frame .exchange-btn-enable .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.exchange-input-frame .exchange-btn-enable .span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}

.exchange-input-frame .exchange-btn-disable {
    position: relative;
    margin-top: 0.2rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    left: 50%;
    margin-left: -1.665rem;
}

.exchange-input-frame .exchange-btn-disable .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.exchange-input-frame .exchange-btn-disable .span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.25);
}

.exchange-input-frame .bottom-ebg {
    position: absolute;
    bottom: 0;
    width: 9rem;
    height: 6.75rem;
}

.exchange-input-recode {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    border-radius: 0.44rem;
}

.exchange-input-recode-active {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    border-radius: 0.44rem;
}

.exchange-promotion-title {
    position: relative;
    left: 50%;
    margin-left: -3.825rem;
    width: 7.65rem;
    top: 0.4rem;
    height: 0.88rem;
}

.exchange-promotion-title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.exchange-promotion-title span {
    position: absolute;
    top: 0;
    left: 1.4rem;
    width: 6rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    line-height: 0.44rem;
}

.exchange-promotion-frame {
    position: relative;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    top: 0.8rem;
    background: rgba(0, 0, 0, 0.04);
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-radius: 0.44rem;
}

.exchange-promotion-content {
    width: 7.65rem;
    margin: 0rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

.exchange-promotion-item {
    margin: 0.2rem;
    border-radius: 0.5rem;
    width: 1rem;
    height: 1rem;
    background: rgba(255, 255, 255, 0.04);
}

.exchange-promotion-item img {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    width: 0.6rem;
    height: 0.6rem;
}

.exchange-bonus-select {
    position: relative;
    margin-top: 0.66rem;
    margin-bottom: 0.3rem;
    left: 0.4rem;
    width: 8.2rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 0.22rem;
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.45);
}

.exchange-bonus-select .icon {
    opacity: 0.65;
    margin-left: -3rem;
    margin-top: 0.25rem;
    margin-right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
}

.exchange-gift-tips {
    position: relative;
    width: 7.8rem;
    left: 0.7rem;
    font-size: .35rem;
    line-height: 0.5rem;
    text-align: left;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
    color: rgba(0, 0, 0, 0.45);
}

.gift-top-space {
    position: relative;
    height: 0.6rem;
    width: 10rem;
}

.gift-top-title {
    position: relative;
    height: 3rem;
}

.gift-top-title span {
    position: absolute;
    left: 0.5rem;
    top: 0;
    font-size: .426rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.65);
}

.gift-top-title .line-bg {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 3rem;
    line-height: 0.72rem;
    overflow: hidden;
    border-radius: 0.2rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
}

.gift-top-title .line-bg img {
    opacity: 0.2;
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 100%;
    height: 4rem;
}

.gift-top-title .content-eframe {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 3rem;
    line-height: 0.72rem;
    text-align: left;
    font-size: .6rem;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
}

.gift-top-title .content-eframe img {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 1.34rem;
    height: 1.34rem;
}

.gift-item-frame {
    position: relative;
    width: 10rem;
    height: 3.8rem;
}

.gift-item-frame .item-bg {
    position: absolute;
    top: 0.3rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.5rem;
}

.gift-item-frame .item-top {
    position: absolute;
    width: 9rem;
    left: 0.5rem;
    top: 0.3rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .373rem;
}

.gift-item-frame .item-top-lefticon {
    opacity: 0.65;
    position: absolute;
    top: 50%;
    margin-top: -0.225rem;
    left: 0.45rem;
    width: 0.45rem;
    height: 0.45rem;
}

.gift-item-frame .item-top-unit {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.gift-item-frame .item-top-unit .gnum1 {
    font-size: .533rem;
    font-weight: bold;
    color: #F9C486;
}

.gift-item-frame .item-top-unit .gnum2 {
    font-size: .7rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: -0.1rem;
}

.gift-item-frame .item-top-unit .gnum3 {
    font-size: .533rem;
    font-weight: bold;
    color: #F9C486;
}

.gift-recharge-btn {
    position: absolute;
    top: 50%;
    margin-top: -0.48rem;
    right: 0.45rem;
    width: 2.22rem;
    height: 0.88rem;
    border-radius: 0.1rem;
    display: flex;
    place-content: center;
    align-items: center;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.gift-recharge-btn:active {
    opacity: 0.45;
}

.gift-recharge-btn .gunit {
    color: rgba(0, 0, 0, 0.45);
    font-size: .373rem;
}

.gift-recharge-btn .gcount {
    color: rgba(0, 0, 0, 0.65);
    font-size: .373rem;
}

.gift-item-frame .gitem-desc {
    position: absolute;
    width: 9rem;
    left: 0.5rem;
    top: 1.65rem;
    height: 2.2rem;
    font-size: .373rem;
}

.gift-item-frame .gitem-desc .gdesc {
    position: absolute;
    left: 0.65rem;
    top: 0.42rem;
    width: 7rem;
    height: 1.6rem;
}

.gift-item-frame .gitem-desc .gdesc-tips {
    position: absolute;
    left: 0;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: .35rem;
    color: rgba(255, 255, 255, 0.45);
}

.gift-item-frame .gitem-desc .gdesc-star {
    position: absolute;
    right: 0.45rem;
    width: 2rem;
    height: 2rem;
    top: 0.1rem;
}

.gift-item-frame .gitem-desc .gdesc-star-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    filter: drop-shadow(0 0.2rem 0.1rem rgba(43, 22, 0, 0.5));
    -webkit-filter: drop-shadow(0 0.2rem 0.1rem rgba(43, 22, 0, 0.5));
}

.gift-item-frame .gitem-desc .gdesc-star-p {
    opacity: 1;
    position: absolute;
    top: 1.05rem;
    right: 0.15rem;
    width: 0.35rem;
}

.gift-item-frame .gitem-desc .gdesc-value {
    position: absolute;
    right: 0.6rem;
    width: 2rem;
    height: 2rem;
    top: 0.1rem;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.gift-item-frame .gitem-desc .gdesc-value-text1 {
    font-size: .533rem;
    color: #1A242D;
}

.gift-item-frame .gitem-desc .gdesc-value-text2 {
    font-size: .746rem;
    color: #1A242D;
    font-weight: bold;
}

.level-main-bg {
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 10rem;
}

.level-top-card {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.5rem;
    overflow: hidden;
}

.level-top-card .level-line-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 9rem;
}

.level-top-card .level-curlevel {
    position: absolute;
    top: 0.33rem;
    left: 0.5rem;
    width: 7rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    opacity: 0.8;
}

.level-top-card .level-name {
    position: absolute;
    top: 0.8rem;
    left: 0.5rem;
    width: 7rem;
    color: #FFEE00;
    font-size: .64rem;
    font-weight: 700;
}

.level-top-card .level-value1 {
    position: absolute;
    top: 3.4rem;
    left: 0.5rem;
    text-align: left;
    width: 7rem;
    color: #FFFFFF;
    font-size: .533rem;
    font-weight: 700;
}

.level-top-card .level-value2 {
    position: absolute;
    top: 2.3rem;
    left: 0.5rem;
    text-align: left;
    width: 5rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    opacity: 0.8;
    line-height: 0.426rem;
}

.level-top-card .level-curicon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 3.4rem;
    height: 3.4rem;
    margin-top: -1.7rem;
}

.level-top-item {
    position: absolute;
    width: 3rem;
    height: 2.6rem;
    display: flex;
    justify-content: center;
}

.level-top-item .iconbg {
    position: absolute;
    top: -0.3rem;
    width: 2.66rem;
    height: 2.66rem;
}

.level-top-item .icon {
    position: absolute;
    top: 0.45rem;
    width: 1.11rem;
    height: 1.11rem;
}

.level-top-item .textframe {
    position: absolute;
    top: 1.5rem;
    min-width: 1.4rem;
    height: 0.95rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.11rem;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: .32rem;
}

.level-top-item .textframe-name {
    position: absolute;
    top: 0.1rem;
    font-size: .28rem;
}

.level-top-item .textframe-amount {
    position: absolute;
    top: 0.5rem;
}

.level-top-item .textframe-none {
    position: absolute;
    top: 1.5rem;
    min-width: 1.4rem;
    height: 0.95rem;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 0.11rem;
    display: flex;
    justify-content: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.level-top-item-0 {
    top: 0.5rem;
    right: 1.33rem;
}

.level-top-item-1 {
    top: 3.3rem;
    right: -0.24rem;
}

.level-top-item-2 {
    top: 6.1rem;
    right: 1.33rem;
}

.level-top-item-3 {
    top: 6.1rem;
    left: 1.33rem;
}

.level-top-item-4 {
    top: 3.3rem;
    left: -0.24rem;
}

.level-top-item-5 {
    top: 0.5rem;
    left: 1.33rem;
}

.level-icon-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    border-radius: 0.2rem;
    height: 3.4rem;
    overflow-x: scroll;
    overflow-y: hidden;
    background: transparent;
}

.level-icon-frame .level-icon-bg1 {
    background-image: linear-gradient(134deg, #018E00 0%, #003200 50%, #018E00 100%);
    border: 1px solid rgba(106, 219, 54, 1);
    opacity: 0.4;
    border-radius: 0.22rem;
}

.level-icon-frame .level-icon-bg2 {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
}

.level-icon-frame .level-icon-bg3 {
    background-image: linear-gradient(134deg, #018E00 0%, #003200 50%, #018E00 100%);
    border: 1px solid rgba(106, 219, 54, 1);
    border-radius: 0.22rem;
}

.level-icon-frame .level-less-name {
    color: rgba(255, 255, 255, 0.45);
}

.level-icon-frame .level-more-name {
    color: #FFEE00;
}

.level-frame {
    position: absolute;
    top: 0px;
    width: 1.5rem;
    height: 3.3rem;
}

.level-frame .icon-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
}

.level-frame .icon-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.33rem;
    height: 1.33rem;
    left: 50%;
    margin-left: -0.665rem;
    top: 50%;
    margin-top: -0.665rem;
}

.level-frame .icon-frame .icon {
    position: absolute;
    top: 50%;
    width: 1.11rem;
    height: 1.11rem;
    left: 50%;
    margin-left: -0.555rem;
    margin-top: -0.555rem;
}

.level-frame .name-frame {
    position: absolute;
    top: 1.6rem;
    width: 100%;
    text-align: center;
    font-size: .32rem;
}

.level-frame .line-gray {
    position: absolute;
    top: 2.35rem;
    width: 1.5rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
}

.level-frame .line-blue {
    position: absolute;
    top: 2.35rem;
    width: 1.5rem;
    height: 1px;
    background: #FFEE00;
}

.level-frame .cur-amount {
    position: absolute;
    top: 2.65rem;
    width: 1.35rem;
    height: 0.33rem;
    text-align: right;
    color: #FFEE00;
    font-size: .35rem;
}

.level-frame .other-amount {
    position: absolute;
    top: 2.65rem;
    width: 1.5rem;
    height: 0.33rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.35);
    font-size: .35rem;
}

.level-frame .point {
    position: absolute;
    top: 2.185rem;
    width: 1.5rem;
    height: 0.33rem;
}

.level-frame .point .blue-point {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 0.166rem;
    height: 0.166rem;
    margin-top: -0.083rem;
    margin-right: -0.6rem;
    background: #FFEE00;
    border-radius: 0.2rem;
}

.level-frame .point .point1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.33rem;
    height: 0.33rem;
    margin-top: -0.165rem;
    margin-left: -0.165rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.2rem;
}

.level-frame .point .point2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.166rem;
    height: 0.166rem;
    margin-top: -0.083rem;
    margin-left: -0.083rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.2rem;
}

.level-tips-frame {
    position: relative;
    margin-top: -0.3rem;
    left: 0.5rem;
    width: 9rem;
    height: 2rem;
}

.level-tips-frame .line-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.level-tips-frame .level-tips-icon {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    width: 0.88rem;
    height: 0.88rem;
    margin-top: -0.44rem;
}

.level-tips-frame .level-tips-text {
    position: absolute;
    top: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    color: #00FFFF;
    text-align: center;
    width: 100%;
}

.level-item {
    position: relative;
    margin-top: 0.25rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .373rem;
}

.level-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.level-item .day-bg1 {
    background: rgba(255, 255, 255, 0.04);
}

.level-item .day-bg2 {
    background: rgba(255, 255, 255, 0.15);
}

.level-item .day-bg3 {
    background: rgba(255, 255, 255, 0.08);
}

.level-item .icon {
    position: absolute;
    width: 0.66rem;
    height: 0.66rem;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.33rem;
}

.level-item .day-icon1 {
    opacity: 0.25;
}

.level-item .day-icon2 {
    opacity: 1.0;
}

.level-item .day-icon3 {
    opacity: 0.65;
}

.level-item .title {
    position: absolute;
    height: 1.34rem;
    line-height: 1.34rem;
    left: 0.78rem;
    color: #FFE400;
    font-size: .426rem;
    text-align: center;
}

.level-item .day-title1 {
    color: #FFE400;
}

.level-item .day-title2 {
    color: #FFE400;
}

.level-item .day-title3 {
    color: rgba(255, 255, 255, 0.85);
}

.level-item .line {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 1px;
    height: 0.66rem;
    right: 3rem;
    background: rgba(255, 255, 255, 0.15);
}

.level-item .right {
    position: absolute;
    top: 0;
    right: 0.6rem;
    width: 2.5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .373rem;
    text-align: right;
    color: rgba(255, 255, 255, 0.65);
}

.level-item .right:active {
    opacity: 0.45;
}

.level-item .right-title1 {
    color: rgba(255, 255, 255, 0.15);
}

.level-item .right-title4 {
    color: rgba(255, 255, 255, 0.15);
}

.level-item .right-title3 {
    color: #4FFF00;
}

.level-item .right-icon3 {
    position: absolute;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
    top: 50%;
    margin-top: -0.22rem;
}

.level-item .right-btn-frame {
    top: 0;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    right: 0.1rem;
    color: #00FFFF;
    font-size: .346rem;
}

.level-item .right-btn-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.level-item .right-rs {
    position: absolute;
    top: 0;
    left: 3.4rem;
    width: 5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .533rem;
    color: #00FFFF;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.level-item .right-rs-type1 {
    opacity: 0.25;
}

.level-item .right-rs-span1 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
    margin-right: 0.1rem;
}

.level-item .right-rs-span2 {
    color: #FFE400;
    font-size: .373rem;
    margin-right: 0.1rem;
}

.level-item .right-rs-span21 {
    color: #FFE400;
}

.level-item .right-rs-span3 {
    color: #FFE400;
    font-size: .346rem;
    margin-right: 0.1rem;
}

.level-item .right-rs-span31 {
    color: #FFE400;
    font-size: .533rem;
    font-weight: 700;
}

.rescue-card-item {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 4rem;
    line-height: 4rem;
    font-size: .373rem;
}

.rescue-card-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.rescue-card-item .title-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
}

.rescue-card-item .title-frame1 {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame2 {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame .icon {
    position: absolute;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
    opacity: 0.45;
}

.rescue-card-item .title-frame .icon2 {
    opacity: 1;
}

.rescue-card-item .title-frame .title {
    position: absolute;
    left: 1.2rem;
    height: 100%;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .title-frame .title1 {
    color: rgba(255, 255, 255, 0.85);
}

.rescue-card-item .title-frame .title2 {
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .title-frame .total {
    position: absolute;
    width: 7rem;
    top: 0px;
    right: 0.5rem;
    height: 1.3rem;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.rescue-card-item .title-frame .line {
    background: rgba(255, 255, 255, 0.15);
    width: 1px;
    height: 0.7rem;
    margin-right: 0.3rem;
}

.rescue-card-item .title-frame .name {
    font-size: 0.373rem;
    color: rgba(255, 255, 255, 0.25);
    margin-right: 0.2rem;
}

.rescue-card-item .title-frame .name1 {
    color: rgba(255, 255, 255, 0.85);
}

.rescue-card-item .title-frame .name2 {
    color: rgba(255, 255, 255, 0.85);
}

.rescue-card-item .title-frame .num {
    font-size: 0.533rem;
    color: rgb(255, 181, 127);
}

.rescue-card-item .title-frame .num1 {
    color: rgba(255, 255, 255, 0.85);
}

.rescue-card-item .title-frame .num2 {
    color: rgba(255, 255, 255, 0.85);
}

.rescue-card-item .content-frame {
    position: absolute;
    top: 1.4rem;
    left: 0px;
    width: 100%;
    height: 2.5rem;
}

.rescue-card-item .content-frame1 {
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0 0 0.44rem 0.44rem;
    overflow: hidden;
}

.rescue-card-item .content-frame2 {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0 0 0.44rem 0.44rem;
}

.rescue-card-item .content-frame-bg1 {
    opacity: 0.05;
    top: -1px;
    left: 0.5rem;
    height: 3.7rem;
}

.rescue-card-item .content-frame-bg2 {
    top: -1px;
    left: -0.4rem;
    height: 4.1rem;
    opacity: 0.05;
}

.rescue-card-item .content-frame .amount-title {
    position: absolute;
    top: 0.44rem;
    font-size: .373rem;
    text-align: left;
    left: 0.5rem;
    width: 8rem;
    line-height: 0.44rem;
    height: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .content-frame .amount-title1 {
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .content-frame .amount-title2 {
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .content-frame .amount-num {
    position: absolute;
    top: 1.1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0.7rem;
    left: 0.5rem;
}

.rescue-card-item .content-frame .amount-num .unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.373rem;
    margin-right: 0.1rem;
}

.rescue-card-item .content-frame .amount-num .unit1 {
    color: rgba(255, 255, 255, 0.65);
}

.rescue-card-item .content-frame .amount-num .unit2 {
    color: rgba(255, 255, 255, 0.45);
}

.rescue-card-item .content-frame .amount-num .amount {
    color: rgb(255, 181, 127);
    font-size: 0.533rem;
}

.rescue-card-item .content-frame .amount-num .amount1 {
    color: #FFFFFF;
}

.rescue-card-item .content-frame .amount-num .amount2 {
    color: #FFFFFF;
}

.rescue-card-item .content-frame .claim-btn {
    position: absolute;
    top: 0.6rem;
    width: 2.22rem;
    height: 1.11rem;
    right: 0.4rem;
}

.rescue-card-item .content-frame .claim-btn-disable {
    position: absolute;
    top: 0.6rem;
    width: 2.22rem;
    height: 1.11rem;
    right: 0.4rem;
}

.rescue-card-item .content-frame .claim-btn:active {
    opacity: 0.45;
}

.rescue-tips-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    background: rgba(255, 255, 255, 0.04);
    height: 1.33rem;
    overflow: hidden;
    border-radius: 0.2rem;
    margin-top: 0.5rem;
    overflow: hidden;
}

.rescue-tips-frame .line-bg {
    opacity: 0.1;
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 100%;
    height: 4rem;
}

.rescue-tips-frame .rescue-tips-icon {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    width: 0.88rem;
    height: 0.88rem;
    margin-top: -0.44rem;
}

.rescue-tips-frame .rescue-tips-text {
    position: absolute;
    top: 0;
    left: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
}

.rescue-commission-item {
    position: relative;
    margin-top: 2px;
    margin-left: 0;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
}

.rescue-commission-item .level-title {
    background: #003200 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-size: .346rem !important;
}

.rescue-commission-item .performance-title {
    background: #003200 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-size: .346rem !important;
}

.rescue-commission-item .commission-title {
    background: #003200 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-size: .346rem !important;
}

.rescue-commission-item .level {
    position: absolute;
    left: 0;
    width: 1.55rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
}

.rescue-commission-item .level2 {
    position: absolute;
    left: 0;
    width: 1.55rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
}

.rescue-commission-item .commission {
    position: absolute;
    right: 0;
    width: 3.88rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
}

.rescue-commission-item .commission2 {
    position: absolute;
    right: 0;
    width: 3.88rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
}

.rescue-commission-item .performance {
    position: absolute;
    left: 1.63rem;
    width: 3.38rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rescue-commission-item .performance2 {
    position: absolute;
    left: 1.63rem;
    width: 3.38rem;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    border-radius: 0.1rem;
    margin-right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vip-top-card {
    position: relative;
    margin-top: 0.5rem;
    left: 0;
    width: 10rem;
    height: 4.5rem;
    overflow: hidden;
    border-radius: 0.64rem;
}

.vip-top-card .top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.vip-top-card .vip-title1 {
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 10rem;
    font-size: 1.06rem;
    color: #FFEE00;
    text-align: center;
    text-shadow: 0 2px 0 #003200;
    height: 1.33rem;
    line-height: 1.33rem;
    font-weight: 700;
}

.vip-top-card .vip-title1-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.99rem;
    height: 100%;
}

.vip-top-card .vip-title1-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.99rem;
    height: 100%;
}

.vip-top-card .vip-title1-right .span1 {
    position: absolute;
    bottom: 0;
    width: 3.99rem;
    right: 0.3rem;
    text-align: right;
    line-height: 0.7rem;
    font-size: .26rem;
    color: rgb(252, 215, 161, 1);
    text-shadow: 0 0 0 transparent;
}

.vip-top-card .vip-title1-right .span2 {
    position: absolute;
    top: 0;
    width: 3.99rem;
    right: 0.3rem;
    text-align: right;
    line-height: 0.9rem;
    font-size: .533rem;
    font-weight: 700;
    color: #FFD77F;
    text-shadow: 0px 2px 0px #610097;
}

.vip-top-card .top-middle-frame {
    position: absolute;
    top: 0.85rem;
    left: 0.77rem;
    width: 8rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .346rem;
    color: #FCD7A1;
    overflow: hidden;
}

.vip-top-card .top-middle-frame .vip-top-vip1 {
    font-size: .64rem;
    font-weight: bold;
}

.vip-top-card .top-middle-frame .vip-top-vip2 {
    font-size: .64rem;
    font-weight: bold;
}

.vip-top-card .user-vip-icon {
    position: absolute;
    top: 0.9rem;
    left: 0.5rem;
    width: 1.5rem;
    /* height:2.84rem; */
    /* margin-left: -1.67rem; */
    filter: drop-shadow(0 0.2rem 0.18rem rgba(0, 0, 0, 0.35));
    -webkit-filter: drop-shadow(0 0.2rem 0.18rem rgba(0, 0, 0, 0.35));
}

.vip-top-card .vip-bottom-text1 {
    position: absolute;
    left: 0.77rem;
    bottom: 1.12rem;
    width: 8rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .426rem;
    text-align: left;
    color: #4D380F;
    font-weight: bold;
}

.vip-top-card .vip-bottom-text2 {
    position: absolute;
    left: 0.77rem;
    bottom: 0.6rem;
    width: 8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: .32rem;
    text-align: left;
    color: #4C380F;
    opacity: 0.8;
}

.vip-middle-card {
    position: relative;
    margin-top: -0.9rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.9rem;
}

.vip-middle-card .vcard-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vip-middle-card .vcard-arrow1 {
    opacity: 0.25;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.vip-middle-card .vcard-arrow2 {
    opacity: 0.65;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.vip-middle-card .vtitle1 {
    position: absolute;
    top: 0.4rem;
    left: 0.7rem;
    width: 8rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: .426rem;
    text-align: left;
    color: #F9C486;
}

.vip-middle-card .vtitle2 {
    position: absolute;
    top: 0.4rem;
    left: 0.7rem;
    width: 8rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: .426rem;
    text-align: left;
    color: #FFFFFF;
}

.vip-middle-card .vvalue1 {
    position: absolute;
    top: 1.3rem;
    left: 0.7rem;
    width: 8rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .853rem;
    font-weight: bold;
    text-align: left;
    color: rgb(252, 215, 161, 1);
}

.vip-middle-card .vvalue2 {
    position: absolute;
    top: 1.3rem;
    left: 0.7rem;
    width: 8rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .853rem;
    font-weight: bold;
    text-align: left;
    color: #FFEE00;
}

.vip-middle-card .vclaim-btn {
    position: absolute;
    top: 0;
    width: 3.3rem;
    height: 1.4rem;
    right: 0;
    text-align: center;
    line-height: 1.4rem;
    font-size: .36rem;
}

.vip-middle-card .vclaim-btn1 {
    color: rgba(255, 255, 255, 0.25);
}

.vip-middle-card .vclaim-btn2 {
    color: rgba(0, 0, 0, 0.65);
}

.vip-middle-card .vclaim-btn2:active {
    opacity: 0.45;
}

.vip-middle-card .vclaim-btn .vclaim-bg {
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 100%;
}

.vip-middle-card .vclaim-btn .vclaim-text {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.25);
}

.vip-middle-card .vclaim-btn .vclaim-text2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-weight: bold;
    color: rgba(61, 8, 101, 1);
}

.vip-middle-card-new {
    position: relative;
    margin-top: -0.9rem;
    left: 0.36rem;
    width: 9.28rem;
    height: 5.625rem;
}

.vip-middle-card-new .reward-card {
    position: absolute;
    top: 0;
    width: 2.2222rem;
    height: 4.6666rem;
}

.vip-middle-card-new .reward-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vip-middle-card-new .reward-card-value {
    position: absolute;
    top: 2.85rem;
    left: 0;
    width: 100%;
    height: 0.56rem;
    text-align: center;
    color: #FFEE00;
    font-weight: 700;
    font-size: .5rem;
}

.vip-middle-card-new .reward-card-btn {
    position: absolute;
    bottom: 0.25rem;
    left: 50%;
    margin-left: -1rem;
    width: 2rem;
    height: 0.8rem;
    transition: transform 0.1s ease-in-out;
}

.vip-middle-card-new .reward-card-btn img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.vip-middle-card-new .reward-card-btn:active {
    transform: scale(0.9);
}

.vip-middle-card-new .reward-card-day {
    left: 0rem;
    ;
}

.vip-middle-card-new .reward-card-week {
    left: 2.3526rem;
}

.vip-middle-card-new .reward-card-month {
    right: 2.3526rem;
}

.vip-middle-card-new .reward-card-up {
    right: 0;
}

.vip-bottom-card {
    position: relative;
    margin-top: 0.44rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.275rem;
    border: 1px solid transparent;
}

.vip-bottom-card .vbottom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.vip-bottom-card .vip-vipframe-curvip {
    position: relative;
    margin-top: 0.22rem;
    left: 0.22rem;
    width: 8.56rem;
    height: 1.78rem;
    overflow: hidden;
}

.vip-bottom-card .vip-vipframe-remainvip {
    position: relative;
    left: 0.22rem;
    width: 8.56rem;
    height: 1.78rem;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.vip-bottom-card .vip-vipframe-topframe {
    position: absolute;
    top: 0;
    left: 0.22rem;
    width: 8rem;
    height: 0.66rem;
    display: flex;
    align-items: flex-end;
}

.vip-bottom-card .vip-vipframe-topframe .left-title {
    position: absolute;
    left: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    text-align: left;
}

.vip-bottom-card .vip-vipframe-topframe .left-title2 {
    color: #FFFFFF !important;
    font-size: .346rem !important;
}

.vip-bottom-card .vip-vipframe-topframe .right-value {
    position: absolute;
    right: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    text-align: right;
}

.vip-bottom-card .vip-vipframe-topframe .right-value2 {
    color: #FFFFFF !important;
    font-size: .426rem !important;
}

.vip-bottom-card .vip-vipframe-middleframe {
    position: absolute;
    top: 0.78rem;
    left: 0.22rem;
    width: 8rem;
    height: 0.22rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vip-bottom-card .vip-vipframe-middleframe .total-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.22rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.14rem;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0.22rem;
    background: #6ADB36;
    border-radius: 0.14rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame2 {
    background: #FFEE00;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame-point {
    width: 0.22rem;
    height: 0.22rem;
    background: #FFFFFF;
    border-radius: 0.14rem;
}

.vip-bottom-card .vip-vipframe-bottomframe {
    position: absolute;
    top: 1.2rem;
    left: 0.22rem;
    width: 8rem;
    height: 0.44rem;
    display: flex;
    align-items: center;
}

.vip-bottom-card .vip-vipframe-bottomframe .left-title {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.45);
    font-size: .3rem;
    text-align: left;
}

.vip-bottom-card .vip-vipframe-bottomframe .right-value {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    color: #6ADB36;
    font-size: .3rem;
    text-align: right;
}

.vip-bottom-card .vip-vipframe-bottomframe .right-value2 {
    color: #FFEE00 !important;
}

.vip-bottom-card .vbottom-title {
    position: absolute;
    top: 1.6rem;
    left: 0.5rem;
    width: 8rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .373rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
}

.vip-bottom-card .vbottom-line {
    position: absolute;
    top: 2.6rem;
    left: 0.5rem;
    width: 8rem;
    height: 1px;
    background: rgba(255, 255, 255, 0);
}

.vip-bottom-card .vbottom-content {
    position: absolute;
    top: 2.9rem;
    left: 0.5rem;
    width: 8rem;
    line-height: 0.55rem;
    font-size: .34rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
}

.vbottom-content-text {
    color: rgba(255, 255, 255, 0.75);
}

.vbottom-content-text1 {
    color: #FFFFFF;
}

.vip-div-clients {
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    width: 9rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: .346rem;
}

.vip-div-clients:active {
    opacity: 0.45;
}

.vip-info-tab-frame {
    position: relative;
    margin-top: 0.66rem;
    left: 0.5rem;
    width: 9rem;
    height: 0.8rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.vip-info-tab-frame .vip-info-tab {
    position: relative;
    width: 4.5rem;
    height: 0.8rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid rgba(70, 70, 70, 0.15) !important;
    font-weight: 700;
}

.vip-info-tab-frame .vip-info-tab-checked {
    color: #FFEE00 !important;
    border-bottom: 2px solid #FFEE00 !important;
}

.vip-info-title-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    line-height: 0.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 0.5rem;
    height: 1.1rem;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.26rem 0.26rem 0 0;
}

.vip-info-title {
    position: absolute;
    color: rgba(255, 255, 255, 1);
    font-size: .29rem;
    text-align: center;
    width: 1.8rem;
    height: 1.1rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 0.4rem;
}

.vip-rules-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    background: #FFFFFF;
    border-radius: 0 0 0.22rem 0.22rem;
    overflow: hidden;
}

.vip-item-frame {
    position: relative;
    margin-top: 1px;
    left: 0;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.65);
}

.vip-item-frame2 {
    position: relative;
    margin-top: 1px;
    left: 0;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
}

.vip-info-frame11 {
    position: absolute;
    left: -0.02rem;
    height: 100%;
    width: 1.8rem;
    color: #F8CD42;
    font-size: .34rem;
}

.vip-info-frame12 {
    position: absolute;
    left: -0.02rem;
    height: 100%;
    width: 1.8rem;
    color: #F8CD42;
    font-size: .34rem;
}

.vip-info-frame11 img {
    position: absolute;
    height: 0.55rem;
    width: 0.66rem;
    left: 0.1rem;
    top: 50%;
    margin-top: -0.275rem;
}

.vip-info-frame12 img {
    position: absolute;
    height: 0.55rem;
    width: 0.66rem;
    left: 0.1rem;
    top: 50%;
    margin-top: -0.275rem;
}

.vip-info-frame11 span {
    position: absolute;
    text-align: left;
    left: 0.5rem;
}

.vip-info-frame12 span {
    position: absolute;
    text-align: left;
    left: 0.5rem;
}

.vip-info-frame21 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 2rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame22 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 2rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame31 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame32 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame41 {
    position: absolute;
    left: 4.2rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame42 {
    position: absolute;
    left: 4.2rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame51 {
    position: absolute;
    left: 6.6rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame52 {
    position: absolute;
    left: 6.6rem;
    height: 100%;
    width: 2.4rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame61 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 3.6rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame62 {
    position: absolute;
    left: 1.8rem;
    height: 100%;
    width: 3.6rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame71 {
    position: absolute;
    left: 5.2rem;
    height: 100%;
    width: 3.6rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.vip-info-frame72 {
    position: absolute;
    left: 5.2rem;
    height: 100%;
    width: 3.6rem;
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.weekb-top-card {
    position: relative;
    width: 10rem;
    height: 4.5rem;
    margin-top: 5.5rem;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.weekb-top-card .top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.weekb-top-card .top-time-frame {
    position: relative;
    top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weekb-top-card .top-time-frame-content {
    position: relative;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    display: inline-flex;
    padding: 8px 16px;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.weekb-top-card .top-time-frame-content .daytitle {
    color: rgba(255, 255, 255, 0.45);
}

.weekb-top-card .top-time-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.weekb-top-card .top-time-frame-title1 {
    position: relative;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.45);
}

.weekb-top-card .top-time-frame-title2 {
    position: relative;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.45);
}

.weekb-content-frame {
    position: relative;
    margin-top: 0.25rem;
    left: 0.5rem;
    width: 9rem;
    height: 6.75rem;
    overflow: hidden;
    /* border: 0.5px solid rgba(255, 255, 255, 0.30);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); */
}

.weekb-content-frame .wbg-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.weekb-content-frame .wbg-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.weekb-top-card .wframe-top {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
}

.weekb-top-card .frame-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.5rem;
    width: 0.66rem;
    height: 0.66rem;
}

.weekb-top-card .wframe-top-icon {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.weekb-top-card .wframe-top-title {
    position: absolute;
    top: 0;
    left: 1.3rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    width: 6rem;
    line-height: 1rem;
    height: 1rem;
}

.weekb-top-card .wframe-top-value {
    position: absolute;
    right: 0.5rem;
    text-align: right;
}

.weekb-top-card .wframe-top-value .span1 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .346rem;
}

.weekb-top-card .wframe-top-value .span2 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
}

.weekb-top-card .wframe-toploss {
    position: relative;
    margin-top: -0.1rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.weekb-top-card .wframe-toploss-icon {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.weekb-top-card .wframe-toploss-title {
    position: absolute;
    left: 1.3rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
}

.weekb-top-card .wframe-toploss-value {
    position: absolute;
    right: 0.5rem;
    text-align: right;
}

.weekb-top-card .wframe-toploss-value .span1 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .346rem;
}

.weekb-top-card .wframe-toploss-value .span2 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .346rem;
}

.weekb-content-frame .wicon-middle {
    position: relative;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: -0.555rem;
    width: 1.11rem;
}

.weekb-content-frame .wtime-title-frame {
    position: relative;
    margin-top: 0.426rem;
    left: 0.5rem;
    width: 8rem;
    line-height: 0.4rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    text-align: center;
}

.weekb-content-frame .wtime-title-frame .wtext1 {
    font-weight: bold;
    color: #BB0086;
}

.weekb-content-frame .wtime-frame {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 9rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.weekb-content-frame .wtime-frame-icon {
    position: relative;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
}

.weekb-content-frame .wtime-frame-clock {
    margin-right: 0.1rem;
    opacity: 0.45;
    width: 0.44rem;
    height: 0.44rem;
}

.weekb-content-frame .wfun-title {
    position: relative;
    margin-top: 0.15rem;
    left: 0;
    width: 9rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .373rem;
    text-align: center;
}

.weekb-content-frame .wfun-value {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 9rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
}

.weekb-content-frame .wfun-value-text1 {
    position: relative;
    top: -0.04rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
}

.weekb-content-frame .wfun-value-text2 {
    position: relative;
    color: rgba(255, 255, 255, 0.65);
    font-size: .5rem;
}

.weekb-content-frame .wfun-value-text3 {
    position: relative;
    color: #FFEE00;
    font-size: .5rem;
    font-weight: 700;
}

.weekb-content-frame .wfun-claim-enable {
    position: relative;
    margin-top: 0.2rem;
    width: 3.33rem;
    height: 1.33rem;
    left: 50%;
    margin-left: -1.665rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: .36rem;
    color: rgba(0, 0, 0, 0.65);
}

.weekb-content-frame .wfun-claim-enable .text-span {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.weekb-content-frame .wfun-claim-disable {
    position: relative;
    margin-top: 0.2rem;
    width: 3.33rem;
    height: 1.33rem;
    left: 50%;
    margin-left: -1.665rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: .36rem;
    color: rgba(0, 0, 0, 0.65);
}

.weekb-content-frame .wfun-claim-disable .text-span {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-weight: bold;
    color: #FFF;
}

.weekb-content-frame .wfun-claim-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.weekb-content-frame .wfun-claim-icon-disable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.weekb-item-title {
    position: relative;
    left: 0;
    width: 9rem;
    line-height: 0.88rem;
    font-size: .373rem;
    color: #FFFFFF;
    margin-top: 0;
    height: 0.88rem;
}

.weekb-info-title {
    position: absolute;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: .32rem;
    text-align: center;
    width: 4.48rem;
    height: 0.88rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 0.88rem;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
    /* border-radius: 0.22rem; */
}

.weekb-item-frame {
    position: relative;
    left: 0;
    width: 9rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 1);
}

.weekb-info-frame21 {
    position: absolute;
    left: 0;
    height: 100%;
    width: 4.48rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.weekb-info-frame22 {
    position: absolute;
    left: 0;
    height: 100%;
    width: 4.48rem;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.weekb-info-frame31 {
    position: absolute;
    left: 4.5rem;
    height: 100%;
    width: 4.48rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.weekb-info-frame32 {
    position: absolute;
    left: 4.5rem;
    height: 100%;
    width: 4.48rem;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 1);
    font-size: .346rem;
    text-align: center;
}

.signup-top-frame {
    position: relative;
    top: 1rem;
    height: 5.5rem;
}

.signup-top-frame img {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    left: 50%;
    margin-left: -1.05rem;
    border-radius: 0.2rem;
}

.signup-top-frame span {
    position: absolute;
    top: 2.5rem;
    left: 0.5rem;
    width: 9rem;
    font-size: .533rem;
    text-align: center;
    word-break: break-all;
    color: rgba(255, 255, 255, 1);
}

.signup-item {
    position: relative;
    width: 8.2rem;
    height: 1.11rem;
    left: 50%;
    margin-left: -4.1rem;
    border-radius: 0.5rem;
}

.signup-reg18-item {
    position: relative;
    margin-top: 0.05rem;
    width: 8.2rem;
    /* height: 0.55rem; */
    left: 50%;
    margin-left: -4.1rem;
    margin-bottom: -0.2rem;
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.signup-reg18-item .reg18-icon {
    position: relative;
    width: 0.55rem;
    height: 0.55rem;
}

.signup-reg18-item .reg18-icon-img {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.signup-reg18-item .reg18-text {
    position: relative;
    margin-top: 0.05rem;
    margin-left: 0.15rem;
    width: 8rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
    line-height: 0.426rem;
}

.signup-reg18-item .reg18-text-light {
    color: #007AFF;
}

.signup-item .icon-brazil {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.3rem;
    width: 0.66rem;
    height: 0.66rem;
}

.signup-item .icon-cpf {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.3rem;
    width: 0.66rem;
    height: 0.66rem;
}

.login-item .icon-brazil {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.3rem;
    width: 0.66rem;
    height: 0.66rem;
}

.signup-item .input {
    position: absolute;
    border: none;
    top: 0.09rem;
    height: 1rem;
    line-height: 1rem;
    left: 1.38rem;
    width: 5rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
}

.login-item .text-bzphone {
    left: 1.1rem;
    font-family: monospace;
    color: #A3A3A3;
}

.login-item .text-bzphone-line {
    position: absolute;
    top: 50%;
    margin-top: -0.18rem;
    left: 1.9rem;
    width: 1px;
    height: 0.4rem;
    background: #CCCCCC;
}

.signup-item .text-bzphone {
    left: 1.1rem;
    font-family: monospace;
    color: #A3A3A3;
}

.signup-item .text-bzphone-line {
    position: absolute;
    top: 50%;
    margin-top: -0.18rem;
    left: 1.9rem;
    width: 1px;
    height: 0.4rem;
    background: #CCCCCC;
}

.signup-item-input {
    font-family: monospace;
    color: #FFFFFF;
}

.signup-item-error {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    text-align: left;
    border-radius: 0.22rem;
    width: 8rem;
    left: 50%;
    margin-left: -4rem;
    /* background: rgba(224,0,0,0.45); */
    padding: 0.1rem 0.1rem;
    color: #E00000;
}

.reg-item-tips {
    position: relative;
    line-height: 0.55rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(255, 255, 255, 0.08);
    text-align: left;
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    width: 6.3rem;
    left: 50%;
    margin-top: 0.2rem;
    margin-bottom: -0.1rem;
    margin-left: -3.65rem;
    padding-top: 0.2rem;
    padding-left: 1rem;
    padding-bottom: 0.2rem;
}

.reg-item-tips .reg-tips-icon {
    opacity: 0.45;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    width: 0.5rem;
    height: 0.5rem;
}

.signup-item-line {
    position: relative;
    height: 0.22rem;
}

.signup-item .icon {
    position: absolute;
    width: 0.54rem;
    height: 0.54rem;
    left: 0.426rem;
    top: 50%;
    margin-top: -0.27rem;
}

.signup-item .iconsee {
    position: absolute;
    width: 0.54rem;
    height: 0.54rem;
    right: 0.426rem;
    top: 50%;
    margin-top: -0.38rem;
    opacity: 1;
    border-radius: 0.6rem;
    padding: 0.14rem;
    /* background: rgba(0,0,0,0.35); */
}

.topup-top-title {
    position: relative;
    height: 1.6rem;
}

.topup-top-title-pig {
    border-radius: 0.44rem;
    background-image: linear-gradient(135deg, rgb(254, 252, 225) 0%, rgb(218, 141, 78) 100%);
    margin-top: 0.6rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.44rem;
}

.topup-top-middle-frame {
    border-radius: 0.2rem 0 0 0.2rem;
    position: absolute;
    top: 2.4rem;
    left: 0.5rem;
    width: 8.5rem;
    height: 1.55rem;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.topup-top-title .ttop-title {
    position: absolute;
    top: 0.55rem;
    left: 0.5rem;
    color: #78340F;
    font-size: .48rem;
    font-weight: bold;
}

.topup-top-title .ttop-value1 {
    position: absolute;
    top: 1.15rem;
    width: 5.7rem;
    line-height: 0.42rem;
    left: 0.5rem;
    color: #78340F;
    font-size: .33rem;
}

.topup-top-title .ttop-value2 {
    position: absolute;
    top: 1.35rem;
    width: 5.8rem;
    line-height: 0.42rem;
    left: 0.5rem;
    color: #78340F;
    font-size: .346rem;
}

.topup-top-middle-value {
    position: absolute;
    top: 2.4rem;
    left: 0.8rem;
    width: 6rem;
    height: 1.55rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topup-top-title span {
    position: absolute;
    left: 0.5rem;
    top: 0;
    font-size: .426rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.65);
}

.topup-top-middle-value .tunit {
    position: unset;
    top: unset;
    left: unset;
    color: #78340F;
    font-size: .426rem;
    text-align: center;
    margin-top: 0.5rem;
}

.topup-top-middle-value .tnum {
    position: unset;
    top: unset;
    left: unset;
    color: #78340F;
    font-size: 1.28rem;
    font-weight: bold;
}

.topup-top-middle-value .coin-icon {
    position: unset;
    top: unset;
    left: unset;
    margin-top: 0.6rem;
    margin-left: 0.1rem;
    opacity: 0.65;
    width: 0.44rem;
    height: 0.44rem;
}

.topup-top-title .tright-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.4rem;
    height: 4.4rem;
}

.wallet-page-topup {
    position: relative;
    margin-top: 0.2rem;
    left: 0;
    width: 10rem;
    overflow-x: hidden;
    overflow-y: scroll;
    /* background: #3B3466;
  border-radius: 0.88rem 0.88rem 0 0; */
}

.wallet-page-refund {
    position: relative;
    margin-top: 0.2rem;
    left: 0;
    width: 10rem;
    overflow-x: hidden;
    overflow-y: scroll;
    /* background: #3B3466;
  border-radius: 0.88rem 0.88rem 0 0; */
}

.topup-top-title-banner {
    border-radius: 0.22rem;
    margin-top: 0.5rem;
    left: 0.1rem;
    width: 9rem;
    height: 2.22rem;
}

.topup-top-title-banner-line {
    position: relative;
    left: 0;
    width: 10rem;
    height: 0.5px;
    background: rgba(255, 255, 255, 0.25);
}

.topup-pay-title {
    position: absolute;
    top: 0.3rem;
    left: 0.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
}

.topup-pay-item {
    position: relative;
    display: inline-block;
    top: 0;
    margin-right: 0.26rem;
    height: 0.88rem;
    line-height: 0.88rem;
    width: 2.22rem;
    border-radius: 0.22rem;
    /* overflow: hidden; */
}

.topup-pay-item .pitem1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 0.88rem;
    text-align: center;
    background: #018E00;
    color: #FFEE00;
    font-size: .346rem;
    border-radius: 0.22rem;
}

.topup-pay-item .pitem2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 0.88rem;
    text-align: center;
    background: #003200;
    border: 1px solid #018E00;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    border-radius: 0.22rem;
}

.topup-bottom-bonustips {
    position: relative;
    margin-top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.4rem;
    overflow: hidden;
    border-radius: 0.22rem;
}

.topup-bottom-bonustips .icon {
    position: absolute;
    left: 0.2rem;
    top: 50%;
    margin-top: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
}

.topup-bottom-bonustips .text {
    position: absolute;
    top: 0;
    left: 2.2rem;
    width: 6.2rem;
    height: 1.4rem;
    color: #FFFFFF;
    font-size: .32rem;
    line-height: .426rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topup-float-tips {
    z-index: 10;
    position: absolute;
    top: 2.9rem;
    width: 4rem;
    height: 1.5rem;
    right: 0.1rem;
    font-size: 0.3rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
}

.topup-float-tips .img {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topup-float-tips .span1 {
    z-index: 10;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    width: 3.65rem;
    height: 100%;
}

.topup-float-tips .span2 {
    z-index: 10;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    width: 3.65rem;
    height: 100%;
}

.topup-top-banner-img {
    width: 9rem;
    height: 1.73rem;
    border-radius: 0.533rem;
    object-fit: cover;
}

.topup-top-tips {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: .373rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    border-radius: 0.22rem;
}

.topup-top-normaltips {
    position: absolute;
    top: 0;
    left: 0.5rem;
    font-size: .373rem;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.45);
    border-radius: 0.22rem;
    width: 8.6rem;
    padding-left: 0.3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    justify-content: flex-start;
}

.topup-top-normaltips img {
    filter: invert(100%);
}

.topup-top-tips-icon {
    opacity: 0.65;
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.topup-top-rechargetips {
    position: relative;
    margin-top: 0.44rem;
    margin-bottom: 0.44rem;
    left: 0.5rem;
    width: 9rem;
    font-size: .346rem;
    line-height: .46rem;
    color: #FFFFFF;
    font-weight: 400;
    text-align: left;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.topup-firstbonus-select {
    position: relative;
    display: flex;
    align-items: center;
    left: 0.5rem;
    width: 8.5rem;
    padding: 0.2rem 0.32rem 0.2rem 0.2rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    border-radius: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0.1rem;
    margin-top: 0.3rem;
    background: transparent;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.04);
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem;
}

.topup-firstbonus-select .fs-icon {
    flex-shrink: 0;
    margin-right: 0.2rem;
    width: 0.44rem;
    height: 0.44rem;
    margin-left: 0.1rem;
    margin-top: 0;
}

.topup-firstbonus-select .fs-content {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.topup-firstbonus-select .fs-title {
    text-align: left;
    color: #FFAF00;
    font-size: .373rem;
    font-weight: 700;
    line-height: .426rem;
}

.topup-firstbonus-select .fs-tips {
    margin-top: 0.1rem;
    text-align: left;
    font-size: .32rem;
    line-height: .373rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

.topup-firstbonus-select .fs-tips-bonus {
    font-size: .32rem;
    line-height: .373rem;
    font-weight: 700;
    color: #FFEE00;
}

.topup-bonus-select {
    position: relative;
    margin-top: 0.6rem;
    left: 0.5rem;
    width: 8.36rem;
    padding: 0.32rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 0.32rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
}

.topup-bonus-select-top {
    position: relative;
    left: 0.5rem;
    width: 8.36rem;
    padding: 0.2rem 0.32rem 0.2rem 0.2rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    border-radius: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0.1rem;
    margin-top: 0.3rem;
    background: transparent;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.04);
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem;
}

.topup-bonus-select .textframe {
    flex-grow: 1;
    text-align: left;
}

.topup-bonus-select .textframe .p1 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    font-weight: 400;
}

.topup-bonus-select .textframe .p2 {
    margin-top: 0.26rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
}

.topup-signup-item {
    position: relative;
    width: 8.9rem;
    height: 1.369rem;
    line-height: 1.369rem;
    left: 50%;
    margin-left: -4.45rem;
    border-radius: 0.22rem !important;
}

.topup-signup-item .title {
    position: absolute;
    left: 1.1rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.topup-signup-item .title-unit {
    left: 0.35rem;
    font-size: .427rem;
    font-weight: bold;
}

.topup-signup-item .unit {
    position: absolute;
    right: 0.3rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.45);
}

.topup-signup-item .title-num {
    color: rgba(255, 255, 255, 0.85);
}

.topup-signup-item .clear {
    position: absolute;
    right: 0.4rem;
    height: 1.3rem;
    width: 1rem;
}

.topup-signup-item .clear img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    opacity: 1;
    filter: invert(100%);
}

.signup-item-normal-topup {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
    border-radius: 0.22rem;
}

.topup-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    width: 9.4rem;
    height: 3.5rem;
    line-height: 1rem;
    left: 50%;
    margin-left: -4.5rem;
}

.topup-item .item {
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
    width: 2.86rem;
    height: 1rem;
    border-radius: 0.22rem;
    color: rgba(255, 255, 255, 0.85);
    background: #004900;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    text-align: center;
    font-size: .373rem;
    overflow: hidden;
    position: relative;
}

.topup-item .item .item-type1 {
    text-align: left;
    background: #FF410A;
    border-radius: 0px 0px 0.22rem 0;
    color: #FFFFFF;
    font-size: 8px;
    display: inline-flex;
    padding: 1px 1px 0 10px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    line-height: 0.3rem;
}

.topup-item .item .item-type2 {
    text-align: left;
    background: #FF410A;
    border-radius: 0px 0px 0.22rem 0;
    color: #FFFFFF;
    font-size: 8px;
    display: inline-flex;
    padding: 1px 1px 0 10px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    line-height: 0.3rem;
}

.topup-item .item .item-span {
    position: relative;
    top: 0.5rem;
    margin-left: 0.2rem;
}

.topup-item .item-checked {
    font-weight: bold;
    border: 0px solid transparent;
    background: #018E00;
    color: #FFEE00;
}

.topup-signup-item .input {
    position: absolute;
    border: none;
    top: 0.05rem;
    height: 1.2rem;
    line-height: 1.2rem;
    left: 1.2rem;
    width: 6.6rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.85);
    font-size: .426rem;
    font-weight: 700;
}

.topup-signup-item .input-normal {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 1.2rem;
    width: 3.3rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: #FFFFFF;
    font-size: .426rem;
    font-weight: 700;
}

.topup-signup-item .icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
}

.topup-bouns-card {
    position: relative;
    width: 10rem;
    height: 3.75rem;
}

.topup-bouns-card .topup-bouns-content {
    position: absolute;
    width: 9rem;
    left: 0.5rem;
    top: 0.6rem;
    height: 3.15rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bg {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
}

.topup-bouns-card .topup-bouns-content .tcard-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 9rem;
    height: 2.45rem;
    display: flex;
    box-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

.topup-bouns-card .topup-bouns-content .tcard-top-span1 {
    margin-left: -0.6rem;
    width: 5.5rem;
    line-height: 0.5rem;
    word-wrap: break-word;
    font-weight: bold;
    display: flex;
    box-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: left;
    height: 2.45rem;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.65);
}

.topup-bouns-card .topup-bouns-content .tcard-top-span2 {
    margin-right: -1rem;
    width: 3rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    ;
    font-size: .75rem;
    font-weight: bold;
    height: 2.45rem;
    line-height: 2.45rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: .32rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text1 {
    position: absolute;
    left: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text2 {
    position: absolute;
    right: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text3 {
    color: rgba(255, 255, 255, 0.85);
    ;
    margin-right: 0.5rem;
}

.topup-bonus-select .ticon-enable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.topup-bonus-select .ticon-disable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.topup-bonus-select .tbicon-enable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.topup-bonus-select .tbicon-disable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.topup-bonus-select-top .ticon-enable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    margin-top: 0;
}

.topup-bonus-select-top .ticon-disable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    margin-top: 0;
    opacity: 0.85;
}

.topup-bonus-select-top .tbicon-enable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    margin-top: 0;
}

.topup-bonus-select-top .tbicon-disable {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    margin-top: 0;
}

.topup-bonus-select-top .tipsframe {
    position: absolute;
    right: 0.2rem;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.08);
}

.topup-bonus-select-top .tipsframe-img {
    opacity: 0.65;
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.tuprofile-top-card {
    position: relative;
    height: 3rem;
}

.tuprofile-top-card span {
    position: absolute;
    left: 0.5rem;
    top: 0;
    font-size: .426rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.65);
}

.tuprofile-top-card .tupbg {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 3rem;
    line-height: 0.72rem;
    overflow: hidden;
    border-radius: 0.2rem;
    overflow: hidden;
}

.tuprofile-top-card .tupbg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3rem;
}

.tuprofile-top-card .tup-top {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
    text-align: left;
    font-size: .6rem;
}

.tuprofile-top-card .tup-top-img {
    opacity: 0.65;
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.tuprofile-top-card .tup-top-span {
    position: absolute;
    left: 1.1rem;
    top: 0.1rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.tuprofile-top-card .tup-bottom {
    position: absolute;
    top: 1rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.7rem;
    text-align: left;
    font-size: .6rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #FFFFFF;
}

.tuprofile-top-card .tup-bottom-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .64rem;
}

.tuprofile-top-card .tup-bottom-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .853rem;
}

.tuprofile-tips {
    position: relative;
    margin-top: 0.66rem;
    left: 0.66rem;
    width: 8.68rem;
    background: rgba(255, 255, 255, 0.08);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
}

.tuprofile-tips .tips-text {
    position: relative;
    width: 7.9rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    line-height: .48rem;
}

.tuprofile-bonustips {
    position: relative;
    margin-top: 0.66rem;
    margin-bottom: -0.44rem;
    left: 0.66rem;
    width: 8.68rem;
    background: rgba(255, 255, 255, 0.08);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
}

.tuprofile-bonustips .bonustips-content {
    position: relative;
    width: 7.9rem;
    height: 1rem;
    color: #464646;
    font-size: .32rem;
    line-height: .48rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tuprofile-bonustips .bonustips-content-icon {
    position: relative;
    width: 0.88rem;
    height: 0.88rem;
    margin-right: 0.22rem;
}

.tuprofile-bonustips .bonustips-content-text {
    position: relative;
    width: 6.8rem;
    color: #FFFFFF;
    font-weight: 400;
    line-height: .5rem;
    font-size: .346rem;
}

.tuprofile-bonustips .bonustips-content-value {
    color: #6ADB36;
}

.tuprofile-type-item {
    position: relative;
    left: 0.8rem;
    width: 8.4rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tuprofile-type-item .line {
    position: absolute;
    left: 4.2rem;
    height: 0.6rem;
    top: 0.35rem;
    width: 1px;
    background: rgba(255, 255, 255, 0.15);
}

.tuprofile-type-item .logo {
    position: absolute;
    left: 0.8rem;
    width: 2.2456rem;
    height: 0.8rem;
    top: 50%;
    margin-top: -0.4rem;
}

.tuprofile-type-item .name {
    position: absolute;
    top: 0;
    left: 4.2rem;
    width: 4.2rem;
    height: 1.3rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    text-align: center;
}

.signup-item-error-tp {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    color: #E00000;
    text-align: left;
    border-radius: 0.1rem;
    width: 8.6rem;
    left: 50%;
    margin-left: -4.3rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.tup-profile {
    position: relative;
    width: 8.68rem;
    left: 50%;
    margin-left: -4.34rem;
    margin-top: 0.3rem;
}

.tup-profile .title {
    position: relative;
    height: 0.7rem;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
}

.tuprofile-item .input {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 6.2rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: #FFFFFF;
}

.tuprofile-item .input-disabled {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 6.2rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: #FFFFFF;
}

.tuprofile-item .icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
    opacity: 0.45;
    filter: invert(100%);
}

.tuprofile-item .icon-focus {
    opacity: 1.0;
}

.tuprofile-item {
    position: relative;
    width: 8.68rem;
    height: 1.3rem;
    line-height: 1.3rem;
    left: 50%;
    margin-left: -4.34rem;
    border-radius: 0.22rem;
}

.tuprofile-item .title {
    position: absolute;
    left: 1.1rem;
    font-size: .373rem;
    color: #BB4E00;
}

.tuprofile-item .unit {
    position: absolute;
    right: 0.3rem;
    font-size: .373rem;
    color: #BB4E00;
}

.tuprofile-item .clear {
    position: absolute;
    right: 0.9rem;
    height: 1.3rem;
    width: 1rem;
}

.tuprofile-item .clear img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    opacity: 1;
    filter: invert(100%);
}

.reward-list-top {
    position: relative;
    margin-top: .7rem;
    left: .5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: .5rem .5rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reward-list-top img {
    position: absolute;
    left: 0.5rem;
    width: 0.55rem;
    height: 0.55rem;
    top: 0.3rem;
}

.reward-list-top span {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    position: absolute;
    left: 1.3rem;
}

.reward-item-title {
    position: relative;
    margin-top: 1px;
    left: 0.5rem;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
}

.reward-item-title .title1 {
    position: absolute;
    left: 0;
    width: 3.7rem;
    text-align: center;
}

.reward-item-title .title2 {
    position: absolute;
    left: 3.7rem;
    width: 2.6rem;
    text-align: center;
}

.reward-item-title .title3 {
    position: absolute;
    right: 0;
    width: 2.7rem;
    text-align: center;
}

.reward-item-title .line1 {
    position: absolute;
    left: 3.4rem;
    width: 1px;
    top: 20%;
    height: 60%;
    background: rgba(255, 255, 255, 0.15);
}

.reward-item-title .line2 {
    position: absolute;
    right: 2.7rem;
    width: 1px;
    top: 20%;
    height: 60%;
    background: rgba(255, 255, 255, 0.15);
}

.reward-item {
    position: relative;
    margin-top: 1px;
    left: 0;
    width: 9rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.65);
}

.reward-item2 {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
}

.reward-item .left {
    position: absolute;
    width: 3.7rem;
    height: 100%;
    text-align: center;
}

.reward-item .middle {
    position: absolute;
    left: 3.9rem;
    width: 2.4rem;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

.reward-item .right {
    position: absolute;
    right: 0;
    width: 2.7rem;
    height: 100%;
    text-align: center;
}

.withdr-top-title {
    position: relative;
    margin-top: 0.6rem;
    height: 2.2rem;
}

.withdr-top-title .tips {
    position: absolute;
    left: 1rem;
    width: 8rem;
    line-height: 0.6rem;
    top: 0;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

.withdr-top-title .amount {
    position: absolute;
    left: 1rem;
    width: 8rem;
    height: 1rem;
    font-size: .533rem;
    top: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
}

.withdr-top-title .icon-nofree {
    opacity: 1;
}

.withdr-top-title .icon-free {
    opacity: 1;
}

.withdr-top-title .line {
    position: absolute;
    background: rgba(255, 255, 255, 0.15);
    width: 8rem;
    height: 1px;
    left: 1rem;
    bottom: 0;
}

.withdr-top-title .amount .icon {
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.2rem;
}

.withdr-top-title .amount .value {
    color: #FFEE00;
    font-size: 1rem;
    font-weight: 400;
}

.withdr-top-title .amount .unit {
    position: absolute;
    right: 0.3rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
}

.withdr-input-title {
    position: relative;
    margin-top: 0.533rem;
    left: 0.6rem;
    width: 9rem;
    color: rgba(255, 255, 255, 0.80);
    font-size: 0.373rem;
    font-weight: 400;
}

.withdr-signup-item {
    position: relative;
    margin-top: 0.7rem;
    width: 9rem;
    height: 1.3rem;
    line-height: 1.3rem;
    left: 50%;
    margin-left: -4.5rem;
    border-radius: 0.22rem;
}

.withdr-signup-item .title {
    position: absolute;
    left: 1.1rem;
    font-size: .373rem;
    color: #f9c486;
}

.withdr-signup-item .unit {
    position: absolute;
    left: 0.426rem;
    font-size: .373rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.65);
}

.withdr-signup-item .clear {
    position: absolute;
    right: 0.3rem;
    height: 1.3rem;
    width: 1rem;
}

.withdr-signup-item .clear img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    filter: invert(100%);
}

.withdr-item-tips {
    position: relative;
    margin-top: 0.2rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    text-align: center;
    border-radius: 0.22rem;
    width: 9rem;
    left: 50%;
    margin-left: -4.5rem;
}

.withdr-item-tips .icon {
    position: absolute;
    left: 0.3rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.2rem;
    opacity: 0.45;
}

.withdr-item-tips .text {
    position: relative;
    left: 1rem;
    text-align: left;
    line-height: 0.5rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    width: 7.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.withdr-signup-item .input {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 1.2rem;
    width: 5.6rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem
}

.withdr-signup-item .input-normal {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 2.7rem;
    width: 3.3rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
}

.withdr-signup-item .input-normal-disable {
    opacity: 0.45;
}

.withdr-signup-item .icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
}

.withpf-top-title {
    position: relative;
    margin-top: 0.6rem;
    height: 1.5rem;
}

.withpf-top-title .tips {
    position: absolute;
    left: 0.5rem;
    width: 9rem;
    line-height: 0.6rem;
    top: 0;
    font-size: .373rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

.withpf-top-title .amount {
    position: absolute;
    left: 1rem;
    width: 8rem;
    height: 1.1rem;
    font-size: .533rem;
    top: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
}

.withpf-top-title .line {
    position: absolute;
    background: rgba(255, 255, 255, 0.15);
    width: 8rem;
    height: 1px;
    left: 1rem;
    bottom: 0;
}

.withpf-top-title .amount .icon {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.2rem;
}

.withpf-top-title .amount .title {
    position: absolute;
    left: 0.8rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
}

.withpf-top-title .amount .value {
    color: #FFEE00;
    font-size: 1rem;
    font-weight: 700;
}

.withpf-top-title .amount .unit {
    position: absolute;
    right: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: .373rem;
}

.withpf-content-frame {
    position: relative;
    margin-top: 0.8rem;
    left: 0;
    width: 10rem;
    border-radius: 0.8rem 0.8rem 0px 0px;
    border: 0.5px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    overflow-x: hidden;
    overflow-y: scroll;
}

.withpf-profile {
    position: relative;
    width: 9rem;
    left: 50%;
    margin-left: -4.5rem;
    margin-top: 0.3rem;
}

.withpf-profile .title {
    position: relative;
    height: 0.7rem;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .373rem;
}

.withpf-profile-bottomtips {
    position: relative;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: .32rem;
    line-height: 0.45rem;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.withpf-profile-item {
    position: relative;
    width: 9rem;
    height: 1.384rem;
    line-height: 1.384rem;
    left: 50%;
    margin-left: -4.5rem;
    border-radius: 0.22rem;
}

.withpf-profile-item .type-item {
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 2.08rem;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: .346rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    background: #003200;
    border: 1px solid #018E00;
    border-radius: 0.22rem;
    font-weight: 700;
    margin-right: 0.12rem;
}

.withpf-profile-item .type-item-checked {
    background: #018E00;
    color: #FFEE00;
}

.withpf-profile-item .title {
    position: absolute;
    left: 1.1rem;
    font-size: .373rem;
    color: #BB4E00;
}

.withpf-profile-item .unit {
    position: absolute;
    right: 0.3rem;
    font-size: .373rem;
    color: #BB4E00;
}

.withpf-profile-item .clear {
    position: absolute;
    right: 0.3rem;
    height: 1.3rem;
    width: 1rem;
}

.withpf-profile-item .clear img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    opacity: 1;
    filter: invert(100%);
}

.signup-item-error-wd {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    text-align: left;
    border-radius: 0.1rem;
    width: 9rem;
    left: 50%;
    margin-left: -4.5rem;
    z-index: 99;
    padding: 0.1rem 0.1rem;
    /* background: rgba(224,0,0,0.45); */
    color: #E00000;
    border-radius: 0.22rem;
}

.signup-item-tips-wd {
    position: relative;
    line-height: 0.44rem;
    font-size: .33rem;
    text-align: left;
    width: 9rem;
    left: 50%;
    margin-left: -4.5rem;
    z-index: 99;
    padding: 0.1rem 0.1rem;
    color: rgba(255, 255, 255, 0.45);
}

.withpf-profile-item .input {
    position: absolute;
    border: none;
    top: 0.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    left: 0.5rem;
    width: 7rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: #FFFFFF;
}

.withpf-profile-item .input-disabled {
    position: absolute;
    border: none;
    top: 0.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    left: 0.5rem;
    width: 5.7rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.65);
}

.withpf-profile-item .input:disabled {
    color: rgba(255, 255, 255, 0.65);
    -webkit-opacity: 1;
    opacity: 1 !important;
}

.withpf-profile-item .icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
    opacity: 0.45;
}

.withpf-profile-item .icon-focus {
    opacity: 1.0;
}

.anim-right2left {
    animation: SDslideRightToLeft 0.3s ease-out forwards;
}

.anim-left2right {
    animation: SDslideLeftToRight 0.3s ease-out forwards;
}

.anim-right2left2 {
    animation: SDslideRightToLeft2 0.3s ease-out forwards;
}

.anim-left2right2 {
    animation: SDslideLeftToRight2 0.3s ease-out forwards;
}

@keyframes SDslideRightToLeft2 {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes SDslideRightToLeft2 {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes SDslideLeftToRight2 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

@-webkit-keyframes SDslideLeftToRight2 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

.input-recode {
    position: absolute;
    top: 9.8rem;
    left: 1.85rem;
    width: 6.6rem;
    height: 1.34rem;
    line-height: 1.34rem;
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid #F39A4F;
    border-radius: 0.1rem;
}

.input-recode-active {
    position: absolute;
    top: 9.8rem;
    left: 1.85rem;
    width: 6.6rem;
    height: 1.34rem;
    line-height: 1.34rem;
    background: #FFFFFF;
    border: 1px solid #D17836;
    border-radius: 0.1rem;
}

#home {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #001A00;
}

#home .user-copy {
    position: absolute;
    top: 1.3rem;
    left: 4.47rem;
    width: 0.66rem;
    height: 0.66rem;
    line-height: 0.66rem;
    border-radius: 0.35rem;
    background: rgba(0, 0, 0, 0.04);
}

#home .user-copy:active {
    background: #FFFFFF;
}

#home .app-download {
    position: fixed;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.33rem;
    line-height: 1.33rem;
    z-index: 1999;
    background: transparent;
    background-image: linear-gradient(83deg, rgba(112, 65, 243, 0.75) 0%, rgba(0, 119, 187, 0.75) 100%);
}

#home .app-download .dl-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#home .app-download .bg {
    position: absolute;
    top: 0;
    left: 0.1rem;
    width: 80%;
}

#home .app-download .name-icon {
    position: absolute;
    top: 50%;
    left: 0.44rem;
    margin-top: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.11rem;
}

#home .app-download .bg2 {
    position: absolute;
    top: 5%;
    height: 90%;
    left: 1.55rem;
    width: unset;
}

#home .app-download .span1 {
    position: absolute;
    top: 0.14rem;
    left: 1.7rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    width: 8rem;
}

#home .app-download .span2 {
    position: absolute;
    top: 0.65rem;
    left: 1.7rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    width: 8rem;
}

#home .app-download .close-dlframe {
    position: absolute;
    top: 0;
    left: 0.2rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

#home .app-download .close-dlframe2 {
    position: absolute;
    top: 50%;
    margin-top: -0.6rem;
    right: 0.2rem;
    width: 1rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

#home .app-download .close-dlframe-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.3rem;
    margin-top: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 0.4rem;
}

#home .app-download .close-dlframe-icon {
    position: absolute;
    width: 0.56rem;
    height: 0.56rem;
    top: 50%;
    margin-top: -0.28rem;
    left: 0.32rem;
}

#home .app-download .close-dlframe-iconbg {
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    top: 50%;
    left: 50%;
    margin-top: -0.275rem;
    margin-left: -0.275rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.3rem;
}

#home .app-download .close-dlframe-icon2 {
    position: absolute;
    width: 0.44rem;
    height: 0.44rem;
    top: 50%;
    left: 50%;
    margin-top: -0.22rem;
    margin-left: -0.22rem;
}

#home .app-download .btn-download {
    position: absolute;
    right: 1.33rem;
    width: 1.78rem;
    height: 0.78rem;
    top: 50%;
    margin-top: -0.39rem;
    background: linear-gradient(89deg, #CCAF6A 0.68%, #FEC 99.32%);
    border-radius: 0.5rem;
    color: #111111;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-download .btn-download span {
    font-size: .32rem;
    color: #111111;
}

#home .app-download .btn-download img {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
}

#home .app-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.3334rem;
    line-height: 1.3334rem;
    z-index: 1000;
    overflow: hidden;
    background: #001A00;
}

#home .full-bg {
    position: absolute;
    left: 0;
    width: 100%;
}

#home .app-name .app-name-leftbg {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    left: 0.22rem;
    width: 0.88rem;
    height: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .app-name-leftbg :active {
    opacity: 0.45;
}

#home .app-name .app-name-leftbg .red-point {
    position: absolute;
    top: 0;
    right: -0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.4rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 0.75);
    color: #FFFFFF;
    font-size: .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .app-name-leftbg img {
    width: 100%;
    height: 100%;
}

.app-name-point {
    position: absolute;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 0.3rem;
    background: #FFAF00;
    top: 0;
    right: 0;
    border: 0.5px solid rgba(255, 255, 255, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    color: #000000;
}

.msg-redpoint {
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    background: #FF0000;
    top: -0.05rem;
    right: -0.05rem;
    border: 0.5px solid rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .2rem;
    color: #FFFFFF;
    transition: transform 0.1s ease-in-out;
}

.msg-redpoint-personal {
    top: 0px;
    right: 0px;
}

.msg-redpoint:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.app-name-msgframe {
    position: absolute;
    top: 50%;
    margin-top: -0.53rem;
    left: 1.82rem;
    width: 1.06rem;
    height: 1.06rem;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-name-msgframe :active {
    opacity: 0.45;
}

.app-name-msgframe img {
    width: 100%;
    height: 100%;
}

#home .app-name .app-name-chatframe {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    right: 0.5rem;
    width: 0.88rem;
    height: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .app-name-chatframe :active {
    opacity: 0.45;
}

#home .app-name .app-name-chatframe img {
    width: 100%;
    height: 100%;
}

#home .app-name .hright-container {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    right: 0.44rem;
    width: 7rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#home .app-name .right-csframe {
    position: relative;
    margin-left: 0.11rem;
    width: 0.92rem;
    height: 0.92rem;
    background: #003200;
    border: 1px solid #018E00;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .right-csframe img {
    width: 0.66rem;
    height: 0.66rem;
}

#home .app-name .right-csframe .imgmore {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.28rem !important;
    height: 0.28rem !important;
}

#home .app-name .right-loginframe {
    position: relative;
    margin-left: 0.22rem;
    height: 0.889rem;
    width: 1.778rem;
    border-radius: 0.11rem;
    color: #FFFFFF;
    font-size: .32rem;
    text-align: center;
    line-height: 0.889rem;
    animation: icon-scale .2s ease-in-out infinite alternate;
}

#home .app-name .right-loginframe:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .app-name .right-loginframe-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home .app-name .right-loginframe-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home .app-name .right-loginframe-bonus {
    position: absolute;
    top: -0.2rem;
    right: 0;
    width: 0.88rem;
    height: 0.44rem;
    border-radius: 0.5rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 1);
    color: #FFFFFF;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .right-regframe {
    position: relative;
    margin-left: 0.22rem;
    height: 0.889rem;
    width: 1.778rem;
    background-image: linear-gradient(116deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    color: #001240;
    font-size: .3rem;
    text-align: center;
    line-height: 0.889rem;
    animation: icon-scale .2s ease-in-out infinite alternate;
}

#home .app-name .right-regframe:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .app-name .right-regframe-bonus {
    position: absolute;
    top: -0.15rem;
    right: -0.1rem;
    width: 0.88rem;
    height: 0.33rem;
    border-radius: 0.5rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 1);
    color: #FFFFFF;
    font-size: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#home .app-name .right-coinframe {
    position: relative;
    margin-left: 0.22rem;
    height: 0.92rem;
    border-radius: 0.11rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003200;
    border: 1px solid rgba(1, 142, 0, 1);
    transition: transform 0.1s ease-in-out;
}

#home .app-name .right-coinframe:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .app-name .right-coinframe .coin-unit {
    margin-right: 0.1rem;
    color: #FFFFFF;
    font-size: .3rem;
}

#home .app-name .right-coinframe .coin-value {
    color: #FFC800;
    font-size: .346rem;
    font-weight: 700;
    margin-right: 0.05rem;
}

#home .app-name .right-coinframe .coin-arrow {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.05rem;
}

#home .app-name .right-coinframe .coin-refresh {
    width: 0.44rem;
    height: 0.44rem;
}

#home .app-name .app-name-promotionframe {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    right: 1.82rem;
    width: 0.88rem;
    height: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .app-name .app-name-promotionframe :active {
    opacity: 0.45;
}

#home .app-name .app-name-promotionframe img {
    width: 100%;
    height: 100%;
}

#home .app-name .app-name-logoframe {
    position: absolute;
    top: 50%;
    margin-top: -0.39rem;
    left: 1.2rem;
    width: 5.1rem;
    height: 0.78rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    font-size: .533rem;
    color: #FFF;
    font-weight: 900;
}

#home .app-name .app-name-logoframe-img {
    height: 0.78rem;
}

#home .app-name .app-icon-bg {
    border-radius: 0.1rem;
    position: absolute;
    left: 0.5rem;
    width: 0.7rem;
    height: 0.7rem;
    top: 50%;
    margin-top: -0.35rem;
}

#home .app-name .domain-icon-bg {
    border-radius: 0.1rem;
    position: absolute;
    left: 0.5rem;
    height: 0.7rem;
    top: 51%;
    margin-top: -0.35rem;
}

#home .app-name .app-full-name {
    position: absolute;
    left: 1.3rem;
    top: 0;
    font-size: .41rem;
    color: #D3DBBE;
}

#home .app-name .app-user-frame {
    display: flex;
    place-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    right: 0.5rem;
    width: auto;
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    border-radius: 0.1rem;
    text-align: center;
    font-size: .373rem;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.85);
}

#home .app-name .app-user-frame .icon-nofree {
    opacity: 0.65;
    position: relative;
    ;
    width: 0.44rem;
    height: 0.44rem;
}

#home .app-name .app-user-frame .icon-free {
    position: relative;
    width: 0.44rem;
    height: 0.44rem;
}

#home .app-name .app-user-frame .value-text {
    position: relative;
    margin-left: 0.2rem;
    font-size: .426rem;
}

#home .app-name .app-user-frame .value-line {
    position: relative;
    margin-left: 0.3rem;
    width: 1px;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
}

#home .app-name .app-user-frame .value-arrow {
    opacity: 0.65;
    position: relative;
    margin-left: 0.2rem;
    width: 0.55rem;
    height: 0.55rem;
}

#home .popmore-frame {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #131521;
    z-index: 2000;
}

#home .popmore-frame .back-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.12rem;
    height: 1.3334rem;
}

#home .popmore-frame .back-frame .backbg-frame {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.2rem;
    /* border-radius: 0.5rem; */
    z-index: 2;
}

/* #home .popmore-frame .back-frame .backbg-frame img {
  transform:rotate(180deg);position:absolute;width:0.4rem;height:0.4rem;top:50%;margin-top:-0.2rem;left:50%;margin-left: -0.2rem;
} */

#home .popmore-frame .back-frame .frame-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.3333rem;
    line-height: 1.3333rem;
    color: #FFFFFF;
    font-size: 0.426rem;
    text-align: center;
    font-weight: 700;
}

/* #home .popmore-frame .gmenu-menu-title {
  position:absolute;top:1.7rem;left:0.5rem;width:9.5rem;line-height:0.9rem;font-size:.426rem;overflow-y: hidden;overflow-x: scroll;
}

#home .popmore-frame .gmenu-menu-title-line {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.33rem;height:0.66rem;width: 0.1rem;border-radius: 0.1rem;background: #3E606F;
}

#home .popmore-frame .gmenu-menu-title-img {
  position:absolute;height:0.66rem;top:50%;margin-top:-0.3rem;left:0.95rem;
}

#home .popmore-frame .gmenu-menu-title-value {
  position:absolute;left:1.4rem;top:0;color: #91AA9D;font-weight:bold;
} */

.gmessage-menu-title {
    position: fixed;
    top: 1.6rem;
    left: 0.5rem;
    width: 9.5rem;
    line-height: 0.9rem;
    font-size: .426rem;
    overflow-y: hidden;
    overflow-x: scroll;
    z-index: 3;
}

.gmessage-menu-item {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    background: #004900;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.22rem;
    margin-right: 0.15rem;
}

.gmessage-menu-itemcur {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    background: #018E00;
    color: #FFEE00;
    border-radius: 0.22rem;
    margin-right: 0.15rem;
}

.gmessage-menu-itemcontent {
    position: relative;
    top: 0;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gmessage-message-frame {
    position: absolute;
    top: 3rem;
    left: 0;
    width: 10rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.gmenu-menu-title {
    position: absolute;
    top: 1.7rem;
    left: 0.5rem;
    width: 9.5rem;
    line-height: 0.9rem;
    font-size: .426rem;
    overflow-y: hidden;
    overflow-x: scroll;
}

.gmenu-menu-title-line {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.33rem;
    height: 0.66rem;
    width: 0.1rem;
    border-radius: 0.1rem;
    background: #3E606F;
}

.gmenu-menu-title-img {
    position: absolute;
    height: 0.66rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 0.95rem;
}

.gmenu-menu-title-value {
    position: absolute;
    left: 1.4rem;
    top: 0;
    color: #91AA9D;
    font-weight: bold;
}

.gmenu-menu-gamenum {
    position: absolute;
    top: 50%;
    margin-top: -0.28rem;
    right: 1.8rem;
    width: 1.12rem;
    height: 0.56rem;
    border-radius: 0.11rem;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
}

#home .popmore-app-name {
    top: 0;
    background: #133C2B;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

/* #home  .header {
  font-size: .3125rem;
  font-weight: bolder;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  position: relative;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0);
  height: 5.9rem;
} */

#home .header {
    position: relative;
    margin-top: 0;
    font-size: .3125rem;
    font-weight: bolder;
    width: 10rem;
    height: 3rem;
    color: #fff;
    height: 5.55rem;
    z-index: 999;
}

#home .header .left {
    width: 9rem;
    top: 0.5rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0.5rem;
}

#home .header .left .avatar {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.2rem;
    overflow: hidden;
    font-size: 0;
    top: -1.1rem;
    border: 2px solid #F9C486;
    background: rgb(88, 77, 76);
}

#home .header .left .avatar img {
    width: 100%;
    height: 100%;
}

/*
#home  .header  .fun {
  position: absolute;
  top: 6.85rem;
  left: 0.5rem;
  font-size: .24rem;
  width: 9rem;
  height: 1.5rem;
  overflow: hidden;
} */

#home .groupfun {
    position: relative;
    margin-top: 0.27rem;
    font-size: .24rem;
    overflow-x: scroll;
    overflow-y: hidden;
    height: unset;
    left: 0;
    width: 10rem;
}

#home .groupfun-container {
    white-space: nowrap;
    display: inline-block;
}

#home .groupfun-container:first-child {
    margin-left: 0.4rem;
}

#home .header .fun {
    position: relative;
    margin-top: 0.44rem;
    left: 0.5rem;
    font-size: .24rem;
    width: 9.5rem;
    height: 1.6rem;
    overflow-x: scroll;
    overflow-y: hidden;
}

#home .header .fun .fun-item {
    position: relative;
    display: inline-block;
    width: 2.135rem;
    height: 1.5rem;
    top: 0;
    border-radius: 0.1rem;
    background: #22043C;
    margin-left: 0.14rem;
}

#home .gmenu-item {
    position: absolute;
    top: 0;
    left: 0.5rem;
    height: 1.34rem;
    line-height: 1.34rem;
    width: 5.7rem;
    background: #2D3A43;
    border-radius: 0.22rem;
    color: #91AA9D;
    font-size: .32rem;
}

#home .gmenu-item-img {
    position: absolute;
    left: 0.3rem;
    top: 0.4rem;
    width: 0.55rem;
    height: 0.55rem;
}

#home .gmenu-item-gold {
    position: absolute;
    top: 0;
    left: 0.5rem;
    height: 1.34rem;
    line-height: 1.34rem;
    width: 5.7rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 0.22rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
}

#home .gmenu-item-anim {
    position: absolute;
    top: 0;
    left: 0.5rem;
    height: 1.34rem;
    line-height: 1.34rem;
    width: 5.79rem;
    border-radius: 0.22rem;
    font-size: .32rem;
    background: #3E606F;
    color: rgba(255, 255, 255, 1);
    transform: scale(0.9);
    animation: icon-scale .2s ease-in-out infinite alternate;
}

#home .header .fun .group-item-cur {
    position: relative;
    display: inline-block;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    height: 1rem;
    line-height: 0.1rem;
    top: 0;
}

#home .groupfun .group-item {
    position: relative;
    display: inline-block;
    width: 1.3888rem;
    height: 1.3888rem;
    top: 0;
    background: #144214;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem;
    margin-right: 0.13333rem;
    color: rgba(255, 255, 255, 0.85);
}

#home .groupfun .group-item-cur {
    background-image: linear-gradient(134deg, #018E00 0%, #003200 50%, #018E00 100%);
    border: 1px solid rgba(1, 142, 0, 1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    color: #FFC800 !important;
}

#home .groupfun .group-item-top {
    position: absolute;
    /* margin-top:-0.6rem; */
    top: 0.08rem;
    left: 50%;
    margin-left: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
    /* background-image: radial-gradient(circle at 50% 50%, #7041F3 0%, rgba(112,65,243,0.25) 50%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0.22rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .groupfun .group-item-top .topicon {
    width: 0.88rem;
    height: 0.88rem;
}

#home .groupfun .group-item-bottom {
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    /* color: rgba(255,255,255,0.65); */
    font-size: 0.27rem;
    text-align: center;
}

#home .header .fun .group-item-cur-line {
    position: absolute;
    top: 0;
    width: 80%;
    height: 0.11rem;
    left: 10%;
    background: #FDAC50;
    border-radius: 0.22rem;
}

#home .header .fun .group-item {
    position: relative;
    display: inline-block;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    height: 1rem;
    line-height: 0.1rem;
    top: 0;
}

#home .header .fun .group-item-rightline {
    position: absolute;
    top: 60%;
    margin-top: -0.25rem;
    width: 1px;
    height: 0.55rem;
    right: 0;
    background: rgba(255, 255, 255, 0.15);
}

.game-group-item-cur {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    border-radius: 0.33rem;
    background: #FDAC50;
    border: 1px solid #FDAC50;
    margin-right: 0.22rem;
    color: #111111;
}

.game-group-item {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    border-radius: 0.33rem;
    background: rgba(255, 255, 255, 0.15);
    margin-right: 0.22rem;
    color: #FFFFFF;
}

.home-moremenu-item {
    position: absolute;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.64rem;
    background: rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-moremenu-item-title {
    position: absolute;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-moremenu-item img {
    width: 0.54rem;
    height: 0.54rem;
}

#home .header .fun .group-item-arrow {
    position: absolute;
    top: 1.2rem;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -0.3rem;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-top: 0.3rem solid #3E606F;
}

#home .header .fun .fun-item img {
    top: 0.16rem;
    left: 50%;
    margin-left: -0.33rem;
    position: absolute;
    width: 0.66rem;
    height: 0.66rem;
}

#home .header .fun .fun-item .imgbg1 {
    top: 0rem;
    left: 50%;
    margin-left: -0.48rem;
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.5rem;
    background: rgba(178, 89, 34, 0.25);
    border: 0.04rem solid #FCD7A1;
}

#home .header .fun .fun-item .red-point {
    top: 0.1rem;
    right: 0.75rem;
    position: absolute;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.15rem;
    background: #FF0000;
}

#home .header .fun .fun-item span {
    position: absolute;
    top: 0.95rem;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: initial;
}

#home .header .right {
    position: absolute;
    left: 5.2rem;
    display: flex;
    font-weight: lighter;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    width: 9rem;
}

#home .header .right .coin-active {
    background-color: #e05e00;
}

#home .header .right .coin-normal {
    background: rgba(75, 0, 116, 0.45);
}

#home .header .right .coin-normal:active {
    opacity: 1;
}

#home .header .right .btn-normal {
    background: rgba(75, 0, 116, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    width: 4.35rem;
    font-size: 0.373rem;
}

#home .header .right .btn-active {
    background: rgba(75, 0, 116, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    width: 4.35rem;
    font-size: 0.373rem;
    opacity: 0.65;
}

#home .main {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 998;
}

#home .main-left {
    position: absolute !important;
    width: 2rem !important;
    z-index: 999 !important;
    margin-top: 1.7rem !important;
}

#home .main-right {
    position: absolute !important;
    left: 0 !important;
    width: 10rem !important;
    margin-top: 3.1rem !important;
}

#home .main-right-menu {
    position: absolute;
    top: 1.7734rem;
    left: 0;
    width: 10rem;
    height: 1.12rem;
}

#home .main .panel {
    width: 96%;
    font-size: .3125rem;
    padding-left: 0.4rem;
    /* border-bottom: .0rem solid #f5f5f5; */
}

#home .main .panel-hjackpot {
    margin-top: 0.34rem;
    margin-bottom: 0.22rem;
}

#home .panel-jackpot-rank {
    position: relative;
    /* margin-top:0.34rem; */
    margin-bottom: 0.33rem;
    left: 0.4rem;
    width: 9.6rem;
    height: 6.6rem;
    overflow: hidden;
    pointer-events: auto;
}

#home .panel-jackpot-rank .jrank-body {
    display: flex;
    flex-wrap: wrap;
    animation: jrankscroll 15s linear infinite;
    -webkit-animation: jrankscroll 15s linear infinite;
}

#home .panel-jackpot-rank .jrank-body2 {
    display: flex;
    flex-wrap: wrap;
    animation: jrankscroll 15s linear infinite;
    -webkit-animation: jrankscroll 15s linear infinite;
    /* animation-delay: 1s; */
}

@keyframes jrankscroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes jrankscroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

#home .panel-jackpot-rank .jrank-item {
    position: relative;
    width: 4.3333rem;
    height: 0.8888rem;
    margin-right: 0.44rem;
    margin-bottom: 0.22rem;
}

#home .panel-jackpot-rank .jrank-item-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.8888rem;
    height: 0.8888rem;
    border: 0.5px solid rgba(255, 255, 255, 0.65);
    border-radius: 0.11rem;
}

#home .panel-jackpot-rank .jrank-item-account {
    position: absolute;
    top: 0.05rem;
    left: 1rem;
    height: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .26rem;
    line-height: 0.44rem;
    font-weight: 400;
}

#home .panel-jackpot-rank .jrank-item-winnum {
    position: absolute;
    top: 0.05rem;
    right: 0;
    height: 0.44rem;
    color: #FFFFFF;
    font-size: .26rem;
    line-height: 0.44rem;
    font-weight: 400;
    text-align: right;
}

#home .panel-jackpot-rank .jrank-item-just {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    height: 0.33rem;
    color: #D29848;
    font-size: .22rem;
    line-height: 0.33rem;
    font-weight: 400;
}

#home .panel-jackpot-rank .jrank-item-gamename {
    position: absolute;
    top: 0.5rem;
    right: 0;
    height: 0.33rem;
    color: #D29848;
    font-size: .22rem;
    line-height: 0.33rem;
    font-weight: 400;
    width: 1.7rem;
    text-align: right;
}

#home .main .panel-hgroup {
    margin-top: 0.44rem;
    margin-bottom: 0.2133rem;
}

#home .main .panel-group {
    background: transparent;
}

#home .main .panel-group-larrow {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    left: -0.44rem;
    width: 0.4rem;
    height: 0.4rem;
    display: none;
}

#home .main .panel-group-rarrow {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    right: 0rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(180deg);
    display: none;
}

#home .main .panel-right {
    width: 9.5rem !important;
    padding-left: 0.4rem !important;
}

#home .main .panel-left {
    width: 2.01rem !important;
    padding-left: 0.22rem !important;
}

#home .main .panel-menuleft {
    width: 6.5rem !important;
    padding-left: 0.64rem !important;
}

#home .main .panel-partner {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 10rem;
    height: 6.4rem;
}

#home .panel-download {
    position: relative;
    margin-top: -0.22rem;
    left: 0;
    width: 10rem;
    height: 5.55rem;
}

#home .panel-download-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

#home .panel-download-ricon {
    position: absolute;
    top: 0.22rem;
    right: 0.44rem;
    width: 4rem;
    height: 4rem;
}

#home .panel-download-ricon-center {
    right: 3rem !important;
}

#home .panel-download-ios {
    position: absolute;
    top: 1.78rem;
    left: 0.44rem;
    width: 2.22rem;
    height: 1.94rem;
    display: flex;
    justify-content: center;
}

#home .panel-download-android {
    position: absolute;
    top: 1.78rem;
    left: 2.88rem;
    width: 2.22rem;
    height: 1.94rem;
    display: flex;
    justify-content: center;
}

#home .panel-download-iaicon {
    position: absolute;
    top: 0;
    width: 1.11rem;
    height: 1.11rem;
}

#home .panel-download-iatext {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.6rem;
    border: 1px solid rgba(102, 255, 102, 1);
    color: #66FF66;
    font-size: .32rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.11rem;
}

#home .panel-download-btips {
    position: absolute;
    top: 4.44rem;
    left: 0;
    width: 6rem;
    height: 0.83rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .panel-download-btips .tips-icon {
    width: 0.66rem;
    height: 0.66rem;
}

#home .panel-download-btips .tips-title {
    margin-left: 0.1rem;
    color: #FFFFFF;
    font-size: .64rem;
    font-weight: 700;
}

#home .panel-download-domainlogo {
    position: absolute;
    top: 4.44rem;
    right: 0.44rem;
    width: 4rem;
    height: 0.83rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .panel-download-domainlogo-center {
    right: 3rem !important;
}

#home .panel-download-domainlogo img {
    height: 0.83rem;
}

#home .main .panel .header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .125rem .2rem;
}

#home .main .panel .header .more {
    flex: 1;
    text-align: right;
    vertical-align: middle;
    font-size: .25rem;
}

#home .main .panel .body {
    display: flex;
    flex-wrap: wrap;
}

#home .main .panel .body .item {
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
    position: relative;
}

#home .main .panel .body .item img {
    vertical-align: bottom;
}

#home .top-banner-frame {
    position: relative;
    left: 0.4rem;
    width: 9.2rem;
    height: 5.26rem;
    border-radius: 0.22rem;
    overflow: hidden;
}

#home .top-banner-frame-img {
    width: 9.2rem;
    height: 5.16rem;
    border-radius: 0.22rem;
    object-fit: cover;
}

#home .home-bottom-frame {
    position: relative;
    width: 10rem;
    height: auto;
    margin-top: -0.2rem;
    overflow: hidden;
    border-radius: 0.88rem 0.88rem 0px 0px;
    background-size: cover;
    background-repeat: repeat;
    z-index: 999;
}

#home .top-libanner-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 0.4rem;
    width: 9.2rem;
    height: 1.38rem;
}

#home .top-libanner-frame .libanner1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.49rem;
    height: 1.347rem;
    overflow: hidden;
}

#home .top-libanner-frame .libanner2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.49rem;
    height: 1.347rem;
    overflow: hidden;
}

#home .top-libanner-frame .libanner3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.55rem;
    height: 2.77rem;
    overflow: hidden;
}

#home .top-libanner-frame .topup-banner {
    position: absolute;
    top: 1.78rem;
    left: 0;
    width: 1.55rem;
    height: 1.55rem;
    background-image: linear-gradient(135deg, #00FF98 0%, rgba(0, 255, 152, 0.50) 100%);
    border-radius: 0.44rem;
    overflow: hidden;
}

#home .top-libanner-frame .banner-icon {
    position: absolute;
    top: 0.22rem;
    left: 50%;
    margin-left: -0.39rem;
    width: 0.78rem;
    height: 0.78rem;
}

#home .top-libanner-frame .banner-title {
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 1.55rem;
    height: 0.32rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .26rem;
}

#home .top-libanner-frame .withdraw-banner {
    position: absolute;
    top: 1.78rem;
    left: 1.77rem;
    width: 1.55rem;
    height: 1.55rem;
    background-image: linear-gradient(135deg, #4256FE 0%, rgba(66, 86, 254, 0.50) 100%);
    border-radius: 0.44rem;
    overflow: hidden;
}

#home .top-libanner-frame .libannerbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.22rem;
    object-fit: cover;
}

#home .top-noty-bar-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 0;
    width: 8.8rem;
    height: 1.1112rem;
    border-radius: 0.22rem;
}

#home .top-noty-bar-frame-icon {
    opacity: 1;
    position: absolute;
    left: 0.67rem;
    width: 0.55rem;
    height: 0.55rem;
    top: 50%;
    margin-top: -0.275rem;
}

#home .notice-swipe-bg {
    position: absolute;
    top: 0;
    left: 0.4rem;
    width: 9.2rem;
    height: 100%;
    background: #003200;
    border: 1px solid rgba(1, 142, 0, 0.5);
    border-radius: 0.22rem;
}

#home .notice-swipe {
    margin-left: 0.87rem;
    height: 1.1112rem;
    line-height: 1.1112rem;
    font-size: .33rem;
    font-weight: initial;
    color: rgba(255, 255, 255, 0.85);
    background: transparent;
}

#home .top-noty-bar-frame .sys-msg {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: -0.55rem;
    width: 0.66rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .top-noty-bar-frame .sys-msg-icon {
    width: 0.66rem;
    height: 0.66rem;
}

#home .gpanel-more-frame {
    margin-left: -0.4rem;
    width: 10rem;
    margin-bottom: 0.3888rem;
    position: relative;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

#home .gpanel-title-frame {
    position: relative;
    left: 0.4rem;
    height: 0.78rem;
    /* background: #018E00; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 2;
    padding-right: 1rem;
}

/* #home .gpanel-title-frame-arrow {
  position: relative;
  margin-left: 0.3rem;
  width: 0;
  height: 0;
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-left: 0.5rem solid #018E00;
} */

#home .gpanel-more-frame-right {
    position: absolute;
    margin-left: unset;
    top: 50%;
    margin-top: -0.39rem;
}

#home .gpanel-more-menu-right {
    position: absolute;
    margin-left: unset;
    top: 0;
    right: 0.4rem;
    width: 1.12rem;
    height: 1.12rem;
    background: #003200;
    border: 1px solid transparent;
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

#home .gpanel-more-menu-right2 {
    background: #003200 !important;
    border: 0.5px solid rgba(1, 142, 0, 1) !important;
}

#home .gpanel-more-menu-right:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .gpanel-more-menu-right-icon {
    width: 0.56rem;
    height: 0.56rem;
}

#home .gpanel-more-frame .group-icon-last {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    height: 0.66rem;
}

#home .gpanel-more-frame .group-icon-line {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.33rem;
    height: 0.66rem;
    width: 0.1rem;
    border-radius: 0.1rem;
    background: #3E606F;
}

#home .gpanel-more-frame .group-bg {
    position: absolute;
    top: 0;
    left: -0.5rem;
    width: 10rem;
}

#home .gpanel-more-frame .group-icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.78rem;
    width: 100%;
    object-fit: fill;
}

#home .gpanel-more-frame .group-line {
    position: relative;
    height: 0.78rem;
    width: 0.11rem;
    margin-left: 0;
    /* background-image: linear-gradient(171deg, #FFEE00 0%, #FFC800 100%); */
    border-radius: 0.11rem;
}

#home .gpanel-more-frame .group-icon {
    position: relative;
    /* top: 50%;
  margin-top: -0.44rem; */
    height: 0.67rem;
    width: 0.67rem;
    margin-left: 0.11rem;
}

#home .gpanel-more-frame .group-title {
    position: relative;
    margin-left: 0.1333rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
}

#home .gpanel-bottom-item {
    width: 3.066rem;
    height: 2.1rem;
}

#home .gpanel-bottom-item-content {
    width: 100%;
    height: 1.886rem;
    background-color: transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.22rem;
}

#home .gpanel-bottom-item-content img {
    position: absolute;
    top: 50%;
    margin-top: -0.4415rem;
    left: 0;
    border-radius: 0.1rem;
    width: 2.87rem;
    height: 0.883rem;
}

#home .ggame-gametotal {
    position: absolute;
    top: 50%;
    margin-top: -0.665rem;
    left: 0;
    width: 6.8rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    font-size: 0.32rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 0.44rem;
}

#home .ggame-gametotal .glogo {
    position: absolute;
    left: 0;
    width: 1.61rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.44rem;
    background-image: linear-gradient(130deg, rgba(66, 86, 254, 0.50) 0%, rgba(66, 86, 254, 0.25) 100%);
}

#home .ggame-gametotal .gname {
    position: absolute;
    left: 1.83rem;
    width: 5rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.85);
}

#home .ggame-gametotal .gtotal {
    position: absolute;
    right: 0.22rem;
    width: 4rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .32rem;
    color: #4256FE;
}

#home .ggame-gametotal .gtotal-title {
    margin-right: 0.1rem;
    color: rgba(255, 255, 255, 0.25);
}

#home .ggame-gametotal .glogo-img {
    width: 1.11rem;
    height: 1.11rem;
    object-fit: cover;
}

#home .ggame-gamenum {
    position: relative;
    /* top: 50%;
  margin-top: -0.33rem;
  right: 2.7rem; */
    margin-left: 0.33rem;
    width: 0.96rem;
    height: 0.50666rem;
    line-height: 0.50666rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.65);
    border: 0.5px solid rgba(102, 255, 102, 1);
    border-radius: 0.11rem;
}

#home .ggame-gamenum .span1 {
    color: #66FF66;
    font-size: .32rem;
    font-weight: 700;
}

#home .ggame-gamenum .span2 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .28rem;
    margin-right: 0.1rem;
}

#home .ggame-more {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 2.38rem;
    width: 1.32rem;
    height: 0.66rem;
    line-height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.11rem;
    transition: transform 0.1s ease-in-out;
    background: #018E00;
    color: #FFFFFF;
    font-size: .32rem;
}

#home .ggame-more:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .ggame-more .more-title {
    margin-right: 0.1rem;
}

#home .ggame-more .more-arrow {
    width: 0.44rem;
    height: 0.44rem;
    object-fit: cover;
}

#home .ggame-globby {
    position: absolute;
    right: 0.44rem;
    /* width: 1.1rem; */
    height: 0.50666rem;
    line-height: 0.50666rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.11rem;
    transition: transform 0.1s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

#home .ggame-globby:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .ggame-globby-text {
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
}

#home .ggame-globby-arrow {
    margin-left: 0.11rem;
    width: 0.35rem;
    height: 0.35rem;
}

#home .ggame-more-left {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 1.28rem;
    width: 0.88rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #144214;
    border-radius: 0.11rem 0 0 0.11rem;
    transition: transform 0.1s ease-in-out;
}

#home .ggame-more-left:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .ggame-more-left .icon {
    width: 100%;
    height: 100%;
}

#home .ggame-more-left .icon-left {
    width: 0.44rem;
}

#home .ggame-more-left .icon-right {
    width: 0.44rem;
}

#home .ggame-more-right {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 0.4rem;
    width: 0.88rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #018E00;
    border-radius: 0 0.11rem 0.11rem 0;
    transition: transform 0.1s ease-in-out;
}

#home .ggame-more-right:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .ggame-more-right .icon {
    width: 100%;
    height: 100%;
}

#home .ggame-more-right .icon-left {
    width: 0.44rem;
}

#home .ggame-more-right .icon-right {
    width: 0.44rem;
}

#home .ggame-more .icon {
    width: 0.4rem;
    height: 0.4rem;
    opacity: 0.45;
}

#home .ggame-more .more-type1 {
    font-size: 0.32rem;
    color: #FFFFFF;
    font-weight: 400;
}

#home .ggame-more .more-type2 {
    font-size: 0.32rem;
    color: #FFFFFF;
    font-weight: 400;
}

#home .ggame-item-frame {
    width: 2.92rem;
    height: 4.04rem;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0.22rem;
}

#home .ggame-item-frame-sport {
    width: 7.6rem !important;
    height: 2.526rem !important;
}

#home .ggame-item-framemsport {
    width: 9.22rem !important;
    height: 3.068rem !important;
}

#home .ggame-item-contentmsport {
    width: 100%;
    height: 3.008rem;
    background-color: transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    overflow: hidden;
}

#home .ggame-item-content-sport {
    height: 2.524rem !important;
}

#home .ggame-item-content-imgmsport {
    width: 9.2rem !important;
    height: 2.78rem !important;
}

#home .ggame-item-content-imgsport {
    width: 7.4rem !important;
    height: 2.256rem !important;
}

#home .ggame-menu-frame {
    position: relative;
    width: 1.55rem;
    height: 1.55rem;
    box-sizing: border-box;
    margin-bottom: 0.11rem;
}

#home .ggame-leftmenu-frame {
    position: relative;
    width: 2.94rem;
    height: 1.11rem;
    box-sizing: border-box;
    margin-bottom: 0.22rem;
    margin-right: 0.22rem;
    transition: transform 0.1s ease-in-out;
}

#home .ggame-leftmenu-frame:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .ggame-item-frame-small {
    width: 2.58rem !important;
    height: 3.4rem !important;
}

#home .ggame-item-frame-big {
    width: 9.5rem !important;
    height: 6.33rem !important;
}

#home .ggame-item-content {
    width: 100%;
    height: 3.82rem;
    background: #003200;
    border-radius: 0.22rem;
    overflow: hidden;
}

#home .ggame-menu-content {
    width: 100%;
    height: 1.56rem;
    background-color: transparent;
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
    border-radius: 0.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
}

#home .ggame-leftmenu-content {
    width: 100%;
    height: 1.11rem;
    background-color: transparent;
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
    border-radius: 0.22rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .ggame-menu-content-cur {
    color: rgba(0, 0, 0, 0.85);
    background-image: linear-gradient(180deg, #CCFF66 0%, #66FF66 100%);
}

#home .ggame-leftmenu-content-cur {
    color: #FFFFFF;
    background: #195E0E;
}

#home .ggame-item-content-small {
    height: 3.38rem !important;
}

#home .ggame-item-content10 {
    position: absolute !important;
    width: 6.1rem !important;
    height: 6.1rem !important;
}

#home .ggame-item-content11 {
    position: absolute !important;
    right: 0.3rem !important;
    top: 0 !important;
    width: 3.066rem !important;
    height: 3.15rem !important;
}

#home .ggame-item-content12 {
    position: absolute !important;
    right: 0.3rem !important;
    top: 3.15rem !important;
    width: 3.066rem !important;
    height: 3.15rem !important;
}

#home .ggame-item-content21 {
    position: absolute !important;
    right: 0.35rem !important;
    top: 0 !important;
    width: 6.1rem !important;
    height: 6.1rem !important;
}

#home .ggame-item-content20 {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 3.066rem !important;
    height: 3.15rem !important;
}

#home .ggame-item-content22 {
    position: absolute !important;
    left: 0 !important;
    top: 3.15rem !important;
    width: 3.066rem !important;
    height: 3.15rem !important;
}

/* #home .ggame-item-content img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.44rem;
  width: 2.85rem;
  height: 3.8rem;
  object-fit: cover;
} */

#home .ggame-item-content-img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.22rem;
    width: 2.92rem;
    height: 2.92rem;
    object-fit: cover;
}

#home .ggame-item-content-name {
    position: absolute;
    top: 2.92rem;
    left: 50%;
    margin-left: -1.3rem;
    width: 2.6rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: .28rem;
}

#home .ggame-menu-content-img {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 1.55rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .ggame-leftmenu-content-img {
    margin-left: 0.22rem;
    width: 0.55rem;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .ggame-menu-content-img img {
    height: 0.66rem !important;
    width: unset !important;
}

#home .ggame-leftmenu-content-img img {
    height: 0.55rem !important;
    width: unset !important;
}

#home .ggame-menu-content-img .img-normal {
    opacity: 0.5 !important;
}

#home .ggame-menu-content-img .img-checked {
    opacity: 1 !important;
    filter: invert(100%);
}

#home .ggame-menu-content-name {
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -0.7rem;
    width: 1.4rem;
    height: 0.38rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
}

#home .ggame-leftmenu-content-name {
    margin-left: 0.22rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

#home .ggame-item-content-imgsmall {
    width: 2.33rem !important;
    height: 3.13rem !important;
}

#home .ggame-item-content-img-big {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.44rem;
    width: 5.95rem;
    height: 5.95rem;
    object-fit: cover;
}

#home .ggame-item-content-oem {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.16rem;
    height: 0.32rem;
    line-height: 0.32rem;
    background: rgba(0, 0, 0, 0.60);
    color: #FFF;
    font-size: .32rem;
    border-radius: 0px 0px 0.26rem 0px;
}

#home .ggame-item-content-likeframe {
    position: absolute;
    top: 0;
    right: 0.1rem;
    width: 1rem;
    height: 1rem;
}

#home .ggame-item-content-likeframe-small {
    right: 0.3rem !important;
    width: 0.7rem !important;
    height: 0.7rem !important;
}

#home .ggame-item-content-likeicon {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.65);
}

#home .ggame-item-content-likeicon1 {
    position: absolute !important;
    top: 0.11rem !important;
    left: 0.11rem !important;
    width: 0.44rem !important;
    height: 0.44rem !important;
}

#home .ggame-item-content-likeicon2 {
    position: absolute !important;
    top: 0.11rem !important;
    left: 0.11rem !important;
    width: 0.44rem !important;
    height: 0.44rem !important;
}

#home .ggame-gamelist-loading {
    position: relative;
    font-size: .4rem;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: transparent;
}

#home .ggame-item-content span {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    line-height: 0.5rem;
    white-space: normal;
    display: block;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    width: 2.87rem;
    text-align: center;
}

#home .ggame-loadmore-frame {
    width: 10rem;
    position: relative;
    height: 1rem;
    background: transparent;
}

#home .ggame-loadmore-frame-v2 {
    width: 10rem !important;
}

#home .ggame-loadmore-frame-v3 {
    width: 10rem !important;
    left: -0.44rem !important;
    margin-top: -0.3rem !important;
    height: 1.2rem !important;
}

#home .ggame-loadmore-frame-bg {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 5rem;
    left: 50%;
    margin-left: -2.5rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
    position: absolute;
    font-size: .4rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

#home .ggame-loadmore-frame-bg-v3 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 5rem;
    left: 50%;
    margin-left: -2.5rem;
    color: #8A9998;
    position: absolute;
    font-size: .32rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

#home .ggame-loadmore-frame-icon {
    opacity: 0.65;
    margin-left: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
}

#home .ggame-loadmore-frame-icon-v3 {
    margin-left: 0.1rem;
    width: 0.25rem;
    height: 0.25rem;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 0.4rem;
    padding: 0.08rem;
}

#home .sdpromotion-line1 {
    height: 0.5rem;
    background: transparent;
}

#home .sdpromotion-line2 {
    height: 1rem;
}

#home .sdpromotion-frame-typet {
    background: #012900;
    /* box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.25); */
}

#home .sdpromotion-frame-desctitle {
    position: relative;
    background: #012900;
    left: 0;
    width: 10rem;
    /* box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.25); */
}

#home .sdpromotion-frame-desctitle .desc-title {
    position: relative;
    top: 0;
    left: 0;
    width: 10rem;
    color: #FFFFFF;
    font-size: .32rem;
    font-weight: 400;
    text-align: center;
    height: 0.6rem;
}

#home .sdpromotion-frame-desctitle .desc-line {
    position: relative;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
}

#home .sdpromotion-frame-type1 {
    position: relative;
    font-size: .4rem;
    text-align: center;
    width: 10rem;
    padding-top: 0.44rem;
    padding-bottom: 0.44rem;
}

#home .sdpromotion-frame-typeleft1 {
    margin-left: 0.45rem;
    width: 6.22rem;
    margin-top: 0.44rem;
    background: #003200;
    border: 0.5px solid rgba(123, 110, 97, 0.45);
    border-radius: 0.33rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

#home .sdpromotion-frame-type1 .share-title {
    position: relative;
    height: 1.2rem;
    left: 0;
    width: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .sdpromotion-frame-title {
    margin-left: 0.1rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
}

#home .sdpromotion-frame-type2 {
    position: relative;
    font-size: .4rem;
    text-align: center;
    width: 10rem;
    background: transparent;
}

#home .sdpromotion-frame-type3 {
    position: relative;
    font-size: .4rem;
    text-align: center;
    width: 10rem;
    background: transparent;
    padding-top: 0.45rem;
}

#home .sdpromotion-frame-type4 {
    position: relative;
    font-size: .4rem;
    text-align: center;
    width: 10rem;
    background: transparent;
    padding-bottom: 0.45rem;
}

#home .sdpromotion-content {
    width: 9.2rem;
    margin: 0rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

#home .sdpromotion-content-left {
    width: 6.22rem !important;
}

#home .div-link {
    margin: 0.25rem;
    /* border-radius: 0.65rem; */
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .div-link-left {
    margin: 0.05rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .div-link:active {
    opacity: 0.5;
}

#home .div-link-left:active {
    opacity: 0.5;
}

#home .div-link-logo {
    margin: 0.11rem;
    width: 1.555rem;
    height: 0.555rem;
}

#home .div-link-logo img {
    width: 1.555rem;
    height: 0.555rem;
}

#home .div-link img {
    width: 1rem;
    height: 1rem;
}

#home .div-link-img {
    width: 0.7rem;
    height: 0.7rem;
}

#home .sdpromotion-desc-content {
    position: relative;
    font-size: .4rem;
    text-align: center;
    width: 10rem;
    padding-top: 0.6rem;
    padding-bottom: 0.45rem;
    background: #012900;
}

#home .sdpromotion-desc-content-name {
    width: 100%;
    font-size: .426rem;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.65);
}

#home .sdpromotion-desc-content-text {
    width: 9rem;
    /* margin-top: 0.3rem; */
    margin-left: 0.5rem;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.45);
    text-align: left;
    white-space: pre-wrap;
}

#home .sdpromotion-desc-content-tips {
    margin-top: 1rem;
    width: 100%;
    font-size: 12px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.65);
}

#home .sdpromotion-desc-content-version {
    width: 10rem;
    left: 0.2rem;
    text-align: center;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.25);
    z-index: 1001;
}

#home .sdpromotion-desc-content-line {
    height: 1.5rem;
}

#home .more-menu-tab {
    position: absolute;
    top: 1.7rem;
    width: 10rem;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .373rem;
}

#home .more-menu-tab .more-menu-item-disable {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.6rem 0 0 0.6rem;
    position: absolute;
    top: 0;
    width: 4.5rem;
    height: 1.12rem;
    line-height: 1.12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .more-menu-tab .more-menu-item-disable img {
    width: 0.55rem;
    height: 0.55rem;
    margin-right: 0.2rem;
}

#home .more-menu-tab .more-menu-item-disable span {
    color: rgba(255, 255, 255, 0.65);
}

#home .more-menu-tab .more-menu-item-enable {
    background: #164633;
    border: 1px solid #164633;
    border-radius: 0.6rem 0 0 0.6rem;
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 4.5rem;
    height: 1.12rem;
    line-height: 1.12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .more-menu-tab .more-menu-item-enable img {
    width: 0.55rem;
    height: 0.55rem;
    margin-right: 0.2rem;
}

#home .more-menu-tab .more-menu-item-enable span {
    color: #FFFFFF;
}

#home .more-menu-tab .more-menu-item-type1 {
    border-radius: 0.6rem 0 0 0.6rem;
    left: 0.5rem;
}

#home .more-menu-tab .more-menu-item-type2 {
    border-radius: 0 0.6rem 0.6rem 0;
    left: 5rem;
}

#home .ppmore-bottom-line {
    height: 7rem;
}

#home .hdialog-noty-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.85);
}

#home .hdialog-noty-closeicon {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.5rem;
    width: 0.6rem;
    height: 0.6rem;
}

#home .hdialog-noty-frame {
    width: 10rem;
    height: 14rem;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

#home .hdialog-noty-content {
    height: 15rem;
    width: 9rem;
    margin-left: 0.5rem;
}

#home .hdialog-noty-content-icon {
    position: relative;
    height: 3.36rem
}

#home .hdialog-noty-content-icon img {
    position: absolute;
    top: 50%;
    margin-top: -0.88rem;
    left: 50%;
    margin-left: -0.88rem;
    width: 1.76rem;
    height: 1.76rem;
}

#home .hdialog-noty-content-title {
    position: relative;
    margin-top: -0.5rem;
    height: 1.2rem;
    width: 9rem;
    color: #FFFFFF;
    text-align: center;
    font-size: .426rem;
}

#home .hdialog-noty-content-text {
    position: relative;
    flex: 1;
    width: 100%;
    max-height: 8rem;
    overflow: scroll;
}

#home .hdialog-noty-content-text .noty-text {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: .373rem;
    line-height: .55rem;
    text-align: left;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: rgba(255, 255, 255, 0.45);
}

#home .hdialog-noty-content-btn {
    position: relative;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(103deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

#home .hdialog-loginalert-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.65);
}

#home .hdialog-loginalert-content {
    height: 12rem;
    width: 9rem;
    margin-left: 0.5rem;
}

#home .hdialog-loginalert-text {
    position: relative;
    margin-top: 1rem;
    margin-left: 1rem;
    width: 7rem;
    text-align: center;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.6rem;
}

#home .hdialog-continue-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background-color: rgba(0, 0, 0, 0.04);
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(0, 0, 0, 0.65);
}

#home .hdialog-continue-icon {
    position: relative;
    margin-top: 1rem;
    width: 1.34rem;
    height: 1.34rem;
    left: 50%;
    margin-left: -0.67rem;
}

#home .hdialog-continue-tips1 {
    position: relative;
    width: 8.2rem;
    margin-top: 0.5rem;
    margin-left: 0rem;
    text-align: center;
    font-size: 0.426rem;
    color: #FFFFFF;
    line-height: 0.6rem;
}

#home .hdialog-continue-tips2 {
    position: relative;
    width: 8.2rem;
    text-align: center;
    margin-top: 0.5rem;
    margin-left: 0;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.6rem;
}

#home .hdialog-cslist-frame {
    width: 10rem;
    height: 100vh;
    /* display: flex;
  flex-flow: column; */
    overflow-x: hidden;
    overflow-y: scroll;
}

#home .hdialog-cslist-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.4rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.4rem;
    color: #FFFFFF;
    background: #001A00;
    z-index: 1;
}

#home .hdialog-cslist-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.426rem;
    width: 1rem;
    height: 1rem;
}

#home .hdialog-cslist-topicon {
    position: relative;
    margin-top: 1rem;
    left: 0rem;
    width: 10rem;
    height: 2.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-cslist-topicon .ticon {
    width: 2.22rem;
    height: 2.22rem;
}

#home .hdialog-cslist-toptips {
    position: relative;
    margin-top: 0.7rem;
    text-align: center;
    left: 0.5rem;
    width: 9rem;
    height: 1.2rem;
    line-height: 0.55rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.3rem;
    font-size: .346rem;
    margin-bottom: 0.426rem;
}

#home .hdialog-cslist-panel {
    position: relative;
    margin-top: 1.95rem;
    width: 95%;
    padding-left: 0.5rem;
}

#home .hdialog-cslist-body {
    display: flex;
    flex-wrap: wrap;
}

#home .hdialog-cslist-item {
    position: relative;
    width: 4.27rem;
    height: 5.11rem;
    margin-right: 0.37rem;
    margin-bottom: 0.33rem;
    overflow: hidden;
    background: #004900;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.55rem;
}

#home .hdialog-cslist-item .cs-avatar {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    margin-left: -0.665rem;
    width: 1.33rem;
    height: 1.33rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    object-fit: cover;
}

#home .hdialog-cslist-item .cs-name {
    position: relative;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.67rem;
    line-height: 0.67rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: .373rem;
}

#home .hdialog-cslist-item .cs-type {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
    font-size: .28rem;
}

#home .hdialog-cslist-item .cs-contact {
    position: relative;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
    font-size: .28rem;
}

#home .hdialog-cslist-item .cs-chat {
    position: relative;
    margin-top: 0.4rem;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    color: #000000;
    font-size: .32rem;
    background-image: linear-gradient(110deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

#home .hdialog-cslist-content {
    position: relative;
    top: 0;
    left: 0;
    width: 10rem;
    max-height: 60vh;
    overflow: scroll;
}

#home .hdialog-cslist-content-item {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 2.3rem;
    margin-bottom: 0.266rem;
}

#home .hdialog-cslist-content-user {
    position: absolute;
    left: 0.42rem;
    width: 1.33rem;
    top: 50%;
    margin-top: -0.665rem;
    height: 1.33rem;
    line-height: 1.33rem;
}

#home .hdialog-cslist-content-avatar {
    position: absolute;
    width: 1.33rem;
    height: 1.33rem;
    border-radius: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

#home .hdialog-cslist-content-name {
    position: absolute;
    left: 1.5rem;
    width: 4.5rem;
    height: 1.28rem;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
}

#home .hdialog-cslist-content-contact {
    position: absolute;
    left: 1.9rem;
    width: 6rem;
    top: 50%;
    margin-top: -0.665rem;
    height: 1.33rem;
}

#home .hdialog-cslist-content-contact .cticon {
    opacity: 0.45;
    position: absolute;
    top: 0.11rem;
    left: 0.21rem;
    width: 0.64rem;
    height: 0.64rem;
}

#home .hdialog-cslist-content-contact .ctname {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 6rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    font-weight: 700;
}

#home .hdialog-cslist-content-contact .ctcontact {
    position: absolute;
    bottom: 0.1rem;
    left: 0rem;
    width: 6rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
}

#home .hdialog-cslist-content-contact .ctline {
    position: absolute;
    left: 3rem;
    top: 0.16rem;
    width: 1px;
    height: 0.53rem;
    background-color: rgba(255, 255, 255, 0.08);
}

#home .hdialog-cslist-content-contact-line {
    position: absolute;
    bottom: 1px;
    left: 1rem;
    width: 8rem;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

.hdialog-cslist-content-chat {
    position: absolute;
    top: 50%;
    margin-top: -0.335rem;
    right: 0.4rem;
    width: 1.34rem;
    height: 0.67rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 0.22rem;
  color: #FFFFFF;
  font-size: .32rem;
  background: #AB3FE7;
  overflow: hidden; */
}

.hdialog-cslist-content-chat img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#home .hdialog-activity-title {
    position: relative;
    width: 100%;
    height: 1.34rem;
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.34rem;
    color: #FFFFFF;
}

#home .hdialog-person-title {
    position: sticky;
    top: 0;
    width: 100%;
    height: 1.4rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 3;
}

#home .hdialog-person-bg {
    position: absolute;
    top: -0.34rem;
    left: 0;
    width: 10rem;
    height: 4.72rem;
}

#home .hdialog-person-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

#home .hdialog-person-title .title-fullname {
    position: absolute;
    left: 0.5rem;
    width: 5.1rem;
    height: 1.06rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    font-size: .533rem;
    font-weight: 700;
}

#home .hdialog-person-title .title-logo {
    position: absolute;
    left: 0.5rem;
    width: 5.2rem;
    height: 1.06rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-title .title-cs {
    position: absolute;
    right: 0.5rem;
    width: 0.88rem;
    height: 0.88rem;
    background-image: linear-gradient(135deg, #4256FE 0%, rgba(66, 86, 254, 0.50) 100%);
    border-radius: 0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-person-title .title-cs-icon {
    width: 0.6rem;
    height: 0.6rem;
}

#home .hdialog-activity-back {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.426rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-activity-back-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.4rem;
    background: #001A00;
}

#home .hdialog-activity-back-img {
    width: 0.4rem;
    height: 0.4rem;
}

#home .hdialog-person-content {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

#home .hdialog-person-content .item-arrow {
    position: absolute;
    right: 0.5rem;
    width: 0.44rem;
    height: 0.44rem;
}

#home .hdialog-person-content .item-arrow-vip {
    position: absolute;
    top: 0.22rem;
    right: 0.5rem;
    width: 0.44rem;
    height: 0.44rem;
    filter: invert(100%);
}

#home .hdialog-person-content .view-more {
    position: absolute;
    right: 1.1rem;
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #FFFFFF;
    font-size: .32rem;
}

#home .hdialog-person-content .view-more-vip {
    position: absolute;
    right: 0rem;
    width: 4.73rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    transition: transform 0.1s ease-in-out;
    z-index: 2;
}

#home .hdialog-person-content .view-more-vip:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .hdialog-person-content .view-more-vip-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

#home .hdialog-person-content .view-more-vip-text {
    position: absolute;
    top: 0;
    right: 1.1rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: right;
    color: #000000;
    font-size: .32rem;
}

#home .hdialog-person-content .person-profile {
    position: relative;
    width: 10rem;
    height: 4.72rem;
    margin-bottom: 0.22rem;
}

#home .hdialog-person-content .person-profile-avatar {
    position: absolute;
    top: 0.35rem;
    left: 0.8333rem;
    width: 2.2222rem;
    height: 2.2222rem;
    border-radius: 0.44rem;
    border: 1px solid rgba(184, 204, 203, 1);
}

#home .hdialog-person-content .person-profile-name {
    position: absolute;
    top: 1.15rem;
    left: 3.35rem;
    width: 5rem;
    height: 0.67rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .person-profile-code {
    position: absolute;
    top: 0.44rem;
    left: 3.35rem;
    height: 0.67rem;
    width: 4.88rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .32rem;
    color: #FFFFFF;
}

#home .hdialog-person-content .person-profile-code .copy-icon {
    width: 0.33rem;
    height: 0.33rem;
    margin-left: 0.1rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.33rem;
    padding: 0.05rem;
}

#home .hdialog-person-content .person-profile-coin {
    position: absolute;
    top: 1.75rem;
    left: 3.35rem;
    width: 6.67rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .person-profile-coin2 {
    position: absolute;
    top: 1.2rem;
    right: 0.66rem;
    width: 6.67rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#home .hdialog-person-content .person-profile-coin-icon {
    width: 0.44rem;
    height: 0.44rem;
    margin-left: 0.24rem;
    margin-right: 0.2rem;
}

#home .hdialog-person-content .person-profile-coin-title {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
}

#home .hdialog-person-content .person-profile-coin-value {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 400;
}

#home .hdialog-person-content .person-profile-topup {
    position: absolute;
    bottom: 0.22rem;
    left: 0.4rem;
    width: 4.38rem;
    height: 1.11rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(104deg, #FFEE00 0%, #FFC800 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.85);
    font-size: .346rem;
    font-weight: 400;
    transition: transform 0.1s ease-in-out;
}

#home .hdialog-person-content .person-profile-tricon {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.36rem;
}

#home .hdialog-person-content .person-profile-topup:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .hdialog-person-content .person-profile-withdraw {
    position: absolute;
    bottom: 0.22rem;
    right: 0.4rem;
    width: 4.38rem;
    height: 1.11rem;
    border-radius: 0.22rem;
    background: #018E00;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 400;
    transition: transform 0.1s ease-in-out;
}

#home .hdialog-person-content .person-profile-withdraw:active {
    opacity: 0.65;
    transform: scale(0.9);
}

#home .hdialog-person-content .person-profile-message {
    position: absolute;
    top: 0.44rem;
    right: 0.8333rem;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

#home .hdialog-person-content .person-profile-message:active {
    opacity: 0.65;
    transform: scale(0.9);
}

#home .hdialog-person-content .person-profile-message .message-icon {
    width: 0.77rem;
    height: 0.77rem;
}

#home .hdialog-person-content .person-vipframe {
    position: relative;
    left: 0.4rem;
    width: 9.12rem;
    height: 4.88rem;
    overflow: hidden;
    margin-bottom: 0.22rem;
}

#home .hdialog-person-content .person-vipframe-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#home .hdialog-person-content .person-vipframe-bg1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 3.11rem;
    /* background-image: linear-gradient(180deg, rgba(66,86,254,0.50) 0%, rgba(66,86,254,0.08) 100%); */
}

#home .hdialog-person-content .person-vipframe-bg1 .vip-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.11rem;
    z-index: 2;
    display: flex;
    align-items: center;
    /* transition: transform 0.2s ease-in-out; */
}

/* #home .hdialog-person-content .person-vipframe-bg1 .vip-frame:active {
  opacity: 0.45;
  transform: scale(0.9);
} */

#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-icon {
    position: absolute;
    top: 0.11rem;
    left: 0.44rem;
    width: 100%;
    height: 1.33rem;
    width: 1.33rem;
}

#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-text {
    position: absolute;
    top: 0.05rem;
    left: 1.9rem;
    width: 4rem;
    height: 98%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-text-title {
    color: #FFEE00;
    font-size: .533rem;
    font-weight: 700;
    margin-right: 0.1rem;
}

#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-text-value {
    color: #FFEE00;
    font-size: .853rem;
    font-weight: 700;
}

#home .hdialog-person-content .person-vipframe-bg2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3.72rem;
    /* background-image: linear-gradient(67deg, #00804C 0%, #212B7F 100%);
  border-radius: 0.55rem; */
}

#home .hdialog-person-content .person-vipframe-curvip {
    position: relative;
    margin-top: 0.16rem;
    left: 0.22rem;
    width: 8.34rem;
    height: 1.55rem;
    overflow: hidden;
}

#home .hdialog-person-content .person-vipframe-remainvip {
    position: relative;
    left: 0.22rem;
    width: 8.34rem;
    height: 1.55rem;
    border-radius: 0.22rem;
    overflow: hidden;
}

#home .hdialog-person-content .person-vipframe-topframe {
    position: absolute;
    top: 0;
    left: 0.22rem;
    width: 8rem;
    height: 0.66rem;
    display: flex;
    align-items: flex-end;
}

#home .hdialog-person-content .person-vipframe-topframe .left-title {
    position: absolute;
    left: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
    text-align: left;
}

#home .hdialog-person-content .person-vipframe-topframe .left-title2 {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: .32rem !important;
}

#home .hdialog-person-content .person-vipframe-topframe .right-value {
    position: absolute;
    right: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: right;
}

#home .hdialog-person-content .person-vipframe-topframe .right-value2 {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: .346rem !important;
}

#home .hdialog-person-content .person-vipframe-middleframe {
    position: absolute;
    top: 0.78rem;
    left: 0.22rem;
    width: 8rem;
    height: 0.22rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .person-vipframe-middleframe .total-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.16rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.14rem;
}

#home .hdialog-person-content .person-vipframe-middleframe .cur-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0.16rem;
    background: #6ADB36;
    border-radius: 0.14rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#home .hdialog-person-content .person-vipframe-middleframe .cur-frame2 {
    background: #FFEE00;
}

#home .hdialog-person-content .person-vipframe-middleframe .cur-frame-point {
    width: 0.16rem;
    height: 0.16rem;
    background: #FFFFFF;
    border-radius: 0.14rem;
}

#home .hdialog-person-content .person-vipframe-bottomframe {
    position: absolute;
    top: 1.05rem;
    left: 0.22rem;
    width: 8rem;
    height: 0.44rem;
    display: flex;
    align-items: center;
}

#home .hdialog-person-content .person-vipframe-bottomframe .left-title {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
    text-align: left;
}

#home .hdialog-person-content .person-vipframe-bottomframe .right-value {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    color: #6ADB36;
    font-size: .3rem;
    text-align: right;
}

#home .hdialog-person-content .person-vipframe-bottomframe .right-value2 {
    color: #FFEE00 !important;
}

#home .hdialog-person-content .person-rebateframe {
    position: relative;
    left: 0.4rem;
    width: 9.2rem;
    height: 1.34rem;
    background: #003e00;
    border-radius: 0.22rem;
    overflow: hidden;
    margin-bottom: 0.22rem;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
}

#home .hdialog-person-content .person-rebateframe2 {
    /* background: #00A2FF!important; */
}

#home .hdialog-person-content .person-rebateframe:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .hdialog-person-content .rebate-left {
    position: absolute;
    left: 0.44rem;
    width: 6rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#home .hdialog-person-content .rebate-left-title {
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
    margin-right: 0.22rem;
}

#home .hdialog-person-content .rebate-left-unit {
    color: #FFFFFF;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.11rem;
}

#home .hdialog-person-content .rebate-left-value {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
}

#home .hdialog-person-content .person-agentframe {
    position: relative;
    left: 0.44rem;
    width: 9.12rem;
    height: 2.224rem;
    /* padding-bottom: 0.22rem;
  background: #3B3466; */
    border-radius: 0.22rem;
    overflow: hidden;
    margin-bottom: 0.22rem;
}

#home .hdialog-person-content .person-agentframe .agent-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease-in-out;
    border-radius: 0.22rem;
}

#home .hdialog-person-content .person-agentframe .agent-banner:active {
    transform: scale(0.9);
}

#home .hdialog-person-content .person-agentframe .agent-title {
    position: relative;
    left: 0;
    width: 8.68rem;
    height: 1.11rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
}

#home .hdialog-person-content .person-agentframe .agent-title:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .hdialog-person-content .person-agentframe .agent-item {
    position: relative;
    left: 0.44rem;
    width: 7.8rem;
    height: 0.88rem;
    overflow: hidden;
    margin-bottom: 0.11rem;
    background: #262346;
    border-radius: 0.22rem;
    display: flex;
    align-items: center;
}

#home .hdialog-person-content .person-agentframe .agent-item-left {
    position: absolute;
    left: 0.22rem;
    width: 6rem;
    height: 100%;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .person-agentframe .agent-item-right {
    position: absolute;
    right: 0.44rem;
    width: 6rem;
    height: 100%;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#home .hdialog-person-content .person-agentframe .agent-item-right .reward-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

#home .hdialog-person-content .person-agentframe .agent-item-right .reward-value {
    color: #FFAF00;
    font-size: .373rem;
}

#home .hdialog-person-content .person-agentframe .agent-share-title {
    position: relative;
    left: 0.44rem;
    width: 7.8rem;
    height: 0.88rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}

#home .hdialog-person-content .person-agentframe .agent-share-content {
    position: relative;
    left: 0.44rem;
    width: 7.8rem;
    height: 1.34rem;
    ;
    display: flex;
    align-items: center;
    overflow: scroll hidden;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem;
}

#home .hdialog-person-content .person-agentframe .agent-share-container {
    white-space: nowrap;
    display: inline-block;
}

#home .hdialog-person-content .person-agentframe .agent-share-item {
    position: relative;
    display: inline-block;
    height: 1.1rem;
    width: 1.1rem;
    top: 0.08rem;
    margin-right: 0.2rem;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}

#home .hdialog-person-content .person-agentframe .agent-share-item-icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.33rem;
    height: 0.66rem;
    width: 0.66rem;
}

#home .hdialog-person-content .person-agentframe .agent-share-item-title {
    position: absolute;
    top: 0.8rem;
    left: -0.1rem;
    width: 1.3rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .22rem;
}

#home .hdialog-person-content .person-otherframe {
    position: relative;
    left: 0.4rem;
    width: 9.2rem;
    padding-top: 0.44rem;
    padding-bottom: 0.44rem;
    background: #003e00;
    border-radius: 0.22rem;
    overflow: hidden;
    margin-bottom: 0.22rem;
}

#home .hdialog-person-content .other-item {
    position: relative;
    left: 0;
    width: 9.2rem;
    height: 1.33rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-shadow: inset 0px -0.5px 0px 0px rgba(123, 110, 97, 0.5);
    transition: transform 0.2s ease-in-out;
}

#home .hdialog-person-content .other-item:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home .hdialog-person-content .other-item-left {
    position: absolute;
    left: 0.44rem;
    width: 6rem;
    height: 100%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.65);
    font-size: .373rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home .hdialog-person-content .other-item-left .left-icon {
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.22rem;
}

#home .hdialog-person-content .other-item-left .left-title {
    color: #6ADB36;
    font-size: .373rem;
}

#home .hdialog-person-content .person-exitframe {
    position: relative;
    left: 0.4rem;
    width: 9.2rem;
    height: 1.33rem;
    background: #003e00;
    border-radius: 0.22rem;
    overflow: hidden;
    margin-bottom: 0.22rem;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
}

#home .hdialog-person-content .person-exitframe:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hdialog-exit-frame {
    position: absolute;
    bottom: 0px;
    height: 7.1rem;
    width: 10rem;
    border-top-left-radius: 0.88rem;
    border-top-right-radius: 0.88rem;
    background: #003200;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
}

.hdialog-exit-frame .top-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 4.64rem;
    /* background: #3B3466; */
    border-top-left-radius: 0.88rem;
    border-top-right-radius: 0.88rem;
}

.hdialog-exit-frame .top-content-title {
    position: absolute;
    top: 0.64rem;
    left: 0;
    width: 10rem;
    height: 0.43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-exit-frame .top-content-tips {
    position: absolute;
    top: 1.7rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.07rem;
    line-height: 0.52rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.65);
}

.hdialog-exit-frame .top-content-exit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 1.333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .426rem;
    color: #EB5757;
}

.hdialog-exit-frame .bottom-content {
    position: absolute;
    top: 4.853rem;
    left: 0;
    width: 10rem;
    height: 2.24rem;
    /* background: #3B3466; */
}

.hdialog-exit-frame .bottom-content-cancel {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .426rem;
    /* background: #FFFFFF; */
    color: rgba(255, 255, 255, 0.65);
}

#home .hdialog-activity-content {
    position: relative;
    left: 0;
    max-height: 95vh;
    min-height: 80vh;
    height: unset;
}

#home .hdialog-activity-content .act-panel {
    position: relative;
    margin-top: 0.44rem;
    width: 95.5%;
    padding-left: 0.44rem;
}

#home .hdialog-activity-content .act-body {
    display: flex;
    flex-wrap: wrap;
}

#home .hdialog-activity-content .act-item {
    position: relative;
    width: 9.12rem;
    height: 3.782rem;
    background: #003200;
    border: 0.5px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.22rem;
    margin-bottom: 0.22rem;
    display: flex;
    justify-content: center;
}

#home .hdialog-activity-content .act-item-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.22rem;
    object-fit: fill;
}

#home .hdialog-activity-content .act-item-top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1.34rem;
    display: flex;
    align-items: center;
}

#home .hdialog-activity-content .act-item-top .act-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    left: 0.22rem;
    width: 0.88rem;
    height: 0.88rem;
    background: linear-gradient(135deg, #018E00, #003200, #018E00);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 0.5px solid rgba(255,255,255,0.15); */
}

#home .hdialog-activity-content .act-item-top .act-icon-img {
    width: 0.6rem;
    height: 0.6rem;
}

#home .hdialog-activity-content .act-item-top .act-name {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    left: 1.3rem;
    width: 4rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    font-size: .32rem;
    font-weight: 700;
}

#home .hdialog-activity-content .act-item-top .act-name-text {
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
    margin-right: 0.1rem;
}

#home .hdialog-activity-content .act-item-top .act-redpoint {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: .24rem;
}

.leftact-redpoint {
    margin-left: 0.15rem;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: .24rem;
}

#home .hdialog-activity-content .act-item-top .act-arrow {
    position: absolute;
    top: 0;
    right: 0.33rem;
    width: 0.44rem;
    height: 0.44rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-activity-content .act-item-top .act-arrow-img {
    width: 0.44rem;
    height: 0.44rem;
    transform: rotate(-90deg);
}

#home .hdialog-activity-content .act-item-top .act-btn {
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    right: 0.22rem;
    width: 2.66rem;
    height: 0.88rem;
    color: #000000;
    font-size: .32rem;
    border-radius: 0.22rem;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(108deg, #FFEE00 0%, #FFC800 100%);
}

#home .hdialog-activity-content .act-item-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.45rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-activity-content .act-item-bottom-img {
    width: 100%;
    height: 2.45rem;
    border-bottom-left-radius: 0.22rem;
    border-bottom-right-radius: 0.22rem;
    object-fit: cover;
}

#home .hdialog-freereg-close {
    position: absolute;
    top: 1.8rem;
    right: 0.45rem;
    width: 2.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: .5rem;
    background: #3E606F;
    border: 1px solid #FFB57F;
}

#home .hdialog-freereg-close img {
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    right: 0.3rem;
    width: 0.5rem;
    height: 0.5rem;
}

#home .hdialog-freereg-close span {
    position: absolute;
    left: 0.3rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

#home .hdialog-freereg-tbg {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 12.39rem;
}

#home .hdialog-freereg-content {
    position: absolute;
    top: 2.8rem;
    width: 10rem;
    height: 12.22rem;
}

#home .hdialog-freereg-content-img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

#home .hdialog-freereg-content-img2 {
    position: absolute;
    top: 3.5rem;
    right: 3.5rem;
    width: 0.56rem;
    height: 0.56rem;
}

#home .hdialog-freereg-content-text1 {
    position: absolute;
    top: 3.55rem;
    left: 3.5rem;
    color: #78340F;
    ;
    font-size: .533rem;
}

#home .hdialog-freereg-content-text2 {
    position: absolute;
    top: 4.1rem;
    left: 3rem;
    height: 2rem;
    line-height: 2rem;
    color: #78340F;
    font-size: 1.6rem;
    text-align: center;
    width: 4rem;
    font-weight: bold;
}

#home .hdialog-freereg-content-text3 {
    position: absolute;
    top: 7.6rem;
    left: 2.5rem;
    width: 5rem;
    height: 1.3rem;
    line-height: 0.65rem;
    text-align: center;
    color: #78340F;
    font-size: .64rem;
    font-weight: bold;
}

#home .hdialog-freereg-content-text4 {
    position: absolute;
    top: 9.2rem;
    left: 2rem;
    width: 6rem;
    line-height: 0.5rem;
    text-align: center;
    color: #78340F;
    font-size: .373rem;
}

#home .hdialog-freereg-btn {
    color: rgb(252, 215, 161);
    background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);
    border: 2px solid #FCD7A1;
    position: absolute;
    top: 15.2rem;
    width: 5.8rem;
    height: 1rem;
    line-height: 0.9rem;
    left: 50%;
    margin-left: -2.9rem;
    border-radius: 0.61rem;
    text-align: center;
    font-size: .533rem;
}

#home .hdialog-freereg-tips {
    position: absolute;
    top: 17.2rem;
    width: 8rem;
    left: 1rem;
    height: 1.4rem;
    line-height: 0.5rem;
    text-align: left;
    font-size: 0.373rem;
    display: flex;
    place-content: center;
    align-items: center;
    color: #FFB57F;
    background: rgba(43, 22, 0, 0.85);
    border-radius: 0.1rem;
}

#home .hdialog-freereg-tips img {
    margin-left: 0.3rem;
    margin-right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
}

#home .hdialog-freemsg-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background-color: rgba(255, 255, 255, 0.0);
    text-align: center;
    font-size: 0.533rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.65);
}

#home .hdialog-freemsg-icon {
    position: relative;
    margin-top: 1rem;
    width: 2.1rem;
    height: 2.1rem;
    left: 50%;
    margin-left: -1.05rem;
}

#home .hdialog-freemsg-tips1 {
    position: relative;
    width: 8rem;
    margin-top: 0.5rem;
    margin-left: 1rem;
    text-align: center;
    font-size: 0.533rem;
    color: rgba(255, 255, 255, 0.85);
    ;
    line-height: 0.6rem;
}

#home .hdialog-freemsg-tips2 {
    position: relative;
    width: 8rem;
    text-align: center;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.6rem;
}

#home .hdialog-freemsg-btn {
    position: relative;
    left: 50%;
    height: 1.1rem;
    text-align: center;
    font-size: 0.373rem;
    line-height: 1.1rem;
    border-radius: 0.6rem;
    width: 3.6rem;
    margin-left: -1.8rem;
    margin-top: 0.4rem;
    background: #3E606F;
    color: #FFFFFF;
}

#home .hdialog-pdd-content {
    width: 10rem;
    height: 14.59rem;
    display: flex;
    flex-flow: column;
}

#home .hdialog-pdd-content-bg {
    position: absolute;
    top: 8rem;
    left: 1.7rem;
    width: 6.6rem;
    height: 6.2rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.55rem;
}

#home .hdialog-pdd-content-img {
    position: absolute;
    width: 9.4rem;
    height: 14.59rem;
    left: 0.3rem;
}

#home .hdialog-pdd-close {
    position: absolute;
    right: 0.7rem;
    top: 0.65rem;
    width: 0.88rem;
    height: 0.88rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-pdd-close img {
    width: 0.6rem;
    height: 0.6rem;
}

#home .hdialog-pdd-tips {
    position: absolute;
    left: 51%;
    margin-left: -2.8rem;
    top: 10rem;
    width: 5.6rem;
    font-size: .34rem;
    font-weight: bold;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

#home .hdialog-pdd-tips .value {
    color: #FFAF00;
    font-size: .4rem;
}

#home .hdialog-pdd-btn {
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 12.1rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 0.88rem;
    left: 50%;
    margin-left: -1.665rem;
    border-radius: 0.22rem;
    text-align: center;
    font-size: .38rem;
}

#home .hdialog-pdd-btn .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.33rem;
}

#home .hdialog-pdd-btn .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.64rem;
    height: 0.88rem;
}

#home .hdialog-firstrch-content {
    position: absolute;
    left: 50%;
    width: 8.4rem;
    height: 14rem;
    margin-left: -4.2rem;
    background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);
    box-shadow: 0 -2px 8px 0 rgba(43, 22, 0, 0.25);
    border-radius: 0.4rem;
}

#home .hdialog-firstrch-text1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #78340F;
    font-size: .533rem;
    font-weight: bolder;
    line-height: 0.6rem;
    text-align: center;
}

#home .hdialog-firstrch-text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #78340F;
    font-size: .373rem;
    font-weight: bolder;
    line-height: 0.45rem;
    text-align: center;
}

#home .hdialog-firstrch-text3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #78340F;
    font-size: .373rem;
    font-weight: bolder;
    line-height: 0.6rem;
    text-align: center;
}

#home .hdialog-firstrch-text4 {
    color: #78340F;
    font-size: .533rem;
    text-align: center;
    margin-top: 0.6rem;
}

#home .hdialog-firstrch-text5 {
    color: #78340F;
    font-size: 1.7rem;
    font-weight: bold;
}

#home .hdialog-firstrch-btn {
    color: rgba(255, 255, 255, 0.85);
    background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);
    border: 2px solid #FCD7A1;
    box-shadow: 0 8px 12px 0 rgba(120, 52, 15, 0.45);
    position: absolute;
    top: 11.7rem;
    width: 4.2rem;
    height: 1rem;
    line-height: 0.95rem;
    left: 50%;
    margin-left: -2.1rem;
    border-radius: 0.61rem;
    text-align: center;
    font-size: .426rem;
}

#home .rain-time {
    position: absolute;
    width: 2.7rem;
    height: 0.6rem;
    line-height: 0.6rem;
}

#home .rain-time img {
    position: absolute;
    opacity: 0.65;
    top: 50%;
    margin-top: -0.165rem;
    left: 0rem;
    width: 0.32rem;
    height: 0.32rem;
}

#home .rain-time span {
    position: absolute;
    left: 0.36rem;
    color: rgb(252, 215, 161);
    font-size: 0.33rem;
    line-height: 0.6rem;
}

#home .chat-button {
    position: absolute;
    right: 0;
    top: 0.15rem;
    width: 1.5rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background: #3E606F;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.22rem;
    font-size: .35rem;
}

#home .chat-button:active {
    background: #91AA9D;
}

#home .hdialog-btn-continue {
    position: relative;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.72rem;
    width: 3.44rem;
    height: 1.33rem;
    line-height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(111deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

#home .hdialog-btn-continue:active {
    opacity: 0.45;
}

#home .hdialog-btn-continue-bg {
    width: 100%;
}

.sdcommon-btn-bg {
    width: 100%;
}

.sdcommon-btn-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdcommon-text-enable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1.33rem;
    text-align: center;
    font-size: .426rem;
    color: #000000;
    font-weight: 700;
}

.sdcommon-text-cancel {
    color: #FFFFFF !important;
}

.sdcommon-text-disable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1.33rem;
    text-align: center;
    font-size: .426rem;
    color: #000000;
    font-weight: 700;
}

.sdcommon-text-reglogin {
    line-height: 1.11rem !important;
}

#home .hdialog-btn-cancel {
    position: relative;
    left: 50%;
    margin-top: 0.3rem;
    margin-left: -1.72rem;
    width: 3.41rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003200;
    border: 1px solid #018E00;
    border-radius: 0.22rem;
    color: #FFFFFF !important;
}

#home .hdialog-btn-cancel:active {
    opacity: 0.45;
}

#home .hdialog-btn-cancel-bg {
    width: 100%;
}

#home .menu-item-cell {
    position: absolute;
    width: 100%;
    height: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}

#home .menu-item-cell .title {
    position: absolute;
    right: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.373rem;
    text-align: right;
    color: white;
}

#home .menu-item-cell-active {
    position: absolute;
    width: 100%;
    height: 1.2rem;
    border-top: 0px solid rgba(255, 255, 255, 0.1);
    background: #e05e00;
}

#home .menu-item-cell-active .title {
    position: absolute;
    right: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.373rem;
    text-align: right;
    color: white;
}

#home .menu-item-img {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    margin-top: -0.25rem;
    right: 0.35rem;
}

#home .menu-float-frame {
    position: fixed;
    z-index: 1999;
    right: 0;
    bottom: 100vh;
    width: 1.8rem;
    display: flex;
    flex-wrap: wrap;
}

#home .menu-float-item {
    position: relative;
    width: 1.78rem;
    height: 1.78rem;
    margin-top: 0.44rem;
}

#home .menu-float-item-top {
    height: 1.34rem !important;
}

#home .menu-float-item:first-child {
    margin-top: 0;
}

#home .menu-float-item-img {
    position: absolute;
    width: 1.78rem;
    height: 1.78rem;
}

#home .menu-button {
    position: fixed;
    z-index: 1999;
    right: 0.4rem;
    background-color: #35373F;
    border-radius: 0.6rem;
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
}

#home .menu-button-left {
    left: 0px !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
    background-color: rgba(0, 0, 0, 0) !important;
    overflow: unset !important;
}

#home .menu-button-right {
    background-color: rgba(0, 0, 0, 0) !important;
    overflow: unset !important;
    right: 0rem !important;
}

#home .menu-button-top {
    position: absolute;
    width: 1.34rem;
    height: 1.34rem;
    left: 50%;
    margin-left: -0.67rem;
    bottom: 0;
    background: #000000;
    border: 1px solid rgba(210, 152, 72, 1);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    border-radius: 0.22rem;
}

#home .menu-button-top-icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
}

#home .menu-button-top-title {
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 1.34rem;
    height: 0.66rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
}

#home .menu-button-active {
    position: fixed;
    z-index: 1999;
    right: 0.4rem;
    background-color: #e05e00;
    border-radius: 0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
}

#home .btn-nologin {
    position: relative;
    left: 50%;
    margin-left: -1.6rem;
    width: 3.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(111deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
}

#home .btn-nologin:active {
    opacity: 0.5;
}

#home .btn-nologin-cancel {
    position: relative;
    margin-left: -1.6rem;
    width: 3.44rem;
    height: 1.3rem;
    left: 71%;
    margin-top: -1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003200;
    border: 1px solid #018E00;
    border-radius: 0.22rem;
}

#home .btn-nologin-cancel:active {
    opacity: 0.5;
}

#home .cover-white {
    position: fixed;
    top: 100vh;
    height: 100vh;
    width: 10rem;
    z-index: 2000;
    background: #111111;
}

#home .top-user-panel {
    position: fixed;
    top: 1.4rem;
    right: 0.45rem;
    width: 5.5rem;
    height: 5rem;
    background: transparent;
    font-size: 0.373rem;
    border-radius: 0.1rem;
}

#home .top-user-panel-arrow {
    position: absolute;
    right: 0.35rem;
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-bottom: 0.3rem solid #EEEFF1;
}

#home .top-user-panel-body {
    position: absolute;
    top: 0.25rem;
    left: 0;
    width: 100%;
    height: 4.7rem;
    background: #EEEFF1;
    border-radius: 0.22rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#home .top-user-panel-avatarframe {
    position: absolute;
    top: 0.5rem;
    left: 0.4rem;
    width: 0.66rem;
    height: 0.66rem;
    border: 2px solid #f9c486;
    border-radius: 0.1rem;
}

#home .top-user-panel-avatarimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home .top-user-panel-name {
    position: absolute;
    top: 0.5rem;
    left: 1.4rem;
    width: 3.73rem;
    height: 0.72rem;
    line-height: 0.72rem;
    border-radius: 0.35rem;
    font-size: 0.373rem;
    color: rgba(0, 0, 0, 0.85);
    background: rgba(0, 0, 0, 0.04);
}

#home .top-user-panel-userid {
    position: absolute;
    top: 1.3rem;
    left: 1.4rem;
    width: 3rem;
    height: 0.66rem;
    line-height: 0.66rem;
    border-radius: 0.35rem;
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.65);
    background: rgba(0, 0, 0, 0.04);
}

#home .top-user-panel-userid .idspan {
    margin-left: 0.2rem;
    color: rgba(0, 0, 0, 0.25);
}

#home .top-user-panel-copyimg {
    position: absolute;
    top: 0.11rem;
    left: 0.11rem;
    width: 0.44rem;
    height: 0.44rem;
}

#home .top-user-panel-coin {
    position: absolute;
    width: 4.7rem;
    top: 2.2rem;
    left: 0.4rem;
    height: 1rem;
    line-height: 1rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
}

#home .top-user-panel-coinimg {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    left: 0.2rem;
    margin-top: -0.25rem;
}

#home .top-user-panel-cointext1 {
    position: absolute;
    left: 0.8rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .346rem;
}

#home .top-user-panel-cointext2 {
    position: absolute;
    left: 0.8rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .3rem;
}

#home .top-user-panel-cointext3 {
    position: absolute;
    right: 0.3rem;
    color: black;
    font-size: .373rem;
    text-align: right;
    font-weight: bold;
}

#home .top-user-panel-level {
    position: absolute;
    width: 4.7rem;
    top: 3.5rem;
    left: 0.4rem;
    height: 1rem;
    line-height: 1rem;
}

#home .top-user-panel-levelimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.88rem;
    height: 0.88rem;
}

#home .top-user-panel-level-line {
    position: absolute;
    top: 0.2rem;
    left: 1.1rem;
    width: 1px;
    height: 0.6rem;
    background: #FFFFFF;
}

#home .top-user-panel-vipicon {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 1.35rem;
    width: 0.66rem;
    height: 0.66rem;
}

#home .top-user-panel-viptext {
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    left: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    width: 0.5rem;
    border-radius: 2px;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.346rem;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

#home .agent-cover {
    z-index: 9999;
    position: fixed;
    width: 10rem;
    height: 100vh;
    bottom: 1.5rem;
    background-color: rgba(0, 0, 0, 0);
}

#home .agent-panel {
    position: fixed;
    bottom: 1.4rem;
    right: 0.45rem;
    width: 4rem;
    background: #164633;
    font-size: 0.373rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.1rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#home .agent-panel-top {
    position: relative;
    border-radius: 0.2rem;
    height: 0.6rem;
    background: #164633;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.04);
}

#home .agent-panel-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    position: relative;
    height: 0.6rem;
    background: #164633;
    border-radius: 0rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.04);
}

#home .agent-panel-bottom img {
    opacity: 0.45;
    ;
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    left: 50%;
    margin-left: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

#home #tab-bar-home .item-normal {
    background: #22043C;
    color: rgba(255, 255, 255, 0.65);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#home #tab-bar-home .item-active {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}

#home #tab-bar-home .item-normal:active {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}

#home #tab-bar-home-bg {
    width: 10rem;
    height: 2.222rem;
    position: fixed;
    left: 0;
    top: 80vh;
    right: 0;
    z-index: 2000;
}

#home #tab-bar-home {
    width: 10rem;
    height: 2.4rem;
    position: fixed;
    left: 0;
    top: 80vh;
    right: 0;
    z-index: 2000;
    /* backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); */
    /* background: #3B3466; */
}

#home #tab-bar-home .tab-bottom-login {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.78rem;
    display: flex;
    align-items: center;
}

#home #tab-bar-home .tabbar-left {
    position: absolute;
    top: 0;
    left: 0rem;
    width: 10rem;
    height: 1.78rem;
    background: transparent;
    /* backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); */
    display: flex;
}

#home #tab-bar-home .tabbar-left-bgcolor {
    position: absolute;
    top: 1.3rem;
    left: 0rem;
    width: 10rem;
    height: 3rem;
    background: rgb(28, 72, 15);
}

#home #tab-bar-home .tabbar-left-bg {
    position: absolute;
    top: 0;
    left: 0rem;
    width: 10rem;
    height: 1.78rem;
}

#home #tab-bar-home .tabbar-left-item {
    position: relative;
    top: 0rem;
    margin-left: 0rem;
    width: 2rem;
    height: 1.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home #tab-bar-home .tabbar-left-item .red-point {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.4rem;
    background: #FF0000;
    border: 1px solid rgba(255, 255, 255, 1);
    color: #FFFFFF;
    font-size: .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home #tab-bar-home .tabbar-left-item .red-point1 {
    top: 0rem !important;
}

#home #tab-bar-home .tabbar-left-item img {
    width: 1.66rem;
    /* height: 1.66rem; */
}

#home #tab-bar-home .tabbar-right {
    position: absolute;
    top: 0;
    right: 0.22rem;
    width: 1.66rem;
    height: 1.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home #tab-bar-home .tabbar-right-icon {
    width: 1.33rem;
    height: 1.3rem;
}

#home #tab-bar-home .tab-bottom-login .btnlogin {
    position: absolute;
    left: 0.5rem;
    width: 4.24rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

#home #tab-bar-home .tab-bottom-login .btnlogin:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home #tab-bar-home .tab-bottom-login .btnlogin-bg {
    width: 100%;
}

#home #tab-bar-home .tab-bottom-login .btnreg {
    position: absolute;
    right: 0.5rem;
    width: 4.24rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

#home #tab-bar-home .tab-bottom-login .btnreg:active {
    opacity: 0.45;
    transform: scale(0.9);
}

#home #tab-bar-home .tab-bottom-login .btnreg-bg {
    width: 100%;
}

#home #tab-bar-home .tab-bottom-user {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.78rem;
    display: flex;
    align-items: center;
}

#home #tab-bar-home .tab-bottom-user .user-content {
    position: absolute;
    left: 0.5rem;
    width: 7rem;
    height: 1.06rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home #tab-bar-home .tab-bottom-user .user-content-buy {
    position: relative;
    margin-left: 0.3rem;
    width: 2.24rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home #tab-bar-home .tab-bottom-user .user-content-buy-bg {
    width: 100%;
}

#home #tab-bar-home .tab-bottom-user .user-content-avatar {
    position: relative;
    left: 0;
    height: 1.06rem;
    width: 1.06rem;
}

#home #tab-bar-home .tab-bottom-user .user-content-avatar .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 0.22rem;
    border: 1px solid rgba(255, 255, 255, 0.65);
}

#home #tab-bar-home .tab-bottom-user .user-content-avatar .level {
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    padding: 0.1rem;
    border-radius: 0.16rem;
    background: #FFAF00;
    font-size: 0.24rem;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home #tab-bar-home .tab-bottom-user .user-content-balance {
    position: relative;
    margin-left: 0.2rem;
    height: 0.88rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.33rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

#home #tab-bar-home .tab-bottom-user .user-content-balance img {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
}

#home #tab-bar-home .tab-bottom-user .user-content-balance span {
    font-size: 0.346rem;
    font-weight: 700;
}

#home .tab-bar-home-unread-gift {
    position: absolute;
    top: 6%;
    margin-left: 60%;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    background: #ee0a24;
}

#home .tab-bar-home-unread-msg {
    position: absolute;
    top: -2%;
    left: 0.95rem;
    font-size: .3rem;
    border: 1px solid #ee0a24;
}

#home #tab-bar-home .tab-item {
    width: 1.77rem;
    height: 1.33rem;
    position: absolute;
    top: 63%;
    margin-top: -0.665rem;
}

#home #tab-bar-home .tab-item img {
    width: 100%;
}

#home #tab-bar-home .tab-item .img-click {
    background-image: linear-gradient(180deg, #FFB57F 0%, #E05E00 100%);
    border-radius: 0.6rem;
}

#home .top-cell {
    position: relative;
    width: 10rem;
    flex: 1;
    overflow: scroll;
}

#home .top-cell .item {
    position: relative;
    width: 100%;
    height: 1.5rem;
    font-size: .4rem;
}

#home .top-cell .item .left {
    position: absolute;
    left: 0;
    width: 5rem;
    height: 100%;
    display: flex;
    flex-flow: column;
}

#home .top-cell .item .center {
    position: absolute;
    right: 1.8rem;
    width: 2.8rem;
    height: 100%;
}

#home .top-cell .item .right {
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 100%;
}

.pop-gift-item {
    position: relative;
    width: 100%;
    height: 2.24rem;
}

.pop-gift-item .gift-title {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 1);
    font-size: .4rem;
}

.pop-gift-item .gift-title-icon {
    width: 0.88rem;
    height: 0.88rem;
    position: absolute;
    top: 50%;
    margin-top: -0.44rem;
    left: 0.22rem;
}

.pop-gift-item .gift-title .title-text {
    position: absolute;
    top: 0;
    height: 100%;
    left: 1.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    font-size: .373rem;
}

.pop-gift-item .gift-title .red-point {
    font-size: 0.24rem;
    width: 0.33rem;
    height: 0.33rem;
    margin-left: 0.2rem;
    background: #FFAF00;
    border-radius: 0.3rem;
    border: 0.5px solid rgba(255, 255, 255, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
}

.pop-gift-item .gift-title .btn {
    position: absolute;
    top: 50%;
    margin-top: -0.45rem;
    right: 0.22rem;
    width: 1.77rem;
    height: 0.9rem;
}

.pop-gift-item .git-fun-item {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 4rem;
    /* overflow: hidden; */
}

.pop-gift-item .git-fun-item .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.555rem;
    height: 2.222rem;
    background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0.222rem;
}

.pop-gift-item .git-fun-item .left img {
    top: 50%;
    left: 50%;
    margin-left: -0.444rem;
    margin-top: -0.444rem;
    position: absolute;
    width: 0.888rem;
    height: 0.888rem;
}

.pop-gift-item .git-fun-item .left .imgbg1 {
    top: 50%;
    left: 50%;
    margin-left: -0.57rem;
    margin-top: -0.55rem;
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.6rem;
    background: #3E606F;
    border: 0.04rem solid #FCD7A1;
}

.pop-gift-item .git-fun-item .left .red-point {
    top: 0.55rem;
    right: 0.3rem;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.2rem;
    background: #FF0000;
}

.pop-gift-item .git-fun-item .right {
    position: absolute;
    left: 0.22rem;
    bottom: 0.22rem;
    width: 8.56rem;
    height: 2.313rem;
}

.pop-gift-item .git-fun-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.22rem;
    object-fit: cover;
}

#home .home-chat-icon {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    right: 0;
    border-radius: 0.6rem;
    background: #FFEE00;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.sdhome-upgrade-page {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #FFFFFF !important;
}

.sdhome-upgrade-page-icon {
    position: relative;
    margin-top: 15vh;
    width: 6.6rem;
    height: 6.6rem;
    left: 50%;
    margin-left: -3.3rem;
}

.sdhome-upgrade-page-title {
    position: relative;
    margin-top: 0.6rem;
    width: 100%;
    font-size: .533rem;
    color: #000000;
    text-align: center;
}

.sdhome-upgrade-page-message {
    position: relative;
    margin-top: 0.6rem;
    left: 15%;
    width: 70%;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    line-height: 0.6rem;
}

.sdhome-upgrade-page-cs {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    right: 0;
    border-radius: 0.6rem;
    background: rgba(0, 0, 0, 0.06);
}

.sdhome-upgrade-page-csicon {
    position: absolute;
    width: 0.78rem;
    height: 0.78rem;
    top: 50%;
    margin-top: -0.39rem;
    right: 50%;
    margin-right: -0.39rem;
}

.sdhome-upgrade-page-cspoint {
    position: absolute;
    width: 0.22rem;
    height: 0.22rem;
    background: #6DD400;
    border: 1px solid rgba(255, 255, 255, 1);
    top: 0.2rem;
    right: 0.2rem;
    border-radius: 0.2rem;
}

.sdhome-groupmenu-icon {
    position: relative;
    top: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.06rem;
}

.sdhome-groupmenu-icon-disable {
    position: relative;
    top: 0.1rem;
    opacity: 1;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.06rem;
}

.sdhome-groupmenu-span {
    position: relative;
    font-size: .32rem;
    color: #FFFFFF;
}

.sdhome-groupmenu-span-disable {
    position: relative;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.45);
}

.sdhome-moremenu-frame {
    top: 2.9rem !important;
    right: 0.4rem !important;
    width: 4rem !important;
    height: auto !important;
}

.sdhome-moremenu-frame-arrow {
    position: absolute;
    right: -0.4rem;
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-bottom: 0.3rem solid #282E35;
}

.sdhome-moremenu-frame-content {
    position: absolute;
    top: 0.1rem;
    right: 0;
    width: 4.4444rem;
    max-height: 70vh;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
    border-radius: 0.22rem;
    background: #001240;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    overflow-x: hidden;
    overflow-y: scroll;
}

.sdhome-moremenu-frame-content-top {
    position: relative;
    height: 0.22rem;
}

.sdhome-moremenu-frame-content-item {
    position: relative;
    left: 0.2222rem;
    width: 4rem;
    height: 1.12rem;
    border-radius: 0.22rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
}

.sdhome-moremenu-frame-content-item .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: 0.1rem;
    font-size: .32rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.sdhome-moremenu-frame-content-item .item-img {
    position: absolute;
    left: 0.11rem;
    height: 0.88rem;
    width: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.5rem;
}

.sdhome-moremenu-frame-content-item .item-img-active {
    position: absolute;
    left: 0.11rem;
    height: 0.88rem;
    width: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.5rem;
}

.sdhome-moremenu-frame-content-item .item-img-icon {
    width: 0.66rem;
    height: 0.66rem;
}

.sdhome-moremenu-frame-content-item .item-img-disable {
    opacity: 1;
    height: 0.66rem;
}

.sdhome-moremenu-frame-content-item .item-name {
    position: absolute;
    left: 1.12rem;
}

.sdhome-moremenu-frame-content-bottom {
    position: relative;
    height: 0.12rem;
}

.anim-btn-icon-fun {
    /* background: #3E606F; */
    color: rgba(0, 0, 0, 1);
    transform: scale(0.9);
    animation: icon-scale .2s ease-in-out infinite alternate;
}

.more-menu-normal {
    background: #004900;
    color: #FFFFFF;
}

.more-menu-active {
    background: rgb(136, 216, 83);
    color: #000000;
}

.fun-normal {
    /* background: rgba(255,255,255,0.04); */
    color: rgba(0, 0, 0, 1);
}

.sdhome-leftmenu-frame {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2002;
    background: rgba(0, 0, 0, 0.5);
}

.sdhome-leftmenu-frame .lright-frame {
    position: absolute;
    top: 0;
    left: 7.11rem;
    width: 2.89rem;
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.sdhome-leftmenu-frame .ltop-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 7.12rem;
    height: 1.6666rem;
    z-index: 2000;
    display: flex;
    align-items: center;
}

.sdhome-leftmenu-frame .ltop-frame-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.12rem;
    height: 100vh;
    background: #001A00;
}

.sdhome-leftmenu-frame .ltop-frame-bottomframe {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7.12rem;
    height: 2.44rem;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdhome-leftmenu-frame .ltop-frame-bottomframe .bottom-item {
    position: relative;
    width: 2.88rem;
    height: 1.33rem;
    background-image: linear-gradient(114deg, #FFAF00 0%, #7041F3 85%);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdhome-leftmenu-frame .ltop-frame-bottomframe .bottom-item-right {
    margin-left: 0.33rem;
    background: #7041F3;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
}

.sdhome-leftmenu-frame .ltop-frame-bottomframe .bottom-item-icon {
    width: 0.66rem;
    height: 0.66rem;
}

.sdhome-leftmenu-frame .ltop-frame-bottomframe .bottom-item-text {
    margin-left: 0.2rem;
    color: #FFFFFF;
    font-size: .346rem;
}

.sdhome-leftmenu-frame .ltop-frame-back {
    position: absolute;
    left: 0.45rem;
    width: 0.68rem;
    height: 0.68rem;
}

.sdhome-leftmenu-frame .ltop-frame-back:active {
    opacity: 0.45;
}

.sdhome-leftmenu-frame .ltop-frame-back-img {
    position: absolute;
    width: 0.64rem;
    height: 0.64rem;
    top: 50%;
    margin-top: -0.32rem;
    left: 50%;
    margin-left: -0.32rem;
    opacity: 0.45;
}

.sdhome-leftmenu-frame .ltop-frame-logo {
    border-radius: 0.1rem;
    position: absolute;
    right: 0.45rem;
    height: 1rem;
}

.sdhome-leftmenu-frame .lcontent-frame {
    width: 7.12rem !important;
    padding-bottom: 0 !important;
}

.sdhome-leftmenu-frame .lcontent-frame-div {
    overflow: hidden;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame {
    position: relative;
    left: 50%;
    margin-left: -3.11rem;
    width: 6.22rem;
    height: 1.34rem;
    background: #003200;
    border-radius: 0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame-avatar {
    position: absolute;
    top: 50%;
    margin-top: -0.55rem;
    left: 0.22rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.22rem;
    border: 1px solid rgba(184, 204, 203, 1);
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame-account {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 1.54rem;
    width: 4.5rem;
    height: 1rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame-account .user-account {
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 4.5rem;
    height: 0.5rem;
    color: #FFFFFF;
    font-weight: 700;
    font-size: .373rem;
    text-overflow: ellipsis;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame-account .user-code {
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 4.5rem;
    height: 0.5rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
    font-size: .32rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-overflow: ellipsis;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-user-frame-account .user-code-copy {
    margin-left: 0.1rem;
    width: 0.33rem;
    height: 0.33rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-frame {
    position: relative;
    left: 50%;
    margin-left: -3.11rem;
    width: 6.22rem;
    height: 1.34rem;
    background: #003200;
    border-radius: 0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-frame-login {
    background: #003200;
    border: 1px solid #018E00;
    border-radius: 0.33rem;
    color: #FFFFFF;
    font-size: .426rem;
    font-weight: 400;
    width: 2.66rem;
    height: 0.88rem;
    margin-right: 0.22rem;
    text-align: center;
    line-height: 0.88rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .login-frame-reg {
    background-image: linear-gradient(108deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.33rem;
    color: #000000;
    font-size: .426rem;
    font-weight: 400;
    width: 2.66rem;
    height: 0.88rem;
    text-align: center;
    line-height: 0.88rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .recharge-frame {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -3.11rem;
    width: 6.22rem;
    height: 1.11rem;
    display: flex;
    align-items: center;
}

.sdhome-leftmenu-frame .lcontent-frame-div .recharge-frame-text {
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 400;
}

.sdhome-leftmenu-frame .lcontent-frame-div .recharge-frame-icon {
    width: 0.62rem;
    height: 0.62rem;
    margin-right: 0.2rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .recharge-frame-topup {
    position: absolute;
    left: 0;
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
    width: 3rem;
    height: 1.11rem;
    background-image: linear-gradient(110deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdhome-leftmenu-frame .lcontent-frame-div .recharge-frame-withdraw {
    position: absolute;
    right: 0;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 400;
    width: 3rem;
    height: 1.11rem;
    background: #018E00;
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame {
    position: relative;
    left: 0.64rem;
    height: 1.34rem;
    width: 5.87rem;
    margin-bottom: 0.7rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 0.22rem;
    border: 1px solid rgba(255, 255, 255, 0.65);
    overflow: hidden;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-avatar-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-ctop {
    position: absolute;
    top: 0.1rem;
    left: 1.66rem;
    max-width: 4.2rem;
    height: 0.54rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-ctop-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.85);
    font-size: .533rem;
    font-weight: 700;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-ctop-level {
    width: 0.54rem;
    height: 0.54rem;
    margin-left: 0.1rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-ctop-vip {
    margin-left: 0.1rem;
    white-space: nowrap;
    height: 0.426rem;
    border-radius: 0.16rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    background: #D3551A;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .24rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-cbottom {
    position: absolute;
    bottom: 0px;
    left: 1.66rem;
    max-width: 4.2rem;
    height: 0.54rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-cbottom-id {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.45);
    font-size: .32rem;
}

.sdhome-leftmenu-frame .lcontent-frame-div .user-frame .user-cbottom-copy {
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0.1rem;
    filter: invert(100%);
}

.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame {
    position: relative;
    left: 0.64rem;
    height: 1.34rem;
    width: 5.87rem;
    margin-bottom: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
}

.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame:active {
    opacity: 0.45;
    transform: scale(0.85);
}

.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-bg {
    width: 100%;
}

.sdhome-leftmenu-frame .lgroup-cs-frame {
    position: relative;
    left: 0.64rem;
    width: 6.14rem;
    height: 1.11rem;
    background: #7041F3;
    border-radius: 0.22rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sdhome-leftmenu-frame .lgroup-cs-frame-icon {
    width: 0.66rem;
    height: 0.66rem;
    margin-left: 0.3rem;
}

.sdhome-leftmenu-frame .lgroup-cs-frame-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    margin-left: 0.3rem;
}

.sdhome-leftmenu-frame .lgroup-item-container {
    position: relative;
    left: 50%;
    margin-left: -3.1rem;
    width: 6.2rem;
    border-radius: 0.33rem;
    /* background: #202020; */
    overflow: hidden;
}

.sdhome-leftmenu-frame .lgroup-item-container .ltbg {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.sdhome-leftmenu-frame .lgroup-item-container .ltbicon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3.16rem;
}

.sdhome-leftmenu-frame .lgroup-item-frame {
    position: relative;
    left: 50% !important;
    margin-left: -3.1rem !important;
    width: 6.2rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.sdhome-leftmenu-frame .lgroup-item-content {
    position: relative;
    left: 0;
    height: 1.11rem;
    line-height: 1.11rem;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: bold;
    display: flex;
    width: 6.199rem;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    background: rgba(0, 50, 0, 0.8);
}

.sdhome-leftmenu-frame .lgroup-item-content .lact-icon {
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.22rem;
    margin-right: 0.22rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .lact-name {
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    font-weight: 400;
}

/* .sdhome-leftmenu-frame .lgroup-item-content:active {
  transform: scale(0.9);
} */

.sdhome-leftmenu-frame .lgroup-item-content .bg-click {
    position: absolute;
    background: #3E606F;
    top: 0.07rem;
    left: 0rem;
    height: 1.2rem;
    border-radius: 0.22rem;
    width: 5.6rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .bg-normal {
    position: absolute;
    background: rgba(255, 255, 255, 0.02);
    top: 0.07rem;
    left: 0rem;
    height: 1.2rem;
    border-radius: 0.22rem;
    width: 5.6rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-normal {
    opacity: 1;
    width: 6.14rem;
    height: 1.674rem;
    z-index: 2;
    object-fit: cover;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-click {
    width: 6.14rem;
    height: 1.674rem;
    z-index: 2;
    object-fit: cover;
}

.sdhome-leftmenu-frame .lgroup-item-content .lgroup-name {
    position: absolute;
    left: 0.8rem;
    font-size: .32rem
}

.sdhome-leftmenu-frame .lgroup-item-content .ltopup {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdhome-leftmenu-frame .lgroup-item-content .ltopup-bg {
    width: 100%;
}

.sdhome-leftmenu-frame .lgroup-item-content .ltopup-img {
    width: 0.75rem;
    height: 0.75rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .ltopup-span {
    margin-left: 0.1rem;
    color: #FFFFFF;
    font-size: .34rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .lrefund {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdhome-leftmenu-frame .lgroup-item-content .lrefund-bg {
    width: 100%;
}

.sdhome-leftmenu-frame .lgroup-item-content .lrefund-img {
    width: 0.75rem;
    height: 0.75rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .lrefund-span {
    margin-left: 0.1rem;
    color: #FFFFFF;
    font-size: .34rem;
}

.sdhome-leftmenu-frame .lline1 {
    position: relative;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
}

.sdhome-leftmenu-frame .lspace1 {
    position: relative;
    height: 0.44rem;
    width: 100%;
}

.sdhome-leftmenu-frame .lact-item {
    width: 5.87rem !important;
    height: 1.55rem !important;
}

.sdhome-leftmenu-frame .lact-item-content {
    width: 6.11rem;
    height: 1.33rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: transform 0.1s ease-in-out;
}

.sdhome-leftmenu-frame .lact-item-content:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-click {
    width: 0.55rem;
    height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-normal {
    width: 0.55rem;
    height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-normal-bg {
    width: 5.87rem;
    height: 1.28rem;
}

.sdhome-leftmenu-frame .lact-item-content .activity-name {
    font-size: 0.373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    margin-left: 0.2rem;
}

.sdhome-leftmenu-frame .lact-item-content .activity-unread {
    margin-left: 0.2rem;
    width: 0.22rem;
    height: 0.22rem;
    background: #F12D4C;
    border-radius: 0.3rem;
}

.sdhome-leftmenu-frame .lspace2 {
    position: relative;
    height: 0.24rem;
    width: 100%;
}

.sdhome-leftmenu-frame .lline2 {
    position: relative;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
}

.sdhome-leftmenu-frame .lspace3 {
    position: relative;
    height: 0.44rem;
    width: 100%;
}

.sdhome-leftmenu-frame .lrecord-item {
    position: relative;
    height: 1.5rem;
    width: 100%;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-normal {
    position: absolute;
    left: 1.1rem;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-click {
    position: absolute;
    left: 1.1rem;
    color: #FFFFFF;
}

.sdhome-leftmenu-frame .lmedia-item-content {
    width: 1.34rem;
    height: 1.34rem;
    line-height: 1.34rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sdhome-leftmenu-frame .lmedia-item-content-icon {
    width: 0.88rem;
    height: 0.88rem;
}

.sdhome-leftmenu-frame .lmedia-item-content-name {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 2.8rem;
    font-size: 0.32rem;
    text-align: left;
}

.sdhome-leftmenu-frame .lbottom-space {
    position: relative;
    height: 2.5rem;
    width: 100%;
}

.sdticket-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.sdticket-top-frame {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    border-radius: 0.2rem;
    height: 14rem;
}

.sdticket-top-jackpot {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
}

.sdticket-top-jackpot-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
}

.sdticket-top-jackpot img {
    position: absolute;
    top: -0.8rem;
    left: 0;
    width: 10rem;
}

.sdticket-top-jackpot-span {
    position: absolute;
    top: 4.1rem;
    left: 1.1rem;
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.88rem;
    text-align: center;
    color: #FFEE00;
    font-weight: bold;
    text-shadow: 0 2px 0 #004A74;
}

.sdticket-bottom-jackpot {
    position: absolute;
    top: 6.5rem;
    left: 0;
    width: 10rem;
    height: 7rem;
    z-index: 2;
}

.sdticket-bottom-jackpot-bg {
    position: absolute;
    top: 6.4rem;
    left: 0.1rem;
    width: 9.8rem;
    z-index: 1;
}

.sdticket-bottom-jackpot-title {
    position: absolute;
    top: 0.8rem;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    color: #FFEE00;
    text-shadow: 0 2px 0 #610097;
    text-align: center;
    font-size: .533rem;
    font-weight: bold;
}

.sdticket-bottom-jackpot-frame1 {
    position: absolute;
    top: 1.7rem;
    left: 0rem;
    width: 10rem;
    height: 0.88rem;
}

.sdticket-bottom-jackpot-frame1-bg {
    position: absolute;
    top: 0;
    left: 1.02rem;
    width: 7.7rem;
    height: 0;
    /* border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent; */
}

.sdticket-bottom-jackpot-frame1-content {
    position: absolute;
    top: 0.1rem;
    left: 1.5rem;
    width: 7.4rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdticket-bottom-jackpot-conent-title {
    position: absolute;
    top: 0;
    left: 0;
}

.sdticket-bottom-jackpot-conent-day {
    color: #FFFFFF;
}

.sdticket-bottom-jackpot-conent-tips {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.56rem;
    height: 0.56rem;
    margin-top: -0.28rem;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0.3rem;
}

.sdticket-bottom-jackpot-conent-tips img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.44rem;
    height: 0.44rem;
    margin-top: -0.22rem;
    margin-left: -0.22rem;
}

.sdticket-bottom-jackpot-conent-value1 {
    position: absolute;
    top: 0;
    right: 0.88rem;
    color: #FFFFFF;
    font-size: .373rem;
    text-align: right;
}

.sdticket-bottom-jackpot-conent-value2 {
    position: absolute;
    top: 0;
    right: 0.1rem;
    color: #FFEE00;
    font-size: .533rem;
    text-align: right;
}

.sdticket-bottom-jackpot-conent-value2-unit {
    color: rgba(255, 255, 255, 0.65);
    font-size: .42rem;
}

.sdticket-bottom-jackpot-frame2 {
    position: absolute;
    top: 2.65rem;
    left: 0;
    width: 10rem;
    height: 0.88rem;
}

.sdticket-bottom-jackpot-frame2-bg {
    position: absolute;
    top: 0;
    left: 0.88rem;
    width: 7.95rem;
    height: 0;
    /* border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent; */
}

.sdticket-bottom-jackpot-frame2-content {
    position: absolute;
    top: 0;
    left: 1.3rem;
    width: 7.4rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdticket-bottom-jackpot-frame3 {
    position: absolute;
    top: 3.55rem;
    left: 0;
    width: 10rem;
    height: 0.88rem;
}

.sdticket-bottom-jackpot-frame3-bg {
    position: absolute;
    top: 0;
    left: 0.75rem;
    width: 8.2rem;
    height: 0;
    /* border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent; */
}

.sdticket-bottom-jackpot-frame3-content {
    position: absolute;
    top: 0;
    left: 1.3rem;
    width: 7.4rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdticket-bottom-jackpot-frame4 {
    position: absolute;
    top: 4.55rem;
    left: 0;
    width: 10rem;
    height: 1rem;
}

.sdticket-bottom-jackpot-frame4-bg {
    position: absolute;
    top: 0;
    left: 0.62rem;
    width: 8.45rem;
    height: 0;
    /* border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 1rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent; */
}

.sdticket-bottom-jackpot-frame4-content {
    position: absolute;
    top: 0;
    left: 1.3rem;
    width: 7.4rem;
    height: 1rem;
    line-height: 1rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdticket-bottom-jackpot-claim {
    position: absolute;
    top: 5.3rem;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 2.22rem;
    line-height: 2.22rem;
}

.sdticket-bottom-jackpot-claim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sdticket-bottom-jackpot-claim span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FCD7A1;
    font-size: .32rem;
    text-shadow: 0 1px 0 #78340F;
}

.sdticket-bottom-jackpot-claim-spandisable {
    color: rgba(255, 255, 255, .45) !important;
    text-shadow: unset !important;
}

.sdticket-tickets-header {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 2.6rem;
}

.sdticket-tickets-header-img1 {
    position: absolute;
    top: 0.6rem;
    left: 50%;
    width: 9rem;
    margin-left: -4.5rem;
}

.sdticket-tickets-header-img2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 6.14rem;
    margin-left: -3.07rem;
}

.sdticket-tickets-header-left {
    position: absolute;
    top: 1.4rem;
    left: 0.3rem;
    width: 4rem;
    height: 0.88rem;
    border-radius: 0.22rem;
    border: 1px dashed rgba(255, 255, 255, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .373rem;
}

.sdticket-tickets-header-right {
    position: absolute;
    top: 1.4rem;
    right: 0.3rem;
    width: 4rem;
    height: 0.88rem;
    border-radius: 0.22rem;
    border: 1px dashed rgba(255, 255, 255, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .373rem;
}

.sdticket-tickets-header-content {
    position: absolute;
    top: 1.4rem;
    left: 0.3rem;
    width: 8.35rem;
    height: 0.88rem;
    border-radius: 0.5rem;
    border: 1px dashed rgba(255, 255, 255, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .373rem;
}

.sdticket-tickets-header-content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.783rem;
    height: 100%;
}

.sdticket-tickets-header-icon1 {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.1rem;
}

.sdticket-tickets-header-icon2 {
    width: 0.66rem;
    height: 0.66rem;
    margin-left: 0.1rem;
}

.sdticket-tickets-headerexchange {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.56rem;
    margin-bottom: 0.5rem;
    z-index: 3;
}

.sdticket-tickets-headerexchange-left {
    position: absolute;
    left: 0.35rem;
    width: 4rem;
    height: 1.56rem;
    line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdticket-tickets-headerexchange-left-icon {
    position: absolute;
    width: 0.66rem;
    height: 0.66rem;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.5rem;
}

.sdticket-tickets-headerexchange-left-text {
    position: absolute;
    top: 0;
    left: 1.3rem;
    height: 100%;
    width: 2.6rem;
    line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-left-span1 {
    position: absolute;
    top: 0.4rem;
    left: 0;
    color: #78340F;
    font-size: .373rem;
    font-weight: bold;
}

.sdticket-tickets-headerexchange-left-span2 {
    position: absolute;
    top: 0.8rem;
    left: 0;
    color: #78340F;
    font-size: .28rem;
}

.sdticket-tickets-headerexchange-right {
    position: absolute;
    right: 0.35rem;
    width: 4rem;
    height: 1.56rem;
    line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-right-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdticket-tickets-headerexchange-right-icon {
    position: absolute;
    width: 0.66rem;
    height: 0.66rem;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.5rem;
}

.sdticket-tickets-headerexchange-right-text {
    position: absolute;
    top: 0;
    left: 1.3rem;
    height: 100%;
    width: 2.6rem;
    line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-right-span1 {
    position: absolute;
    top: 0.4rem;
    left: 0;
    color: #7800BB;
    font-size: .373rem;
    font-weight: bold;
}

.sdticket-tickets-headerexchange-right-span2 {
    position: absolute;
    top: 0.8rem;
    left: 0;
    color: #7800BB;
    font-size: .28rem;
}

.sdticket-tickets-body {
    position: relative;
    left: 0.9rem;
    width: 9rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.sdticket-tickets-body-item {
    padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.sdticket-tickets-body-itemcontent {
    width: 2.68rem;
    height: 2.68rem;
    transform-style: preserve-3d;
    /* 保留 3D 变换 */
    transition: transform 0.6s;
}

.sdticket-tickets-body-itemcontent-type1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.68rem;
    height: 2.68rem;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

.sdticket-tickets-body-itemcontent-type1 .type-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.4rem;
    text-align: center;
    font-size: .28rem;
    color: rgba(0, 0, 0, 0.65);
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-img {
    position: absolute;
    top: 0.65rem;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-span {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame {
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    margin-left: -1.22rem;
    width: 2.44rem;
    height: 1.05rem;
    text-align: center;
    line-height: 0.35rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit3 {
    position: absolute;
    top: 0.6rem;
    left: 55%;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    font-size: .2rem;
    text-align: center;
    line-height: 0.4rem;
    background: #9000E0;
    color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit2 {
    position: absolute;
    top: 0.6rem;
    left: 55%;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    font-size: .2rem;
    text-align: center;
    line-height: 0.4rem;
    background: #F39A4F;
    color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit {
    position: absolute;
    top: 0.6rem;
    left: 55%;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    font-size: .2rem;
    text-align: center;
    line-height: 0.4rem;
    background: #7FD0FF;
    color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-img {
    position: absolute;
    top: 0.6rem;
    left: 50%;
    margin-left: -0.5rem;
    width: 1rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-text {
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    text-align: center;
    border-radius: 0.4rem;
    color: #00FF98;
    font-size: .426rem;
    width: 1.78rem;
    margin-left: -0.89rem;
    height: 0.66rem;
    line-height: 0.6rem;
    font-weight: bold;
    text-shadow: 0px 0px 2px #FFEE00;
}

.sdticket-tickets-body-itemcontent-type2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.68rem;
    height: 2.68rem;
    backface-visibility: hidden;
}

.sdticket-tickets-body-itemcontent-type2 .type-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.4rem;
    text-align: center;
    font-size: .28rem;
    color: rgba(255, 255, 255, 0.85);
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-img {
    position: absolute;
    top: 0.65rem;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-span {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame {
    position: absolute;
    bottom: 0rem;
    left: 58%;
    margin-left: -1.22rem;
    width: 2rem;
    height: 1.12rem;
    text-align: center;
    line-height: 0.25rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span {
    position: relative;
    top: 0.15rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span1 {
    position: relative;
    top: 0.15rem;
    color: #565965;
    font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span2 {
    position: relative;
    top: 0.15rem;
    color: #745000;
    font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span3 {
    position: relative;
    top: 0.15rem;
    color: #4B0074;
    font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-flip {
    transform: rotateY(180deg);
}

.sdticket-tickets-footer {
    position: relative;
    margin-top: -1.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.6rem;
    transform: scaleY(-1);
}

.sdticket-tickets-footer img {
    position: absolute;
    top: 0.6rem;
    left: 50%;
    width: 9rem;
    margin-left: -4.5rem;
}

.hdialog-betlist-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    font-size: 0.426rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-betlist-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.hdialog-betlist-content {
    position: relative;
    top: 0.5rem;
    left: 0;
    width: 10rem;
    max-height: 80vh;
    overflow: scroll;
}

.hdialog-betlist-content-title {
    position: relative;
    margin-top: 0;
    left: 0.5rem;
    height: 1.3rem;
    line-height: 1.3rem;
    width: 9rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: 0.44rem 0.44rem 0px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hdialog-betlist-content-title img {
    width: 0.56rem;
    height: 0.56rem;
    margin-left: 0.5rem;
}

.hdialog-betlist-content-title span {
    margin-left: 0.2rem;
}

.hdialog-betlist-content-item {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.hdialog-betlist-content-item1 {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.hdialog-betlist-content-item2 {
    background: transparent;
}

.hdialog-betlist-content-item1 .bleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.5rem;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
}

.hdialog-betlist-content-item1 .bright {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5rem;
    height: 100%;
    text-align: center;
    color: #FFEE00;
}

.hdialog-betlist-content-item-line {
    position: absolute;
    top: 50%;
    left: 5.5rem;
    width: 1px;
    height: 0.56rem;
    margin-top: -0.28rem;
    background: rgba(255, 255, 255, 0.15);
}

.hdialog-betlist-content-item-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.5rem;
    height: 100%;
    text-align: center;
}

.hdialog-betlist-content-item-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5rem;
    height: 100%;
    text-align: center;
}

.hdialog-exchange-content {
    width: 10rem;
    height: 12rem;
    display: flex;
    flex-flow: column;
}

.hdialog-exchange-content-bg {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 10rem;
    left: 0;
}

.hdialog-exchange-content-title {
    position: absolute;
    top: 0.9rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    font-size: .64rem;
    color: #A400FF;
    font-weight: bold;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}

.hdialog-exchange-content-title img {
    position: absolute;
    top: 0.3rem;
    ;
    left: 50%;
    margin-left: -1rem;
    width: 2rem;
}

.hdialog-exchange-content-top {
    position: absolute;
    top: 2.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 5rem;
}

.hdialog-exchange-content-top-frame1 {
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 1.56rem;
    line-height: 1.56rem;
    border-radius: 0.22rem;
}

.hdialog-exchange-content-top-frame1-arrow {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-exchange-content-top-frame1-left {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 3rem;
    height: 100%;
}

.hdialog-exchange-content-top-frame1-right {
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 3rem;
    height: 100%;
}

.hdialog-exchange-content-top-frame1-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: .3rem;
    color: rgba(0, 0, 0, 0.85);
}

.hdialog-exchange-content-top-frame1-tips {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .64rem;
    color: rgba(0, 0, 0, 0.85);
}

.hdialog-exchange-content-top-frame1-tips img {
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-exchange-content-top-frame1-tips span {
    margin-left: 0.1rem;
}

.hdialog-exchange-content-top-frame2 {
    position: absolute;
    bottom: 1.8rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
}

.hdialog-exchange-content-top-frame2-img {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.2rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-exchange-content-top-frame2-span1 {
    position: absolute;
    top: 0;
    left: 1rem;
    color: #FFFFFF;
    font-size: .32rem;
}

.hdialog-exchange-content-top-frame2-span2 {
    position: absolute;
    top: 0;
    right: 1rem;
    color: #FFEE00;
    font-size: .64rem;
    text-align: right;
}

.hdialog-exchange-content-top-frame3 {
    position: absolute;
    bottom: 0.4rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
}

.hdialog-exchange-content-top-frame3-img {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    left: 0.2rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-exchange-content-top-frame3-span1 {
    position: absolute;
    top: 0;
    left: 1rem;
    color: #FFEE00;
    font-size: .32rem;
}

.hdialog-exchange-content-top-frame3-opt {
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.44rem;
    width: 2.66rem;
    height: 0.88rem;
}

.hdialog-exchange-content-top-frame3-optimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hdialog-exchange-content-top-frame3-optdiv1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 0.88rem;
    color: #FFEE00;
    font-size: .64rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.88rem;
    height: 0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdialog-exchange-content-top-frame3-optdiv3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.88rem;
    height: 0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdialog-exchange-content-bottom {
    position: absolute;
    top: 8.4rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
}

.hdialog-exchange-content-bottom-left {
    position: absolute;
    top: 0;
    left: 1.6rem;
    width: 2.66rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
    font-size: .373rem;
    font-weight: bold;
}

.hdialog-exchange-content-bottom-right {
    position: absolute;
    top: 0;
    right: 1.6rem;
    width: 2.66rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
    font-size: .373rem;
    font-weight: bold;
}

.hdialog-exchange-content-bottom-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hdialog-exchange-content-bottom-span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdialog-exchange-result-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 100vh;
}

.hdialog-exchange-result-content .bg {
    position: absolute;
    top: 50%;
    margin-top: -7rem;
    left: 0;
    width: 10rem;
    height: 10rem;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: resultBgImgAnim 20s linear infinite;
    animation: resultBgImgAnim 20s linear infinite;
    z-index: -1;
}

@-webkit-keyframes resultBgImgAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes resultBgImgAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.hdialog-exchange-result-content .result-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4.3rem;
    margin-left: -2.3rem;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 10;
}

.hdialog-exchange-result-content .result-text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.6rem;
    margin-left: -1.3rem;
    width: 2.6rem;
    height: 1.5rem;
    z-index: 11;
    text-align: center;
    line-height: 0.5rem;
    font-size: .426rem;
    font-weight: bold;
}

.hdialog-exchange-result-content .result-text1 {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
}

.hdialog-exchange-result-content .result-text2 {
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 100%;
}

.hdialog-exchange-result-content .result-text11 {
    color: #565965;
}

.hdialog-exchange-result-content .result-text12 {
    color: #565965;
}

.hdialog-exchange-result-content .result-text21 {
    color: #745000;
}

.hdialog-exchange-result-content .result-text22 {
    color: #745000;
}

.hdialog-exchange-result-content .result-text31 {
    color: #4B0074;
}

.hdialog-exchange-result-content .result-text32 {
    color: #4B0074;
}

.hdialog-exchange-result-content .btn-receive {
    color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 2rem;
    margin-left: -1.665rem;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
    font-weight: bold;
}

.hdialog-exchange-result-content .btn-receive img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdialog-exchange-result-content .btn-receive span {
    position: absolute;
    top: 0rem;
    left: 0;
    width: 100%;
    color: #FFFFFF;
}

.sdhome-jackpot-frame {
    position: relative;
    width: 9.2rem;
    height: 3.8rem;
    overflow: hidden;
}

.sdhome-jackpot-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.2rem;
}

@keyframes jackpotfadeInOut {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes jackpotfadeInOut {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.sdhome-jackpot-frame .img-light1 {
    animation: jackpotfadeInOut 0.6s infinite;
    animation-delay: 0s;
}

.sdhome-jackpot-frame .img-light2 {
    animation: jackpotfadeInOut 0.6s infinite;
    animation-delay: 0.2s;
}

.sdhome-jackpot-frame .img-light3 {
    animation: jackpotfadeInOut 0.6s infinite;
    animation-delay: 0.4s;
}

.sdhome-jackpot-frame .value-frame {
    position: absolute;
    top: 1.37rem;
    left: 0;
    width: 9rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 0.88rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-image:  linear-gradient(180deg, #FF0500 0%, #9C0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

.sdhome-jackpot-frame .value1-frame-value {
    position: relative;
    width: 0.77rem;
    height: 1.27rem;
    background-image: linear-gradient(180deg, #FFF450 0%, #FDC165 49%, #FFF450 100%);
    border: 0.5px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.16rem;
}

.sdhome-jackpot-frame .value1-frame-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.77rem;
    height: 1.27rem;
    line-height: 1.27rem;
    background-image: linear-gradient(180deg, #FF0500 0%, #9C0000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .8rem;
    font-weight: 700;
}

.sdhome-jackpot-frame .value2-frame-value {
    position: relative;
    width: 0.3rem;
    height: 1.27rem;
}

.sdhome-jackpot-frame .value2-frame-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 1.27rem;
    line-height: 1.5rem;
    background-image: linear-gradient(180deg, #FFF450 0%, #FDC165 49%, #FFF450 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .8rem;
    font-weight: 700;
}

.sdhome-jackpot-title {
    position: relative;
    left: 0.4rem;
    width: 9.2rem;
    height: 0.33658rem;
    display: none;
}

.sdhome-jackpot-title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hdialog-frch-content {
    position: absolute;
    left: 50%;
    width: 8.4rem;
    margin-left: -4.2rem;
    border-radius: 0.4rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 90%;
}

.hdialog-frch-content-title {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.65rem;
    width: 7.3rem;
    height: 5.7rem;
}

.hdialog-frch-content-title img {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.hdialog-frch-content-close {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 1.4rem;
    height: 1.4rem;
}

.hdialog-frch-content-close img {
    opacity: 0.65;
    position: absolute;
    top: 0.2rem;
    left: 0.45rem;
    width: 0.6rem;
    height: 0.6rem;
    filter: invert(100%);
}

.hdialog-frch-content-timer {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -2.8rem;
    width: 5.6rem;
    height: 1.3rem;
}

.hdialog-frch-timer-img {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.hdialog-frch-timer-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-frch-timer-title {
    margin-right: 0.1rem;
    width: 0.55rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.85);
    background: #FFF67F;
    border-radius: 0.1rem;
    text-align: center;
}

.hdialog-frch-timer-value {
    margin-right: 0.1rem;
    font-size: .64rem;
    color: rgba(0, 0, 0, 0.85);
}

.hdialog-frch-content-reward {
    position: relative;
    margin-top: 0.1rem;
    left: 50%;
    margin-left: -3.65rem;
    width: 7.3rem;
    height: auto;
    overflow: hidden;
    background: #001240;
    border-radius: 0.44rem;
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border: 1px solid #001240;
}

.hdialog-frch-reward-title {
    position: relative;
    width: 7.3rem;
    height: 0.7rem;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
}

.hdialog-frch-reward-title-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
    font-weight: bold;
}

.hdialog-frch-reward-title-line {
    position: absolute;
    top: 0.1rem;
    left: 50%;
    width: 1px;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.15)
}

.hdialog-frch-reward-title-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    ;
    font-size: .32rem;
    text-align: center;
    font-weight: bold;
}

.hdialog-frch-reward-item {
    position: relative;
    width: 7.3rem;
    height: 0.66rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.hdialog-frch-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.04);
}

.hdialog-frch-item-bg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
}

.hdialog-frch-item-left {
    position: absolute;
    top: 0;
    left: 1.2rem;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hdialog-frch-item-left-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

.hdialog-frch-item-left-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: bold;
}

.hdialog-frch-item-right-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

.hdialog-frch-item-right-value {
    color: #FFEE00;
    font-size: .373rem;
    font-weight: bold;
}

.hdialog-frch-item-right {
    position: absolute;
    top: 0;
    left: 5rem;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hdialog-frch-item-right img {
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.1rem;
    filter: invert(100%);
    opacity: 0.45;
}

/* .hdialog-frch-item-right span {
  color: #FFEE00;font-size:.373rem;font-weight:bold;
} */

.hdialog-frch-btn {
    position: relative;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 1.33rem;
}

.hdialog-frch-btn img {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.hdialog-frch-btn span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.hdialog-frch-rules-title {
    position: relative;
    margin-top: 0.7rem;
    left: 50%;
    margin-left: -4.5rem;
    width: 9rem;
    height: 0.66rem;
    background: rgba(0, 0, 0, 0.04);
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.11rem;
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-frch-rules-title img {
    opacity: 0.45;
    position: absolute;
    top: 0.11rem;
    left: 0.2rem;
    width: 0.44rem;
    height: auto;
    filter: invert(100%);
    opacity: 0.65;
}

.hdialog-frch-rules-title span {
    position: absolute;
    top: 0;
    left: 0.8rem;
    width: 6rem;
    height: 0.66rem;
    line-height: 0.66rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.hdialog-frch-rules {
    position: relative;
    margin-top: 0.1rem;
    left: 50%;
    margin-left: -3.45rem;
    width: 7.3rem;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.45);
    line-height: 0.4rem;
}

.home-promotion-logo {
    position: absolute;
    top: 2.9rem;
    left: 50%;
    margin-left: -1.11rem;
    width: 2.22rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.44rem;
}

.home-promotion-logo .img1 {
    height: 0.55rem;
}

.home-promotion-logo .img2 {
    height: 0.35rem;
}

.home-dldialog-content {
    position: absolute;
    bottom: 0px;
    min-height: 3.4rem;
    width: 10rem;
    background: rgba(18, 21, 26, 0.25);
    border-top-left-radius: 0.66rem;
    border-top-right-radius: 0.66rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding-bottom: 0.6rem;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25);
}

.home-dldialog-content .content-frame {
    position: relative;
    margin-top: 0.6rem;
    left: 0.6rem;
    width: 8.8rem;
    line-height: 0.44rem;
    border-radius: 0.1rem;
    min-height: 1.56rem;
}

.home-dldialog-content .content-frame .icon {
    border-radius: 0.1rem;
    position: absolute;
    left: 0;
    width: 1.55rem;
    height: 1.55rem;
    top: 0;
}

.home-dldialog-content .content-frame .content1 {
    position: absolute;
    top: 0.1rem;
    left: 2rem;
    width: 6.8rem;
    line-height: 0.46rem;
    font-size: .34rem;
    color: rgba(255, 255, 255, 1);
}

.home-dldialog-content .content-frame .content-name {
    color: #FFAF00;
}

.home-dldialog-content .content-frame .content2 {
    position: relative;
    top: 0.1rem;
    left: 2rem;
    width: 6.8rem;
    line-height: 0.46rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 1);
    min-height: 1.56rem;
}

.home-dldialog-content .btn-cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 0.5rem;
    left: 2.5rem;
    width: 2.22rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.34rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.08);
}

.home-dldialog-content .btn-install {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -0.88rem;
    left: 5rem;
    width: 2.22rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.5rem;
    color: #FFFFFF;
    font-size: 0.34rem;
    text-align: center;
    background: #0784FE;
}

.home-act-frame {
    width: 10rem;
    padding-left: 0.5rem;
    margin-top: 0.44rem;
}

.home-act-frame .act-item {
    position: relative;
    box-sizing: border-box;
    width: 1.93rem;
    height: 2rem;
}

.home-act-frame .act-item-content {
    width: 1.33rem;
    height: 2rem;
    transition: transform 0.1s ease-in-out;
}

.home-act-frame .act-item-content:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.home-act-frame .act-item-content .act-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.33rem;
    height: 1.33rem;
}

.home-act-frame .act-item-content .act-name {
    position: absolute;
    top: 1.4rem;
    left: 0;
    width: 1.33rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    font-size: .26rem;
}

.home-act-frame .act-item-content .act-unread {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 0.3rem;
    background: #FE7919;
    border: 0.5px solid rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    color: #FFFFFF;
}

.home-partner-item1 {
    position: absolute;
    width: 2.22rem;
    height: 1.33rem;
    border-radius: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-partner-item1 img {
    height: 0.88rem;
}

.home-partner-item2 {
    position: absolute;
    width: 2.2rem;
    height: 1.33rem;
    border-radius: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-partner-item2 img {
    height: 0.88rem;
}

.home-bottom-download {
    position: relative;
    left: 0;
    width: 10rem;
    height: 1.77rem;
    background: rgba(255, 255, 255, 0.04);
}

.home-bottom-download .left-icon {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.33rem;
    height: 0.66rem;
}

.home-bottom-download .right-btn {
    position: absolute;
    right: 0.5rem;
    width: 2rem;
    height: 0.88rem;
    top: 50%;
    margin-top: -0.44rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-bottom-download .right-btn img {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    opacity: 0.45;
}

.home-bottom-download .right-btn span {
    color: rgba(255, 255, 255, 0.65);
    font-size: .26rem;
}

.hdialog-rules-contentframe {
    position: relative;
    margin-top: 0.533rem;
    left: 0.47rem;
    width: 9rem;
    border-radius: 0.22rem;
    overflow: hidden;
    /* background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.04); */
    background: #001A00;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.hdialog-rules-titleframe {
    position: relative;
    margin-top: 0.426rem;
    margin-bottom: 0.4rem;
    left: 0;
    width: 9rem;
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-rules-leftline {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-right: 0.2rem;
}

.hdialog-rules-rightline {
    transform: scaleX(-1);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.hdialog-rules-titleframe-gold {
    position: relative;
    margin-top: 0.426rem;
    margin-bottom: 0.4rem;
    left: 0;
    width: 9rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-rules-leftline-gold {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-right: 0.2rem;
}

.hdialog-rules-rightline-gold {
    transform: scaleX(-1);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.weekb-top-menuframe {
    position: relative;
    margin-top: 0.8rem;
    left: 0.5rem;
    width: 9rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-rules-leftline-red {
    background-image: linear-gradient(90deg, rgba(187, 0, 134, 0.00) 0%, rgba(187, 0, 134, 0.65) 100%);
    border-radius: 1px;
    width: 3.22rem;
    height: 2px;
    margin-right: 0.2rem;
}

.hdialog-rules-rightline-red {
    transform: scaleX(-1);
    background-image: linear-gradient(90deg, rgba(187, 0, 134, 0.00) 0%, rgba(187, 0, 134, 0.65) 100%);
    border-radius: 1px;
    width: 3.22rem;
    height: 2px;
    margin-left: 0.2rem;
}

.hdialog-bbox-container {
    width: 10rem;
    height: 14rem;
}

.hdialog-bbox-frame {
    position: absolute;
    left: 50%;
    width: 8rem;
    height: 14rem;
    margin-left: -4rem;
}

.hdialog-bbox-framecontent {
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: 8rem;
    height: 11rem;
}

.hdialog-bbox-top-banner {
    position: absolute;
    object-fit: contain;
    width: 8rem;
    left: 0px;
    top: 0rem;
}

.hdialog-bbox-close {
    position: absolute;
    top: 12.7rem;
    width: 2rem;
    height: 2rem;
    left: 50%;
    margin-left: -1rem;
}

.hdialog-bbox-close .close-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.65rem;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
}

.hdialog-bbox-framecontent .tips-text {
    position: relative;
    margin-top: 2.7rem;
    left: 0.5rem;
    width: 7rem;
    line-height: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.32rem;
    text-align: center;
}

.hdialog-bbox-framecontent .tips-value {
    position: relative;
    left: 1rem;
    width: 6rem;
    line-height: 0.44rem;
    color: #FFEE00;
    font-size: 0.373rem;
    text-align: center;
    font-weight: 700;
}

.hdialog-bbox-framecontent .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8rem;
}

@keyframes bboxspin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bboxspin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.bbox-rotate {
    animation: bboxspin 0.5s linear infinite;
}

.bbox-item-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: -2.35rem;
    width: 4.7rem;
    height: 5rem;
}

.bbox-item {
    position: absolute;
    width: 2.22rem;
    height: 2.22rem;
    overflow: hidden;
    perspective: 1000px;
}

.bbox-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bbox-item-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #E4FFCA 0%, #AAFF75 30%, #40CD00 62%, #FFEE00 100%);
}

.bbox-item-reward1 {
    position: absolute;
    top: 0.3rem;
    width: 1.3rem;
    height: 1.3rem;
    left: 50%;
    margin-left: -0.65rem;
}

.bbox-item-reward2 {
    position: absolute;
    top: 0.4rem;
    width: 1.3rem;
    height: 0.975rem;
    left: 50%;
    margin-left: -0.65rem;
}

.bbox-item-num1 {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.16rem;
    background: #D3551A;
    color: #FFFFFF;
    font-size: 0.3rem;
}

.bbox-item-num2 {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.16rem;
    background: #D3551A;
    color: #FFFFFF;
    font-size: 0.3rem;
}

.bbox-item-num3 {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.16rem;
    background: rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 0.3rem;
}

.bbox-item-bottom1 {
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    margin-left: -0.55rem;
    width: 1.1rem;
    height: 0.44rem;
    border-radius: 0.5rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bbox-item-bottom2 {
    position: absolute;
    bottom: 0.35rem;
    left: 0;
    width: 100%;
    height: 0.55rem;
    font-size: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bbox-item-bottom2 .result-unit {
    color: #018E00;
    font-size: .32rem;
    /* text-shadow: 1px 1px 1px #FFF; */
}

.bbox-item-bottom2 .result-value {
    color: #018E00;
    font-size: .426rem;
    font-weight: 700;
    /* text-shadow: 1px 1px 1px #FFF; */
}

.bbox-item-bottom3 {
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    margin-left: -0.55rem;
    width: 1.1rem;
    height: 0.44rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.25);
    font-size: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fundo-page-frame {
    position: relative;
    left: 0rem;
    width: 10rem;
}

.fundo-page-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 4.3rem;
}

.fundo-page-frame .top-icon img {
    position: absolute;
    top: -1rem;
    left: 0;
    width: 10rem;
    height: auto;
}

.nobuy-content {
    position: relative;
    left: 0;
    width: 10rem;
    height: auto;
    margin-bottom: 0.6rem;
}

.nobuy-content .top-bg {
    position: relative;
    left: 0;
    width: 10rem;
    height: 2.7rem;
}

.nobuy-content .top-bg img {
    position: absolute;
    top: 0;
    left: 0.7rem;
    width: 8.4rem;
}

.nobuy-content .p-item {
    position: relative;
    left: 0;
    width: 10rem;
    padding-top: 0.2rem;
}

.nobuy-content .p-item .p-item-crown {
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    z-index: 3;
}

.nobuy-content .p-item .p-item-content {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 1.33rem;
    z-index: 2;
}

.nobuy-content .p-item .p-item-content .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nobuy-content .p-item .p-item-content .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    left: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
}

.nobuy-content .p-item .p-item-content .text-frame {
    position: absolute;
    top: 0;
    left: 0.9rem;
    width: 5.6rem;
    height: 1.33rem;
    font-size: .373rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.nobuy-content .p-item .p-item-content .text-frame-span1 {
    margin-right: 0.15rem;
}

.nobuy-content .p-item .p-item-content .text-frame-span2 {
    font-size: .533rem;
    font-weight: 700;
    margin-right: 0.15rem;
}

.nobuy-content .p-item .p-item-content .text-frame-span3 {
    margin-right: 0.15rem;
}

.nobuy-content .p-item .p-item-content .text-frame-span4 {
    font-size: .533rem;
    color: #FFEE00;
    font-weight: 700;
}

.nobuy-content .p-item .p-item-content .buy-btn {
    position: absolute;
    right: 0;
    height: 1.33rem;
    width: 2.216rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .373rem;
    transition: transform 0.3s ease;
}

.nobuy-content .p-item .p-item-content .buy-btn img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nobuy-content .p-item .p-item-content .buy-btn span {
    z-index: 2;
}

.nobuy-content .p-item .p-item-content .buy-btn:active {
    transform: scale(0.8);
}

.nobuy-content .p-item .p-item-subcontent {
    position: relative;
    margin-top: -0.7rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.76rem;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top: none;
    border-radius: 0 0 0.44rem 0.44rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    max-height: 0.1rem;
    transition: max-height 0.3s ease-out;
}

.nobuy-content .p-item .p-item-subcontent.expanded {
    max-height: 500px;
    transition: max-height 0.3s ease-in;
}

.nobuy-content .p-item .p-item-subcontent-anim {
    max-height: 500px;
    transition: max-height 0.3s ease-in;
}

.p-item-subcontent .title-frame {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: .32rem;
    height: 1rem;
}

.p-item-subcontent .title-frame span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.p-item-subcontent .plans-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    border-radius: 0.22rem;
    overflow: hidden;
}

.p-item-subcontent .plans-frame-title {
    position: relative;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #016814;
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 1);
    font-size: .26rem;
}

.p-item-subcontent .plans-frame-title .title1 {
    width: 1.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-item-subcontent .plans-frame-title .title2 {
    width: 3.44rem;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-item-subcontent .plans-frame-title .title3 {
    width: 2.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-item-subcontent .plans-frame-item {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    background: rgba(70, 70, 70, 0.04);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-item-subcontent .plans-frame-item2 {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    background: rgba(70, 70, 70, 0.04);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-item-subcontent .plans-frame-item-value1 {
    width: 1.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .32rem;
}

.p-item-subcontent .plans-frame-item-value2 {
    width: 3.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
}

.p-item-subcontent .plans-frame-item-value2 .unit {
    color: rgba(255, 255, 255, 0.85);
    margin-right: 0.1rem;
}

.p-item-subcontent .plans-frame-item-value3 {
    width: 2.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
}

.p-item-subcontent .plans-frame-item-value3 .unit {
    color: rgba(255, 255, 255, 0.85);
    margin-left: 0.1rem;
}

.buytop-content {
    position: absolute;
    bottom: 0.1rem;
    left: 1rem;
    width: 7rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .426rem;
    font-weight: 700;
}

.buytop-content .value-text {
    color: #FFEE00;
    font-size: .533rem;
}

.buytop-content-icon {
    position: absolute;
    top: 1.1rem !important;
    left: unset !important;
    width: 1.3rem !important;
    height: 1.3rem !important;
    right: 1.3rem !important;
}

.buyitem-name {
    position: absolute;
    left: 0;
    width: 1.86rem;
    height: 0.7rem;
    color: #FFEE00;
    font-size: .426rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.buyitem-state {
    position: absolute;
    right: 0;
    width: 1.55rem;
    height: 0.7rem;
    color: #FFEE00;
    font-size: .426rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.buyitem-state .icon-state {
    width: 0.66rem;
    height: 0.66rem;
}

.buyitem-content {
    position: absolute;
    left: 1.86rem;
    width: 5.47rem;
    height: 0.7rem;
    display: flex;
}

.buyitem-content .title1 {
    position: relative;
    margin-left: 0.2rem;
    height: 100%;
    color: #FFFFFF;
    font-size: .25rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.buyitem-content .value1 {
    position: relative;
    width: 1.42rem;
    height: 100%;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.buyitem-content .value11 {
    color: #FFFFFF;
    font-size: 0.3rem;
}

.buyitem-content .value12 {
    color: #FFFFFF;
    font-size: 0.426rem;
    margin-left: 2px;
}

.buyitem-content .title2 {
    position: relative;
    height: 100%;
    color: #FFFFFF;
    font-size: .25rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.buyitem-content .value2 {
    position: relative;
    margin-right: 0.2rem;
    height: 100%;
    width: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buyitem-content .value21 {
    color: #FFFFFF;
    font-size: 0.426rem;
}

.buyitem-content .value22 {
    color: #FFFFFF;
    font-size: 0.3rem;
    margin-left: 2px;
}

.buydialog-content {
    width: 10rem;
    height: 9rem;
    display: flex;
}

.buydialog-topbg {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.2rem;
    width: 8.4rem;
}

.buydialog-contentbg {
    z-index: 2;
    position: absolute;
    top: 2.25rem;
    left: 50%;
    margin-left: -4.2rem;
    width: 8.4rem;
}

.buydialog-content-tips {
    position: absolute;
    top: 2.22rem;
    width: 8.4rem;
    left: 50%;
    margin-left: -4.2rem;
    height: 6.72rem;
}

.buydialog-content-tips .tips-text {
    z-index: 3;
    position: absolute;
    top: 2.22rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .33rem;
    font-weight: 700;
}

.buydialog-content-tips .tips-text-value {
    color: #FFEE00;
    font-size: .38rem;
}

.buydialog-btnframe {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -4.2rem;
    width: 8.4rem;
    height: 1.12rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .373rem;
    z-index: 3;
}

.buyalert-content-tips {
    position: absolute;
    left: 50%;
    width: 6.8rem;
    margin-left: -3.4rem;
    height: 8.22rem;
    top: 0px;
    border-radius: 0.44rem;
    overflow: hidden;
}

.buyalert-content-tips .tips-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    /* backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); */
}

.buyalert-content-tips .tips-icon {
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -0.66rem;
    width: 1.32rem;
    height: 1.32rem;
}

.buyalert-content-tips .tips-text {
    z-index: 3;
    position: absolute;
    left: 50%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    top: 2.7rem;
    font-size: 0.426rem;
    line-height: 0.7rem;
    width: 5rem;
    margin-left: -2.5rem;
}

.buyalert-btn {
    position: absolute;
    ;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    width: 3.33rem;
    left: 50%;
    margin-left: -1.665rem;
}

.buyalert-btn:active {
    transform: scale(0.8);
}

.buydialog-btn {
    position: absolute;
    width: 1.78rem;
    height: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.buydialog-btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.78rem;
}

.buydialog-btn:active {
    transform: scale(0.8);
}

.bold {
    font-weight: 700;
}

.shareContent .bold {
    font-family: SWISSC-BT
}

.van-action-sheet__close {
    color: grey;
    top: 0.31992rem;
    z-index: 10;
    font-size: 0.42656rem;
    line-height: 0.42656rem;
    padding: 0 0.42656rem
}

.shareContent {
    margin: .37324rem .31992rem .63984rem
}

.shareContent h2 {
    font-size: .34658rem;
    color: #898989;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shareContent h2 .iconfont {
    font-size: .29326rem;
    margin-right: .21328rem
}

.shareContent .copy {
    position: relative;
    height: .74648rem;
    border-radius: .07998rem;
    padding: 0 .21328rem 0 .29326rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .2666rem;
    color: grey;
    background-color: #f9f9f9;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .50654rem
}

.shareContent .copy .url {
    width: 6.3984rem
}

.shareContent .copy #copy {
    position: absolute;
    display: inline-block;
    width: 2.05282rem;
    height: 0.74648rem;
    line-height: 0.74648rem;
    text-align: center;
    border-radius: 0.07998rem;
    color: #40a1de;
    right: 0
}

.shareContent .code {
    padding: 0.31992rem .2666rem;
    background-color: #000;
    color: #8f8f8f;
    font-size: .2666rem;
    font-weight: 700;
    margin-top: 0.21328rem
}

.shareContent .code ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shareContent .code ul li {
    padding: 0 0.1333rem;
    line-height: 0.45322rem
}

.shareContent .code ul li.active {
    color: #555
}

.shareContent .code>div {
    margin: 0.18662rem 0 0
}

.shareContent .code>div,
.shareContent .code>div>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.shareContent .code>div>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 4.15896rem;
    height: 1.22636rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2666rem;
    line-height: 0.5332rem;
    color: #000;
    font-size: 0.31992rem;
    background-color: #fff
}

.shareContent .code>div a {
    color: #000
}

.shareContent .code>div .shareSms img,
.shareContent .code>div .shareWa img {
    width: 0.90644rem
}

.shareContent .code>div .shareSms>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.copyUrl {
    position: relative;
    height: 0.74648rem;
    border-radius: 0.07998rem;
    padding: 0 0.21328rem 0 0.29326rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .2666rem;
    color: grey;
    background-color: #f9f9f9;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.50654rem
}

.copyUrl .url {
    width: 7.4rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.copyUrl #copy {
    position: absolute;
    display: inline-block;
    width: 2.05282rem;
    height: 0.74648rem;
    line-height: 0.74648rem;
    text-align: center;
    border-radius: 0.07998rem;
    color: #40a1de;
    right: 0
}

.sharePlatform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0.29326rem 0;
    width: 100%
}

.sharePlatform img {
    width: 1.0664rem
}

.sharePlatform a {
    margin-bottom: 0.15996rem
}

.sharePlatform li {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2666rem;
    color: #727272
}

.sharePlatform li .iconfont {
    display: block;
    width: 1.0664rem;
    height: 1.0664rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 0.58652rem
}

.sharePlatform li .icon-share2 {
    background-color: #1a9276;
    border-radius: 50%
}

.icon-share2:before {
    content: "\e63c"
}

.withdrawAlert .van-popup {
    background-color: transparent
}

.withdrawAlert .bold {
    font-family: Arial
}

.withdrawAlert .contentwa {
    width: 8rem;
    border-radius: 0.66rem;
    padding: 0 .2rem .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-left: 1rem;
    /* background-image: linear-gradient(32deg, #7FFFCB 0%, #A0AAFE 100%); */
}

.contentwa-bg1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2.475rem;
    background: #0D3C8A;
    border-radius: 0.44rem 0.44rem 0px 0px;
}

.contentwa-bg1 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .373rem;
    color: #FFFFFF;
}

.contentwa-bg2 {
    position: absolute;
    top: 1.2rem;
    left: 0px;
    width: 100%;
    height: 7.76rem;
    background: #018E00;
    border-radius: 0.44rem;
}

.contentwa-bframe {
    position: absolute;
    top: 8rem;
    left: 1rem;
    border: 3px solid rgba(255, 255, 255, 0.25);
    border-radius: 0.44rem;
    width: 8rem;
    height: 4rem;
    /* background: #142924; */
}

.withdrawAlert .contentwa .main {
    /* background: #27292d; */
    border-radius: .2666rem;
    padding: 0 .21328rem .37324rem;
    position: relative;
}

.withdrawAlert .contentwa .title {
    font-size: .34658rem;
    font-family: Arial;
    padding: .3999rem 0 .29326rem;
    color: #FFFFFF;
    text-align: center;
    position: relative;
}

.withdrawAlert .contentwa .cash {
    padding: .31992rem 0 .21328rem;
    font-family: Arial
}

.withdrawAlert .contentwa .cash .text {
    color: #FFFFFF;
    font-size: .31992rem;
    padding-top: .05332rem
}

.withdrawAlert .contentwa .cash .cashContent {
    margin: .06rem 0 0;
    color: #FFEE00;
    font-size: .9331rem;
    font-weight: 700
}

.withdrawAlert .contentwa .withdrawInfo {
    color: rgba(255, 255, 255, 1);
    font-size: .29326rem;
    font-family: Arial
}

.withdrawAlert .contentwa .withdrawInfo li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .18662rem;
    line-height: .45322rem
}

.withdrawAlert .contentwa .line {
    height: 0;
    border: .02666rem dashed #e5e5e5;
    margin-top: .2666rem
}

.withdrawAlert .contentwa .progress {
    font-family: Arial;
    font-size: .23994rem;
    padding: .34658rem 0 .34658rem .42656rem;
    /* background: rgba(255,255,255,0.25); */
    border-radius: .44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    margin-top: .31992rem;
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.withdrawAlert .contentwa .progress:after {
    content: "";
    position: absolute;
    height: 1.333rem;
    border-left: .02666rem dotted #3cc517;
    top: .69316rem;
    left: .55986rem
}

.withdrawAlert .contentwa .progress li {
    margin-bottom: .42656rem;
    color: rgba(255, 255, 255, 0.85);
    position: relative;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.withdrawAlert .contentwa .progress li:before {
    content: "\e693";
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: .31992rem;
    height: .31992rem;
    border-radius: 50%;
    background-color: #6ddf39;
    color: #fff;
    font-size: .10664rem;
    font-weight: 400;
    text-align: center;
    line-height: .31992rem;
    margin-right: .15996rem
}

.withdrawAlert .contentwa .progress li.active {
    color: rgba(255, 255, 255, 0.85);
    margin: 0
}

.withdrawAlert .contentwa .progress li.active:before {
    content: "";
    display: inline-block;
    width: .15996rem;
    height: .15996rem;
    background-color: rgba(255, 255, 255, 0.85);
    margin: 0 .2666rem 0 .06665rem
}

.withdrawAlert .contentwa .cashButton {
    width: 100%;
    margin-top: .37324rem;
    background-color: #6ddf39
}

.withdrawAlert .close {
    text-align: right;
    color: #fff;
    position: absolute;
    right: 1.5rem;
    top: .3rem;
    z-index: 3;
    background: rgba(0, 0, 0, 0.25);
    padding: 0.12rem;
    border-radius: 0.4rem;
}

.withdrawAlert .close .icon-close {
    font-size: .35rem
}

.backAlert {
    font-family: Arial, Helvetica, sans-serif
}

.backAlert .van-popup {
    background-color: transparent
}

.backAlert .contentba {
    width: 8rem;
    margin-left: 1rem;
    border-radius: 0.66rem;
    background-image: linear-gradient(37deg, #7FFFCB 0%, #A0AAFE 100%);
    padding: 1.14638rem 0.3999rem 0.3999rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.backAlert .contentba .main {
    border-radius: 0.05332rem;
    position: relative;
}

.backAlert .contentba .title {
    font-size: 0.47988rem;
    font-family: Arial;
    padding: 0.58652rem 0 0.29326rem;
    color: #FFFFFF;
}

.backAlert .contentba .text {
    font-size: 0.3999rem;
    font-family: Arial;
    color: rgba(255, 255, 255, 0.65);
}

.backAlert .contentba .cashMain {
    margin: 0.5332rem 0.3999rem 0.37324rem;
    padding: 0.21328rem 0.3999rem 0.05332rem;
    width: auto
}

.backAlert .contentba .cashMain .needCash {
    font-size: .2666rem;
    color: rgba(255, 255, 255, 0.65);
}

.backAlert .contentba .cashButton {
    margin: 0.31992rem 0 0.15996rem;
    width: -webkit-calc(100% - 0.7998rem);
    width: calc(100% - 0.7998rem)
}

.backAlert .close {
    text-align: right;
    color: #fff;
    position: absolute;
    right: 1.5rem;
    top: .3rem;
    z-index: 3;
    background: rgba(0, 0, 0, 0.25);
    padding: 0.12rem;
    border-radius: 0.4rem;
}

.backAlert .close .icon-close {
    font-size: 0.3999rem
}

.backAlert .waiver {
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 0.2rem;
    padding-bottom: 0.5332rem;
    font-size: 0.29326rem
}

.resultcontent {
    /* width: 9rem; */
    /* margin-left: 0.5rem; */
    border-radius: .02rem;
    text-align: center;
    font-family: SWISSC;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(0.85);
}

.resultcontent .withdrawTips {
    height: 1.0664rem;
    line-height: 1.0664rem;
    font-size: 0.42656rem;
    text-align: center;
    font-family: SWISSC;
    position: relative;
    margin-top: 0.4rem;
    color: #FFFFFF;
}

.resultcontent .withdrawTips img {
    height: 0.5332rem;
    margin-right: 0.05332rem;
    margin-top: -0.10664rem;
    vertical-align: middle
}

.resultcontent .needCashNum {
    color: #D3551A;
}

.resultcontent .haveCash {
    color: #fff;
    font-size: 1.0664rem
}

.resultcontent .haveCash .cash {
    color: #FFEE00;
}

.resultcontent .cashContent {
    background-image: linear-gradient(37deg, #7FFFCB 0%, #A0AAFE 100%);
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.25);
    width: 9rem;
    padding: 0.05332rem 0.2rem 0.5rem;
    margin: 0 auto;
    border-radius: 0.66rem;
}

.resultcontent .cashContent .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFFFFF;
    font-size: 0.45322rem;
    padding: 0.18662rem 0.23994rem;
    justify-content: center;
    position: relative;
    margin-top: 0.2rem;
}

.resultcontent .cashContent .title img {
    width: 0.58652rem
}

.resultcontent .cashContent .title .icon-close {
    text-align: right;
    color: #fff;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 3;
    background: rgba(0, 0, 0, 0.25);
    padding: 0.12rem;
    border-radius: 0.4rem;
}

.resultcontent .cashContent .cashText {
    font-size: 0.34658rem;
    font-family: Arial;
    color: rgba(255, 255, 255, 0.65);
    position: relative;
}

.resultcontent .cashContent .cashMain {
    padding: 0 0.34658rem
}

.resultcontent .cashContent .cashButton {
    margin: 0.10664rem 0 0.47988rem;
    width: 6.1318rem;
    font-size: 0.37324rem !important
}

.resultcontent .cashContent .cashList {
    margin: 0 0.3rem;
    height: 100%;
    overflow: hidden
}

.btnContent {
    position: relative;
    overflow: hidden;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.btnContent .cashButton {
    position: relative;
    z-index: 3
}

.btnContent .btnBg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 0.95976rem;
    top: 0.47988rem
}

.btnContent .btnBg:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    bottom: .02666rem;
    width: 9rem;
    height: 2.1328rem;
    border-radius: 50%;
    left: 50%;
    margin-left: -4.5rem
}

.listContent {
    padding: 0.31992rem 0 0.15996rem;
    border-radius: 0 0 .2666rem .2666rem;
    margin-top: -.2666rem;
    height: 2.666rem
}

.icon-close:before {
    content: "\e600"
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-share:before {
    content: "\e61f"
}

.cashMain {
    border-radius: .2666rem
}

.cashMain.type1 {
    position: relative;
    padding: .21328rem .61318rem .05332rem;
    width: 9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5332rem
}

.cashMain.type1 .haveCash {
    font-size: .7998rem;
    color: #FFEE00;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.cashMain.type1 .needCash {
    color: rgba(255, 255, 255, 0.65);
    text-align: center
}

.cashMain.type1 .needCashNum {
    color: #FFEE00;
}

.cashMain.type1 .needCashNum2 {
    color: #FFEE00 !important;
}

.cashMain .progress {
    width: 100%;
    /* margin: .49326rem 0 .18662rem; */
    margin: .3rem 0 .18662rem;
    position: relative
}

.cashMain .progress .num {
    position: absolute;
    right: 0;
    top: -.47988rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .37324rem;
}

.cashMain .progress .bar {
    width: 100%;
    height: .21328rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: .2666rem;
    position: relative
}

.cashMain .progress .bar span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: .21328rem;
    background: #FFEE00;
    border-radius: .21328rem;
}

.cashMain .progress .bar span:after {
    content: "";
    display: inline-block;
    width: .21328rem;
    position: absolute;
    height: .21328rem;
    border-radius: 50%;
    background-color: #fff;
    right: 0
}

.cashMain .haveCash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .7998rem;
    font-family: Roboto;
    font-weight: 700;
    margin: .15996rem 0;
    width: -webkit-calc(100% + .5332rem);
    width: calc(100% + .5332rem);
    white-space: nowrap
}

.cashMain .haveCash.noWithdraw,
.cashMain .haveCash {
    color: rgba(255, 255, 255, 0.85);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.cashMain .haveCash .currency {
    text-transform: uppercase
}

.withdrawAlert .contentwa .cash .cashContent .currency {
    color: rgba(255, 255, 255, 0.45);
    font-size: .426rem;
}

.cashMain .haveCash .cashImg {
    width: 1.333rem
}

.cashMain .haveCash .cash {
    width: 1.38632rem;
    font-weight: 700;
    margin-right: .31992rem;
    position: relative;
    top: 0.15rem;
}

.cashMain .haveCash .cashback {
    color: #FFEE00 !important;
}

.cashMain .needCash {
    height: .58652rem;
    border-radius: .37324rem;
    font-size: .34658rem;
    color: rgba(0, 0, 0, 0.65);
    line-height: .58652rem;
    margin-bottom: .1333rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cashMain .needCashNum {
    font-family: SWISSC-BT;
    margin: 0 .07998rem
}

.cashMain .withdraw {
    /* width: 1.7329rem;
  height: .5332rem; */
    position: relative;
    width: 2.22rem;
    height: .88rem;
    /* padding: .05332rem .15996rem; */
    /* background: #efb423 -webkit-gradient(linear,left top,right top,from(#49a319),to(#2b8b2f));
  background: #efb423 -webkit-linear-gradient(left,#49a319,#2b8b2f);
  background: #efb423 -o-linear-gradient(left,#49a319 0,#2b8b2f 100%);
  background: #efb423 linear-gradient(90deg,#49a319,#2b8b2f); */
    /* background: #efb423 -webkit-gradient(linear,left top,right top,from(#FFAF00),to(#FFEE00));
  background: #efb423 -webkit-linear-gradient(left,#FFAF00,#FFEE00);
  background: #efb423 -o-linear-gradient(left,#FFAF00 0,#FFEE00 100%);
  background: #efb423 linear-gradient(90deg,#FFAF00,#FFEE00); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .31992rem;
    font-family: Roboto;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    border-radius: .2666rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.cashMain .withdraw:active {
    opacity: 0.45;
}

.cashMain .withdraw img {
    position: relative;
    width: .37324rem;
    margin-right: .07998rem
}

.cashMain .withdraw span {
    position: relative;
    color: #FFFFFF;
}

.wheelBtn {
    display: inline-block;
    height: .95976rem;
    line-height: .95976rem;
    border-radius: .07998rem;
    padding: 0 .1333rem;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#61cf3e), color-stop(99%, #2b9246));
    background: -webkit-linear-gradient(bottom, #61cf3e, #2b9246 99%);
    background: -o-linear-gradient(bottom, #61cf3e 0, #2b9246 99%);
    background: linear-gradient(0deg, #61cf3e, #2b9246 99%)
}

.wheelBtn-type2 {
    background: transparent !important;
    width: 5.55rem !important;
    font-size: .32rem !important;
    height: 1.33rem !important;
}

.wheelBtn-type2:active {
    opacity: 0.45 !important;
}

.wheelBtn-type2-span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1.11rem;
    color: #FFFFFF;
    font-size: .32rem;
}

.wheelBtn.isIcon {
    padding-left: .90644rem
}

.wheelBtn .iconfont {
    position: absolute;
    font-size: .58652rem;
    left: .10664rem;
    -webkit-animation: hand-data-v-99d2f522 .7s infinite;
    animation: hand-data-v-99d2f522 .7s infinite
}

@-webkit-keyframes hand-data-v-99d2f522 {
    0% {
        left: .10664rem
    }
    50% {
        left: .21328rem
    }
    99.99% {
        left: .10664rem
    }
}

@keyframes hand-data-v-99d2f522 {
    0% {
        left: .10664rem
    }
    50% {
        left: .21328rem
    }
    99.99% {
        left: .10664rem
    }
}

.draw {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 50%
}

.draw .position {
    position: absolute;
    left: 48.5%;
    top: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.draw .lamp {
    position: absolute;
    left: -29%;
    top: -36%;
    z-index: 4;
    width: 157%;
    pointer-events: none;
}

.draw .light1,
.draw .light2 {
    position: absolute;
    z-index: 4;
    width: 98%;
    height: 98%;
    right: 0.15996rem;
    top: 0.23994rem;
}

.draw .light {
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    -webkit-animation: lamp-data-v-684bfc35 1.7s infinite;
    animation: lamp-data-v-684bfc35 1.7s infinite
}

.draw .spot {
    width: 0.2666rem;
    height: 0.2666rem
}

.draw .spot,
.draw .spot_s {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: -webkit-radial-gradient(circle, #fff, #ffe3d3);
    background: -o-radial-gradient(circle, #fff, #ffe3d3);
    background: radial-gradient(circle, #fff, #ffe3d3);
    -webkit-box-shadow: 0 0 0 0 #622000;
    box-shadow: 0 0 0 0 #622000
}

.draw .spot_s {
    width: 0.21328rem;
    height: 0.21328rem
}

.draw .drawImg {
    z-index: 8;
    width: 28%
}

.draw .pointer {
    position: absolute;
    width: 96%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.draw .pointer img {
    width: 2.07948rem;
    height: 1.22636rem;
    z-index: 10
}

.draw .drawBgImg {
    position: absolute;
    left: -30%;
    top: -60%;
    width: 160%;
    -webkit-animation: drawBgImg-data-v-684bfc35 20s linear infinite;
    animation: drawBgImg-data-v-684bfc35 20s linear infinite;
    /* -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); */
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: -1;
}

@-webkit-keyframes drawBgImg-data-v-684bfc35 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes drawBgImg-data-v-684bfc35 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.draw .caishenImg {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 82%
}

.draw .drawLen {
    font-family: arial;
    font-weight: 700;
    width: 32%;
    height: 32%;
    z-index: 8;
    color: #fff;
    border-radius: 50%
}

.draw .drawLen .content,
.draw .drawLen .drawTips {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.draw .drawLen .content {
    margin-top: 0.02666rem;
    font-size: 0
}

.draw .drawLen .vezes {
    position: absolute;
    width: 50%;
    bottom: 0.42656rem;
    left: 50%;
    -webkit-transform: translate(-40%);
    -ms-transform: translate(-40%);
    transform: translate(-40%)
}

.draw .drawLen .drawTips {
    font-size: 0.58652rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0.2666rem
}

.draw .drawLen .drawTips .luck {
    -webkit-filter: grayscale(100%) brightness(200%);
    filter: grayscale(100%) brightness(200%);
    width: 1.5996rem;
    margin-top: -0.63984rem
}

.draw .drawLen .num {
    /* width: 0.47988rem;
  text-align: center */
    width: .63984rem;
    text-align: center;
    margin-top: .42656rem
}

.draw .drawLen .times {
    font-size: .2666rem;
    font-weight: 400;
    line-height: 0.31992rem;
    margin-left: .02666rem;
    margin-bottom: 0.05332rem;
    position: absolute;
    font-family: SWISSC;
    top: 0.5332rem
}

.draw .drawLen .text,
.draw .drawLen .times {
    text-shadow: 0 0.02666rem #732e70, 0.02666rem 0 #732e70, 0.02666rem 0 #732e70, 0 0.02666rem #732e70
}

.draw .drawLen .text {
    font-size: 0.37324rem;
    line-height: 0.37324rem;
    font-family: SWISSC-BT;
    text-align: center
}

.drawContent {
    width: 84%;
    height: 84%;
    border-radius: 50%;
    overflow: hidden;
    margin: -40.5% 0 0 -43.5%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5
}

#draw {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 50%
}

.bonusAm img {
    position: absolute;
    z-index: 18;
    width: 0.69316rem;
    height: 0.69316rem;
    top: 0.7998rem;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    right: 2.71932rem;
    display: none
}

.bonusAm img.bonusAm {
    -webkit-animation: bonusAm-data-v-684bfc35 .5s;
    animation: bonusAm-data-v-684bfc35 .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.bonusAm.active img {
    display: block
}

@-webkit-keyframes lamp-data-v-684bfc35 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    32.99% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    65.99% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    66% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    99.99% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@keyframes lamp-data-v-684bfc35 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    32.99% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    65.99% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    66% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    99.99% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@-webkit-keyframes bonusAm-data-v-684bfc35 {
    0% {
        top: 0.7998rem;
        right: 2.71932rem;
        opacity: 1
    }
    99.99% {
        opacity: 1
    }
    to {
        top: -6.3984rem;
        right: -0.5332rem;
        opacity: 0
    }
}

@keyframes bonusAm-data-v-684bfc35 {
    0% {
        top: 0.7998rem;
        right: 2.71932rem;
        opacity: 1
    }
    99.99% {
        opacity: 1
    }
    to {
        top: -6.3984rem;
        right: -0.5332rem;
        opacity: 0
    }
}

.winList {
    height: 100%;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.winList.type1 .item {
    border-radius: 0
}

.winList.type1 .item:last-child {
    border-bottom: none
}

.winList .item {
    height: 0.7998rem !important;
    font-size: 0.31992rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8795b1;
    background-color: transparent;
    padding: 0 0.4rem
}

.winList .item .name {
    color: rgba(0, 0, 0, 0.85);
    display: block;
    width: 2.666rem;
    margin-left: 0.2rem;
}

.winList .item .name11 {
    color: rgba(255, 255, 255, 0.85) !important;
}

.winList .item .tipText {
    color: rgba(0, 0, 0, 0.45);
    min-width: 2.9326rem
}

.winList .item .tipText11 {
    color: rgba(255, 255, 255, 0.65) !important;
}

.winList .item .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1.4663rem;
}

.winList .item .value img {
    width: 0.63984rem;
}

.winList .item .addCash {
    color: #0D3C8A;
    width: 0.87978rem;
}

.winList .item .addCash1 {
    color: #FFEE00;
    width: 0.87978rem;
}

.winList .item .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: SWISSC-BT;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.2666rem;
    height: 0.42656rem;
    width: 0.42656rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    margin-left: 0.05332rem
}

.report {
    position: relative;
    z-index: 6;
    margin-top: 0.3rem;
}

.report .share .van-tab:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.report .invites {
    height: 5.4rem;
    overflow: auto
}

.report .tabContent {
    height: 5.4rem;
    overflow: hidden
}

.report .tabContent .winList {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.report .tipsContent {
    width: 8rem;
    margin-left: 0.5rem;
    font-size: .37324rem;
    color: #7d8397;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.report .tipsContent li {
    margin: .42656rem 0;
    line-height: 0.5rem;
}

.rules {
    border-radius: .426rem;
    /* background: #232327; */
    background: rgba(255, 255, 255, 0.04);
    width: 9rem;
    margin-left: 0.5rem;
    margin-top: .8rem;
    /* padding: 3.6%; */
    padding-top: 3.6%;
    padding-bottom: 3.6%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rules h2 {
    font-size: .47988rem;
    color: #8795b1;
    padding-top: .29326rem;
    text-align: center
}

.cashWheel {
    font-family: SWISSC;
    padding-bottom: 1.0664rem;
}

.cashWheel .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .21328rem .37324rem;
    color: #fff;
    background: #1d1d1d;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .87978rem;
    font-size: .47988rem;
    font-family: SWISSC-BT;
    position: relative
}

.cashWheel .header .icon-to {
    width: .6665rem;
    height: .6665rem;
    border-radius: .2666rem;
    text-align: center;
    line-height: .5332rem;
    color: #0d1933;
    color: #fff;
    font-size: .58652rem
}

.cashWheel .header .icon-help-2 {
    font-size: .47988rem;
    color: #fff;
    cursor: pointer
}

.cashWheel .header .icon-people {
    font-size: .31992rem;
    margin-right: .07998rem
}

.cashWheel .header .title {
    font-family: SWISSC-BT;
    white-space: nowrap
}

.cashWheel .header .userInfo {
    font-family: SWISSC;
    font-size: .31992rem;
    color: #fff;
    padding-top: .10664rem;
    white-space: nowrap
}

.cashWheel .content {
    padding: .18662rem .69316rem 0
}

.cashWheel .content .banner {
    width: 100%;
    height: 1.11972rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cashWheel .content .banner img {
    height: .5332rem
}

.cashWheel .content .banner .withdrawLogs {
    font-size: .34658rem;
    line-height: .34658rem;
    height: .5332rem;
    text-indent: .2666rem;
    width: 7.4648rem;
    background-color: transparent
}

.cashWheel .content .banner .withdrawLogs span {
    margin: 0 .5332rem;
    color: #00bdae
}

.cashWheel .content .cash {
    width: 8.2646rem
}

.cashWheel .drawContent1 {
    margin-top: -0.5rem;
    position: relative;
    z-index: 6
}

.drawContent1 .sharebtn {
    position: absolute;
    right: 0.1rem !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
}

.drawContent1 .sharebtn {
    position: absolute;
    right: 0.1rem !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
}

.drawContent1 .sharebtn .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.drawContent1 .sharebtn .icon {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    height: 0.44rem;
}

.drawContent1 .sharebtn:active {
    opacity: 0.45;
}

.cashWheel .drawContent1 .cashButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .9331rem;
    line-height: .9331rem;
    margin: .15996rem 0 .5332rem;
    font-size: .50654rem;
    width: 9rem;
    margin-left: 0.5rem;
    /* border-radius: .44rem; */
    text-align: center;
    /* background: rgba(0, 0, 0, 0.25); */
    font-size: .37324rem;
    font-family: Roboto;
    color: #fff;
    position: relative;
    height: 1.3rem;
}

.cashWheel .drawContent1 .cashButton .text {
    color: #fff
}

.cashWheel .drawContent1 .cashButton div {
    width: 100%
}

.cashWheel .drawContent1 .cashButton .iconfont {
    width: 1.0664rem;
    /* background: #232327 */
}

.cashWheel .shareText {
    font-size: .42656rem;
    text-align: center;
    margin: .31992rem 0;
    color: #6ddf38
}

.cashWheel .text {
    text-align: center;
    font-size: .34658rem;
    margin-top: .29326rem;
    height: .5332rem
}

.cashWheel .text span {
    color: #FFFFFF;
}

.cashWheel .text .span1 {
    padding: 5px 10px;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.25);
}

.cashWheel .text .span2 {
    color: rgba(255, 255, 255, 0.65);
}

.cashWheel .text .van-swipe-item,
.cashWheel .withdrawLogs .van-swipe-item {
    font-size: .31992rem;
    height: .5332rem;
    line-height: .5332rem;
    font-weight: 700;
    width: -webkit-calc(100vw - 1.75956rem) !important;
    width: calc(100vw - 1.75956rem) !important;
    max-width: 8.95776rem !important
}

.cashWheel .withdrawLogs {
    padding: 0 0 0 .05332rem
}

.cashWheel .drawMain {
    position: relative;
    width: 6.8rem;
    height: 6.8rem;
    padding: 1.33rem;
    margin-top: 1.5rem;
    margin-left: 0.27rem;
    background-size: cover
}

.cashWheel .draw {
    width: 6.74498rem;
    height: 6.74498rem;
    margin: .2666rem auto .15996rem
}

.cashWheel .popup .van-popup {
    background-color: #201f1f !important
}

.cashWheel .popup .popUpMain {
    max-height: 70vh !important;
    overflow: auto
}

.cashWheel .popup .icon-close {
    color: #fff;
    font-size: .5332rem;
    padding: .15996rem .15996rem 0 0
}

.cashWheel .popup .title {
    font-size: .5332rem;
    color: #61cf3e;
    font-weight: 700;
    text-align: center;
    margin: .58652rem .58652rem .18662rem
}

.cashWheel .popup span {
    padding: 0 .31992rem .2666rem .47988rem;
    color: #fff;
    font-weight: 700;
    font-size: .37324rem;
    display: block
}

.cashWheel .popup ul {
    color: #fff;
    font-weight: 400;
    font-size: .37324rem;
    margin: 0 .58652rem 0 .74648rem;
    padding-bottom: .45322rem
}

.cashWheel .popup ul li {
    margin: .2666rem 0;
    list-style: decimal outside;
    margin-left: .31992rem;
    line-height: .45322rem
}

@-webkit-keyframes fontsizeAm-data-v-59e335cf {
    0% {
        font-size: .31992rem
    }
    8% {
        font-size: .34658rem
    }
    16% {
        font-size: .31992rem
    }
    24% {
        font-size: .29326rem
    }
    32% {
        font-size: .31992rem
    }
    40% {
        font-size: .34658rem
    }
    48% {
        font-size: .31992rem
    }
    56% {
        font-size: .29326rem
    }
    64% {
        font-size: .31992rem
    }
    72% {
        font-size: .34658rem
    }
    81% {
        font-size: .31992rem
    }
    to {
        font-size: .31992rem
    }
}

@keyframes fontsizeAm-data-v-59e335cf {
    0% {
        font-size: .31992rem
    }
    8% {
        font-size: .34658rem
    }
    16% {
        font-size: .31992rem
    }
    24% {
        font-size: .29326rem
    }
    32% {
        font-size: .31992rem
    }
    40% {
        font-size: .34658rem
    }
    48% {
        font-size: .31992rem
    }
    56% {
        font-size: .29326rem
    }
    64% {
        font-size: .31992rem
    }
    72% {
        font-size: .34658rem
    }
    81% {
        font-size: .31992rem
    }
    to {
        font-size: .31992rem
    }
}

.smact-page-frame {
    position: relative;
    left: 0rem;
    width: 10rem;
}

.smact-page-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 6.67rem;
}

.smact-page-frame .top-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: auto;
}

.day-frame {
    position: relative;
    margin-top: -0.8rem;
    left: 0.6rem;
    width: 9rem;
    height: 3.32rem;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.day-frame::-webkit-scrollbar {
    display: none;
}

.day-frame-item {
    position: relative;
    display: inline-block;
    top: 0;
    margin-right: 0.11rem;
    height: 3.32rem;
    width: 1.66rem;
    overflow: hidden;
}

.day-frame-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.66rem;
}

.day-frame-item .icon {
    position: absolute;
    top: 0.1rem;
    left: 50%;
    margin-left: -0.75rem;
    width: 1.5rem;
    height: 1.5rem;
}

.day-frame-item .status {
    position: absolute;
    bottom: 0.7rem;
    left: 50%;
    margin-left: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
}

.day-frame-item .arrow {
    position: absolute;
    bottom: 0.04rem;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
}

.day-frame-item .day {
    position: absolute;
    top: 1.4rem;
    left: 0;
    height: 0.7rem;
    width: 1.66rem;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.day-frame-item .day-disable {
    color: rgba(255, 255, 255, 0.45);
}

.reward-frame {
    position: relative;
    ;
    left: 0.6rem;
    width: 8.8rem;
    height: 8.58rem;
    overflow: hidden;
}

.reward-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reward-frame .reg-time {
    position: absolute;
    top: 0.5rem;
    left: 0.6rem;
    width: 7.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: .32rem;
}

.reward-frame .reg-time .reg-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.22rem;
    left: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.reward-frame .reg-time .reg-title {
    position: absolute;
    top: 0;
    left: 0.6rem;
    width: auto;
    text-align: left;
    color: rgba(255, 255, 255, 0.65);
}

.reward-frame .reg-time .reg-value {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    text-align: right;
    color: rgba(255, 255, 255, 0.85);
}

.reward-frame .recharge-amount {
    position: absolute;
    top: 0.9rem;
    left: 0.6rem;
    width: 7.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: .32rem;
}

.reward-frame .recharge-amount .amount-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    left: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.reward-frame .recharge-amount .amount-title {
    position: absolute;
    top: 0;
    left: 0.65rem;
    width: auto;
    text-align: left;
    color: rgba(255, 255, 255, 0.65);
}

.reward-frame .recharge-amount .amount-title-light {
    color: #FFEE00;
}

.reward-frame .recharge-amount .amount-value {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    text-align: right;
    color: rgba(255, 255, 255, 0.85);
}

.reward-frame .reward {
    position: absolute;
    top: 2.22rem;
    left: 50%;
    margin-left: -3.8rem;
    width: 7.6rem;
    height: 4.3rem;
}

.reward-frame .reward-title {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    height: auto;
    line-height: .426rem;
    color: #000000;
    font-size: .32rem;
    text-align: center;
}

.reward-frame .reward-clock {
    position: relative;
    margin-top: 0.11rem;
    width: 7.6rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-frame .reward-clock .icon {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.2rem;
}

.reward-frame .reward-clock .value {
    font-size: .373rem;
    color: #000000;
    font-weight: bold;
}

.reward-frame .reward-smact {
    position: relative;
    margin-top: 0.35rem;
    width: 7.6rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-frame .reward-smact .icon {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.2rem;
}

.reward-frame .reward-smact .value {
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
}

.reward-frame .reward-reward {
    position: relative;
    margin-top: 0.2rem;
    width: 7.6rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-frame .reward-reward .unit {
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.85);
    margin-right: 0.1rem;
}

.reward-frame .reward-reward .value1 {
    font-size: .853rem;
    color: #0D3C8A;
    font-weight: bold;
}

.reward-frame .reward-reward .value2 {
    font-size: .853rem;
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
}

.reward-frame .reward-notstart {
    position: relative;
    margin-top: -0.4rem;
    width: 7.6rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-frame .reward-notstart img {
    width: 4rem;
}

.reward-frame .bottom {
    position: absolute;
    top: 6.6rem;
    left: 50%;
    margin-left: -3.775rem;
    width: 7.55rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reward-frame .bottom-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward-frame .bottom-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.reward-tips {
    position: relative;
    margin-top: 0.72rem;
    left: 0.6rem;
    width: 8.7rem;
    height: auto;
    border-radius: 0.22rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    overflow: hidden;
}

.reward-tips-title {
    position: relative;
    width: 8.8rem;
    height: 0.7rem;
    background: rgba(70, 70, 70, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
}

.reward-tips-title-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
    font-weight: bold;
}

.reward-tips-title-line {
    position: absolute;
    top: 0.1rem;
    left: 50%;
    width: 1px;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
}

.reward-tips-title-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
    font-weight: bold;
}

.reward-tips-item {
    position: relative;
    width: 8.7rem;
    height: 0.66rem;
    /* background: rgba(70,70,70,0.04);
  box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.15); */
}

.reward-tips-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, 0.04);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
}

.reward-tips-item-bg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, 0.08);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
}

.reward-tips-item-left {
    position: absolute;
    top: 0;
    left: 1.1rem;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.reward-tips-item-left-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

.reward-tips-item-left-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: bold;
}

.reward-tips-item-right {
    position: absolute;
    top: 0;
    left: 5.5rem;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.reward-tips-item-right-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

.reward-tips-item-right img {
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.1rem;
}

.reward-tips-item-right-value {
    color: #FFEE00;
    font-size: .373rem;
    font-weight: bold;
}

.agency-content-frame {
    position: relative;
    margin-top: 4.6rem;
    left: 0.0;
    width: 10rem;
}

.agency-link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.agency-link-content .btn {
    position: absolute;
    right: 0.12rem;
    width: 1.78rem;
    height: 1.1rem;
    transition: transform 0.1s ease-in-out;
}

.agency-link-content .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-share-item {
    position: relative;
    display: inline-block;
    height: 1.1rem;
    width: 1.2rem;
    top: 0;
    margin-right: 0.2rem;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}

.agency-share-item .icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.33rem;
    height: 0.66rem;
    width: 0.66rem;
}

.agency-share-item .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-users-frame .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 0.15rem;
    height: 0.66rem;
}

.agency-users-frame:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-reward-frame {
    position: relative;
    margin-top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    overflow: hidden;
}

.agency-reward-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 2.24rem;
}

.agency-reward-item .ritem {
    position: absolute;
    top: 0;
    width: 1.833rem;
    height: 1.8rem;
}

.agency-reward-item .ritem-arrow {
    position: absolute;
    top: 0.4665rem;
    left: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
}

.agency-reward-item .ritem-arrow-last {
    position: absolute;
    top: 1.76rem;
    left: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}

.agency-reward-item .ritem-arrow2 {
    position: absolute;
    top: 0.4665rem;
    right: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(180deg);
}

.agency-reward-item .ritem-arrow-last2 {
    position: absolute;
    top: 1.76rem;
    right: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}

.agency-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.833rem;
    height: 1.333rem;
}

.agency-reward-item .ritem-need {
    position: absolute;
    top: 0.95rem;
    width: 1.833rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .26rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-reward-item .ritem-received {
    color: rgba(255, 255, 255, 0.85);
}

.aguser-content-frame {
    position: relative;
    left: 0.0;
    width: 10rem;
    padding-top: 0.66rem;
}

.aguser-type-content .icon {
    position: absolute;
    left: 0.22rem;
    width: 0.66rem;
    height: 0.66rem;
}

.aguser-type-content .tcheck {
    position: absolute;
    top: 0;
    right: 0.44rem;
    height: 1.33rem;
    width: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.aguser-type-content .tcheck:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.aguser-type-content .tcheck img {
    height: 0.44rem;
    width: 0.88rem;
}

.aguser-user-title .line {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 1px;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.15);
}

.aguser-user-item2 {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.aguser-user-item-nameframe {
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 3.1rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    overflow: hidden;
}

.aguser-user-item-nametext {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3rem;
    height: 1.33rem;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}

.aguser-user-item-box {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    right: 0.1rem;
}

.aguser-user-item-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.66rem;
}

.aguser-user-item-turnover {
    position: absolute;
    top: 0;
    right: 0.44rem;
    width: 2.44rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aguser-loading-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.aguser-loadmore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.raintips-frame {
    width: 10rem;
    height: 15.5rem;
    overflow: hidden;
    border-radius: 1.11rem;
}

.raintips-frame .raintips-content .top-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.raintips-frame .raintips-content .close {
    z-index: 2;
    position: absolute;
    top: 0.3rem;
    right: 0;
    width: 1.4rem;
    height: 1.4rem;
}

.raintips-frame .raintips-content .close-icon {
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.raintips-frame .raintips-content .middle-tips .text2 {
    position: absolute;
    top: 0.83rem;
    left: 0;
    width: 8.36rem;
    height: 0.93rem;
    line-height: 0.93rem;
    text-align: center;
    font-size: .373rem;
    font-weight: 700;
    color: #FFFFFF;
}

.rain-rules-leftline {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-right: 0.2rem;
}

.rain-rules-rightline {
    transform: scaleX(-1);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.raindresult-frame {
    width: 10rem;
    height: 12rem;
    top: 10rem;
}

.raindresult-frame .rain-result1 {
    position: absolute;
    top: 50%;
    margin-top: -4.44rem;
    left: 50%;
    width: 6.66rem;
    height: 8.88rem;
    margin-left: -3.33rem;
}

.raindresult-frame .rain-result1 .tips1 {
    position: absolute;
    top: 3.85rem;
    left: 0.5rem;
    width: 4.6rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips2 {
    position: absolute;
    top: 5rem;
    left: 0.5rem;
    width: 4.6rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips2-span {
    position: absolute;
    top: 0;
    left: 0.45rem;
    width: 5.5rem;
    font-size: .346rem;
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.5rem;
}

.raindresult-frame .rain-result1 .receive-btn {
    position: absolute;
    left: 0;
    bottom: 0.7rem;
    width: 6.66rem;
    height: 2.22rem;
}

.raindresult-frame .rain-result2 {
    position: absolute;
    top: 50%;
    margin-top: -4.44rem;
    left: 50%;
    width: 6.66rem;
    height: 8.88rem;
    margin-left: -3.33rem;
}

.raindresult-frame .rain-result2 .result-frame {
    position: absolute;
    top: 3.7rem;
    left: 0.5rem;
    width: 5.6rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.raindresult-frame .rain-result2 .result-frame .span1 {
    color: rgba(0, 0, 0, 0.65);
    font-size: .5rem;
    margin-right: 0.1rem;
}

.raindresult-frame .rain-result2 .result-timetitle {
    position: absolute;
    top: 5rem;
    left: 0rem;
    width: 6.66rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-size: .3rem;
    text-align: center;
}

.raindresult-frame .rain-result2 .result-time {
    position: absolute;
    top: 5.5rem;
    left: 0rem;
    width: 6.66rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .3rem;
    color: rgba(0, 0, 0, 0.65)
}

.raindresult-frame .rain-result2 .receive-btn {
    position: absolute;
    left: 0;
    bottom: 0.7rem;
    width: 6.66rem;
    height: 2.22rem;
}

.raindresult-frame .rain-close {
    position: absolute;
    top: 9rem;
    left: 50%;
    margin-left: -0.7rem;
    width: 1.4rem;
    height: 1.4rem;
}

.raindresult-frame .rain-close img {
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
}

.agency-content-frame {
    position: relative;
    margin-top: 4.6rem;
    left: 0.0;
    width: 10rem;
}

.agency-banner-frame {
    position: absolute;
    top: 1.32rem;
    left: 0;
    width: 10rem;
}

.agency-link-title {
    position: relative;
    left: 0.5rem;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.85);
    height: 0.62rem;
    line-height: 0.62rem;
}

.agency-link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.agency-link-content .link {
    position: absolute;
    top: 0;
    left: 0.4rem;
    width: 5.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.65);
}

.agency-link-content .btn {
    position: absolute;
    right: 0.12rem;
    width: 1.78rem;
    height: 1.1rem;
    transition: transform 0.1s ease-in-out;
}

.agency-link-content .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-share-title {
    position: relative;
    left: 0.5rem;
    font-size: .346rem;
    color: #000000;
    height: 0.62rem;
    line-height: 0.62rem;
    margin-top: 0.1rem;
    text-align: center;
    width: 8rem;
}

.agency-share-item {
    position: relative;
    display: inline-block;
    height: 1.1rem;
    width: 1.2rem;
    top: 0;
    margin-right: 0.2rem;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}

.agency-share-item .icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.33rem;
    height: 0.66rem;
    width: 0.66rem;
}

.agency-share-item .title {
    position: absolute;
    top: 0.8rem;
    width: 1.2rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-size: .24rem;
}

.agency-share-item .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-users-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.12rem;
    line-height: 1.12rem;
    background-image: linear-gradient(97deg, #6ADB36 0%, #018E00 100%);
    border-radius: 0.22rem;
    transition: transform 0.1s ease-in-out;
}

.agency-users-frame .title {
    position: absolute;
    top: 0;
    left: 0.4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    color: #FFFFFF;
    font-size: .373rem;
}

.agency-users-frame .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 0.15rem;
    height: 0.66rem;
}

.agency-users-frame .right-text {
    position: absolute;
    top: 0;
    right: 1rem;
    height: 1.12rem;
    line-height: 1.12rem;
    color: #FFEE00;
    font-size: .32rem;
    text-align: right;
}

.agency-users-frame .right-num {
    color: #FFEE00;
    font-size: .426rem;
}

.agency-users-frame:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-reward-frame {
    position: relative;
    margin-top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    overflow: hidden;
}

.agency-reward-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 2.24rem;
}

.agency-reward-item .ritem {
    position: absolute;
    top: 0;
    width: 1.833rem;
    height: 1.8rem;
}

.agency-reward-item .ritem-arrow {
    position: absolute;
    top: 0.4665rem;
    left: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
}

.agency-reward-item .ritem-arrow-last {
    position: absolute;
    top: 1.76rem;
    left: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}

.agency-reward-item .ritem-arrow2 {
    position: absolute;
    top: 0.4665rem;
    right: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(180deg);
}

.agency-reward-item .ritem-arrow-last2 {
    position: absolute;
    top: 1.76rem;
    right: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}

.agency-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.833rem;
    height: 1.333rem;
}

.agency-reward-item .ritem-need {
    position: absolute;
    top: 0.95rem;
    width: 1.833rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .26rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-reward-item .ritem-received {
    color: rgba(255, 255, 255, 0.85);
}

.agency-reward-item .ritem-reward {
    position: absolute;
    top: 1.4rem;
    width: 1.833rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.agency-reward-item .ritem-reward-light {
    color: #F8CE4D;
}

.aguser-content-frame {
    position: relative;
    left: 0.0;
    width: 10rem;
    padding-top: 0.66rem;
}

.aguser-link-title {
    position: relative;
    left: 0.5rem;
    font-size: .373rem;
    height: 0.62rem;
    line-height: 0.62rem;
    color: #FFFFFF;
}

.aguser-link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .32rem;
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
}

.aguser-link-content .ltitle {
    position: absolute;
    top: 0;
    left: 0.4rem;
    width: 6.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.aguser-link-content .rvalue {
    position: absolute;
    right: 0.4rem;
    width: 4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: 0.4rem;
    line-height: 1.1rem;
    font-size: .32rem;
    text-align: right;
    color: rgba(255, 255, 255, 0.65);
}

.aguser-link-content .rvalue-light {
    font-size: .373rem;
    font-weight: 700;
    color: #FFEE00;
}

.aguser-type-content {
    position: relative;
    margin-top: 0.66rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    line-height: 1.33rem;
    display: flex;
    align-items: center;
    border-radius: 0.22rem;
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.aguser-type-content .icon {
    position: absolute;
    left: 0.22rem;
    width: 0.66rem;
    height: 0.66rem;
}

.aguser-type-content .title {
    position: absolute;
    left: 0.9rem;
    width: 5rem;
    height: 1.33rem;
    line-height: 1.33rem;
    font-size: .373rem;
    color: #FFFFFF;
}

.aguser-type-content .tcheck {
    position: absolute;
    top: 0;
    right: 0.44rem;
    height: 1.33rem;
    width: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.aguser-type-content .tcheck:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.aguser-type-content .tcheck span {
    margin-right: 0.1rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.aguser-type-content .tcheck img {
    height: 0.44rem;
    width: 0.88rem;
}

.aguser-user-title {
    position: relative;
    margin-top: 0.11rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}

.aguser-user-title .title {
    position: absolute;
    top: 0;
    height: 1.33rem;
    line-height: 1.33rem;
    font-size: .346rem;
    color: #FFFFFF;
}

.aguser-user-title .line {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 1px;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.15);
}

.aguser-user-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(70, 70, 70, 0.85);
    background: rgba(255, 255, 255, 0.10);
}

.aguser-user-item2 {
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(70, 70, 70, 0.85);
    background: transparent;
}

.aguser-user-item-nameframe {
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 3.1rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    overflow: hidden;
}

.aguser-user-item-nametext {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3rem;
    height: 1.33rem;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}

.aguser-user-item-name {
    position: absolute;
    top: 0.24rem;
    left: 0;
    width: 2.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aguser-user-item-id {
    position: absolute;
    top: 0.72rem;
    left: 0;
    width: 3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
}

.aguser-user-item-box {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    right: 0.1rem;
}

.aguser-user-item-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.66rem;
}

.aguser-user-item-recharge {
    position: absolute;
    top: 0;
    left: 3.62rem;
    width: 2.1rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
}

.aguser-user-item-turnover {
    position: absolute;
    top: 0;
    right: 0.44rem;
    width: 2.44rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aguser-loading-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.aguser-nomore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.65);
}

.aguser-loadmore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.raintips-frame {
    width: 10rem;
    height: 15.5rem;
    overflow: hidden;
    border-radius: 1.11rem;
}

.raintips-frame .raintips-content {
    position: absolute;
    left: 50%;
    width: 8.88rem;
    margin-left: -4.44rem;
    border-radius: 0.66rem;
    background-image: linear-gradient(149deg, #018E00 0%, #003200 50%, #018E00 100%);
}

.raintips-frame .raintips-content .top-banner {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 8.88rem;
    height: 5.5rem;
}

.raintips-frame .raintips-content .top-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.raintips-frame .raintips-content .close {
    z-index: 2;
    position: absolute;
    top: 0.3rem;
    right: 0;
    width: 1.4rem;
    height: 1.4rem;
}

.raintips-frame .raintips-content .close-icon {
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.raintips-frame .raintips-content .middle-tips {
    z-index: 2;
    position: absolute;
    top: 3.1rem;
    left: 0.32rem;
    width: 8.36rem;
    height: 1.866rem;
}

.raintips-frame .raintips-content .middle-tips .text1 {
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 8.36rem;
    height: 0.93rem;
    line-height: 0.93rem;
    font-size: .373rem;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.raintips-frame .raintips-content .middle-tips .text2 {
    position: absolute;
    top: 0.83rem;
    left: 0;
    width: 8.36rem;
    height: 0.93rem;
    line-height: 0.93rem;
    text-align: center;
    font-size: .373rem;
    font-weight: 700;
    color: #000000;
}

.raintips-frame .raintips-content .middle-tips .text2-light {
    color: #018E00;
    font-size: .64rem;
}

.raintips-frame .time-frame {
    position: relative;
    margin-top: -0.5rem;
    left: 50%;
    margin-left: -3.5rem;
    width: 7rem;
    padding-bottom: 0.2rem;
    background: #FFEE00;
    border-radius: 0px 0px 0.44rem 0.44rem;
}

.raintips-frame .time-frame-title {
    position: relative;
    left: 0;
    width: 7rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: .426rem;
    text-align: center;
    font-weight: 700;
}

.rain-hdialog-content-item {
    position: absolute;
    top: 0;
    width: 3rem;
    height: 0.5rem;
    border-radius: 0.43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.32rem;
}

.rain-hdialog-content-item .item-img {
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.1rem;
}

.rain-rules-frame {
    position: relative;
    margin-top: 0.64rem;
    left: 0.32rem;
    width: 8.36rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rain-rules-leftline {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-right: 0.2rem;
}

.rain-rules-rightline {
    transform: scaleX(-1);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.rain-rules-tips {
    position: relative;
    width: 8.36rem;
    text-align: left;
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
    line-height: 0.5rem;
}

.raindresult-frame {
    width: 10rem;
    height: 12rem;
    top: 10rem;
}

.raindresult-frame .rain-result1 {
    position: absolute;
    top: 50%;
    margin-top: -4.44rem;
    left: 50%;
    width: 6.66rem;
    height: 8.88rem;
    margin-left: -3.33rem;
}

.raindresult-frame .rain-result1 .tips1 {
    position: absolute;
    top: 3.85rem;
    left: 0.5rem;
    width: 4.6rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips1-img {
    opacity: 0.65;
    position: absolute;
    top: 0.09rem;
    left: 0;
    width: 0.28rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips1-span {
    position: absolute;
    top: 0;
    left: 0.45rem;
    width: 5.5rem;
    font-size: .346rem;
    color: #000000;
    line-height: 0.48rem;
}

.raindresult-frame .rain-result1 .tips2 {
    position: absolute;
    top: 5rem;
    left: 0.5rem;
    width: 4.6rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips2-img {
    opacity: 0.65;
    position: absolute;
    top: 0.09rem;
    left: 0;
    width: 0.28rem;
    height: auto;
}

.raindresult-frame .rain-result1 .tips2-span {
    position: absolute;
    top: 0;
    left: 0.45rem;
    width: 5.5rem;
    font-size: .346rem;
    color: #000000;
    line-height: 0.5rem;
}

.raindresult-frame .rain-result1 .receive-btn {
    position: absolute;
    left: 0;
    bottom: 0.7rem;
    width: 6.66rem;
    height: 2.22rem;
}

.raindresult-frame .rain-result2 {
    position: absolute;
    top: 50%;
    margin-top: -4.44rem;
    left: 50%;
    width: 6.66rem;
    height: 8.88rem;
    margin-left: -3.33rem;
}

.raindresult-frame .rain-result2 .result-frame {
    position: absolute;
    top: 3.7rem;
    left: 0.5rem;
    width: 5.6rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.raindresult-frame .rain-result2 .result-frame .span1 {
    color: rgba(0, 0, 0, 0.65);
    font-size: .5rem;
    margin-right: 0.1rem;
}

.raindresult-frame .rain-result2 .result-frame .span2 {
    color: #018E00;
    font-size: 1.28rem;
    font-weight: 700;
}

.raindresult-frame .rain-result2 .result-timetitle {
    position: absolute;
    top: 5rem;
    left: 0rem;
    width: 6.66rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-size: .3rem;
    text-align: center;
}

.raindresult-frame .rain-result2 .result-time {
    position: absolute;
    top: 5.5rem;
    left: 0rem;
    width: 6.66rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .3rem;
    color: rgba(0, 0, 0, 0.65)
}

.raindresult-frame .rain-result2 .receive-btn {
    position: absolute;
    left: 0;
    bottom: 0.7rem;
    width: 6.66rem;
    height: 2.22rem;
}

.raindresult-frame .rain-close {
    position: absolute;
    top: 9rem;
    left: 50%;
    margin-left: -0.7rem;
    width: 1.4rem;
    height: 1.4rem;
}

.raindresult-frame .rain-close img {
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
}

.agency-topspace {
    position: -webkit-sticky;
    position: sticky;
    top: -2.3rem;
    height: 3.5rem;
    width: 10rem;
    background: transparent;
    z-index: 5;
}

.agency-topspace-banner {
    position: absolute;
    top: 0;
    width: 10rem;
}

.agency-menu-title {
    position: -webkit-sticky;
    position: sticky;
    top: 1.32rem;
    left: 0rem;
    width: 10rem;
    line-height: 0.9rem;
    font-size: .426rem;
    overflow-y: hidden;
    overflow-x: scroll;
    z-index: 6;
    background: rgba(3, 11, 32, 0.50);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1.5px solid #FFEE00;
}

.agency-menu-title .container {
    white-space: nowrap;
    display: inline-block;
}

.agency-menu-item-space {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0;
    top: 0;
    color: rgba(255, 255, 255, 0.85);
}

.agency-menu-item {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-menu-itemcur {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    border-radius: 0.22rem 0.22rem 0 0;
    color: #018E00;
    background: #FFEE00;
    font-weight: 700;
}

.agency-menu-item-title {
    position: relative;
    top: 0;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: unset !important;
}

.agency-menu-item-title .unread {
    position: absolute;
    top: 0.15rem;
    right: -0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background: #F12C4C;
    border: 0.5px solid rgba(255, 255, 255, 0.65);
}

.agency-tab1-linkframe {
    position: relative;
    margin-top: 0.55rem;
    left: 0;
    width: 10rem;
    height: 4.445rem;
    overflow: hidden;
}

.agency-tab1-linkframe .fbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agency-tab1-linkframe .link-title {
    position: relative;
    margin-top: 0.22rem;
    left: 1rem;
    font-size: .373rem;
    color: #FFFFFF;
    height: 0.62rem;
    line-height: 0.62rem;
    font-weight: 700;
}

.agency-tab1-linkframe .link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 1rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.agency-tab1-linkframe .link-value {
    position: absolute;
    top: 0;
    left: 0.4rem;
    width: 5.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.agency-tab1-linkframe .link-content-copy {
    position: absolute;
    right: 0.12rem;
    width: 1.78rem;
    height: 1.1rem;
    transition: transform 0.1s ease-in-out;
}

.agency-tab1-linkframe .link-content-copy .img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.agency-tab1-linkframe .link-content-copy:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.agency-tab1-linkframe .share-title {
    position: relative;
    left: 1rem;
    font-size: .346rem;
    color: #FFFFFF;
    height: 0.62rem;
    line-height: 0.62rem;
    margin-top: 0.1rem;
    text-align: center;
    width: 8rem;
}

.agency-tab1-linkframe .share-frame {
    position: relative;
    left: 0.8rem;
    margin-top: 0.1rem;
    width: 8.4rem;
    overflow: scroll hidden;
}

.agency-tab1-linkframe .share-container {
    white-space: nowrap;
    display: inline-block;
}

.agency-tab1-linkframe .share-item {
    position: relative;
    display: inline-block;
    height: 1.1rem;
    width: 1.1rem;
    top: 0;
    margin-right: 0.2rem;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}

.agency-tab1-linkframe .share-item .icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.33rem;
    height: 0.66rem;
    width: 0.66rem;
}

.agency-tab1-linkframe .share-item .title {
    position: absolute;
    top: 0.8rem;
    left: -0.1rem;
    width: 1.3rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .22rem;
}

.agency-tab1-tipsframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0;
    width: 10rem;
    height: 8.44rem;
}

.agency-tab1-tipsframe .fcontent {
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 8.44rem;
    background: #003200;
    border-radius: 0.22rem;
}

.agency-tab1-tipsframe .fcontent-title {
    position: absolute;
    top: 0.44rem;
    left: 0;
    width: 9rem;
    height: 0.6rem;
    font-size: .373rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    line-height: .533rem;
}

.agency-tab1-tipsframe .fcontent-bg {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    width: 9rem;
}

.agency-tab1-levelframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.55rem;
    width: 8.9rem;
    min-height: 0.88rem;
    border-radius: 0.44rem;
    background: #003200;
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding-bottom: 0.22rem;
    overflow: hidden;
}

.agency-tab1-levelframe .level-tab {
    position: relative;
    margin-top: 0.44rem;
    left: 0;
    width: 8.9rem;
    height: 1.12rem;
}

.agency-tab1-levelframe .level-tab .tab-left {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 3.93rem;
    height: 1.11rem;
    border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-left1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    padding-left: 0.44rem;
    left: 0.44rem;
    width: 7.58rem;
    height: 1.11rem;
    border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-right {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0.44rem;
    width: 3.93rem;
    height: 1.11rem;
    border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-icon {
    width: 0.44rem;
    height: 0.44rem;
    opacity: 0.45;
    margin-right: 0.1rem;
    filter: invert(100%);
}

.agency-tab1-levelframe .level-tab .tab-icon-selected {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    filter: invert(100%);
}

.agency-tab1-levelframe .level-tab .tab-normal {
    background-image: linear-gradient(105deg, #FFEE00 0%, #FFC800 100%);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
    color: #000000;
    font-size: .32rem;
    opacity: 0.5;
}

.agency-tab1-levelframe .level-tab .tab-selected {
    background-image: linear-gradient(105deg, #FFEE00 0%, #FFC800 100%);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);
    color: #000000;
    font-size: .32rem;
}

.agency-tab1-levelframe .level-rule {
    position: relative;
    margin-top: 0.22rem;
    left: 0.44rem;
    width: 8.02rem;
    min-height: 0.88rem;
    /* background: #FFFFFF; */
    border-radius: 0.22rem;
    overflow: hidden;
}

.agency-tab1-levelframe .level-rule .title-frame {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 0.88rem;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(70, 70, 70, 0.08);
    color: #FFFFFF;
    font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .title-frame .line1 {
    position: absolute;
    left: 1.25rem;
    width: 1px;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
}

.agency-tab1-levelframe .level-rule .title-frame .line2 {
    position: absolute;
    right: 2.5rem;
    width: 1px;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
}

.agency-tab1-levelframe .level-rule .value-frame1 {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 0.88rem;
    background: rgba(255, 255, 255, 0.02);
    box-shadow: inset 0px -1px 0px 0px rgba(70, 70, 70, 0.08);
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .value-frame2 {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 0.88rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .left-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    width: 1.25rem;
    height: 0.88rem;
}

.agency-tab1-levelframe .level-rule .middle-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 1.25rem;
    width: 4.27rem;
    height: 0.88rem;
}

.agency-tab1-levelframe .level-rule .right-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 0.88rem;
}

.agency-timemenu-title {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9.4rem;
    line-height: 0.9rem;
    font-size: .426rem;
    overflow-y: hidden;
    overflow-x: scroll;
    z-index: 3;
    /* background: rgba(36,18,46,0.75); */
}

.agency-timemenu-title .container {
    white-space: nowrap;
    display: inline-block;
}

.agency-timemenu-item {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    margin-right: .22rem;
    border-radius: 0.22rem;
    background: #003200;
    border: 1px solid #018E00;
    color: rgba(255, 255, 255, 0.85);
}

.agency-timemenu-itemcur {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    top: 0;
    margin-right: .22rem;
    border-radius: 0.22rem;
    background: #018E00;
    color: #FFEE00;
}

.agency-timemenu-item-title {
    position: relative;
    top: 0;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: unset !important;
}

.agency-tab2-timeframe {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.08);
}

.agency-tab2-timeframe .icon {
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.44rem;
    margin-right: 0.22rem;
    opacity: 0.45;
}

.agency-tab2-timeframe .span {
    font-size: .373rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab2-itemframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.05rem;
    overflow: hidden;
}

.agency-tab2-itemframe3 {
    height: 5.4rem !important;
}

.agency-tab2-itemframe .item3 {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 1.35rem;
}

.agency-tab2-itemframe .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agency-tab2-itemframe .item {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 1.333rem;
}

.agency-tab2-itemframe .item-title {
    position: absolute;
    left: 0.44rem;
    width: 100%;
    font-weight: 400;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.65);
}

.agency-tab2-itemframe .item-title-total {
    position: absolute;
    left: 0.44rem;
    width: 100%;
    font-weight: 700;
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab2-itemframe .item-value {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 0.44rem;
    width: 100%;
}

.agency-tab2-itemframe .item-value .value1 {
    font-size: .426rem;
    font-weight: 700;
    color: #FFFFFF;
}

.agency-tab2-itemframe .item-value .value2 {
    font-size: .32rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.45);
    margin-left: 0.12rem;
}

.agency-tab2-itemframe .item-value .value12 {
    font-size: .32rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.45);
}

.agency-tab2-itemframe .item-value .value22 {
    font-size: .426rem;
    font-weight: 700;
    color: #FFFFFF;
    margin-left: 0.12rem;
}

.agency-tab3-itemframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    height: 3.628rem;
    overflow: hidden;
}

.agency-tab3-itemframe-sin {
    height: 2.25rem !important;
}

.agency-tab3-itemframe .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agency-tab3-itemframe .time-frame {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    left: 1.2rem;
    width: 7.5rem;
    height: 0.95rem;
    font-size: .373rem;
    color: #FFFFFF;
    font-weight: 400;
}

.agency-tab3-itemframe .value1-frame {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.333rem;
}

.agency-tab3-itemframe .value2-frame {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.333rem;
}

.agency-tab3-itemframe .value-title {
    position: absolute;
    left: 0.44rem;
    width: 8rem;
    font-size: .373rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab3-itemframe .value-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 2.66rem;
    width: 4rem;
    height: 1.333rem;
}

.agency-tab3-itemframe .value-content .unit {
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.45);
    margin-right: 0.1rem;
}

.agency-tab3-itemframe .value-content .value {
    font-size: .426rem;
    color: #FFFFFF;
}

.agency-tab3-itemframe .value-btn {
    position: absolute;
    right: 0.22rem;
    width: 2.22rem;
    height: 1.11rem;
    transition: transform 0.2s ease-in-out;
}

.agency-tab3-itemframe .value-btn-ing {
    position: absolute;
    right: 0.22rem;
    width: 2.22rem;
    height: 1.11rem;
    opacity: 0.45;
}

.agency-tab3-itemframe .value-btn:active {
    opacity: 0.45;
    transform: scale(0.85);
}

.agency-tab3-itemframe .value-btn-disable {
    position: absolute;
    right: 0.22rem;
    width: 2.22rem;
    height: 1.11rem;
}

.agency-tab3-itemframe .value-btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agency-tab4-dayframe {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2rem;
    z-index: 2;
}

.agency-tab4-dayframe .day-frame {
    display: flex !important;
    align-items: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 9rem !important;
    height: 0.88rem !important;
    border-radius: 0.22rem !important;
    background: #003200 !important;
    transition: transform 0.2s ease-in-out !important;
    margin-top: unset !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.agency-tab4-dayframe .day-frame:active {
    opacity: 0.45 !important;
    transform: scale(0.85) !important;
}

.agency-tab4-dayframe .day-frame-value {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 7.7rem;
    height: 0.88rem;
    font-size: .373rem;
    color: #FFFFFF;
    font-weight: 700;
}

.agency-tab4-dayframe .day-frame-arrow {
    position: absolute;
    right: 0.11rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    filter: invert(100%);
}

.agency-tab4-dayframe .arrow-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.17rem;
    margin-left: -0.17rem;
    width: 0.34rem;
    height: 0.34rem;
}

.agency-tab4-dayframe .type-frame {
    display: flex;
    align-items: center;
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 9rem;
    height: 0.88rem;
    border-radius: 0.22rem;
    background: #003200;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.agency-tab4-dayframe .type-frame-pop {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.agency-popview {
    position: fixed;
    top: 0;
    left: 0;
    width: 10rem;
    height: 100vh;
    z-index: 2;
}

.agency-tab4-dayframe .type-frame-downmenu {
    position: absolute;
    top: 2.1rem;
    left: 0rem;
    width: 9rem;
    height: 1.76rem;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
    border-radius: 0.22rem;
    background: #004900;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem {
    position: relative;
    left: 0;
    width: 9rem;
    height: 0.88rem;
    font-size: .373rem;
    color: #FFFFFF;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem-span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 8.5rem;
    height: 0.88rem;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem-selected {
    background: #018E00;
    color: #FFFFFF;
}

.agency-tab4-dayframe .type-frame-value {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 7rem;
    height: 0.88rem;
    font-size: .373rem;
    color: #FFFFFF;
    font-weight: 700;
}

.agency-tab4-dayframe .type-frame-arrow {
    position: absolute;
    right: 0.11rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    filter: invert(100%);
}

.agency-tab4-dayframe .type-frame-arrowup {
    position: absolute;
    right: 0.11rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
}

.agency-tab4-sumframe {
    position: relative;
    margin-top: 0.44rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.222rem;
}

.agency-tab4-sumframe .type-bg {
    position: absolute;
    top: -0.3rem;
    left: -0.5rem;
    width: 10rem;
}

.agency-tab4-sumframe .value-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 1.166rem;
    color: #FFFFFF;
    font-size: .533rem;
    font-weight: 700;
}

.agency-tab4-sumframe .value-top3 {
    color: #000000 !important;
}

.agency-tab4-sumframe .value-top .unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}

.agency-tab4-sumframe .value-top .unit3 {
    color: rgba(0, 0, 0, 0.45) !important;
}

.agency-tab4-sumframe .value-bottom {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    word-break: break-all;
    position: relative;
    left: 5%;
    width: 90%;
    height: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .29rem;
    line-height: .32rem;
    text-align: center;
}

.agency-tab4-sumframe .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 2.222rem;
    border-radius: 0.22rem;
    /* background: #0077BB; */
}

.agency-tab4-sumframe .middle {
    position: absolute;
    top: 0;
    left: 4.18rem;
    width: 1.777rem;
    height: 2.222rem;
    border-radius: 0.22rem;
    /* background: #00AABB; */
}

.agency-tab4-sumframe .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.888rem;
    height: 2.222rem;
    border-radius: 0.22rem;
    /* background: #E05E00; */
}

.agency-tab4-userframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    min-height: 1.34rem;
    border-radius: 0.22rem;
    /* background: #FFFFFF; */
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.agency-tab4-userframe .title-frame {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
    font-size: .33rem;
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .title-frame-line {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    position: absolute;
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.agency-tab4-userframe .title-frame-line11 {
    left: 3.14rem;
}

.agency-tab4-userframe .title-frame-line12 {
    right: 2.64rem;
}

.agency-tab4-userframe .title-frame-title11 {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    position: absolute;
    left: 0;
    width: 3.14rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title114 {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    position: absolute;
    left: 0.2rem;
    width: 2.8rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title12 {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    position: absolute;
    left: 3.14rem;
    width: 3.22rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title13 {
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    position: absolute;
    right: 0;
    width: 2.64rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .user-value11 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    left: 0;
    width: 3.14rem;
    height: 1.34rem;
}

.agency-tab4-userframe .user-value11-icon {
    position: relative;
    width: 0.66rem;
    height: 0.66rem;
    margin-left: 0.3rem;
    border-radius: 0.22rem;
}

.agency-tab4-userframe .user-value11-account {
    top: 0.05rem;
    margin-left: 0.15rem;
    position: relative;
    width: 2rem;
    height: 0.84rem;
}

.agency-tab4-userframe .user-value11-account .user-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .user-value11-account .user-id {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .26rem;
    color: rgba(255, 255, 255, 0.45);
}

.agency-tab4-userframe .user-value12 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 3.14rem;
    width: 3.22rem;
    height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .user-value13 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    width: 2.64rem;
    height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-line21 {
    left: 3.14rem;
}

.agency-tab4-userframe .title-frame-line22 {
    left: 5.36rem;
}

.agency-tab4-userframe .title-frame-line23 {
    left: 6.86rem;
}

.agency-tab4-userframe .title-frame-title21 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    width: 3.14rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title22 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 3.14rem;
    width: 2.22rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title23 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 5.36rem;
    width: 1.5rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .title-frame-title24 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    width: 2.14rem;
    height: 1.34rem;
    font-size: .346rem;
    line-height: .426rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .user-value21 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    left: 0;
    width: 3.14rem;
    height: 1.34rem;
}

.agency-tab4-userframe .user-value21-icon {
    position: relative;
    width: 0.66rem;
    height: 0.66rem;
    margin-left: 0.3rem;
    border-radius: 0.22rem;
}

.agency-tab4-userframe .user-value21-account {
    top: 0.05rem;
    margin-left: 0.15rem;
    position: relative;
    width: 2rem;
    height: 0.84rem;
}

.agency-tab4-userframe .user-value21-account .user-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .user-value21-account .user-id {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .26rem;
    color: rgba(0, 0, 0, 0.65);
}

.agency-tab4-userframe .user-value22 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 3.14rem;
    width: 2.22rem;
    height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .user-value23 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 5.36rem;
    width: 1.5rem;
    height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab4-userframe .user-value24 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    right: 0;
    width: 2.14rem;
    height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab4-userframe .user-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
}

.agency-tab4-userframe .item-frame1 {
    background: rgba(255, 255, 255, 0.04);
}

.agency-tab4-userframe .item-frame2 {
    background: rgba(255, 255, 255, 0.08);
}

.agency-tab5-faqframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    min-height: 0.88rem;
    padding-top: 0.44rem;
    padding-bottom: 0.44rem;
    overflow: hidden;
    border-radius: 0.22rem;
    background: #003200;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.agency-tab5-faqframe2 {
    padding-top: 0 !important;
}

.agency-tab5-faqframe .title-frame {
    position: relative;
    left: 0.44rem;
    width: 8.12rem;
    font-size: .426rem;
    line-height: .64rem;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
}

.agency-tab5-faqframe .title1-frame {
    position: relative;
    left: 0.44rem;
    width: 8.12rem;
    font-size: .373rem;
    color: #FFFFFF;
    text-align: center;
    line-height: .533rem;
}

.agency-tab5-faqframe .title2-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.76rem;
    font-size: .533rem;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.15);
}

.agency-tab5-faqframe .space-frame {
    position: relative;
    left: 0.44rem;
    width: 8.12rem;
    height: 0.22rem;
}

.agency-tab5-faqframe .bright-text {
    color: #6ADB36;
}

.agency-tab5-faqframe .bright-text11 {
    color: #6ADB36;
}

.agency-tab5-faqframe .bright-text4 {
    margin-left: 2px;
}

.agency-tab5-faqframe .bright-text1 {
    color: #6ADB36;
    font-weight: 700;
}

.agency-tab5-faqframe .tips-frame {
    position: relative;
    left: 0.44rem;
    width: 8.12rem;
    font-size: .32rem;
    line-height: .533rem;
    color: rgba(255, 255, 255, 0.85);
}

.agency-tab5-faqframe .tips-bg {
    position: relative;
    left: 0;
    width: 9rem;
    height: 6.75rem;
}

.agency-tab5-faqframe .tips1-frame {
    position: relative;
    margin-top: 0.44rem;
    left: 0.44rem;
    width: 8.12rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips1-frame .tips1-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.22rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips1-frame .tips1-text1 {
    position: absolute;
    top: 0.1rem;
    left: 2.44rem;
    width: 5.5rem;
    font-size: .373rem;
    line-height: .533rem;
    color: rgba(255, 255, 255, 0.65);
}

.agency-tab5-faqframe .tips1-frame .tips1-text13 {
    position: absolute;
    top: 0.6rem;
    left: 2.44rem;
    width: 4.5rem;
    font-size: .426rem;
    line-height: .533rem;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
}

.agency-tab5-faqframe .tips1-frame .tips1-text2 {
    position: absolute;
    bottom: 0.25rem;
    left: 2.44rem;
    width: 5.5rem;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.65);
}

.agency-tab5-faqframe .tips2-frame {
    position: relative;
    margin-top: 0.44rem;
    left: 0.44rem;
    width: 8.12rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 8.12rem;
    height: 0.55rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 8.12rem;
    height: 0.55rem;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: .32rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    left: 0;
    width: 8.4rem;
    height: 0.55rem;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: .32rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item31 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 8.12rem;
    height: 0.66rem;
    text-align: center;
    color: #FF681B;
    font-weight: 700;
    font-size: .533rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item-left {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: .3rem;
    color: #FFFFFF;
    text-align: left;
}

.agency-tab5-faqframe .tips2-frame .tips2-item-right {
    position: absolute;
    right: 0;
    width: 100%;
    font-size: .373rem;
    color: #6ADB36;
    text-align: right;
}

.agency-tab5-faqframe .tips3-frame {
    position: relative;
    margin-top: 0.44rem;
    left: 0.44rem;
    width: 8.12rem;
    height: 3.48rem;
}

.agency-tab5-faqframe .tips3-avatar-frame {
    position: relative;
    left: 0.44rem;
    width: 8.12rem;
    height: 2.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agency-tab5-faqframe .tips3-avatar-frame-icon {
    width: 2.22rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame3 {
    margin-top: 0.3rem !important;
    height: 3.2rem !important;
}

.agency-tab5-faqframe .tips3-frame4 {
    margin-top: 0.1rem !important;
    height: 2.8rem !important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text1 {
    position: absolute;
    top: 0.6rem;
    left: -0.8rem;
    width: 4rem;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(-45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text14 {
    position: absolute;
    top: 1.9rem;
    left: -1rem;
    width: 4rem;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text2 {
    position: absolute;
    top: 1.86rem;
    left: 0.4rem;
    width: 4rem;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(-45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text3 {
    position: absolute;
    top: 2.6rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text34 {
    top: 2.3rem !important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text341 {
    top: 0rem !important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text4 {
    position: absolute;
    top: 1.86rem;
    right: 0.4rem;
    width: 4rem;
    font-size: .26rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text5 {
    position: absolute;
    top: 0.6rem;
    right: -0.8rem;
    width: 4rem;
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text54 {
    position: absolute;
    top: 1.9rem;
    right: -1rem;
    width: 4rem;
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(-45deg);
    line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow1 {
    position: absolute;
    top: 0.44rem;
    left: 1.05rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow14 {
    position: absolute;
    top: 0.2rem;
    right: 1.05rem;
    width: 1.78rem;
    height: 2.22rem;
    transform: rotate(180deg);
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow2 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow24 {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 2.22rem;
    transform: rotate(180deg);
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow3 {
    position: absolute;
    top: 0.44rem;
    right: 1.05rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow34 {
    position: absolute;
    top: 0.2rem;
    left: 1.05rem;
    width: 1.78rem;
    height: 2.22rem;
    transform: rotate(180deg);
}

.agency-tab5-faqframe .tips4-frame {
    position: relative;
    margin-top: 0;
    left: 0.44rem;
    width: 8.12rem;
    height: 5.55rem;
}

.agency-tab5-faqframe .tips4-frame3 {
    height: 5rem !important;
}

.agency-tab5-faqframe .tips4-frame .tips4-item {
    position: absolute;
    top: 0;
    width: 2.5rem;
    height: 5.55rem;
    background: #FFEE00;
    border-radius: 0.22rem;
    overflow: hidden;
}

.agency-tab5-faqframe .tips4-frame .tips4-item3 {
    height: 5rem !important;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-avatar {
    position: absolute;
    top: 0.22rem;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 1.78rem;
    overflow: hidden;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-info {
    position: absolute;
    top: 2.3rem;
    left: 50%;
    margin-left: -1.14rem;
    width: 2.28rem;
    height: 1.78rem;
    overflow: hidden;
    font-size: .32rem;
    line-height: .426rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom {
    position: absolute;
    bottom: 0;
    width: 2.5rem;
    height: 1.33rem;
    background: #FFC800;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom .text1 {
    position: absolute;
    top: 0.3rem;
    width: 100%;
    font-size: .29rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom .text2 {
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
    font-size: .373rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-1 {
    left: 0;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-2 {
    left: 50%;
    margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-3 {
    right: 0;
}

.agency-tab5-faqframe .tips5-frame {
    position: relative;
    margin-top: 0;
    left: 0.44rem;
    width: 8.12rem;
    height: 4rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow1 {
    position: absolute;
    top: 0.2rem;
    left: 0.38rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow2 {
    position: absolute;
    top: 0.2rem;
    left: 2.2rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow3 {
    position: absolute;
    top: 0.2rem;
    right: 0.38rem;
    width: 1.78rem;
    height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item {
    position: absolute;
    top: 2.5rem;
    width: 2.5rem;
    height: 1.34rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item .text1 {
    position: absolute;
    top: 0;
    width: 2.5rem;
    height: 0.67rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .27rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item .text2 {
    position: absolute;
    top: 0.7rem;
    width: 2.5rem;
    height: 0.67rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .27rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-1 {
    left: 0;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-2 {
    left: 50%;
    margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-3 {
    right: 0;
}

.agency-tab5-faqframe .tips6-frame {
    position: relative;
    margin-top: 0;
    left: 0.44rem;
    width: 8.12rem;
    height: 5.55rem;
}

.agency-tab5-faqframe .tips6-frame4 {
    height: 5rem !important;
}

.agency-tab5-faqframe .tips7-frame {
    position: relative;
    margin-top: 0.33rem;
    left: 0.44rem;
    width: 8.12rem;
}

.agency-tab5-faqframe .tips7-frame .ftitle {
    position: relative;
    margin-top: 0.22rem;
    left: 0;
    width: 8.12rem;
    font-size: .373rem;
    line-height: .533rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.agency-tab5-faqframe .tips7-frame .fcontent {
    position: relative;
    left: 0;
    width: 8.12rem;
    font-size: .32rem;
    line-height: .533rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

.agency-tab5-faqframe .tips6-frame .tips6-item {
    position: absolute;
    top: 0;
    width: 2.5rem;
    height: 5.55rem;
    background: #009B36;
    border-radius: 0.22rem;
    overflow: hidden;
}

.agency-tab5-faqframe .tips6-frame .tips6-item4 {
    height: 5rem !important;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-avatar {
    position: absolute;
    top: 0.22rem;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 1.78rem;
    overflow: hidden;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-info {
    position: absolute;
    top: 2.3rem;
    left: 50%;
    margin-left: -1.14rem;
    width: 2.28rem;
    height: 1.78rem;
    overflow: hidden;
    font-size: .32rem;
    line-height: .426rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom {
    position: absolute;
    bottom: 0;
    width: 2.5rem;
    height: 1.33rem;
    background: #6ADB36;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom .text1 {
    position: absolute;
    top: 0.3rem;
    width: 100%;
    font-size: .29rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom .text2 {
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
    font-size: .373rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-1 {
    left: 0;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-2 {
    left: 50%;
    margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-3 {
    right: 0;
}

.supermember-page-frame {
    position: relative;
    left: 0rem;
    width: 10rem;
}

.supermember-page-frame .top-icon {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.5rem;
}

.supermember-page-frame .top-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 9rem;
    height: auto;
}

.supermember-page-frame .top-day {
    position: relative;
    margin-top: -1.1rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.5rem;
    z-index: 2;
}

.supermember-page-frame .top-day-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 9rem;
}

.supermember-page-frame .top-day .day1 {
    position: absolute;
    top: 0.4rem;
    left: 2.26rem;
    width: 2rem;
    height: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFEE00;
    font-size: .32rem;
}

.supermember-page-frame .top-day .day2 {
    position: absolute;
    top: 0.4rem;
    left: 4.36rem;
    width: 2rem;
    height: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFEE00;
    font-size: .32rem;
}

.supermember-page-frame .top-day .day3 {
    position: absolute;
    top: 0.4rem;
    left: 6.54rem;
    width: 2rem;
    height: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFEE00;
    font-size: .32rem;
}

.supermember-page-frame .top-content1 {
    position: absolute;
    top: 1.3rem;
    left: 0.5rem;
    width: 8rem;
    height: 2rem;
}

.supermember-page-frame .top-content-item1 {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 8rem;
    height: 0.7rem;
    display: flex;
    align-items: center;
}

.supermember-page-frame .top-content-item2 {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 8rem;
    height: 0.7rem;
    display: flex;
    align-items: center;
}

.supermember-page-frame .top-content-item3 {
    position: absolute;
    top: 1.9rem;
    left: 0;
    width: 8rem;
    height: 0.7rem;
    display: flex;
    align-items: center;
}

.supermember-page-frame .top-content-itemicon {
    position: absolute;
    left: 0.2rem;
    width: 0.44rem;
    height: 0.44rem;
}

.supermember-page-frame .top-content-itemtitle {
    position: absolute;
    left: 0.8rem;
    width: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .3rem;
    color: rgba(0, 0, 0, 0.65);
    line-height: .3rem;
}

.supermember-page-frame .top-content-itemline {
    position: absolute;
    left: 2.5rem;
    width: 3.3rem;
    height: .12rem;
    border-radius: 0.12rem;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.supermember-page-frame .top-content-itemline2 {
    position: relative;
    width: 50%;
    height: 0.12rem;
    border-radius: 0.12rem;
    background: #BB0086;
}

.supermember-page-frame .top-content-itemline2point {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 0.12rem;
    background: rgba(255, 255, 255, 1);
}

.supermember-page-frame .top-content-curdiv {
    position: absolute;
    left: 6.2rem;
    width: 1.7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.65);
}

.supermember-page-frame .top-content-curvalue {
    margin-left: 0.1rem;
    font-size: .373rem;
    font-weight: 700;
    color: #78340F;
}

.supermember-page-frame .top-content-curunit {
    margin-left: 0.1rem;
}

.supermember-page-frame .top-content2 {
    position: absolute;
    top: 1.35rem;
    left: 0.5rem;
    width: 8rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.supermember-page-frame .top-content-title {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.5rem;
    width: 9rem;
    height: 0.675rem;
}

.supermember-page-frame .top-content-dui {
    width: 1.34rem;
    height: 1.34rem;
    margin-right: 0.1rem;
}

.supermember-page-frame .top-content-tips {
    width: 6.33rem;
    height: 2rem;
    font-size: .3rem;
    line-height: .373rem;
    color: #78340F;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.supermember-page-frame .slot-frame {
    position: relative;
    margin-top: -1.3rem;
    left: 0;
    width: 10rem;
    height: 12.05rem;
}

.supermember-page-frame .slot-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.supermember-page-frame .slot-frame-light {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.supermember-page-frame .slot-frame-opt {
    position: absolute;
    top: 7.25rem;
    left: 0.9rem;
    width: 8.2rem;
    height: 1.56rem;
}

.supermember-page-frame .slot-frame-opt .btn-slot {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.8rem;
    height: 1.56rem;
    transition: transform 0.2s ease-in-out;
}

.supermember-page-frame .slot-frame-opt .btn-slot-disable {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.8rem;
    height: 1.56rem;
}

.supermember-page-frame .slot-frame-opt .btn-slot:active {
    opacity: 0.45;
    transform: scale(0.85);
}

.supermember-page-frame .btn-slot-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.supermember-page-frame .slot-frame-opt .btn-rank {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.342rem;
    height: 1.56rem;
    transition: transform 0.2s ease-in-out;
}

.supermember-page-frame .slot-frame-opt .btn-rank:active {
    opacity: 0.45;
    transform: scale(0.85);
}

.supermember-dialog-content {
    width: 10rem;
    height: 8.6rem;
    display: flex;
}

.supermember-dialog-content-tips {
    position: absolute;
    left: 50%;
    border-radius: 0.66rem;
    width: 8.3rem;
    margin-left: -4.15rem;
    height: 8.6rem;
    top: 0px;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.supermember-dialog-content-tips .tips-icon {
    position: relative;
    margin-top: 1rem;
    left: 50%;
    margin-left: -0.66rem;
    width: 1.32rem;
    height: 1.32rem;
}

.supermember-dialog-content-tips .tips-title {
    position: relative;
    margin-top: 0.5rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    line-height: 0.48rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: .373rem;
    font-weight: 400;
}

.supermember-dialog-content-tips .tips-day {
    position: relative;
    margin-top: 0.1rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    line-height: 0.48rem;
    text-align: center;
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 400;
}

.supermember-dialog-content-tips .tips-text {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    line-height: 0.5rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .373rem;
    font-weight: 400;
}

.supermember-dialog-content .btnframe {
    position: relative;
    margin-top: 1rem;
    left: 50%;
    margin-left: -4.2rem;
    width: 8.4rem;
    height: 1.12rem;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: .373rem;
}

.supermember-dialog-content .alertdialog-btn {
    position: absolute;
    height: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    width: 3.36rem;
    left: 50%;
    margin-left: -1.68rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
}

.supermember-dialog-content .alertdialog-btn:active {
    transform: scale(0.8);
}

.supermember-rank-frame {
    width: 10rem;
    height: 14.4rem;
    display: flex;
}

.supermember-rank-content {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 8.3rem;
    margin-left: -4.15rem;
    height: 14.386rem;
}

.supermember-rank-content .rank-bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

.supermember-rank-content .day-frame {
    position: absolute !important;
    top: 2.1rem !important;
    left: 0 !important;
    width: 100% !important;
    height: 0.7rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #BB0086 !important;
    font-size: .533rem !important;
    font-weight: 700 !important;
    margin-top: unset !important;
    overflow: unset !important;
}

.supermember-rank-content .close-frame {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.supermember-rank-content .close-frame img {
    width: 0.66rem;
    height: 0.66rem;
    ;
}

.supermember-rank-content .rank1-frame {
    position: absolute;
    top: 5.2rem;
    left: 50%;
    margin-left: -1rem;
    width: 2rem;
    height: 3.12rem;
}

.supermember-rank-content .rank2-frame {
    position: absolute;
    top: 5.7rem;
    left: 0.75rem;
    width: 2rem;
    height: 3.12rem;
}

.supermember-rank-content .rank3-frame {
    position: absolute;
    top: 5.7rem;
    right: 0.75rem;
    width: 2rem;
    height: 3.12rem;
}

.supermember-rank-content .rank-frame-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.supermember-rank-content .rank-frame-topicon {
    position: absolute;
    top: -0.4rem;
    left: 50%;
    margin-left: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
}

.supermember-rank-content .rank-frame-avatar {
    position: absolute;
    top: 0.15rem;
    left: 50%;
    margin-left: -0.44rem;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.5rem;
}

.supermember-rank-content .rank-frame-phone {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 1.15rem;
    width: 100%;
    height: 0.44rem;
    font-size: .27rem;
    color: rgba(0, 0, 0, 0.45);
}

.supermember-rank-content .rank-frame-bonustitle {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 1.65rem;
    width: 100%;
    height: 0.44rem;
    font-size: .28rem;
    color: rgba(0, 0, 0, 0.45);
}

.supermember-rank-content .rank-frame-bonusvalue {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2rem;
    width: 100%;
    height: 0.5rem;
}

.supermember-rank-content .rank-frame-bonusvalue .unit {
    font-size: .28rem;
    color: rgba(0, 0, 0, 0.85);
}

.supermember-rank-content .rank-frame-bonusvalue .value {
    font-size: .346rem;
    color: #BB0086;
    font-weight: 700;
}

.supermember-rank-content .rank-other-frame {
    position: absolute;
    top: 8.9rem;
    left: 50%;
    margin-left: -3.33rem;
    width: 6.66rem;
    height: 5.2rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.supermember-rank-content .rank-other-frame .rank-item {
    position: relative;
    margin-top: 0.1rem;
    width: 6.66rem;
    height: 0.666rem;
    display: flex;
    align-items: center;
}

.supermember-rank-content .rank-other-frame .rank-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.supermember-rank-content .rank-other-frame .rank-num {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 1rem;
    height: 100%;
    font-size: .373rem;
    color: #BB0086;
    font-weight: 700;
}

.supermember-rank-content .rank-other-frame .rank-avatar {
    position: absolute;
    left: 1rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.5rem;
}

.supermember-rank-content .rank-other-frame .rank-name {
    position: absolute;
    left: 1.75rem;
    width: 3rem;
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.45);
}

.supermember-rank-content .rank-other-frame .rank-bonus {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    right: 0.5rem;
    width: 5rem;
}

.supermember-rank-content .rank-other-frame .rank-bonus-unit {
    font-size: .26rem;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
    margin-right: 0.1rem;
}

.supermember-rank-content .rank-other-frame .rank-bonus-value {
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 400;
}

.supermember-result-frame {
    width: 10rem;
    height: 11rem;
    margin-top: 20%;
}

.supermember-result-content {
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -5rem;
    width: 10rem;
    height: 10rem;
}

.supermember-result-content .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.supermember-result-content .day-frame {
    position: absolute !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    top: 2.9rem !important;
    left: 0 !important;
    width: 10rem !important;
    height: 0.7rem !important;
    font-size: .533rem !important;
    color: #BB0086 !important;
    font-weight: 700 !important;
    margin-top: unset !important;
}

.supermember-result-content .bonus-frame {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4.8rem;
    left: 0;
    width: 10rem;
    height: 1.4rem;
}

.supermember-result-content .bonus-frame-unit {
    color: #FFEE00;
    font-weight: 700;
    font-size: .533rem;
    margin-right: 0.1rem;
}

.supermember-result-content .bonus-frame-value {
    color: #FFEE00;
    font-weight: 700;
    font-size: 1.28rem;
}

.supermember-result-content .dialog-btn {
    position: absolute;
    top: 8rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    width: 3.33rem;
    left: 50%;
    margin-left: -1.665rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    color: #000000;
    font-size: .373rem;
}

.supermember-result-content .dialog-btn:active {
    opacity: 0.5;
    transform: scale(0.85);
}

.slot-machine-frame {
    /* position: absolute;
  top: 4.3rem;
  left: 2rem;
  width: 6.4rem;
  height: 2.2rem;
  display: flex;
  overflow: hidden; */
    position: absolute;
    top: 4.8rem;
    left: 2rem;
    width: 6.4rem;
    height: 1.2rem;
    display: flex;
    overflow: hidden;
}

.slot-machine-topframe {
    position: absolute;
    top: 4.1rem;
    left: 1.8rem;
    width: 6.4rem;
    height: 1.1rem;
    overflow: hidden;
}

.slot-machine-topframe .ttbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1rem;
}

.slot-machine-bottomframe {
    position: absolute;
    top: 5.5rem;
    left: 1.8rem;
    width: 6.4rem;
    height: 1.1rem;
    overflow: hidden;
}

.slot-machine-bottomframe .ttbg {
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    width: 1.1rem;
}

.slot-machine {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0.1rem;
    left: 0.05rem;
    width: 1rem;
    height: 2.2rem;
    overflow: hidden;
    /* border: 2px solid #333;
  background-color: #fff; */
}

.slot {
    display: flex;
    flex-direction: column;
}

.slot-number {
    font-size: 1.1rem;
    font-weight: 700;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 1s ease-out;
}

.spin {
    /* transition: transform 3s cubic-bezier(0.33, 1, 0.68, 1);  */
    transition: transform 3s ease-out;
    /* 控制转动时间 */
}

.gift-tips-white {
    color: rgba(255, 255, 255, 1) !important;
}

.gift-tips-black {
    text-align: left;
    white-space: pre-wrap;
    color: rgba(255, 255, 255, 1);
}

.sdrebate-item {
    position: relative;
    margin-bottom: 0.3rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.7rem;
}

.sdrebate-item .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sdrebate-item .item-logo {
    position: absolute;
    top: 0.22rem;
    left: 0.22rem;
    width: 1.11rem;
    height: 1.11rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdrebate-item .item-logo-img {
    width: 0.66rem;
    height: 0.66rem;
}

.sdrebate-item .item-left-text {
    position: absolute;
    top: 0.22rem;
    left: 1.56rem;
    width: 5rem;
    height: 1.11rem;
}

.sdrebate-item .item-light-text {
    color: #FFFFFF;
    margin-left: 0.1rem;
}

.sdrebate-item .item-left-text-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    height: 0.55rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdrebate-item .item-left-text-bottom {
    position: absolute;
    top: 0.55rem;
    left: 0;
    width: 5rem;
    height: 0.55rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}

.sdrebate-item .btn-claim {
    position: absolute;
    top: 0.33rem;
    right: 0.33rem;
    width: 2rem;
    height: 0.89rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.sdrebate-item .btn-claim:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.sdrebate-item .btn-claim-img {
    width: 100%;
}

.sdrebate-item .reward-text {
    position: absolute;
    top: 0.33rem;
    right: 2.56rem;
    width: 2.5rem;
    height: 0.89rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sdrebate-item .reward-text-unit {
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.sdrebate-item .reward-text-value {
    color: #FFEE00;
    font-weight: .533rem;
    font-weight: 700;
}

.sdrebate-item .bottom-percent {
    position: absolute;
    bottom: 0.2rem;
    left: 0.22rem;
    width: 8.45rem;
    height: 1rem;
}

.sdrebate-item .bottom-percent .right-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.2rem;
    height: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.sdrebate-item .bottom-percent .right-arrow:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.sdrebate-item .bottom-percent .right-arrow-title {
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
}

.sdrebate-item .bottom-percent .right-arrow-icon {
    margin-left: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.sdrebate-item .bottom-percent .line-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.11rem;
    height: 0.35rem;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.sdrebate-item .bottom-percent .line-text-start {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: .28rem;
}

.sdrebate-item .bottom-percent .line-text-end {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    font-size: .28rem;
}

.sdrebate-item .bottom-percent .line-total {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 6.11rem;
    height: 0.22rem;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.sdrebate-item .bottom-percent .line-current {
    position: relative;
    width: 0%;
    height: 100%;
    background: #6ADB36;
    border-radius: 0.2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sdrebate-item .bottom-percent .line-current-point {
    background: #FFFFFF;
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 0.2rem;
}

.hdialog-rewardrule-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
    font-size: 0.426rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-rewardrule-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.hdialog-glmenu-frame {
    position: relative;
    margin-top: 0.5;
    left: 0.5rem;
    width: 9.5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    font-size: .373rem;
    overflow-y: hidden;
    overflow-x: scroll;
    z-index: 3;
    margin-bottom: 0.5rem;
}

.hdialog-glmenu-frame .menu-container {
    white-space: nowrap;
    display: inline-block;
}

.hdialog-glmenu-frame .menu-itemcur {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 1.11rem;
    line-height: 1.11rem;
    top: 0;
    background: #018E00;
    color: #FFEE00;
    font-size: .373rem;
    border-radius: 0.22rem;
    margin-right: 0.22rem;
}

.hdialog-glmenu-frame .menu-item {
    position: relative;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    height: 1.11rem;
    line-height: 1.11rem;
    top: 0;
    background: #003200;
    border: 1px solid #018E00;
    color: #FFFFFF;
    font-size: .373rem;
    border-radius: 0.22rem;
    margin-right: 0.22rem;
}

.hdialog-glmenu-frame .menu-item-frame {
    position: relative;
    top: 0;
    width: 100%;
    height: 1.11rem;
    line-height: 1.11rem;
    text-align: center;
    font-size: .373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-glmenu-frame .menu-item-frame-icon {
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-glmenu-frame .menu-item-frame-name {
    margin-left: 0.2rem;
}

.hdialog-glmenu-content {
    position: relative;
    top: 0.5rem;
    left: 0;
    width: 10rem;
    max-height: 80vh;
    overflow: scroll;
}

.hdialog-glmenu-frame-title-item {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .3rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.hdialog-glmenu-frame-title-item .line1 {
    position: absolute;
    top: 50%;
    left: 2.22rem;
    width: 1px;
    height: 0.56rem;
    margin-top: -0.28rem;
    background: rgba(255, 255, 255, 0.15);
}

.hdialog-glmenu-frame-title-item .line2 {
    position: absolute;
    top: 50%;
    right: 3rem;
    width: 1px;
    height: 0.56rem;
    margin-top: -0.28rem;
    background: rgba(255, 255, 255, 0.15);
}

.hdialog-glmenu-frame-title-item .title1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.22rem;
    height: 100%;
    text-align: center;
}

.hdialog-glmenu-frame-title-item .title2 {
    position: absolute;
    top: 0;
    left: 2.22rem;
    width: 3.78rem;
    height: 100%;
    text-align: center;
}

.hdialog-glmenu-frame-title-item .title3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    text-align: center;
}

.hdialog-glmenu-content .content-item1 {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    text-align: center;
}

.hdialog-glmenu-content .content-item2 {
    background: transparent;
}

.hdialog-glmenu-content .content-item1 .item-value1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2.22rem;
}

.hdialog-glmenu-content .content-item1 .item-value2 {
    position: absolute;
    top: 0;
    left: 2.22rem;
    height: 100%;
    width: 3.78rem;
}

.hdialog-glmenu-content .content-item1 .item-value3 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3rem;
}

.hddialog-fapp-frame {
    width: 10rem;
    ;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.hddialog-fapp-container {
    position: relative;
    height: 13.28rem;
    width: 10rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.hddialog-fapp-container .hddialog-fapp-content {
    position: relative;
    width: 8.34rem;
    height: 13.28rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame {
    position: absolute;
    top: 4.11rem;
    width: 6.22rem;
    height: 4.5rem;
    overflow: hidden;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-text {
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    left: 50%;
    margin-left: -2.78rem;
    width: 5.56rem;
    height: 4rem;
    text-align: center;
    color: #000000;
    font-size: .373rem;
    line-height: .48rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame {
    position: absolute;
    top: 8.94rem;
    width: 6.22rem;
    height: 0.88rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.25);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-title {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-icon {
    margin-left: 0.12rem;
    width: 0.66rem;
    height: 0.66rem;
    border: 0.5px solid rgba(255, 255, 255, 0.45);
    border-radius: 0.5rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-value {
    margin-left: 0.12rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: 700;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame {
    position: absolute;
    top: 10.26rem;
    width: 6.22rem;
    height: 1.11rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(100deg, #FFEE00 0%, #FFC800 100%);
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-text {
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-icon {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.2rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs-icon {
    width: 0.4rem;
    height: 0.4rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close-icon {
    width: 0.66rem;
    height: 0.66rem;
}

.flrebate-top-banner {
    position: absolute;
    top: 1.326rem;
    left: 0;
    width: 10rem;
}

.flrebate-item {
    position: relative;
    margin-bottom: 0.3rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.5rem;
}

.flrebate-item .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.flrebate-item .item-topframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flrebate-item .item-topframe-title1 {
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
    margin-right: 0.1rem;
}

.flrebate-item .item-topframe-value1 {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
    margin-right: 0.3rem;
}

.flrebate-item .item-topframe-title2 {
    margin-left: 0.3rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
}

.flrebate-item .item-topframe-value2 {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
    margin-left: 0.1rem;
}

.flrebate-item .item-topframe-line {
    width: 0.5px;
    height: 0.6rem;
    background: rgba(255, 255, 255, 0.15);
    ;
}

.flrebate-item .item-middleframe {
    position: absolute;
    top: 1.44rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 1.33rem;
    border-radius: 0.22rem;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
}

.flrebate-item .item-middleframe-icon {
    position: absolute;
    left: 0.33rem;
    width: 0.88rem;
    height: 0.88rem;
}

.flrebate-item .item-middleframe-value {
    position: absolute;
    left: 1.55rem;
    width: 5rem;
    height: 1.33rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flrebate-item .item-middleframe-value .value-unit {
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.flrebate-item .item-middleframe-value .value-text {
    color: #FFEE00;
    font-size: .64rem;
    font-weight: 700;
}

.flrebate-item .item-middleframe-btn {
    position: absolute;
    right: 0.1rem;
    width: 2.22rem;
    height: 1.11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.flrebate-item .item-middleframe-btn:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.flrebate-item .item-middleframe-btn-bg {
    width: 100%;
}

.flrebate-item .bottom-percent {
    position: absolute;
    bottom: 0.4rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.22rem;
}

.flrebate-item .bottom-percent .right-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.2rem;
    height: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.flrebate-item .bottom-percent .right-arrow:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.flrebate-item .bottom-percent .right-arrow-title {
    color: rgba(255, 255, 255, 0.85);
    font-size: .3rem;
}

.flrebate-item .bottom-percent .right-arrow-icon {
    margin-left: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.flrebate-item .bottom-percent .line-text {
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 8rem;
    height: 0.35rem;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.flrebate-item .bottom-percent .line-text-start {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: .28rem;
}

.flrebate-item .bottom-percent .line-text-end {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    font-size: .28rem;
    display: flex;
    justify-content: flex-end;
}

.flrebate-item .bottom-percent .line-text-end-left {
    margin-right: 0.1rem;
    opacity: 0.5;
}

.flrebate-item .bottom-percent .line-bottomtext {
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    width: 8rem;
    height: 0.35rem;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.flrebate-item .bottom-percent .line-bottomtext-start {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: .28rem;
}

.flrebate-item .bottom-percent .line-bottomtext-end {
    position: absolute;
    bottom: 0;
    right: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: .28rem;
}

.flrebate-item .bottom-percent .line-total {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 8rem;
    height: 0.22rem;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.flrebate-item .bottom-percent .line-current {
    position: relative;
    width: 0%;
    height: 100%;
    background: #6ADB36;
    border-radius: 0.2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flrebate-item .bottom-percent .line-current-point {
    background: #FFFFFF;
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 0.2rem;
}

.flrebate-bottom-rules {
    position: relative;
    margin-top: 0.44rem;
    left: 0.5rem;
    width: 9rem;
    border-radius: 0.44rem;
    overflow: hidden;
    /* background: #FFFFFF; */
}

.flrebate-bottom-rules .frules-title {
    position: relative;
    width: 100%;
    height: 1.33rem;
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flrebate-bottom-rules .frules-title-icon {
    margin-left: 0.44rem;
    width: 0.55rem;
    height: 0.55rem;
}

.flrebate-bottom-rules .frules-title-text {
    margin-left: 0.22rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
}

.flrebate-bottom-rules .frules-subtitle {
    position: relative;
    width: 100%;
    height: 1.33rem;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    justify-content: center;
    align-items: center;
}

.flrebate-bottom-rules .frules-subtitle-line1 {
    position: absolute;
    left: 1.34rem;
    width: 0.5px;
    height: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.flrebate-bottom-rules .frules-subtitle-line2 {
    position: absolute;
    right: 3rem;
    width: 0.5px;
    height: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.flrebate-bottom-rules .frules-subtitle .sub-title1 {
    width: 1.34rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
}

.flrebate-bottom-rules .frules-subtitle .sub-title2 {
    width: 4.66rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
}

.flrebate-bottom-rules .frules-subtitle .sub-title3 {
    width: 3rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-align: center;
}

.flrebate-bottom-rules .frules-item {
    position: relative;
    width: 100%;
    height: 1.33rem;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flrebate-bottom-rules .frules-item .fitem-value1 {
    width: 1.34rem;
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
    text-align: center;
    font-weight: 700;
}

.flrebate-bottom-rules .frules-item .fitem-value2 {
    width: 4.66rem;
    color: rgba(255, 255, 255, 1);
    font-size: .32rem;
    text-align: center;
    font-weight: 400;
}

.flrebate-bottom-rules .frules-item .fitem-value3 {
    width: 3rem;
    color: #FFFFFF;
    font-size: .373rem;
    text-align: center;
    font-weight: 700;
}

.flrebate-bottom-rules .frules-item2 {
    background: rgba(255, 255, 255, 0.08) !important;
}

.hdialog-newer-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.hdialog-newer-outframe .newer-title {
    position: sticky;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.33rem;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    z-index: 2;
}

.hdialog-newer-outframe .newer-title-close {
    position: absolute;
    right: 0.44rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-newer-outframe .newer-content {
    position: relative;
    left: 0;
    width: 10rem;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hdialog-newer-outframe .newer-content .top-banner {
    position: relative;
    width: 10rem;
}

.hdialog-newer-outframe .newer-content .turn-frame {
    position: relative;
    margin-top: -6.8rem;
    left: 0;
    width: 10rem;
    height: 6.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-newer-outframe .newer-content .turn-table {
    position: relative;
    width: 6.88rem;
    height: 6.88rem;
}

.hdialog-newer-outframe .newer-content .turn-table-item {
    position: absolute;
    left: 50%;
    width: 2rem;
    height: 2.4rem;
    transform-origin: 50% 3.44rem;
    text-align: center;
    font-size: .32rem;
    color: white;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-reward {
    position: absolute;
    top: 0.8rem;
    width: 100%;
    height: 1rem;
    text-align: center;
    font-size: .533rem;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-goodluck {
    top: 0.8rem !important;
    font-size: .373rem !important;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-reward-unit {
    font-size: .32rem;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-turnover {
    position: absolute;
    top: 1.9rem;
    width: 100%;
    text-align: center;
    font-size: .3rem;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-turnover-goodluck {
    top: 1.5rem;
    font-size: .373rem !important;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: newerSlideAnimation 0.9s infinite;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(1) {
    animation-delay: 0s;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(2) {
    animation-delay: 0.3s;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes newerSlideAnimation {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.hdialog-newer-outframe .newer-content .turn-table-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.88rem;
    height: 6.88rem;
    transition: transform 5.5s ease-out;
}

.hdialog-newer-outframe .newer-content .turn-table-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.88rem;
    height: 6.88rem;
}

.hdialog-newer-outframe .newer-content .turn-table-content-pointer {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    margin-left: -0.78rem;
    width: 1.56rem;
    height: 1.56rem;
}

.hdialog-newer-outframe .newer-content .turn-table-draw {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.22rem;
    margin-left: -1.22rem;
    width: 2.44rem;
    height: 2.44rem;
    transition: transform 0.1s ease-in-out;
}

.hdialog-newer-outframe .newer-content .turn-table-draw-disable {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.22rem;
    margin-left: -1.22rem;
    width: 2.44rem;
    height: 2.44rem;
    transition: transform 0.1s ease-in-out;
}

.hdialog-newer-outframe .newer-content .turn-table-draw:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hdialog-newer-outframe .newer-content .turn-table-finger {
    position: absolute;
    top: 65%;
    left: 50%;
    margin-top: -0.775rem;
    margin-left: -0.775rem;
    width: 1.55rem;
    height: 1.55rem;
    animation: fingerBlink 1s infinite;
}

@keyframes fingerBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

.hdialog-newer-outframe .newer-content .rule-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 5.56rem;
    overflow: hidden;
}

.hdialog-newer-outframe .newer-content .rule-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.hdialog-newer-outframe .newer-content .rule-frame-content {
    position: absolute;
    top: 1.11rem;
    left: 0.7rem;
    width: 7.5rem;
    height: 4rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hdialog-newer-outframe .newer-content .rule-frame-item {
    margin-bottom: 0.15rem;
    position: relative;
    color: #FFFFFF;
    font-size: .28rem;
    line-height: 0.426rem;
    text-align: left;
}

.hdialog-newercpf-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    flex-flow: column;
}

.hdialog-newercpf-outframe .newercpf-content-frame {
    position: absolute;
    top: 45%;
    margin-top: -6.65rem;
    left: 50%;
    width: 8.3rem;
    height: 15rem;
    margin-left: -4.15rem;
    overflow: hidden;
}

.hdialog-newercpf-outframe .newercpf-content {
    position: absolute;
    top: 0;
    left: 50%;
    width: 8.3rem;
    height: 13.3rem;
    margin-left: -4.15rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.66rem;
    overflow: hidden;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-banner {
    position: relative;
    left: 0;
    width: 100%;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-title {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 100%;
    height: 0.66rem;
    line-height: 0.66rem;
    color: #FFFFFF;
    font-size: .426rem;
    text-align: center;
    font-weight: 700;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame {
    position: relative;
    margin-top: 0.11rem;
    left: 50%;
    margin-left: -3.5rem;
    width: 7rem;
    height: 1.33rem;
    line-height: 1.33rem;
    border-radius: 0.44rem;
    display: flex;
    align-items: center;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-error-frame {
    position: relative;
    line-height: 0.45rem;
    font-size: .373rem;
    color: #E00000;
    text-align: left;
    border-radius: 0.1rem;
    width: 7rem;
    left: 50%;
    margin-left: -3.3rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .clear {
    position: absolute;
    right: 1rem;
    height: 1.3rem;
    width: 1rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .clear-img {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    left: 50%;
    margin-left: -0.3rem;
    filter: invert(100%);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-normal {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-error {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal-disabled {
    background: #001A00;
    border: 1px solid rgba(106, 219, 54, 1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .input {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 4.5rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .input-disabled {
    position: absolute;
    border: none;
    top: 0.15rem;
    height: 1rem;
    line-height: 1rem;
    left: 0.5rem;
    width: 5rem;
    padding: 0;
    font-size: .373rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.65);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .cpf-input-icon {
    position: absolute;
    right: 0.44rem;
    width: 0.55rem;
    height: 0.55rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-tips {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -3.1rem;
    width: 6.2rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    line-height: .533rem;
    text-align: center;
    font-weight: 400;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn {
    position: relative;
    margin-top: 0.6rem;
    left: 50%;
    margin-left: -1.665rem;
    width: 3.33rem;
    height: 1.11rem;
    line-height: 1.11rem;
    text-align: center;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
    transition: transform 0.1s ease-in-out;
    border-radius: 0.22rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-enable {
    opacity: 1;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-enable:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-disable {
    opacity: 0.45;
}

.hdialog-newercpf-outframe .newercpf-close {
    position: absolute;
    top: 13.5rem;
    left: 50%;
    width: 0.66rem;
    height: 0.66rem;
    margin-left: -0.33rem;
}

.hdialog-newercpf-outframe .newercpf-close-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hdialog-newertips-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    align-items: center;
}

.hdialog-newertips-outframe .newertips-content-frame {
    position: absolute;
    left: 50%;
    width: 8rem;
    margin-left: -4rem;
}

.hdialog-newertips-outframe .newertips-content {
    position: relative;
    padding-top: 0.88rem;
    padding-bottom: 0.88rem;
    left: 50%;
    width: 6.66rem;
    height: auto;
    margin-left: -3.33rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.66rem;
}

.hdialog-newertips-outframe .newertips-content-icon {
    position: relative;
    left: 50%;
    width: 1.33rem;
    height: 1.33rem;
    margin-left: -0.665rem;
}

.hdialog-newertips-outframe .newertips-content-text {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    width: 5.5rem;
    margin-left: -2.75rem;
    color: #FFFFFF;
    font-size: .346rem;
    line-height: .533rem;
    text-align: left;
    font-weight: 400;
}

.hdialog-newertips-outframe .newertips-content-company {
    position: relative;
    margin-top: 0.22rem;
    left: 0.58rem;
    width: 6rem;
    display: flex;
    flex-wrap: wrap;
}

.hdialog-newertips-outframe .newertips-content-company .company-item {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    width: 1.77rem;
    height: 0.88rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.11rem;
    margin-bottom: 0.11rem;
}

.hdialog-newertips-outframe .newertips-content-company .company-item-img {
    height: 0.66rem;
}

.hdialog-newertips-outframe .newertips-content-btn {
    position: relative;
    margin-top: 0.7rem;
    left: 50%;
    width: 3.3rem;
    margin-left: -1.65rem;
    height: 1.1rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.1rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
}

.hdialog-newerreward-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    align-items: center;
}

.hdialog-newerreward-outframe .newerreward-content-frame {
    position: absolute;
    margin-top: -15%;
    left: 50%;
    width: 8rem;
    margin-left: -4rem;
}

.hdialog-newerreward-outframe .newerreward-content {
    position: relative;
    margin-top: -3.4rem;
    left: 50%;
    width: 6.66rem;
    height: 5.6rem;
    margin-left: -3.33rem;
    background: #004900;
    border-radius: 0.66rem;
}

.hdialog-newerreward-outframe .newerreward-content-banner {
    position: relative;
    left: 50%;
    width: 6.66rem;
    height: 5.55rem;
    margin-left: -3.33rem;
    z-index: 2;
}

.hdialog-newerreward-outframe .newerreward-content-reward {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    width: 4.44rem;
    height: 1.33rem;
    margin-left: -2.22rem;
    color: #FFEE00;
    font-size: .533rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0.44rem;
    z-index: 3;
}

.hdialog-newerreward-outframe .newerreward-content-reward .reward-value {
    margin-left: 0.1rem;
    font-size: 1.06rem;
}

.hdialog-newerreward-outframe .newerreward-content-btn {
    position: absolute;
    bottom: 0.66rem;
    left: 50%;
    width: 3.3rem;
    margin-left: -1.665rem;
    height: 1.11rem;
    background-image: linear-gradient(108deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.11rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
}

.hddialog-fpwa-frame {
    width: 10rem;
    ;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.hddialog-fpwa-container {
    position: relative;
    height: 13rem;
    width: 10rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.hddialog-fpwa-container .hddialog-fpwa-content {
    position: relative;
    width: 8.34rem;
    height: 12rem;
    display: flex;
    justify-content: center;
    border-radius: 0.66rem;
    background-image: linear-gradient(144deg, #018E00 0%, #003200 50%, #018E00 100%);
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame {
    position: absolute;
    top: 4.5rem;
    width: 7rem;
    height: 3.84rem;
    overflow: hidden;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame-text {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3.1rem;
    width: 6.2rem;
    height: 3.45rem;
    text-align: left;
    color: #000000;
    font-size: .373rem;
    line-height: .48rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: scroll;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame {
    position: absolute;
    top: 8.44rem;
    width: 7rem;
    height: 1.11rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-title {
    font-weight: 700;
    color: #FFFFFF;
    font-size: .32rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-icon {
    margin-right: 0.2rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-value {
    margin-left: 0.12rem;
    color: #FFAF00;
    font-size: .426rem;
    font-weight: 700;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame {
    position: absolute;
    top: 8.45rem;
    width: 5.4rem;
    height: 1.33rem;
    left: 0.68rem;
    border-radius: 0.22rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
    background-image: linear-gradient(103deg, #FFEE00 0%, #FFC800 100%);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame-text {
    color: #000000;
    font-size: .373rem;
    font-weight: 400;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame-icon {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.2rem;
    filter: invert(100%);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs {
    position: absolute;
    top: 8.47rem;
    right: 0.68rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.22rem;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: transform 0.1s ease-in-out;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs-icon {
    width: 0.66rem;
    height: 0.66rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-close {
    position: absolute;
    top: 0.2rem;
    right: 0.3rem;
    margin-left: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.4rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-close-icon {
    width: 0.55rem;
    height: 0.55rem;
}

.hdialog-neweralert-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    align-items: center;
}

.hdialog-neweralert-outframe .neweralert-content-frame {
    position: absolute;
    left: 50%;
    width: 8rem;
    margin-left: -4rem;
}

.hdialog-neweralert-outframe .neweralert-content {
    position: relative;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    left: 50%;
    width: 6.66rem;
    height: auto;
    margin-left: -3.33rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.44rem;
}

.hdialog-neweralert-outframe .neweralert-content-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-neweralert-outframe .neweralert-content-closeicon {
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-neweralert-outframe .neweralert-content-icon {
    position: relative;
    left: 50%;
    width: 1.33rem;
    height: 1.33rem;
    margin-left: -0.665rem;
}

.hdialog-neweralert-outframe .neweralert-content-text {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    width: 5.2rem;
    margin-left: -2.4rem;
    color: #FFFFFF;
    font-size: .346rem;
    line-height: .58rem;
    text-align: left;
    font-weight: 400;
}

.hdialog-neweralert-outframe .neweralert-content-btn {
    position: relative;
    margin-top: 0.88rem;
    left: 50%;
    width: 4.4rem;
    margin-left: -2.2rem;
    height: 1.33rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.33rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 700;
    transition: all 0.1s ease-in-out;
}

.hdialog-neweralert-outframe .neweralert-content-btn:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hdialog-noty18-frame {
    position: relative;
    width: 8.88rem;
    height: 13.56rem;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.hdialog-noty18-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.88rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    font-size: 0.533rem;
    background: transparent;
    color: rgba(255, 255, 255, 0);
}

.hdialog-noty18-title img {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    z-index: 2;
}

.hdialog-noty18-content-title {
    position: absolute;
    margin-top: 0.66rem;
    height: 0.68rem;
    width: 8.88rem;
    color: #FFFFFF;
    text-align: center;
    font-size: .426rem;
}

.hdialog-noty18-content {
    height: 15rem;
    width: 8.88rem;
}

.hdialog-noty18-content {
    position: absolute;
    flex: 1;
    top: 1.55rem;
    left: 50%;
    margin-left: -3.78rem;
    width: 7.56rem;
    height: 10rem;
    overflow: scroll;
}

.hdialog-noty18-content .noty18-text {
    position: relative;
    font-size: .32rem;
    line-height: .533rem;
    text-align: left;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-noty18-content-btn {
    position: absolute;
    top: 11.9rem;
    left: 50%;
    margin-left: -3.78rem;
    width: 7.56rem;
    height: 1.11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(100deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.6rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 700;
}

.bigdep-top-banner {
    position: absolute;
    top: 1.326rem;
    left: 0;
    width: 10rem;
}

.bigdep-top-banner-height {
    position: relative;
    height: 4.445rem;
}

.bigdep-title-bg {
    position: relative;
    left: 0;
    width: 10rem;
    height: 5.5556rem;
}

.bigdep-title-bg img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bigdep-title-bg span {
    position: absolute;
    left: 0;
    top: 1rem;
    text-align: center;
    width: 100%;
    color: #131313;
    font-weight: 700;
    font-size: .64rem;
    /* text-shadow: 1px 1px 1px #FFFA00; */
}

.bigdep-reward-frame {
    position: relative;
    left: 0;
    margin-top: -3.32rem;
    width: 10rem;
}

.bigdep-reward-item {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.25rem;
}

.bigdep-reward-item .bitem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bigdep-reward-item .left-frame {
    position: absolute;
    left: 1.1rem;
    top: 0.3888rem;
    width: 5rem;
    height: 0.8888rem;
}

.bigdep-reward-item .left-frame-top {
    position: absolute;
    left: 0;
    top: 0;
    height: 0.3888rem;
    line-height: 0.3888rem;
    font-size: .32rem;
}

.bigdep-reward-item .span-title {
    color: rgba(255, 255, 255, 0.50);
}

.bigdep-reward-item .span-value {
    margin-left: 0.1rem;
    color: #FFFFFF;
}

.bigdep-reward-item .left-frame-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.3888rem;
    line-height: 0.3888rem;
    font-size: .32rem;
}

.bigdep-reward-item .right-frame {
    position: absolute;
    right: 2.56rem;
    top: 0.3333rem;
    width: 5rem;
    height: 0.9444rem;
}

.bigdep-reward-item .right-frame-top {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.5555rem;
    line-height: 0.5555rem;
    font-size: .533rem;
    color: #FFEE00;
}

.bigdep-reward-item .right-frame-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0.3888rem;
    line-height: 0.3888rem;
    font-size: .3rem;
    color: #FFFFFF;
}

.bigdep-reward-item .turnover-frame {
    position: absolute;
    left: 0.44rem;
    bottom: 0.11rem;
    width: 7rem;
    height: 0.44rem;
    line-height: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .3rem;
}

.bigdep-reward-item .btn-recharge {
    position: absolute;
    top: 0.3333rem;
    right: 0.3333rem;
    width: 2rem;
    height: 0.88rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(113deg, #FFEE00 0%, #FFC800 100%);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
    color: #000000;
    font-size: .32rem;
    text-align: center;
    line-height: 0.88rem;
    transition: transform 0.1s ease-in-out;
}

.bigdep-reward-item .btn-recharge:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.bigdep-actalert-class {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    background: rgba(0, 0, 0, 0.65) !important;
    width: 10rem !important;
}

.bigdep-actalert-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    align-items: center;
}

.bigdep-actalert-outframe .actalert-content-frame {
    position: absolute;
    left: 50%;
    width: 8rem;
    margin-left: -4rem;
}

.bigdep-actalert-outframe .actalert-content {
    position: relative;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    left: 50%;
    width: 6.66rem;
    height: auto;
    margin-left: -3.33rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.44rem;
}

.bigdep-actalert-outframe .actalert-contentbuy {
    position: relative;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    left: 50%;
    width: 7.78rem;
    height: auto;
    margin-left: -3.89rem;
    background: #003200;
    box-shadow: inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.25), 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.44rem;
}

.bigdep-actalert-outframe .actalert-content-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bigdep-actalert-outframe .actalert-content-closeicon {
    width: 0.66rem;
    height: 0.66rem;
}

.bigdep-actalert-outframe .actalert-content-icon {
    position: relative;
    left: 50%;
    width: 1.33rem;
    height: 1.33rem;
    margin-left: -0.665rem;
}

.bigdep-actalert-outframe .actalert-content-text {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    width: 5.4rem;
    margin-left: -2.65rem;
    color: #FFFFFF;
    font-size: .373rem;
    line-height: .586rem;
    text-align: left;
    font-weight: 400;
}

.bigdep-actalert-outframe .actalert-content-text-light {
    color: #FFEE00;
}

.bigdep-actalert-outframe .actalert-content-btn {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    width: 4.4rem;
    margin-left: -2.2rem;
    height: 1.33rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.33rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 700;
    transition: all 0.1s ease-in-out;
}

.bigdep-actalert-outframe .actalert-content-disablebtn {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    width: 4.4rem;
    margin-left: -2.2rem;
    height: 1.33rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.33rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 700;
    transition: all 0.1s ease-in-out;
    opacity: 0.4;
}

.bigdep-actalert-outframe .actalert-content-btn:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.bigdep-tup-profile {
    position: relative;
    width: 6.44rem !important;
    margin-left: -3.22rem !important;
    margin-top: 0.3rem !important;
}

.bigdep-tup-profile .title2 {
    font-size: .346rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

.bigdep-tuprofile-item {
    position: relative;
    width: 6.44rem !important;
    height: 1.11rem !important;
    line-height: 1.11rem !important;
    margin-left: -3.22rem !important;
}

.bigdep-item-normal {
    border: 1px solid transparent;
    background: rgba(0, 26, 0, 0.50);
}

.bigdep-tuprofile-item .input2 {
    top: 0.055rem !important;
    left: 0.4rem !important;
    width: 4.1rem !important;
    font-size: .346rem !important;
}

.bigdep-tuprofile-item .input-disabled2 {
    top: 0.055rem !important;
    left: 0.4rem !important;
    width: 4.1rem !important;
    font-size: .346rem !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

.bigdep-tuprofile-item .input-amount {
    position: absolute;
    border: none;
    top: 0.055rem;
    height: 1rem;
    line-height: 1rem;
    left: 50%;
    margin-left: -2.5rem;
    width: 4.1rem;
    width: 5rem;
    text-align: center;
    background-color: transparent;
    color: #FFFFFF;
    font-size: .64rem;
    font-weight: 700;
}

.bigdep-tuprofile-item .clear2 {
    height: 1.1rem !important;
}

.bigdep-item-error-tp {
    width: 6.44rem !important;
    margin-left: -3.22rem !important;
    padding-bottom: 0px !important;
    font-size: .32rem !important;
}

.bigdep-item-tips-tp {
    position: relative;
    line-height: 0.45rem;
    font-size: .28rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
    width: 6.4rem;
    left: 50%;
    margin-left: -3.2rem;
    padding-top: 0.2rem;
}

.bigdep-item-tips-tp .light-value {
    color: #FFEE00;
}

.bigdep-time-frame {
    position: relative;
    left: 50%;
    margin-top: 0.14rem;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 2.22rem;
    margin-bottom: 0.22rem;
}

.bigdep-time-frame .timer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bigdep-time-frame .timer-day-value {
    color: rgba(0, 0, 0, 0.85);
    font-size: .8rem;
    width: 1rem;
    font-weight: 700;
    text-align: center;
}

.bigdep-time-frame .timer-other-value {
    color: rgba(0, 0, 0, 0.85);
    font-size: .8rem;
    font-weight: 700;
}

.bigdep-time-frame .timer-day-unit {
    background: rgba(0, 0, 0, 0.85);
    border-radius: 0.1rem;
    width: 0.67rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    color: #FFEE00;
    font-size: 0.29rem;
    margin-left: 0.11rem;
}

.bigdep-time-frame .timer-hour-unit {
    background: rgba(0, 0, 0, 0.85);
    border-radius: 0.1rem;
    width: 0.56rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    color: #FFEE00;
    font-size: 0.29rem;
    margin-left: 0.13rem;
    margin-right: 0.13rem;
}

.bigdep-time-frame .timer-min-unit {
    background: rgba(0, 0, 0, 0.85);
    border-radius: 0.1rem;
    width: 0.67rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    color: #FFEE00;
    font-size: 0.29rem;
    margin-left: 0.13rem;
    margin-right: 0.13rem;
}

.bigdep-time-frame .timer-sec-unit {
    background: rgba(0, 0, 0, 0.85);
    border-radius: 0.1rem;
    width: 0.56rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    color: #FFEE00;
    font-size: 0.29rem;
    margin-left: 0.13rem;
    margin-right: 0.13rem;
}

.bigdep-time-frame .timer-frame-end {
    position: absolute;
    top: 0.78rem;
    left: 1.58rem;
    width: 5.74rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bigdep-time-frame .timer-frame-end2 {
    left: 2.8rem !important;
}

.bigdep-time-frame .timer-frame-start {
    position: absolute;
    top: 0.78rem;
    left: 0.36rem;
    width: 2.27rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sgameday-content-frame {
    position: relative;
    margin-top: 0.1rem;
    left: 0.0;
    width: 10rem;
}

.sgameday-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 6.6666rem;
}

.sgameday-banner-frame .top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.sgameday-banner-frame .betday-tips {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2.44rem;
    height: 0.54rem;
    border-radius: 0.3rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background: rgba(0, 0, 0, 0.50);
}

.sgameday-banner-frame .rewardday-tips {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    top: 3.05rem;
    height: 0.54rem;
    border-radius: 0.3rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background: rgba(0, 0, 0, 0.50);
    overflow-y: hidden;
    overflow-x: scroll;
}

.sgameday-banner-frame .tips-title {
    position: relative;
    color: #FFFFFF;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.11rem;
    white-space: nowrap;
}

.sgameday-banner-frame .tips-title-small {
    font-size: .28rem;
    font-weight: 400;
    margin-right: 0.11rem;
}

.sgameday-banner-frame .tips-content {
    position: relative;
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 700;
    white-space: nowrap;
}

.sgameday-banner-frame .tips-content2 {
    position: relative;
    color: #4FFF00;
    font-size: .32rem;
    font-weight: 700;
}

.sgameday-banner-frame .tips-content-small {
    font-size: .28rem;
}

.sgameday-banner-frame .turnover-tips {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3.805rem;
    height: 0.44rem;
}

.sgameday-banner-frame .turnover-title {
    position: relative;
    color: #12151A;
    font-size: .28rem;
    font-weight: 400;
    margin-right: 0.11rem;
}

.sgameday-banner-frame .turnover-content {
    position: relative;
    height: 0.44rem;
    line-height: 0.44rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    border-radius: 0.3rem;
    background: #001A00;
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 400;
}

.sgameday-claim-frame {
    position: relative;
    margin-top: -2.9rem;
    left: 50%;
    margin-left: -1.78rem;
    width: 3.56rem;
    height: 3.56rem;
}

.sgameday-claim-frame .receive-btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sgameday-claim-frame .reward-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: resultBgImgAnim 15s linear infinite;
    animation: resultBgImgAnim 15s linear infinite;
}

.sgameday-claim-frame .receive-btn-disable {
    position: absolute;
    top: 50%;
    margin-top: -1.11rem;
    left: 50%;
    margin-left: -1.11rem;
    width: 2.22rem;
    height: 2.22rem;
}

.sgameday-claim-frame .receive-btn-enable {
    position: absolute;
    top: 50%;
    margin-top: -1.11rem;
    left: 50%;
    margin-left: -1.11rem;
    width: 2.22rem;
    height: 2.22rem;
    transition: transform 0.1s ease-in-out;
}

.sgameday-claim-frame .receive-btn-enable:active {
    opacity: 0.5;
    transform: scale(0.9);
}

.sgameday-reward-frame {
    position: relative;
    margin-top: -0.3rem;
    left: 0.56rem;
    width: 9.4rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.sgameday-reward-body {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.sgameday-reward-item {
    position: relative;
    width: 2.22rem;
    height: 2.22rem;
    box-sizing: border-box;
}

.sgameday-reward-item-result {
    position: absolute;
    top: 50%;
    margin-top: -1.11rem;
    left: 50%;
    margin-left: -1.11rem;
    width: 2.22rem;
    height: 2.22rem;
}

.sgameday-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sgameday-reward-item .ritem-reward {
    position: absolute;
    top: 1.16rem;
    left: 0.1rem;
    width: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .533rem;
    color: #003200;
    /* text-shadow: -1px -2px #FFFFFF; */
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    font-weight: 700;
}

.sgameday-reward-item .ritem-turnover {
    position: absolute;
    bottom: 0.08rem;
    left: 0.1rem;
    width: 2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .28rem;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 #003200, 1px -1px 0 #003200, -1px 1px 0 #003200, 1px 1px 0 #003200;
    font-weight: 700;
}

.sgameday-reward-item .ritem-reward-light {
    color: #FFAF00;
}

.sevenday-content-frame {
    position: relative;
    margin-top: 0.1rem;
    left: 0.0;
    width: 10rem;
}

.sevenday-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.03rem;
    left: 0;
    width: 10rem;
    height: 4.4445rem;
}

.sevenday-card-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 1.8888rem;
    display: flex;
    align-items: center;
}

.sevenday-card-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.sevenday-card-frame .left-frame {
    position: absolute;
    top: 0.22rem;
    left: 0.78rem;
    width: 5.7rem;
    height: 1.35rem;
    line-height: 0.44rem;
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 400;
}

.sevenday-card-frame .left-frame-value {
    color: #FFFFFF;
    font-weight: 700;
}

.sevenday-card-frame .right-frame {
    position: absolute;
    right: 0.78rem;
    width: 2.6666rem;
    height: 1.5555rem;
}

.sevenday-card-frame .right-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sevenday-card-frame .right-frame-value {
    position: absolute;
    top: 0.1rem;
    left: 0.75rem;
    width: 1.2rem;
    height: 1.5555rem;
    line-height: 1.5555rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.50);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
    font-size: .533rem;
    font-weight: 700;
}

.sevenday-card-frame .right-frame-value2 {
    position: absolute;
    top: 0.1rem;
    left: 0.75rem;
    width: 1.2rem;
    height: 1.5555rem;
    line-height: 1.5555rem;
    text-align: center;
    color: #FFEE00;
    text-shadow: -1px -1px 0 #740000, 1px -1px 0 #740000, -1px 1px 0 #740000, 1px 1px 0 #740000;
    font-size: .533rem;
    font-weight: 700;
}

.sevenday-reward-frame {
    position: relative;
    margin-top: 0.22rem;
    left: 0.56rem;
    width: 9.4rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.sevenday-reward-body {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.sevenday-reward-item {
    position: relative;
    width: 8.88rem;
    height: 1.34rem;
    margin-bottom: 0.22rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.sevenday-reward-item .receive-btn {
    position: absolute;
    right: 0.1rem;
    width: 2.22rem;
    height: 1rem;
    transition: transform 0.1s ease-in-out;
}

.sevenday-reward-item .receive-btn:active {
    opacity: 0.5;
    transform: scale(0.9);
}

.sevenday-reward-item .receive-tips {
    position: absolute;
    right: 0.1rem;
    width: 2.22rem;
    height: 1rem;
}

.sevenday-reward-item-result {
    position: absolute;
    top: 50%;
    margin-top: -1.11rem;
    left: 50%;
    margin-left: -1.11rem;
    width: 2.22rem;
    height: 2.22rem;
}

.sevenday-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sevenday-reward-item .ritem-day {
    position: absolute;
    top: 0.38rem;
    left: 0.95rem;
    white-space: nowrap;
    font-size: .533rem;
    color: #FFF5D7;
    text-shadow: -1px -1px 0 #300000, 1px -1px 0 #300000, -1px 1px 0 #300000, 1px 1px 0 #300000;
    font-weight: 700;
}

.sevenday-reward-item .ritem-reward {
    position: absolute;
    right: 2.5rem;
    white-space: nowrap;
    text-align: right;
    display: flex;
    align-items: center;
}

.sevenday-reward-item .ritem-reward-unit {
    font-size: .32rem;
    color: #FFE400;
    font-weight: 400;
    margin-right: 0.1rem;
}

.sevenday-reward-item .ritem-reward-value {
    font-size: .426rem;
    color: #FFE400;
    font-weight: 700;
}

.sevenday-reward-item .ritem-turnover {
    position: absolute;
    left: 2.22rem;
    width: 3rem;
    height: 1.34rem;
}

.sevenday-reward-item .ritem-turnover .rate-frame {
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 3rem;
    height: 0.44rem;
    line-height: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.28rem;
}

.sevenday-reward-item .ritem-turnover .turnover-frame {
    position: absolute;
    bottom: 0.22rem;
    left: 0;
    width: 3rem;
    height: 0.44rem;
    line-height: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.28rem;
}

.sevenday-reward-item .ritem-reward-light {
    color: #FFAF00;
}

.activebonus-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.03rem;
    left: 0;
    width: 10rem;
    height: 4.4445rem;
}

.activebonus-content-frame {
    position: relative;
    margin-top: -1.1rem;
    left: 0.0;
    width: 10rem;
}

.activebonus-card-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0;
    left: 0.56rem;
    width: 8.88rem;
    height: 2.22rem;
    display: flex;
    align-items: center;
}

.activebonus-card-frame .receive-btn {
    position: absolute;
    right: 0.22rem;
    width: 2.88rem;
    height: 1.1rem;
    transition: transform 0.1s ease-in-out;
}

.activebonus-card-frame .receive-btn:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.activebonus-card-frame .receive-btn-disable {
    position: absolute;
    right: 0.22rem;
    width: 2.88rem;
    height: 1.1rem;
}

.activebonus-card-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.activebonus-card-frame .top-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 2.2222rem;
}

.activebonus-card-frame .top-frame-bet {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    width: 7rem;
    height: 0.56rem;
    display: flex;
    align-items: center;
}

.activebonus-card-frame .top-frame-bet .bet-title {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-bet .bet-unit {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-bet .bet-value {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

.activebonus-card-frame .top-frame-reward {
    position: absolute;
    top: 1.22rem;
    left: 0.44rem;
    width: 7rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
}

.activebonus-card-frame .top-frame-reward .reward-title {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-reward .reward-unit {
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-reward .reward-value {
    font-size: .533rem;
    color: #FFEE00;
    font-weight: 700;
}

.activebonus-todaycard-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.22rem;
    left: 0.56rem;
    width: 8.88rem;
    height: 4.44rem;
    display: flex;
    align-items: center;
}

.activebonus-todaycard-frame .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.activebonus-todaycard-frame .top-frame {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    width: 8rem;
    height: 2.2222rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
}

.activebonus-todaycard-frame .top-frame-bet {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    width: 7rem;
    height: 0.56rem;
    display: flex;
    align-items: center;
}

.activebonus-todaycard-frame .top-frame-bet .bet-title {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-bet .bet-unit {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-bet .bet-value {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

.activebonus-todaycard-frame .top-frame-reward {
    position: absolute;
    top: 1.22rem;
    left: 0.44rem;
    width: 7rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
}

.activebonus-todaycard-frame .top-frame-reward .reward-title {
    font-size: .373rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-reward .reward-unit {
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-reward .reward-value {
    font-size: .533rem;
    color: #FFEE00;
    font-weight: 700;
}

.activebonus-todaycard-frame .tips-icon {
    position: absolute;
    top: 2.8822rem;
    left: 0.44rem;
    width: 0.44rem;
    height: 0.44rem;
}

.activebonus-todaycard-frame .tips-frame {
    position: absolute;
    top: 2.8822rem;
    left: 1rem;
    width: 7.44rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .28rem;
    line-height: .373rem;
    font-weight: 400;
}

.activebonus-reward-frame {
    position: relative;
    margin-top: 0.44rem;
    left: 0.56rem;
    width: 8.88rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
    border-radius: 0.44rem;
    overflow: hidden;
}

.activebonus-reward-body {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.activebonus-reward-maintitle {
    position: relative;
    width: 8.88rem;
    height: 1.34rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border-radius: 0.44rem 0.44rem 0px 0px;
}

.activebonus-reward-maintitle .title {
    position: absolute;
    left: 0.44rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
}

.activebonus-reward-subtitle {
    position: relative;
    width: 8.88rem;
    height: 1.34rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
}

.activebonus-reward-frame .title-frame1 {
    position: absolute;
    left: 0.44rem;
    width: 2.8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    display: flex;
    align-items: center;
}

.activebonus-reward-frame .title-frame2 {
    position: absolute;
    left: 3.34rem;
    width: 3.66rem;
    height: 1.34rem;
    line-height: 1.34rem;
    display: flex;
    align-items: center;
}

.activebonus-reward-frame .title-frame3 {
    position: absolute;
    left: 7rem;
    width: 1.88rem;
    height: 1.34rem;
    line-height: 1.34rem;
    display: flex;
    align-items: center;
}

.activebonus-reward-frame .title1 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 700;
}

.activebonus-reward-frame .title2 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 700;
}

.activebonus-reward-frame .title3 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 700;
}

.activebonus-reward-item {
    position: relative;
    width: 8.88rem;
    height: 1.34rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.activebonus-reward-item .bg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
}

.activebonus-reward-item .bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
}

.activebonus-reward-item .bg3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #018E00;
}

.activebonus-reward-frame .value1-unit {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-reward-frame .value1-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: 400;
}

.activebonus-reward-frame .value2-unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.activebonus-reward-frame .value2-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    font-weight: 400;
}

.activebonus-reward-frame .value-unit-light {
    color: #FFFFFF;
}

.activebonus-reward-frame .value-value-light {
    color: #FFFFFF;
}

.activebonus-reward-frame .value3 {
    position: absolute;
    left: 50%;
    margin-left: -0.275rem;
    width: 0.55rem;
    height: 0.55rem;
}

.mmission-content-frame {
    position: relative;
    margin-top: 0.1rem;
    left: 0.0;
    width: 10rem;
}

.mmission-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.03rem;
    left: 0;
    width: 10rem;
    height: 4.4445rem;
}

.mmission-reward-frame {
    position: relative;
    margin-top: 0.22rem;
    left: 0.56rem;
    width: 9.4rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.mmission-reward-body {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.mmission-reward-item {
    position: relative;
    width: 8.88rem;
    height: 2.109rem;
    margin-bottom: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.mmission-reward-item .remain-time {
    position: absolute;
    top: 1.25rem;
    right: 0.2rem;
    width: 2.22rem;
    height: 0.666rem;
}

.mmission-reward-item .remain-time-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.mmission-reward-item .remain-time-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.22rem;
    height: 0.666rem;
    line-height: 0.666rem;
    text-align: center;
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 700;
}

.mmission-reward-item .receive-btn {
    position: absolute;
    top: 1.25rem;
    right: 0.2rem;
    width: 2.22rem;
    height: 0.666rem;
    transition: transform 0.1s ease-in-out;
}

.mmission-reward-item .receive-btn:active {
    opacity: 0.5;
    transform: scale(0.9);
}

.mmission-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.mmission-reward-item .ritem-lock {
    position: absolute;
    top: 0.7rem;
    right: 0.9rem;
    width: 0.88rem;
    height: 0.88rem;
}

.mmission-reward-item .tasknum-frame {
    position: absolute;
    top: 0.04rem;
    left: 0.2rem;
    width: 1.5rem;
    height: 0.44rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mmission-reward-item .tasknum-frame-title1 {
    color: rgba(255, 255, 255, 0.50);
    font-size: .27rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-title2 {
    color: #FCFF00;
    font-size: .27rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-title3 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
    font-weight: 400;
    margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-value1 {
    color: rgba(255, 255, 255, 0.50);
    font-size: .346rem;
    font-weight: 700;
}

.mmission-reward-item .tasknum-frame-value2 {
    color: #FCFF00;
    font-size: .346rem;
    font-weight: 700;
}

.mmission-reward-item .tasknum-frame-value3 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .346rem;
    font-weight: 700;
}

.mmission-reward-item .mreward-frame {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
}

.mmission-reward-item .mreward-frame-unit {
    color: #FFEE00;
    text-shadow: -1px -1px 0 #005616, 1px -1px 0 #005616, -1px 1px 0 #005616, 1px 1px 0 #005616;
    font-weight: 700;
    font-size: .426rem;
    margin-right: 0.1rem;
}

.mmission-reward-item .mreward-frame-value {
    color: #FFEE00;
    text-shadow: -1px -1px 0 #005616, 1px -1px 0 #005616, -1px 1px 0 #005616, 1px 1px 0 #005616;
    font-weight: 700;
    font-size: .533rem;
}

.mmission-reward-item .task-frame {
    position: absolute;
    top: 0.6rem;
    left: 2.5rem;
    width: 3.34rem;
    height: 0.44rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mmission-reward-item .task-frame-title {
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    font-weight: 400;
}

.mmission-reward-item .task-frame-unit {
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    font-weight: 400;
    margin-left: 0.1rem;
}

.mmission-reward-item .task-frame-value {
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    font-weight: 400;
    margin-left: 0.1rem;
}

.mmission-reward-item .percent-frame {
    position: absolute;
    top: 1.2rem;
    left: 2.5rem;
    width: 3.34rem;
    height: 0.334rem;
    line-height: 0.334rem;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0.2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mmission-reward-item .percent-frame-total {
    font-size: .27rem;
    color: #FFFFFF;
    font-weight: 400;
    margin-left: 0.05rem;
}

.mmission-reward-item .percent-frame-finish {
    font-size: .27rem;
    color: #FFEE00;
    font-weight: 700;
    margin-right: 0.05rem;
}

.luckywheel-page-frame {
    position: relative;
    left: 0rem;
    width: 10rem;
}

.luckywheel-page-frame .menu-bar {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0.4266rem;
    z-index: 11;
}

.luckywheel-page-frame .menu-bar .menu-item {
    position: relative;
    width: 2.7466rem;
    height: 1.4312rem;
    font-size: 0.32rem;
}

.luckywheel-page-frame .menu-bar .menu-item.silver {
    color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.silver.active {
    color: #0062C1;
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.gold {
    color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.gold.active {
    color: #B25922;
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.diamond {
    color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.diamond.active {
    color: #7800BB;
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.click:active {
    transform: scale(0.95);
}

.luckywheel-page-frame .menu-bar .menu-item img {
    width: 100%;
    height: 100%;
}

.luckywheel-page-frame .menu-bar .menu-item span {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0.22rem 0.42rem;
}

.luckywheel-page-frame .wheel-frame {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -0.8rem;
}

.luckywheel-page-frame .wheel-frame .wheel {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.5rem;
    height: 9.5rem;
}

.luckywheel-page-frame .wheel-frame .wheel .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.luckywheel-page-frame .wheel-frame .wheel .mid-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen {
    position: relative;
    top: -0.3rem;
    width: 2.8rem;
    height: 3.52rem;
    font-size: 0.53rem;
    color: #FFE200;
    z-index: 10;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen .bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen .guid {
    position: absolute;
    top: 2.7rem;
    left: 0.8rem;
    width: 1.28rem;
    height: 1.5rem;
    z-index: 15;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding-top: 0.8rem;
    z-index: 14;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container {
    position: absolute;
    top: 2.2rem;
    width: 5.34rem;
    height: 5.34rem;
    z-index: 4;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
    white-space: nowrap;
    font-size: 0.43rem;
}

.luckywheel-page-frame .wheel-frame .silver .num-container li {
    color: #7FFFFF;
}

.luckywheel-page-frame .wheel-frame .gold .num-container li {
    color: #FFEE00;
}

.luckywheel-page-frame .wheel-frame .diamond .num-container li {
    color: #FFEE00;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-1 {
    transform: translate(-50%, -50%) rotate(-115deg) translateX(2.20rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-2 {
    transform: translate(-50%, -50%) rotate(-115deg) translateX(2.15rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-3 {
    transform: translate(-50%, -50%) rotate(-115deg) translateX(2.10rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-4 {
    transform: translate(-50%, -50%) rotate(-115deg) translateX(2.05rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-5 {
    transform: translate(-50%, -50%) rotate(-115deg) translateX(1.98rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-1 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.30rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-2 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.35rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-3 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.40rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-4 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.45rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-5 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.50rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-1 {
    transform: translate(-50%, -50%) rotate(-18deg) translateX(2.50rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-2 {
    transform: translate(-50%, -50%) rotate(-22deg) translateX(2.65rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-3 {
    transform: translate(-50%, -50%) rotate(-24deg) translateX(2.71rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-4 {
    transform: translate(-50%, -50%) rotate(-26deg) translateX(2.78rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-5 {
    transform: translate(-50%, -50%) rotate(-28deg) translateX(2.85rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-1 {
    transform: translate(-50%, -50%) rotate(22deg) translateX(2.58rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-2 {
    transform: translate(-50%, -50%) rotate(17deg) translateX(2.71rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-3 {
    transform: translate(-50%, -50%) rotate(13deg) translateX(2.83rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-4 {
    transform: translate(-50%, -50%) rotate(10deg) translateX(2.92rem) rotate(95deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-5 {
    transform: translate(-50%, -50%) rotate(8deg) translateX(3.11rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-1 {
    transform: translate(-50%, -50%) rotate(65deg) translateX(2.58rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-2 {
    transform: translate(-50%, -50%) rotate(58deg) translateX(2.67rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-3 {
    transform: translate(-50%, -50%) rotate(54deg) translateX(2.78rem) rotate(105deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-4 {
    transform: translate(-50%, -50%) rotate(48deg) translateX(2.92rem) rotate(110deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-5 {
    transform: translate(-50%, -50%) rotate(46deg) translateX(3.05rem) rotate(115deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-1 {
    transform: translate(-50%, -50%) rotate(105deg) translateX(2.47rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-2 {
    transform: translate(-50%, -50%) rotate(98deg) translateX(2.48rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-3 {
    transform: translate(-50%, -50%) rotate(92deg) translateX(2.52rem) rotate(105deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-4 {
    transform: translate(-50%, -50%) rotate(88deg) translateX(2.52rem) rotate(115deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-5 {
    transform: translate(-50%, -50%) rotate(83deg) translateX(2.67rem) rotate(120deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-1 {
    transform: translate(-50%, -50%) rotate(150deg) translateX(2.37rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-2 {
    transform: translate(-50%, -50%) rotate(145deg) translateX(2.31rem) rotate(105deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-3 {
    transform: translate(-50%, -50%) rotate(140deg) translateX(2.21rem) rotate(108deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-4 {
    transform: translate(-50%, -50%) rotate(135deg) translateX(2.18rem) rotate(112deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-5 {
    transform: translate(-50%, -50%) rotate(131deg) translateX(2.16rem) rotate(120deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-1 {
    transform: translate(-50%, -50%) rotate(192deg) translateX(2.21rem) rotate(90deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-2 {
    transform: translate(-50%, -50%) rotate(191deg) translateX(2.11rem) rotate(96deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-3 {
    transform: translate(-50%, -50%) rotate(190deg) translateX(2.01rem) rotate(96deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-4 {
    transform: translate(-50%, -50%) rotate(186deg) translateX(1.88rem) rotate(100deg);
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-5 {
    transform: translate(-50%, -50%) rotate(182deg) translateX(1.88rem) rotate(105deg);
}

.luckywheel-page-frame .wheel-frame .points-frame {
    position: relative;
    width: 8.5rem;
    height: 4.56rem;
    margin-top: -1.9rem;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.luckywheel-page-frame .wheel-frame .points-frame .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.luckywheel-page-frame .wheel-frame .points-frame .top {
    position: relative;
    width: 7.8rem;
    height: 0.8rem;
    z-index: 13;
    margin-top: 1.1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points {
    position: relative;
    height: 1.5rem;
    display: inline-block;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points .label {
    font-size: 0.37rem;
    color: #000000;
    letter-spacing: 0;
    line-height: 0.8rem;
    font-weight: 400;
    vertical-align: middle;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points .value {
    font-size: 0.427rem;
    color: #0D3C8A;
    letter-spacing: 0;
    line-height: 0.8rem;
    font-weight: 700;
    vertical-align: middle;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in {
    position: relative;
    width: 2.56rem;
    height: 0.8rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in.click:active {
    transform: scale(0.95);
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .btn {
    position: absolute;
    width: 100%;
    height: 100%;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .label {
    position: absolute;
    left: 0.2rem;
    top: 0;
    width: 100%;
    height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: #FFEE00;
    letter-spacing: 0;
    font-weight: 700;
    z-index: 14;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .label.disable {
    color: rgba(255, 255, 255, 0.65);
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .red-dot {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    width: 0.32rem;
    height: 0.32rem;
    background: #FF0000;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0.22rem;
    z-index: 15;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost {
    position: relative;
    width: 7.8rem;
    font-size: 0.32rem;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 0.22rem;
    height: 2.13rem;
    display: flex;
    margin-top: 0.1rem;
    flex-direction: column;
    justify-content: center;
    line-height: 0.53rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .silver {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .gold {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .diamond {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .label {
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: 0;
    font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .cost {
    color: rgba(0, 0, 0, 0.85);
    letter-spacing: 0;
    text-align: right;
    font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .records-frame {
    position: relative;
    width: 8.5rem;
    margin-top: 0.43rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .title {
    width: 100%;
    font-size: 0.347rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    line-height: 0.533rem;
    font-weight: 700;
    border-bottom: 1px rgba(255, 255, 255, 0.15) solid;
    height: 0.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .title span {
    padding-left: 0.3rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 8rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .content {
    position: relative;
    width: 100%;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0;
    line-height: 0.533rem;
    font-size: 0.32rem;
    font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item-wrap {
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.1rem;
    height: 1.5rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item {
    position: relative;
    width: 8.2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .left {
    display: inline-block;
    width: 6.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right {
    display: inline-block;
    width: 100%;
    letter-spacing: 0;
    text-align: right;
    position: relative;
    right: 0.1rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right .unit {
    color: #018E00;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right .value {
    color: #018E00;
    font-size: 0.43rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .left .name {
    color: #FFFFFF;
}

.active-chest {
    padding-bottom: 0.667rem;
}

.active-chest-top {
    position: relative;
    width: 10rem;
    height: 4.45rem;
    margin-bottom: 2.89rem;
}

.active-chest-top .banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.active-chest-top .card {
    position: absolute;
    width: 10rem;
    height: 2.23rem;
    left: 0;
    bottom: -1.56rem;
}

.active-chest-top .collectable {
    position: absolute;
    left: 3rem;
    bottom: -0.84rem;
    width: 4rem;
    height: 0.78rem;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 0.11rem;
    text-align: center;
    line-height: 0.78rem;
    color: #FFEE00;
    font-size: 0.64rem;
    margin-right: 0.16rem;
    text-shadow: 2px 2px 0 #0C0000, -2px 2px 0 #0C0000, 2px -2px 0 #0C0000, -2px -2px 0 #0C0000;
}

.active-chest-top .collectable .amount {
    margin-left: 0.16rem;
    font-size: 0.64rem;
}

.active-chest-top .collect {
    position: absolute;
    bottom: -2.67rem;
    left: 3.34rem;
    width: 3.34rem;
    height: 1.78rem;
}

.active-chest-top .collect .collect-enable {
    transition: transform 0.1s ease-in-out;
}

.active-chest-top .collect .collect-enable:active {
    transform: scale(0.9);
}

.active-chest-top .collect>img {
    width: 100%;
    height: 100%;
}

.active-chest-share {
    position: relative;
    width: 8.89rem;
    height: 6rem;
    margin: 0 auto 0.25rem;
    padding-top: 1.11rem;
    box-sizing: border-box;
}

.active-chest-share .share-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.active-chest-share .share-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 0.89rem;
    padding: 0 0.22rem 0 0.44rem;
    width: 7.78rem;
    height: 1.33rem;
    background: rgba(0, 0, 0, 0.50);
    border: 1px solid #018E00;
    border-radius: 0.22rem;
    box-sizing: border-box;
}

.active-chest-share .share-link .link-url {
    width: 5.22rem;
    height: 0.56rem;
    color: #FFFFFF;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.56rem;
}

.active-chest-share .share-link .link-copy {
    width: 1.56rem;
    height: 0.89rem;
    background-image: linear-gradient(119deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.11rem;
    color: #000000;
    font-size: 0.32rem;
    line-height: 0.89rem;
    text-align: center;
    font-weight: 700;
}

.active-chest-share .share-platform {
    position: relative;
    width: 8.22rem;
    margin: 0 auto 0.55rem;
    overflow: auto;
}

.active-chest-share .share-platform::-webkit-scrollbar {
    display: none;
}

.active-chest-share .share-platform .share-container {
    display: flex;
    flex-wrap: nowrap;
}

.active-chest-share .share-platform .share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 1.36rem;
}

.active-chest-share .share-platform .icon {
    height: 0.66rem;
    width: 0.66rem;
}

.active-chest-share .share-platform .title {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.26666rem;
    line-height: 0.44rem;
}

.active-chest-share .share-desc {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0.44rem;
    font-size: 0.34666rem;
}

.active-chest-share .share-desc .desc-text {
    color: #FFEE00;
    flex-grow: 1;
}

.active-chest-share .share-desc .desc-role {
    display: flex;
    align-items: center;
    color: #FFEE00;
    transition: transform 0.1s ease-in-out;
}

.active-chest-share .share-desc .desc-role:active {
    transform: scale(0.9);
}

.active-chest-share .share-desc .icon {
    width: 0.373rem;
    height: 0.373rem;
    margin-left: 0.133rem;
}

.active-chest-scroll {
    position: relative;
    width: 10rem;
    margin: 0 auto;
    margin-bottom: 2.2rem;
}

.active-chest-scroll .scroll-side {
    position: relative;
    width: 10rem;
    height: 1.778rem;
    margin-bottom: -0.68rem;
    z-index: 1;
}

.active-chest-scroll .scroll-side-flip {
    transform: scaleY(-1);
    margin-bottom: 0;
    margin-top: -0.68rem;
}

.active-chest-scroll .scroll-title {
    position: absolute;
    top: 0.367rem;
    left: 0.889rem;
    width: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}

.active-chest-scroll .scroll-title .title-img {
    width: 4.445rem;
    height: 0.667rem;
}

.active-chest-scroll .invitee {
    display: flex;
    align-items: center;
    height: 0.667rem;
    padding: 0 0.03rem 0 0.44rem;
    color: #F8CE4D;
    line-height: 0.667rem;
    border-radius: 0.667rem;
    background: #003200;
    border: 1px solid #FFEE00;
    box-sizing: border-box;
}

.active-chest-scroll .invitee .num {
    margin-right: 0.05rem;
    font-size: 0.42666rem;
    font-weight: 700;
}

.active-chest-scroll .invitee .unit {
    font-size: 0.32rem;
    margin-top: 0.05rem;
    margin-right: 0.11rem;
}

.active-chest-scroll .invitee .arrow {
    width: 0.556rem;
    height: 0.556rem;
}

.active-chest-scroll .chest-row {
    display: flex;
    align-items: center;
    /* gap: 0 0.27rem; */
    position: relative;
    width: 8.88rem;
    height: 2.666rem;
    margin: 0 auto;
    padding: 0 0.5rem;
    box-sizing: border-box;
    margin-bottom: -0.0084rem;
}

.active-chest-scroll .chest-row-flip {
    justify-content: flex-end;
}

.active-chest-scroll .row-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.active-chest-scroll .chest-item {
    position: relative;
    padding: 0 0.1rem;
}

.active-chest-scroll .chest {
    position: relative;
    width: 1.77rem;
    height: 1.77rem;
    z-index: 2;
}

.active-chest-scroll .chest>img {
    position: relative;
    width: 100%;
    height: 100%;
}

.active-chest-scroll .progress {
    font-family: ArialMT;
    position: absolute;
    left: 0;
    bottom: 0.053rem;
    width: 100%;
    font-size: 0.2666666rem;
    text-align: center;
    color: #FFFFFF;
}

.active-chest-scroll .current {
    color: #FFEE00;
    font-weight: 700;
    margin-right: 0.053rem;
}

.active-chest-scroll .reward {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.44rem;
}

.active-chest-scroll .reward .amount {
    color: rgba(255, 255, 255, 0.85);
}

.active-chest-scroll .reward-activated {
    color: #FFEE00;
    font-weight: 700;
}

.active-chest-scroll .reward-activated .amount {
    color: #FFEE00;
}

.active-chest-scroll .next {
    display: none;
    position: absolute;
    width: 0.556rem;
    height: 0.556rem;
    border-radius: 0.556rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
    z-index: 3;
}

.active-chest-scroll .next>img {
    width: 100%;
    height: 100%;
}

.active-chest-scroll .next-left {
    display: block;
    top: 0.556rem;
    left: -0.28rem;
}

.active-chest-scroll .next-left>img {
    transform: rotate(180deg);
}

.active-chest-scroll .next-right {
    display: block;
    top: 0.556rem;
    right: -0.28rem;
}

.active-chest-scroll .next-down {
    display: block;
    bottom: -0.55rem;
    left: 0.70rem;
}

.active-chest-scroll .next-down>img {
    transform: rotate(90deg);
}

.active-chest-description {
    background: transparent !important;
}

.active-chest-description .mask {}

.active-chest-description .container {
    position: relative;
    width: 8.89rem;
    max-width: 8.89rem;
    padding: 1.333rem 0.667rem 0.667rem 0.667rem;
    background: #003200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
}

.active-chest-description .title {
    margin-bottom: 0.22rem;
    color: #FFFFFF;
    font-size: 0.4267rem;
    font-weight: 700;
    line-height: 0.667rem;
    text-align: center;
}

.active-chest-description .content {
    margin-bottom: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.3733rem;
    line-height: 0.61rem;
    overflow: auto;
    text-align: justify;
}

.active-chest-description .content::-webkit-scrollbar {
    display: none;
}

.active-chest-description .button {
    height: 1.11rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
    line-height: 1.111rem;
    background-image: linear-gradient(98deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    font-size: 0.3733rem;
}

.active-chest-invitee-frame {
    position: relative;
    left: 0.0;
    width: 10rem;
    /* padding-top: 0.44rem; */
}

.active-chest-invitee-menu {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0 0.111rem;
    width: 9rem;
    left: 0.5rem;
    margin: 0.5rem 0;
}

.active-chest-invitee-menu .menu-item {
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.34666rem;
    background: #004900;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.22rem;
    box-sizing: border-box;
    width: 100%;
}

.active-chest-invitee-menu .menu-item-cur {
    color: #FFEE00;
    font-weight: 700;
    background: #018E00;
    border: none;
}

.active-chest-invitee-title {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    display: flex;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}

.active-chest-invitee-title>div {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.08rem;
    height: 1.33rem;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 0.44rem;
    font-weight: 700;
}

.active-chest-invitee-title>div:first-child {
    width: auto;
    flex-grow: 1;
}

.active-chest-invitee-title>div:after {
    position: absolute;
    top: 0.39rem;
    right: 0;
    content: ' ';
    width: 1px;
    height: 0.55rem;
    background: rgba(255, 255, 255, 0.15);
}

.active-chest-invitee-title>div:last-child:after {
    content: none;
}

.active-chest-invitee-list {
    position: relative;
    width: 9rem;
    left: 0.5rem;
    max-height: calc(100vh - 6rem);
    overflow: auto;
}

.active-chest-invitee-list::-webkit-scrollbar {
    display: none;
}

.active-chest-invitee-list .list-item {
    display: flex;
}

.active-chest-invitee-list .list-item:nth-child(2n) {
    background: rgba(255, 255, 255, 0.08);
}

.active-chest-invitee-list .list-item:last-child {
    border-radius: 0 0 0.22rem 0.22rem;
}

.active-chest-invitee-list .list-item>div {
    width: 2.08rem;
    height: 1.33rem;
}

.active-chest-invitee-list .list-item>div:first-child {
    width: auto;
    min-width: 0;
    flex-grow: 1;
    padding: 0 0.22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.active-chest-invitee-list .list-item>div:not(:first-child) {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    line-height: 0.44rem;
}

.active-chest-invitee-list .list-item .username {
    color: #FFFFFF;
    font-size: 0.32rem;
    line-height: 0.556rem;
}

.active-chest-invitee-list .list-item .user-id {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.26666rem;
    line-height: 0.44rem;
}

.active-chest-invitee-list .list-item .status-pending {
    color: #FFAF00;
}

.active-chest-invitee-list .list-item .status-active {
    color: #66FF66;
}

.active-chest-invitee-list .list-item .status-inactive {
    color: rgba(255, 255, 255, 0.85);
}

.active-chest-invitee-list .list-loading {
    text-align: center;
    padding: 20px;
    color: #FFFFFF;
}

.happy-hour-page {
    position: relative;
    width: 10rem;
    line-height: 0;
}

.happy-hour-page .bg {
    width: 100%;
    z-index: 1;
}

.happy-hour-page .main {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.happy-hour-page .main .top-box {
    display: flex;
    position: relative;
}

.happy-hour-page .main .top-box .icon {
    width: 10rem;
    margin-top: 0.1rem;
}

.happy-hour-page .main .top-box .content {
    z-index: 10;
    position: absolute;
    top: 3.71rem;
    width: 10rem;
    margin: 0 auto;
    line-height: 0.32rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.happy-hour-page .main .top-box .content .text-top {
    width: 6.5rem;
    text-align: center;
}

.happy-hour-page .main .top-box .content .text-top .font1 {
    font-size: 0.32rem;
    color: #ffffff;
    margin-bottom: 0.1rem;
    font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-top .font2 {
    font-size: 0.293333rem;
    color: #ffee00;
    word-break: break-all;
    font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-btm {
    position: absolute;
    top: 1.5rem;
    line-height: 0.32rem;
    text-align: center;
}

.happy-hour-page .main .top-box .content .text-btm .font1 {
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0.05rem;
    font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-btm .font2 {
    font-size: 0.32rem;
    line-height: 0.3733333rem;
    color: #23FFB9;
    font-weight: 700;
}

.happy-hour-page .main .top-box .top-badge {
    position: absolute;
    z-index: 20;
    bottom: -1.32rem;
    right: 0rem;
}

.happy-hour-page .main .top-box .top-badge .badge {
    width: 3.4rem;
    height: 3.4rem;
}

.happy-hour-page .main .top-box .top-badge .text {
    position: absolute;
    bottom: 1.11rem;
    right: 0.31rem;
    font-size: 0.64rem;
    color: #018E00;
    line-height: 0.64rem;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    width: 3.11rem;
    text-shadow: 0.5px 0px 0px #FFF5E0, 0px 0.5px 0px #FFDABF, -0.5px 0px 0px #FFFFFF, 0px -0.5px 0px #F9C486, 0.5px 0.5px 0px #FFF5E0, -0.5px 0.5px 0px #FFDABF, 0.5px -0.5px 0px #FFFFFF, -0.5px -0.5px 0px #F9C486;
}

@keyframes floatIngot {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-0.1rem);
    }
}

.happy-hour-page .main .ingot-box {
    position: absolute;
    left: 0;
    top: 5.66rem;
    width: 10rem;
    z-index: 100;
    animation: floatIngot 3s ease-in-out infinite;
}

.happy-hour-page .main .ingot-box .ingot {
    position: relative;
    display: flex;
    justify-content: center;
}

.happy-hour-page .main .ingot-box .ingot .ingot-img {
    width: 6.6rem;
    height: 4.25rem;
    z-index: 10;
    margin-top: 1.43rem;
}

@keyframes spinLight {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.happy-hour-page .main .ingot-box .ingot .light-img {
    position: absolute;
    width: 8rem;
    height: 8rem;
    z-index: 1;
    animation: spinLight 40s linear infinite;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num {
    position: absolute;
    font-size: 0.853333rem;
    bottom: 0.8rem;
    font-weight: 900;
    line-height: 1.1rem;
    z-index: 100;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text {
    position: relative;
    display: flex;
    color: transparent;
    display: flex;
    justify-content: center;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::before {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    color: transparent;
    text-shadow: 1.5px 1.5px 0 #FFEE00, -1.5px 1.5px 0 #FFEE00, 1.5px -1.5px 0 #FFEE00, -1.5px -1.5px 0 #FFEE00, 0 4px 6px rgba(0, 0, 0, 0.35);
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::after {
    content: attr(data-text);
    position: absolute;
    z-index: 2;
    background: #018E00;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.happy-hour-page .main .button {
    position: absolute;
    top: 11.15rem;
    display: flex;
    justify-content: center;
    width: 10rem;
    z-index: 100;
}

.happy-hour-page .main .button img {
    width: 2.76rem;
    height: 2.76rem;
}

.happy-hour-page .main .button .img-enable {
    transition: transform 0.1s ease-in-out;
}

.happy-hour-page .main .button .img-enable:active {
    transform: scale(0.9);
}

.happy-hour-page .main .rule-list {
    position: absolute;
    width: 10rem;
    top: 14rem;
}

.happy-hour-page .main .rule-list .box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.happy-hour-page .main .rule-list .box .bg {
    margin: 0 0.55rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-image: linear-gradient(125deg, #FFE2B4 0%, #FDAC50 100%);
    border: 1px solid #EE9336;
    opacity: 0.85;
    border-radius: 16px;
}

.happy-hour-page .main .rule-list .box .bg .title {
    display: flex;
    justify-content: center;
    padding-top: 0.45rem;
    align-items: center;
}

.happy-hour-page .main .rule-list .box .bg .title .line {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.65) 100%);
    border-radius: 0.03rem;
    height: 0.06rem;
    width: 1.61rem;
}

.happy-hour-page .main .rule-list .box .bg .title .lineR {
    transform: scaleX(-1);
}

.happy-hour-page .main .rule-list .box .bg .title .rule-title {
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.85);
    letter-spacing: 0;
    text-align: center;
    line-height: 0.42rem;
    font-weight: 700;
    margin: 0 0.26rem;
}

.happy-hour-page .main .rule-list .box .bg .text {
    margin-top: 0.22rem;
    width: 7.55rem;
    font-size: 0.32rem;
    text-align: justify;
    line-height: 0.44rem;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: 0;
    z-index: 2;
}

.happy-hour-page .main .rule-list .box .text .item {
    margin-bottom: 0.44rem;
}

.promotional-pass {
    padding-bottom: 3.44rem;
}

.promotional-pass-top {
    position: relative;
    width: 10rem;
    height: 4.45rem;
}

.promotional-pass-summary {
    position: relative;
    width: 10rem;
    height: 2.06rem;
    margin-bottom: 0.44rem;
}

.promotional-pass-top .banner-bg,
.promotional-pass-summary .summary-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promotional-pass-summary .month {
    position: relative;
    margin-bottom: 0.22rem;
    color: #003200;
    font-size: .32rem;
    line-height: 0.556rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0.5px 0.5px 0 #FFAF00, 0.5px -0.5px 0 #FFAF00, -0.5px 0.5px 0 #FFAF00, -0.5px -0.5px 0 #FFAF00;
}

.promotional-pass-summary .content {
    position: relative;
    display: flex;
    padding: 0 0.556rem;
    box-sizing: border-box;
}

.promotional-pass-summary .content>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    line-height: 0.44rem;
    width: 100%;
}

.promotional-pass-summary .amount {
    color: #FFFFFF;
    font-size: 0.64rem;
    font-weight: 700;
    line-height: 0.667rem;
}

.promotional-pass-targets {
    position: relative;
    width: 8.89rem;
    margin: 0 auto;
    padding: 1.33rem 0.22rem 0.22rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(0, 50, 0, 0.00) 0%, rgba(0, 50, 0, 0.45) 99%);
    border-radius: 0.33rem;
}

.promotional-pass-targets .targets-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.22rem;
}

.promotional-pass-targets .target-item {
    position: relative;
    display: flex;
    height: 1.556rem;
    border-radius: 0.22rem;
    overflow: hidden;
    margin-bottom: 0.11rem;
    z-index: 1;
}

.promotional-pass-targets .target-type.target-item-collected {
    opacity: 0.45;
}

.promotional-pass-targets .reward-normal.target-item-collected {
    background-image: linear-gradient(118deg, rgba(106, 219, 54, 0.30) 0%, rgba(1, 142, 0, 0.30) 100%);
}

.promotional-pass-targets .reward-pass.target-item-collected {
    background-image: linear-gradient(93deg, rgba(13, 60, 138, 0.30) 0%, rgba(7, 132, 254, 0.30) 100%);
}

.promotional-pass-targets .target-item:last-child {
    margin-bottom: 0;
}

.promotional-pass-targets .target-type {
    width: 2.66rem;
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.75) 0%, rgba(0, 50, 0, 0.75) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotional-pass-targets .target-title {
    width: 100%;
}

.promotional-pass-targets .amount {
    position: relative;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.44rem;
    text-align: center;
    z-index: 1;
    transform: translateZ(1px);
}

.promotional-pass-targets .reward-normal .amount {
    color: #FFFFFF;
}

.promotional-pass-targets .amount .number {
    margin-left: 0.11rem;
    font-size: 0.373rem;
    color: #FFFFFF;
    font-weight: 700;
}

.promotional-pass-targets .amount-pass,
.promotional-pass-targets .amount-pass .number {
    color: #FFEE00;
}

.promotional-pass-targets .reward-normal,
.promotional-pass-targets .reward-pass {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotional-pass-targets .reward-normal {
    width: 2.89rem;
    background-image: linear-gradient(118deg, rgba(106, 219, 54, 0.75) 0%, rgba(1, 142, 0, 0.75) 100%);
}

.promotional-pass-targets .reward-pass {
    flex-grow: 1;
    background-image: linear-gradient(93deg, rgba(13, 60, 138, 0.75) 0%, rgba(7, 132, 254, 0.75) 100%);
}

.promotional-pass-targets .collectable-bg {
    display: none;
    position: absolute;
    width: 2.22rem;
}

.promotional-pass-targets .status-icon {
    position: absolute;
    bottom: 0.11rem;
    right: 0.11rem;
    width: 0.55rem;
    height: 0.55rem;
}

@keyframes collectableLight {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.promotional-pass-targets .target-item-collectable .collectable-bg {
    display: block;
    animation: collectableLight 10s linear infinite;
}

.promotional-pass-targets .target-item-collected .collectable-bg,
.promotional-pass-targets .target-item-hide-pass-collect .reward-pass .collectable-bg {
    display: none;
}

.promotional-pass-fixed {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 10rem;
    height: 2.44rem;
    padding-bottom: 0.22rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.50) 0%, rgba(1, 142, 0, 0.00) 100%);
    box-shadow: inset 0 1px 0 0 rgba(255, 238, 0, 0.50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
}

.promotional-pass-fixed img {
    width: 8.33rem;
    height: 1.78rem;
}

.promotional-pass-fixed .pass-buy {
    transition: transform 0.1s ease-in-out;
}

.promotional-pass-fixed .pass-buy:active {
    opacity: 0.45;
    /* transform: scale(0.9); */
}

.promotional-pass-fixed .pass-buy .price {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0.72rem;
    left: 5.55rem;
    color: #003200;
    font-size: 0.426666rem;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px 0 #F8BD91, 1px -1px 0 #F8BD91, -1px 1px 0 #F8BD91, -1px -1px 0 #F8BD91;
}

.promotional-pass-fixed .pass-buy .price .amount {
    margin-left: 0.05rem;
    font-size: 0.7466rem;
}

.promotional-pass-buy {
    background-color: transparent !important;
}

.promotional-pass-buy .mask {
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotional-pass-buy .container {
    width: 8.33rem;
    height: 10.55rem;
}

.promotional-pass-buy .container .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.33rem;
    height: 10.55rem;
}

.promotional-pass-buy .container .close {
    position: absolute;
    top: 0.333rem;
    right: 0.333rem;
    width: 0.6rem;
    height: 0.6rem;
}

.promotional-pass-buy .container .price {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.33rem;
    height: 1.33rem;
    margin: 4.86rem auto 1.78rem;
    color: #FFEE00;
    font-size: 0.5333rem;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0.22rem;
}

.promotional-pass-buy .container .price .amount {
    margin-left: 0.05rem;
    font-size: 0.853333rem;
}

.promotional-pass-buy .container .button {
    position: relative;
    display: block;
    width: 5.55rem;
    height: 1.33rem;
    margin: 0 auto;
}

.first-recharge-v3 {
    padding-bottom: 1rem;
}

.first-recharge-v3-top {
    position: relative;
    width: 10rem;
    height: 4.44rem;
}

.first-recharge-v3-days {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.16rem;
    width: 9rem;
    height: 2rem;
    margin: 0 auto 0.38rem;
}

.first-recharge-v3-top .top-bg,
.first-recharge-v3-days .days-bg,
.first-recharge-v3-days .day .day-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.first-recharge-v3-days .day {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.56rem;
    height: 1.56rem;
    color: #018E00;
    font-size: 0.53333rem;
    font-weight: 700;
}

.first-recharge-v3-days .day-current {
    color: #003200;
}

.first-recharge-v3-days .day>span {
    position: relative;
}

.first-recharge-v3-days .day .day-triangle {
    display: none;
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    bottom: -0.6rem;
}

.first-recharge-v3-days .day-current .day-triangle {
    display: block;
}

.first-recharge-v3-content {
    width: 8.67rem;
    background-image: linear-gradient(180deg, rgba(0, 50, 0, 0.50) 0%, rgba(0, 50, 0, 0.25) 100%);
    border: 1px solid rgba(255, 200, 0, 0.50);
    border-radius: 0.44rem;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}

.first-recharge-v3-content .content-top {
    background-image: linear-gradient(180deg, #003200 0%, rgba(0, 50, 0, 0.00) 100%);
    padding: 0.22rem 0.44rem 0 0.44rem;
}

.first-recharge-v3-content .title {
    display: flex;
    align-items: center;
    margin-bottom: 0.22rem;
    color: #FFFFFF;
    font-size: 0.3733333rem;
}

.first-recharge-v3-content .title>img {
    width: 0.67rem;
    height: 0.67rem;
    margin: 0 0.22rem 0 0.11rem;
}

.first-recharge-v3-content .status {
    position: relative;
}

.first-recharge-v3-content .status>img {
    width: 7.78rem;
    height: 1.11rem;
    margin-bottom: 0.22rem;
}

.first-recharge-v3-content .status .countdown {
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 100%;
    font-size: 0.3733rem;
    color: #FFFFFF;
    line-height: 0.44rem;
    font-weight: 700;
    text-align: center;
}

.first-recharge-v3-content .reward-tiers {
    width: 7.78rem;
    margin: 0 auto 0.44rem;
    background-image: linear-gradient(180deg, rgba(0, 50, 0, 0.50) 0%, rgba(1, 142, 0, 0.50) 100%);
    border: 1px solid #FFC800;
    border-radius: 0.22rem;
}

.first-recharge-v3-content .tiers-title {
    display: flex;
    align-items: center;
    height: 0.889rem;
    color: #FFFFFF;
    font-size: 0.32rem;
    line-height: 0.889rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem;
    position: relative;
    justify-content: center;
    gap: 0.22rem;
}

.first-recharge-v3-content .tiers-title .line {
    width: 0.02666666rem;
    height: 0.4266666rem;
    background-color: rgba(255, 255, 255, 0.15);
}

.first-recharge-v3-content .tiers-item {
    display: flex;
    width: 6.889rem;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.45);
    line-height: 0.889rem;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.08);
}

.first-recharge-v3-content .tiers-item>div {
    width: 50%;
    text-align: center;
}

.first-recharge-v3-content .tiers-item .unit {
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 0;
    line-height: 0.42666rem;
}

.first-recharge-v3-content .amount {
    margin-left: 0.222222rem;
}

.first-recharge-v3-content .deposit .amount {
    font-size: 0.3733333rem;
    color: #FFFFFF;
}

.first-recharge-v3-content .reward .amount {
    color: #F8CD42;
    font-weight: 700;
    font-size: 0.4266666rem;
}

.first-recharge-v3-content .deposit-button {
    width: 6.889rem;
    height: 1.11rem;
    margin: 0.22rem auto 0.44rem;
    color: #000000;
    text-align: center;
    line-height: 1.11rem;
    background-image: linear-gradient(99deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    box-sizing: border-box;
    font-size: 0.34666rem;
}

.first-recharge-v3-content .deposit-disabled {
    color: rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
}

.first-recharge-v3-content .deposit-enable {
    transition: transform 0.1s ease-in-out;
}

.first-recharge-v3-content .deposit-enable:active {
    transform: scale(0.9);
}

.first-recharge-v3 .hdialog-rules-contentframe,
.promotional-pass .hdialog-rules-contentframe {
    border: none;
    background: none;
}

.first-recharge-v3 .gift-tips,
.promotional-pass .gift-tips {
    color: #FFFFFF;
}

.dialog-sdcommon-class {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
    background: rgba(0, 0, 0, 0.05) !important;
    width: 10rem !important;
}

.gold-coin-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 3000;
    background: rgba(0, 0, 0, 0.65);
}

/* .coins-ani {
  background-image: url('static/svg/bonusModal/coins-ani.png');
  background-size: 10.2564rem 2.0512rem;
  width: 2.0512rem;
  height: 2.0512rem;
  background-repeat: no-repeat;
  animation: coin-rotate-a60f7ff1 .5s steps(5) infinite;
  position: absolute
} */

.goldbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3010;
}

.goldbox-wait {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center
}

.goldbox-wait .aperture1 {
    width: 9.7179rem;
    height: 9.7179rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transform-origin: center;
    animation: aperture-a60f7ff1 10s linear infinite
}

/* .goldbox-wait .box-wait {
  width: 3.8974rem;
  height: 4.5256rem;
  background: url(static/svg/bonusModal/wait-ani.png) no-repeat;
  background-size: 54.5641rem 4.5256rem;
  animation: box-wait-a60f7ff1 1s steps(14) infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
} */

.goldbox-wait .box-wait .btn-open {
    width: 4.2051rem;
    height: 1.1282rem;
    position: absolute;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    color: #000000;
    text-align: center;
    text-shadow: .0128rem .0128rem 0rem rgba(255, 255, 255, .25);
    font-size: 0.426rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1282rem;
    text-transform: uppercase;
    margin-top: 6.4102rem;
    border-radius: 0.22rem;
}

.goldbox-wait .box-wait .text-warpper {
    width: 100%;
    margin-bottom: 7.6923rem;
    padding: 0 1rem;
    max-width: 10rem;
    min-width: 10rem
}

.goldbox-wait .box-wait .text-warpper .title {
    text-align: center;
    font-size: 0.9743rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5;
    text-transform: uppercase;
    /* background: linear-gradient(180deg,#f0e96f -9.75%,#d9c14c 93.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent */
    /* color: #f8ff7a;
  text-shadow: 2px 0 0 #d72f2f,0 2px 0 #d72f2f,-2px 0 0 #d72f2f,0 -2px 0 #d72f2f,2px 2px 0 #d72f2f,-2px 2px 0 #d72f2f,2px -2px 0 #d72f2f,-2px -2px 0 #d72f2f; */
    color: #F5C84C;
    text-shadow: 2px 0 0 #018E00, 0 2px 0 #018E00, -2px 0 0 #018E00, 0 -2px 0 #018E00, 2px 2px 0 #018E00, -2px 2px 0 #018E00, 2px -2px 0 #018E00, -2px -2px 0 #018E00;
}

.goldbox-wait .box-wait .text-warpper .description {
    position: relative;
    color: #FFF8BA;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .25);
    font-size: .373rem;
    font-style: normal;
    width: 8rem;
    left: 1rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 0.22rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.goldbox-open {
    width: 10rem;
    height: 10rem;
    position: relative
}

/* .goldbox-open .box-open {
  width: 11.4871rem;
  height: 11.4871rem;
  background: url(static/svg/bonusModal/open-ani.png) no-repeat;
  background-size: 45.9487rem 68.923rem;
  animation: box-open-x-a60f7ff1 0.25s steps(4) 6,box-open-y-a60f7ff1 1.5s steps(6) 1;
  animation-play-state: running;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
} */

.goldbox-open .box-open .aperture2 {
    width: 9.7179rem;
    height: 9.7179rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transform-origin: center;
    animation: aperture-a60f7ff1 10s linear infinite
}

.goldbox-open .box-open .btn-receive {
    width: 4.2051rem;
    height: 1.1578rem;
    position: absolute;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    color: #000000;
    text-align: center;
    text-shadow: .0128rem .0128rem 0rem rgba(255, 255, 255, .25);
    font-size: 0.426rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1578rem;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 3.0769rem;
    border-radius: 0.22rem;
}

.goldbox-open .box-open .text-warpper {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.goldbox-open .box-open .text-warpper .title {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #FFF8BA;
    text-align: center;
    text-shadow: 2px 0 0 #C54274, 0 2px 0 #C54274, -2px 0 0 #C54274, 0 -2px 0 #C54274, 2px 2px 0 #C54274, -2px 2px 0 #C54274, 2px -2px 0 #C54274, -2px -2px 0 #C54274;
    text-transform: uppercase;
    font-size: 0.4615rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5
}

.goldbox-open .box-open .text-warpper .reward {
    color: #F5C84C;
    text-align: center;
    text-shadow: 2px 0 0 #018E00, 0 2px 0 #018E00, -2px 0 0 #018E00, 0 -2px 0 #018E00, 2px 2px 0 #018E00, -2px 2px 0 #018E00, 2px -2px 0 #018E00, -2px -2px 0 #018E00;
    text-transform: uppercase;
    font-size: 0.9743rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5
}

@keyframes coin-rotate-a60f7ff1 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -10.2564rem 0
    }
}

@keyframes aperture-a60f7ff1 {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes box-wait-a60f7ff1 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -54.5641rem 0
    }
}

@keyframes box-open-x-a60f7ff1 {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: -45.9487rem
    }
}

@keyframes box-open-y-a60f7ff1 {
    0% {
        background-position-y: 0
    }
    to {
        background-position-y: -68.923rem
    }
}

.goldbox-openreward {
    width: 10rem;
    height: 100vh;
    position: relative
}

.goldbox-openreward .box-multi {
    position: absolute;
    width: 10rem;
    height: 12.22rem;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.goldbox-openreward .box-multirecharge {
    position: absolute;
    width: 10rem;
    min-height: 10rem;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.goldbox-openreward .box-multi-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.goldbox-openreward .box-multi-rechargebg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.17rem;
    width: 8.34rem;
    height: 4.448rem;
}

.goldbox-openreward .box-multi-close {
    position: absolute;
    top: 0;
    right: 0.83rem;
    width: 1rem;
    height: 1rem;
}

.goldbox-openreward .box-multi-closeicon {
    position: absolute;
    top: 0.22rem;
    right: 0.22rem;
    width: 0.666rem;
    height: 0.666rem;
}

.goldbox-openreward .box-multi-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
}

.goldbox-openreward .box-multi-topbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    z-index: 11;
}

.goldbox-openreward .box-multi-bottombg {
    position: absolute;
    bottom: 2.2rem;
    left: 0;
    width: 10rem;
    z-index: 11;
}

.goldbox-openreward .box-multi-contentlist {
    position: absolute;
    top: 2.9rem !important;
    left: 50% !important;
    margin-left: -3.56rem !important;
    width: 7.12rem !important;
    background-image: linear-gradient(180deg, #FFE6C1 0%, #E3A77A 100%) !important;
    border: 1px solid #FFDABF !important;
    border-radius: 0.44rem !important;
}

.goldbox-openreward .box-multi-content .multilist-title-frame {
    position: absolute;
    top: 0.6rem;
    left: 50%;
    margin-left: -3.11rem;
    width: 6.22rem;
    height: 1.5rem;
}

.goldbox-openreward .box-multi-content .multilist-title-main {
    position: relative;
    left: 0;
    width: 6.22rem;
    text-align: center;
    color: #000000;
    font-size: .48rem;
    line-height: .64rem;
    font-weight: 700;
    z-index: 20;
}

.goldbox-openreward .box-multi-content .multilist-title-sub {
    position: relative;
    margin-top: 0.1rem;
    left: 0;
    width: 6.22rem;
    text-align: center;
    color: #974000;
    font-size: .29rem;
    line-height: .373rem;
    font-weight: 400;
    z-index: 20;
}

.goldbox-openreward .box-multi-content .multilist-value-frame {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    min-height: 1.1188rem;
    border: 1.5px dotted #E3955B;
    border-radius: 0.33rem;
    padding-bottom: 0.27rem;
}

.goldbox-openreward .box-multi-content .multilist-value-title-frame {
    position: relative;
    margin-top: -0.22rem;
    left: 50%;
    margin-left: -1.9444rem;
    width: 3.8888rem;
    height: 0.44rem;
    background: #E3955B;
    border-radius: 0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi-content .multilist-value-title-frame .multi-title {
    width: 1.9444rem;
    color: #FFFFFF;
    text-align: center;
    font-size: .32rem;
    font-weight: 400;
}

.goldbox-openreward .box-multi-content .multilist-value-line {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -1.9444rem;
    width: 3.8888rem;
    height: 0.22rem;
}

.goldbox-openreward .box-multi-content .multilist-value-item {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -1.9444rem;
    width: 3.8888rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi-content .multilist-value-item-left {
    position: relative;
    top: 1px;
    width: 1.9444rem;
    color: #4E9600;
    text-align: center;
    font-size: .4rem;
    font-weight: 700;
}

.goldbox-openreward .box-multi-content .multilist-value-item-right {
    position: relative;
    top: 1px;
    width: 1.9444rem;
    color: #C10000;
    text-align: center;
    font-size: .4rem;
    font-weight: 700;
}

.goldbox-openreward .box-multi-content .multilist-value-item-line {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 1px;
    border-top: 1px solid #E3955B;
}

.goldbox-openreward .box-multi-content .multi-title-frame {
    position: absolute;
    top: 3.25rem;
    left: 50%;
    margin-left: -3.11rem;
    width: 6.22rem;
    height: 1.5rem;
}

.goldbox-openreward .box-multi-content .multi-title-main {
    position: relative;
    left: 0;
    width: 6.22rem;
    text-align: center;
    color: #000000;
    font-size: .373rem;
    line-height: .64rem;
    font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-title-sub {
    position: relative;
    left: 0;
    width: 6.22rem;
    text-align: center;
    color: #974000;
    font-size: .29rem;
    line-height: .32rem;
    font-weight: 400;
}

.goldbox-openreward .box-multi-content .multi-title-mainreward {
    position: relative;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.goldbox-openreward .box-multi-content .multi-title-subreward {
    position: relative;
    margin-top: 0.1rem;
    left: 0;
    width: 6.22rem;
    text-align: center;
    color: #478800;
    font-size: .373rem;
    line-height: .373rem;
    font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-value-frame {
    position: absolute;
    top: 5.15rem;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi-content .multi-value-text {
    position: relative;
    font-size: 1.06rem;
    color: #974000;
    font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-value-unit {
    position: relative;
    color: #974000;
    font-size: .853rem;
    font-weight: 400;
}

.goldbox-openreward .box-multi-content .multi-unit-frame {
    position: absolute;
    top: 6rem;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 1rem;
    line-height: 1rem;
    color: #974000;
    font-weight: 700;
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi-rechargecontent {
    position: absolute;
    top: 4.4rem;
    left: 50%;
    margin-left: -4.17rem;
    width: 8.34rem;
    min-height: 4.5rem;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    border-radius: 0 0 0.66rem 0.66rem;
}

.goldbox-openreward .box-multi-rechargecontent .content-tips {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    margin-left: -3.5rem;
    width: 7rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: .373rem;
    line-height: .533rem;
    font-weight: 400;
    text-align: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn {
    position: relative;
    margin-top: 0.44rem;
    margin-bottom: 0.66rem;
    left: 50%;
    margin-left: -4.17rem;
    width: 8.34rem;
    height: 1.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-left {
    position: relative;
    width: 3.38rem;
    height: 1.33rem;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-size: .373rem;
    line-height: .426rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-left:active {
    transform: scale(0.9);
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right {
    position: relative;
    margin-left: 0.22rem;
    width: 3.39rem;
    height: 1.34rem;
    background-image: linear-gradient(111deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right:active {
    transform: scale(0.9);
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right-text {
    position: relative;
    width: 2.22rem;
    color: #000000;
    font-size: .373rem;
    line-height: .426rem;
    font-weight: 400;
    text-align: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right-icon {
    position: relative;
    width: 0.66rem;
    height: 0.66rem;
}

.goldbox-openreward .box-multi .btn-frame {
    position: absolute;
    bottom: 0.44rem;
    left: 0;
    width: 10rem;
    height: 1.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goldbox-openreward .box-multi .btn-frame-left {
    position: relative;
    width: 4.222rem;
    height: 1.33rem;
    background-image: linear-gradient(107deg, #838383 0%, #003200 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    line-height: .426rem;
    font-weight: 400;
    text-align: center;
    transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-left:active {
    transform: scale(0.9);
}

.goldbox-openreward .box-multi .btn-frame-right {
    margin-left: 0.22rem;
    position: relative;
    width: 4.222rem;
    height: 1.33rem;
    background-image: linear-gradient(107deg, #FFEE00 0%, #FFC800 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.7rem;
    color: #000000;
    font-size: .373rem;
    line-height: .426rem;
    font-weight: 400;
    text-align: center;
    transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-right:active {
    transform: scale(0.9);
}

.goldbox-openreward .box-multi .btn-frame-center {
    margin-left: 0.22rem;
    position: relative;
    width: 6.666rem;
    height: 1.33rem;
    background-image: linear-gradient(107deg, #FFEE00 0%, #FFC800 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.7rem;
    color: #000000;
    font-size: .373rem;
    line-height: .426rem;
    font-weight: 400;
    text-align: center;
    transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-center:active {
    transform: scale(0.9);
}

.dialog-oldnewer-class {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: unset !important;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 10rem !important;
}

.hdialog-oldnewer-outframe {
    position: relative;
    width: 10rem;
    height: 100vh;
}

.hdialog-oldnewer-outframe .newer-title {
    position: sticky;
    top: 0;
    left: 0;
    width: 10rem;
    height: 1.33rem;
    background: #001A00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .426rem;
    z-index: 2;
}

.hdialog-oldnewer-outframe .newer-title-close {
    position: absolute;
    top: 0.2rem;
    left: 0.426rem;
    width: 0.9rem;
    height: 0.9rem;
}

.hdialog-oldnewer-outframe .newer-content {
    position: relative;
    left: 0;
    width: 10rem;
    height: 20.2rem;
    overflow-x: hidden;
    overflow-y: hidden;
}

.hdialog-oldnewer-outframe .newer-content-bg {
    position: absolute;
    left: 0;
    width: 10rem;
}

.hdialog-oldnewer-outframe .newer-content .top-banner {
    position: relative;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -3.33rem;
    width: 6.66rem;
    height: 4.44rem;
    z-index: 10;
}

.hdialog-oldnewer-outframe .newer-content .turn-frame {
    position: relative;
    margin-top: 0.55rem;
    left: 0;
    width: 10rem;
    height: 8.88rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdialog-oldnewer-outframe .newer-content .turn-tablebg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 8.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table {
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -3.44rem;
    width: 6.88rem;
    height: 6.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item {
    position: absolute;
    left: 50%;
    width: 2rem;
    height: 2.4rem;
    transform-origin: 50% 3.44rem;
    text-align: center;
    font-size: .32rem;
    color: white;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-reward {
    position: absolute;
    top: 0.8rem;
    width: 100%;
    height: 1rem;
    text-align: center;
    font-size: .373rem;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-goodluck {
    top: 0.8rem !important;
    font-size: .373rem !important;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-reward-unit {
    font-size: .32rem;
    margin-right: 1px;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-turnover {
    position: absolute;
    top: 1.9rem;
    width: 100%;
    text-align: center;
    font-size: .3rem;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-icon {
    position: absolute;
    top: 0rem;
    left: 50%;
    margin-left: -0.775rem;
    height: 1.55rem;
    width: 1.55rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-icon-big {
    position: absolute;
    top: 0rem;
    left: 50%;
    margin-left: -0.775rem;
    height: 1.55rem;
    width: 1.55rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-turnover-goodluck {
    top: 1.5rem;
    font-size: .373rem !important;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.88rem;
    height: 6.88rem;
    transition: transform 5.5s ease-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.88rem;
    height: 6.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content-pointer {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    margin-left: -0.78rem;
    width: 1.56rem;
    height: 1.56rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2rem;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    transition: transform 0.1s ease-in-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw-disable {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2rem;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    transition: transform 0.1s ease-in-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw:active {
    opacity: 0.45;
    transform: scale(0.9);
}

.hdialog-oldnewer-outframe .newer-content .turn-table-finger {
    position: absolute;
    top: 65%;
    left: 50%;
    margin-top: -0.775rem;
    margin-left: -0.775rem;
    width: 1.55rem;
    height: 1.55rem;
    animation: fingerBlink 1s infinite;
}

@keyframes fingerBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

.hdialog-oldnewer-outframe .newer-content .rule-frame {
    position: relative;
    margin-top: -0.8rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 7rem;
    overflow: hidden;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.88rem;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-content {
    position: absolute;
    top: 1.11rem;
    left: 0.7rem;
    width: 7.5rem;
    height: 5.32rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-item {
    margin-bottom: 0.15rem;
    position: relative;
    color: #FFFFFF;
    font-size: .28rem;
    line-height: 0.426rem;
    text-align: left;
}

.dialog-oldnewerreward-class {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(0) !important;
    -webkit-backdrop-filter: blur(0) !important;
    background-color: transparent !important;
    width: 10rem !important;
}

.hdialog-oldnewerreward-outframe {
    width: 10rem;
    height: 100vh;
    display: flex;
    align-items: center;
}

.hdialog-oldnewerreward-outframe .newerreward-content-frame {
    position: absolute;
    margin-top: -15%;
    left: 50%;
    width: 8.4rem;
    margin-left: -4.2rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content {
    position: relative;
    margin-top: -0.2rem;
    left: 50%;
    width: 8.4rem;
    height: 6rem;
    margin-left: -4.2rem;
    background: #003200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    border-radius: 0 0 0.66rem 0.66rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-banner {
    position: relative;
    left: 50%;
    width: 8.4rem;
    height: 4.48rem;
    margin-left: -4.2rem;
    z-index: 2;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward {
    position: absolute;
    top: 0.66rem;
    left: 50%;
    width: 7rem;
    height: 2rem;
    margin-left: -3.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    text-align: center;
    font-weight: 400;
    line-height: 0.583rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward-value {
    color: #FFEE00;
    font-size: .533rem;
    font-weight: 700;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward .reward-value {
    margin-left: 0.1rem;
    font-size: 1.06rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-btn {
    position: absolute;
    bottom: 1.33rem;
    left: 50%;
    width: 4.44rem;
    margin-left: -2.22rem;
    height: 1.34rem;
    background-image: linear-gradient(106deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    text-align: center;
    line-height: 1.34rem;
    color: #000000;
    font-size: .373rem;
    font-weight: 700;
}

.hdialog-oldnewer-installframe {
    width: 10rem;
    ;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.hdialog-oldnewer-installframe .install-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
}

.hdialog-oldnewer-installframe .install-ios {
    width: 10rem;
    ;
    height: 9.48rem;
    overflow: hidden;
}

.hdialog-oldnewer-installframe .install-apk {
    width: 10rem;
    ;
    height: 13.92rem;
    overflow: hidden;
}

.hdialog-oldnewer-installframe .install-close {
    position: absolute;
    top: 0.1rem;
    right: 0.6rem;
    width: 1.4rem;
    height: 1.4rem;
    z-index: 2;
}

.hdialog-oldnewer-installframe .install-close-icon {
    position: absolute;
    top: 0.12rem;
    right: 0.22rem;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.5rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-chat {
    position: absolute;
    top: 0rem;
    right: 1.3rem;
    width: 1rem;
    height: 1rem;
    z-index: 10;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-chat .imgbg {
    position: absolute;
    top: 50%;
    margin-top: -0.1rem;
    left: 50%;
    margin-left: -0.3rem;
    height: 0.66rem;
    width: 0.66rem;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-chat .img {
    position: absolute;
    top: 50%;
    margin-top: 0;
    left: 50%;
    margin-left: -0.18rem;
    height: 0.44rem;
    width: 0.44rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content {
    position: absolute;
    top: 0.6rem;
    left: 0.56rem;
    width: 8.88rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo {
    position: relative;
    margin-top: 0rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 1.56rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo img {
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 1.56rem;
    height: 1.56rem;
    border-radius: 0.22rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo .fullname {
    position: absolute;
    top: 0;
    left: 2.2222rem;
    font-size: .48rem;
    font-weight: 700;
    color: #FFFFFF;
    height: 1.56rem;
    line-height: 1.56rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-title {
    position: relative;
    margin-top: 1.77rem;
    left: 0.44rem;
    width: 8rem;
    font-size: .48rem;
    font-weight: 700;
    color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-reward {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    width: 8rem;
    line-height: .426rem;
    text-align: left;
    font-size: .32rem;
    color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-reward .span1 {
    font-size: .426rem;
    font-weight: 700;
    color: rgb(252, 238, 79);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install {
    position: relative;
    margin-top: 0.5rem;
    left: 0.44rem;
    width: 8rem;
    height: 1.11rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0;
    left: 0;
    width: 6.66rem;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: 0.22rem;
    background: #00E099;
    color: #FFFFFF;
    font-size: .426rem;
    font-weight: 700;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-btn-img {
    margin-right: 0.2rem;
    width: 0.66rem;
    height: 0.66rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-chat {
    position: absolute;
    top: 0rem;
    right: 0;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.22rem;
    background: rgba(255, 255, 255, 0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-chat-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.3rem;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-rule {
    position: relative;
    margin-top: 0.533rem;
    left: 0.44rem;
    width: 8rem;
    line-height: .45rem;
    text-align: left;
    font-size: .28rem;
    color: rgba(255, 255, 255, 0.85);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-rule .title {
    font-size: .32rem;
    font-weight: 700;
    color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips {
    position: relative;
    margin-top: 0.55rem;
    left: 0.44rem;
    width: 8rem;
    height: 1.67rem;
    border-radius: 0.22rem;
    background: rgba(0, 0, 0, 0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-img {
    position: absolute;
    top: 0.22rem;
    left: 0.22rem;
    width: 0.34rem;
    height: 0.34rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text1 {
    position: absolute;
    top: 0.22rem;
    left: 0.7rem;
    font-size: .32rem;
    color: #FFFFFF;
    font-weight: 700;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text2 {
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    width: 7rem;
    font-size: .32rem;
    color: #FFFFFF;
    line-height: 0.426rem;
    font-weight: 400;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text3 {
    color: #00E099;
    text-decoration: underline;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips {
    position: absolute;
    bottom: 0.33rem;
    left: 0.68rem;
    width: 7rem;
    height: 1.67rem;
    border-radius: 0.22rem;
    background: rgba(0, 0, 0, 0.25);
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-img {
    position: absolute;
    top: 0.22rem;
    left: 0.22rem;
    width: 0.34rem;
    height: 0.34rem;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text1 {
    position: absolute;
    top: 0.22rem;
    left: 0.7rem;
    font-size: .32rem;
    color: #FFFFFF;
    font-weight: 700;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text2 {
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    width: 6rem;
    font-size: .28rem;
    color: #FFFFFF;
    line-height: 0.373rem;
    font-weight: 400;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text3 {
    color: #00E099;
    text-decoration: underline;
}

.dialog-apknoty {
    position: relative;
    width: 8.34rem;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    border-radius: 0.64rem;
}

.dialog-apknoty .apknoty-banner {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    max-width: 8.34rem;
    height: 4.448rem;
    object-fit: cover;
    object-position: center top;
    border-top-left-radius: 0.64rem;
    border-top-right-radius: 0.64rem;
}

.dialog-apknoty .apknoty-title {
    position: relative;
    left: 0.6rem;
    width: 7.14rem;
    color: #000000;
    font-size: .426rem;
    line-height: .64rem;
    font-weight: 700;
    text-align: center;
}

.dialog-apknoty .apknoty-content {
    position: relative;
    margin-top: 0.24rem;
    left: 0.6rem;
    width: 7.14rem;
    color: rgba(0, 0, 0, 0.65);
    font-size: .373rem;
    text-align: center;
    line-height: 0.58rem;
    font-weight: 400;
    text-align: center;
}

.dialog-apknoty .apknoty-btn {
    position: relative;
    margin-top: 0.66rem;
    left: 0;
    width: 8.34rem;
    height: 1.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.33rem;
}

.dialog-apknoty .apknoty-btn-left {
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0.22rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: .346rem;
    text-align: center;
    width: 3.38rem;
    height: 1.34rem;
    line-height: 1.34rem;
    transition: transform 0.1s ease-in-out;
}

.dialog-apknoty .apknoty-btn-left:active {
    transform: scale(0.9);
}

.dialog-apknoty .apknoty-btn-right {
    position: relative;
    margin-left: 0.22rem;
    background: #007AFF;
    border-radius: 0.22rem;
    color: #FFFFFF;
    font-size: .346rem;
    text-align: center;
    width: 3.38rem;
    height: 1.34rem;
    line-height: 1.34rem;
    transition: transform 0.1s ease-in-out;
}

.dialog-apknoty .apknoty-btn-right:active {
    transform: scale(0.9);
}

.common-tipsimage-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.sdtpdetail-page-frame {
    position: relative;
    margin-top: 0.68rem;
    left: 0rem;
    width: 10rem;
}

.sdtpdetail-page-frame .tpdetail-frame {
    position: relative;
    left: 50%;
    margin-left: -4.333rem;
    width: 8.666rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.22rem;
}

.sdtpdetail-page-frame .tpdetail-frame>div:not(:last-child) {
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.04);
}

.sdtpdetail-page-frame .tpdetail-frame-item {
    position: relative;
    left: 50%;
    margin-left: -3.889rem;
    width: 7.778rem;
    height: 1.34rem;
    display: flex;
    align-items: center;
}

.sdtpdetail-page-frame .tpdetail-frame-item-title {
    position: absolute;
    left: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    font-weight: 400;
}

.sdtpdetail-page-frame .tpdetail-frame-item-value {
    position: absolute;
    right: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
    font-weight: 400;
    text-align: right;
}

.sdtpdetail-page-frame .tpdetail-frame-item-amount {
    font-size: .426rem !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.sdtpdetail-page-frame .tpdetail-frame-item-notfinish {
    color: #FFAF00 !important;
}

.sdtpdetail-page-frame .tpdetail-frame-item-finish {
    color: #66FF66 !important;
}

.sdtpdetail-page-frame .tpdetail-btn-continue {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    margin-left: -4.333rem;
    width: 8.666rem;
    height: 1.34rem;
    background: #FFAF00;
    border-radius: 0.22rem;
    color: #000000;
    font-weight: 700;
    font-size: .346rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdtpdetail-page-frame .tpdetail-btn-neworder {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -4.333rem;
    width: 8.656rem;
    height: 1.33rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem;
    color: #FFFFFF;
    font-weight: 400;
    font-size: .346rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    margin-left: -4.333rem;
    width: 8.656rem;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.4rem;
    height: 0.4rem;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips-text {
    position: absolute;
    top: 0;
    left: 0.6rem;
    width: 8rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
    font-weight: 400;
    line-height: 0.426rem;
}

.sdtpdetail-page-frame .tpdetail-btn-finish {
    position: relative;
    margin-top: 0.66rem;
    left: 50%;
    margin-left: -4.333rem;
    width: 8.666rem;
    height: 1.34rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdtpdetail-page-frame .tpdetail-btn-finish-icon {
    position: relative;
    width: 0.6rem;
    height: 0.6rem;
}

.sdtpdetail-page-frame .tpdetail-btn-finish-text {
    position: relative;
    margin-left: 0.1rem;
    color: #7ED321;
    font-weight: 700;
    font-size: .346rem;
}

.daily-series {
    padding-bottom: 0.667rem;
}

.daily-series-top {
    position: relative;
    height: 4.44rem;
    margin-bottom: -0.44rem;
}

.daily-series-top .banner {
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 100%;
    height: 100%;
}

.daily-series-card {
    position: relative;
    top: 0.15rem;
    height: 3.33rem;
}

.daily-series-card .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.daily-series-card .event-open {
    position: relative;
    display: flex;
    align-items: stretch;
    padding: 0.44rem 0.56rem 0;
}

.daily-series-card .event-open .labels {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 1.33rem;
    margin-right: 0.11rem;
    color: #FFFFFF;
    font-size: 0.32rem;
    line-height: 0.373rem;
    margin-right: 0.3rem;
}

.daily-series-card .event-open .bars {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.daily-series-card .event-open .bars .progress-bar {
    position: relative;
    height: 0.22rem;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 0.11rem;
}

.daily-series-card .event-open .bars .progress-bar .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFEE00;
    border-radius: 0.11rem;
    min-width: 2% !important;
}

.daily-series-card .event-open .bars .progress-bar .progress:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.22rem;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0.14rem;
}

.daily-series-card .event-open .bars .progress-bar .progress>span {
    position: absolute;
    top: -0.333rem;
    right: 0;
    margin-right: 0.11rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.267rem;
    line-height: 0.32rem;
    transform: translateX(50%);
}

.daily-series-card .event-open .values {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 0.138rem;
}

.daily-series-card .event-open .values .amount-value {
    color: #FFEE00;
    font-size: 0.426rem;
    line-height: 0.5333rem;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
}

.daily-series-card .event-open .values .amount-value .unit {
    margin-right: 0.055rem;
    font-size: 0.266rem;
    line-height: 0.426rem;
}

.daily-series-card .event-open .labels>div:first-child,
.daily-series-card .event-open .bars>div:first-child,
.daily-series-card .event-open .values>div:first-child {
    margin-bottom: 0.28rem;
}

.daily-series-card .event-close {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.44rem 0.56rem 0;
}

.daily-series-card .event-close .title {
    margin-bottom: 0.055rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.346rem;
    line-height: 0.426rem;
}

.daily-series-card .event-close .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.11rem;
    padding: 0 0.22rem;
    height: 1.11rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.22rem;
}

.daily-series-card .event-close .countdown>div {
    width: 0.56rem;
    height: 0.56rem;
    font-size: 0.32rem;
    text-align: center;
    background: #063F30;
    border-radius: 0.055rem;
    line-height: 0.56rem;
}

.daily-series-card .event-close .countdown>div:nth-of-type(2) {
    width: 0.67rem;
}

.daily-series-card .event-close .countdown>span {
    font-size: 0.853rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.daily-series-card .event-close-daily-spin .countdown {
    background-image: linear-gradient(180deg, #009B36 0%, rgba(0, 155, 54, 0.50) 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}

.daily-series-card .event-close-daily-spin .countdown>div {
    color: #62D28D;
}

.daily-series-card .event-close-daily-egg .countdown {
    background-image: linear-gradient(180deg, #7793FF 0%, rgba(119, 147, 255, 0.50) 100%);
}

.daily-series-card .event-close-daily-egg .countdown>div {
    color: #7793FF;
}

.daily-series-card .event-close-daily-chest .countdown {
    background-image: linear-gradient(180deg, #FFAF00 0%, rgba(255, 175, 0, 0.50) 100%);
}

.daily-series-card .event-close-daily-chest .countdown>div {
    color: #FFAF00;
}

.daily-rule-list {
    width: 8.89rem;
    margin: auto;
    padding: 0.44rem 0;
    border-radius: 0.44rem;
    box-sizing: border-box;
}

.daily-rule-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.11rem;
    color: #FFEE00;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.53rem;
    font-weight: 700;
}

.daily-rule-list .title:before {
    content: '';
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(112, 65, 243, 0.00) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 0.055rem;
    margin-right: 0.2rem;
}

.daily-rule-list .title:after {
    content: '';
    transform: scaleX(-1);
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(112, 65, 243, 0.00) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.daily-rule-list .rule-items {
    padding: 0 0.67rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.293rem;
    line-height: 0.426rem;
    text-align: justify;
    box-sizing: border-box;
}

.daily-spin-rules {
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.25) 0%, #009B36 99%);
}

.daily-egg-rules {
    background-image: linear-gradient(180deg, rgba(119, 147, 255, 0.25) 0%, #7793FF 99%);
}

.daily-chest-rules {
    background-image: linear-gradient(180deg, rgba(255, 175, 0, 0.25) 0%, #FFAF00 98%);
}

.popup-daily-series-tips {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.8rem !important;
    padding: 0.78rem 0.33rem !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 0.44rem !important;
    box-sizing: border-box;
}

.popup-daily-series-tips>img {
    width: 0.97rem;
    height: 0.97rem;
    margin-bottom: 0.278rem;
    box-shadow: 0 0 2px 0 rgba(0, 142, 224, 0.08);
}

.popup-daily-series-tips>span {
    color: #FFFFFF;
    font-size: 0.347rem;
    text-align: center;
    line-height: 0.533rem;
}

.popup-daily-series-overlay {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.daily-series .daily-spin {
    position: relative;
    height: 10rem;
    margin-top: -1.11rem;
}

.daily-series .daily-spin .light {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
    transform-origin: 50% 50%;
    animation: daily-spin-light 7.5s linear infinite;
    opacity: 0.5;
}

@keyframes daily-spin-light {
    100% {
        transform: rotate(360deg);
    }
}

.daily-series .daily-spin .turntable {
    position: relative;
    width: 10rem;
    height: 10rem;
    transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}

.daily-series .daily-spin .turntable .turntable-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7.33rem;
    height: 7.33rem;
    transform: translate(-50%, -50%);
}

.daily-series .daily-spin .turntable .turntable-options {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6.89rem;
    height: 6.89rem;
    transform: translate(-50%, -50%);
}

.daily-series .daily-spin .turntable .rewards {
    position: relative;
    width: 10rem;
    height: 10rem;
}

.daily-series .daily-spin .turntable .rewards>div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3.2rem;
    padding-left: 1rem;
    color: #FFFE00;
    font-size: 0.4rem;
    font-weight: 700;
    text-align: center;
    text-shadow: -0.5px -0.5px 0 #9000E0, 0.5px -0.5px 0 #9000E0, -0.5px 0.5px 0 #9000E0, 0.5px 0.5px 0 #9000E0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.daily-series .daily-spin .turntable .rewards .chest {
    width: 1.11rem;
    height: 1.11rem;
}

.daily-series .daily-spin .button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.44rem;
    height: 2.44rem;
    transform: translate(-50%, -50%);
}

.popup-daily-spin-reward {
    display: flex;
    align-items: flex-end;
    width: 8.33rem !important;
    height: 8.66rem !important;
    background: transparent !important;
    border-radius: 0.67rem !important;
}

.popup-daily-spin-reward .banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.44rem;
}

.popup-daily-spin-reward .reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 6.33rem;
    padding-top: 2.56rem;
    background: #003200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    border-radius: 0.72rem;
    box-sizing: border-box;
}

.popup-daily-spin-reward .reward .amount {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.11rem;
    height: 1.33rem;
    margin-bottom: 0.44rem;
    color: #FFEE00;
    font-size: 0.853rem;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0.22rem;
}

.popup-daily-spin-reward .reward .unit {
    margin-right: 0.055rem;
    font-size: 0.533rem;
}

.popup-daily-spin-reward .reward .claim {
    width: 4.44rem;
    height: 1.33rem;
}

.daily-series .daily-egg {
    position: relative;
    height: 10rem;
    margin-top: -1.11rem;
}

.daily-series .daily-egg .egg-item {
    position: absolute;
    width: 2.78rem;
    height: 2.78rem;
}

.daily-series .daily-egg .egg-item:nth-child(1) {
    top: 1.22rem;
    left: 2.22rem;
}

.daily-series .daily-egg .egg-item:nth-child(2) {
    top: 1.22rem;
    left: 5rem;
}

.daily-series .daily-egg .egg-item:nth-child(3) {
    top: 4rem;
    left: 0.83rem;
}

.daily-series .daily-egg .egg-item:nth-child(4) {
    top: 4rem;
    left: 3.61rem;
}

.daily-series .daily-egg .egg-item:nth-child(5) {
    top: 4rem;
    left: 6.39rem;
}

.daily-series .daily-egg .egg-item:nth-child(6) {
    top: 6.78rem;
    left: 0.83rem;
}

.daily-series .daily-egg .egg-item:nth-child(7) {
    top: 6.78rem;
    left: 3.61rem;
}

.daily-series .daily-egg .egg-item:nth-child(8) {
    top: 6.78rem;
    left: 6.39rem;
}

.daily-series .daily-egg .egg-selected {
    top: -3rem !important;
    left: 1.25rem !important;
    width: 7.5rem;
    height: 7.5rem;
    z-index: 999;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* .daily-series .daily-egg .egg-selected {
  top: calc(50% - 2.75rem) !important;
  transform: translateY(-50%);
  left: 1.25rem !important;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
} */

.daily-series .daily-egg .egg-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: daily-egg-bg 7.5s linear infinite;
    opacity: 0.5;
}

@keyframes daily-egg-bg {
    100% {
        transform: rotate(360deg);
    }
}

.daily-series .daily-egg .egg-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.daily-series .daily-egg .egg-shake {
    animation: daily-egg-shake 0.3s;
}

@keyframes daily-egg-shake {
    0% {
        transform: translateX(0) rotate(0deg);
    }
    20% {
        transform: translateX(-4px) rotate(-4deg);
    }
    40% {
        transform: translateX(4px) rotate(4deg);
    }
    60% {
        transform: translateX(-4px) rotate(-4deg);
    }
    80% {
        transform: translateX(4px) rotate(4deg);
    }
    100% {
        transform: translateX(0) rotate(0deg);
    }
}

.popup-daily-series-reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10rem !important;
    height: 11.33rem !important;
    background: transparent !important;
    overflow-y: visible !important;
}

.popup-daily-series-reward-egg {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10rem !important;
    height: 100vh !important;
    background: transparent !important;
    overflow-y: visible !important;
}

.popup-daily-series-outframe {
    width: 10rem;
    height: 100vh;
}

.popup-daily-series-content {
    position: absolute;
    top: 3.22rem;
    left: 0;
    width: 10rem;
    height: 11.33rem;
}

.popup-daily-series-reward .banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
}

.popup-daily-series-reward .banner-bg {
    animation: daily-egg-bg 7.5s linear infinite;
    opacity: 0.5;
}

.popup-daily-series-reward .reward {
    position: relative;
    height: 10rem;
    box-sizing: border-box;
    width: 10rem;
}

.popup-daily-series-reward .reward-daily-egg {
    padding-top: 2.22rem;
}

.popup-daily-series-reward .reward-daily-egg .amount {
    display: flex;
    align-items: center;
    color: #FFEE00;
    font-size: 0.853rem;
    line-height: 0.853rem;
    font-weight: 700;
    width: 10rem;
    justify-content: center;
}

.popup-daily-series-reward .reward-daily-egg .amount .unit {
    margin-right: 0.055rem;
    font-size: 0.533rem;
}

.popup-daily-series-reward .reward-daily-chest {
    padding-top: 3.22rem;
}

.popup-daily-series-reward .reward-daily-chest .amount {
    display: flex;
    align-items: center;
    font-size: 1.07rem;
    line-height: 1.07rem;
    font-weight: 900;
    width: 10rem;
    justify-content: center;
}

.popup-daily-series-reward .reward-daily-chest .amount .unit {
    margin-right: 0.12rem;
    font-size: 0.533rem;
}

.popup-daily-series-reward .reward-daily-chest .amount>span {
    position: relative;
    color: transparent;
    display: flex;
    justify-content: center;
    margin-left: 0.1rem;
}

.popup-daily-series-reward .reward-daily-chest .amount>span:before {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    color: transparent;
    -webkit-text-stroke: 0.16rem #009B36;
    text-stroke: 0.16rem #009B36;
}

.popup-daily-series-reward .reward-daily-chest .amount>span:after {
    content: attr(data-text);
    position: absolute;
    top: -5px;
    left: -5px;
    padding: 5px;
    z-index: 2;
    background-image: linear-gradient(180deg, #FFEE00, #F5C84C, #F5C84C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.popup-daily-series-reward .claim {
    position: relative;
    width: 4.44rem;
    height: 1.33rem;
    z-index: 1;
}

.popup-daily-series-reward .claim-egg {
    position: relative;
    width: 4.44rem;
    height: 1.33rem;
    left: 50%;
    margin-left: -2.22rem;
    z-index: 1;
}

.daily-series .daily-chest {
    display: flex;
    justify-content: center;
    position: relative;
    height: 10rem;
    margin-top: -1.11rem;
    padding-top: 7.11rem;
    box-sizing: border-box;
}

.daily-series .daily-chest .light,
.daily-series .daily-chest .chest {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
}

.daily-series .daily-chest .light {
    transform-origin: 50% 50%;
    animation: daily-chest-light 7.5s linear infinite;
    opacity: 0.5;
}

@keyframes daily-chest-light {
    100% {
        transform: rotate(360deg);
    }
}

.daily-series .daily-chest .button {
    position: relative;
    width: 4.44rem;
    height: 1.56rem;
    transition: transform 0.1s ease-in-out;
}

.daily-series .daily-chest .button:active {
    transform: scale(0.9);
}

.daily-series .daily-sign-in {
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.44rem;
    padding-left: 0.56rem;
    box-sizing: border-box;
}

.daily-series .daily-sign-in .day-item {
    position: relative;
    width: 2.11rem;
    height: 2.44rem;
    border-radius: 0.22rem;
    margin-right: 0.12rem;
    margin-bottom: 0.12rem;
}

.daily-series .daily-sign-in .day-item .day-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.daily-series .daily-sign-in .day-item .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.daily-series .daily-sign-in .day-item .day-index {
    height: 0.56rem;
    margin-bottom: 0.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.267rem;
    line-height: 0.56rem;
    text-align: center;
}

.daily-series .daily-sign-in .day-item .day-index>span:last-child {
    font-size: 0.32rem;
    font-weight: 700;
}

.daily-series .daily-sign-in .day-item .reward {
    color: #FFFE00;
    font-size: 0.4rem;
    line-height: 0.44rem;
    text-align: center;
    font-weight: 700;
}

.daily-series .daily-sign-in .day-item .button {
    width: 1.72rem;
    height: 0.56rem;
    margin-top: 0.278rem;
}

.daily-series .daily-sign-in .day-item .money {
    width: 0.889rem;
    height: 0.889rem;
    margin-top: 0.11rem;
}

.daily-series .daily-code {
    position: relative;
    width: 8.89rem;
    margin: auto;
    background: #003200;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.44rem;
}

.daily-series .daily-code .links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 2.44rem;
    padding: 0.22rem 0 0.33rem;
    box-sizing: border-box;
    background: #009B36;
    border-radius: 0.44rem 0.44rem 0 0;
}

.daily-series .daily-code .links>span {
    margin-bottom: 0.11rem;
    padding-left: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.32rem;
    line-height: 0.426rem;
}

.daily-series .daily-code .follow-links {
    /* width: 8.22rem; */
    margin: 0 0.16rem;
    overflow: auto;
}

.daily-series .daily-code .follow-links::-webkit-scrollbar {
    display: none;
}

.daily-series .daily-code .follow-links .link-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.11rem;
}

.daily-series .daily-code .follow-links .link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 1.333rem;
    height: 1.333rem;
}

.daily-series .daily-code .follow-links .icon {
    width: 0.583rem;
    height: 0.583rem;
    border: 0.152rem solid rgba(0, 0, 0, 0.15);
    border-radius: 0.583rem;
}

.daily-series .daily-code .follow-links .title {
    margin-top: -0.056rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.26666rem;
    line-height: 0.44rem;
}

.daily-series .daily-code .codes {
    padding: 0.67rem;
    margin-bottom: 0.22rem;
}

.daily-series .daily-code .codes>span {
    color: #FFEE00;
    font-size: 0.32rem;
    line-height: 0.533rem;
}

.daily-series .daily-code .code-item {
    display: flex;
    align-items: center;
    height: 1.33rem;
    margin-bottom: 0.11rem;
    padding-left: 0.33rem;
    padding-right: 0.44rem;
    border-radius: 0.22rem;
    box-sizing: border-box;
}

.daily-series .daily-code .code-item>span {
    flex-grow: 1;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
}

.daily-series .daily-code .code-item .code {
    width: 1.78rem;
    height: 0.78rem;
    margin-right: 0.22rem;
    font-size: 0.373rem;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    line-height: 0.78rem;
    background: rgba(6, 63, 48, 0.50);
    border-radius: 0.22rem;
}

.daily-series .daily-code .code-item>img {
    width: 0.389rem;
    height: 0.389rem;
}

.daily-series .daily-code .code-item .status {
    width: 1.11rem;
    color: #FFAF00;
    margin-left: 0.056rem;
    font-size: 0.32rem;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
}

.daily-series .daily-code .code-today>span {
    font-weight: 700;
}

.daily-series .daily-code .code-today .code {
    color: #FFFFFF;
    background: #063F30;
    border: 1px solid #7ED321;
    box-sizing: border-box;
}

.daily-series .daily-code .code-today .status {
    color: #00FF98;
    font-weight: 700;
}

.daily-series .daily-code .code-yesterday {
    margin-top: 0.22rem;
    background: rgba(98, 210, 141, 0.25);
}

.daily-series .daily-code .code-today {
    background-image: linear-gradient(100deg, #62D28D 0%, #009B36 100%);
}

.daily-series .daily-code .code-tomorrow {
    margin-bottom: 0.67rem;
    background: rgba(255, 255, 255, 0.04);
}

.daily-series .daily-code .codes .button {
    display: block;
    width: 4.44rem;
    height: 1.33rem;
    margin: auto;
    transition: transform 0.1s ease-in-out;
}

.daily-series .daily-code .codes .button:active {
    transform: scale(0.9);
}

.lucky-bet .lucky-bet-top {
    position: relative;
    height: 10rem;
    padding-top: 6.22rem;
    box-sizing: border-box;
}

.lucky-bet .lucky-bet-top .banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lucky-bet .lucky-bet-top .bonus {
    position: relative;
    display: flex;
    align-items: center;
    width: 8.8889rem;
    height: 1.7778rem;
    margin: auto;
    padding-left: 1.94rem;
    padding-right: 0.44rem;
    box-sizing: border-box;
}

.lucky-bet .lucky-bet-top .bonus-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lucky-bet .lucky-bet-top .bonus .amount {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFE00;
    text-shadow: 0 2px 0 #78340F;
    font-weight: 700;
    font-size: 0.7466rem;
    overflow-x: scroll;
    overflow-y: hidden;
}

.lucky-bet .lucky-bet-top .bonus .amount .unit {
    font-size: 0.533rem;
    margin-right: 0.15rem;
}

.lucky-bet .lucky-bet-top .bonus .receive {
    position: relative;
    width: 2.222rem;
    height: 1rem;
    transition: transform 0.1s ease-in-out;
}

.lucky-bet .lucky-bet-top .bonus .receive:active {
    transform: scale(0.9);
}

.lucky-bet .lucky-bet-tabs {
    position: relative;
    width: 8.89rem;
    margin: -1.33rem auto 1rem;
}

.van-tabs__nav--line {
    border-bottom: none !important;
}

.van-tabs__line {
    display: none !important;
}

.lucky-bet-tabs .van-tabs__wrap .van-tabs__nav {
    background-color: transparent !important;
}

.lucky-bet-tabs .tabs-bg {
    position: absolute;
    top: -0.15rem;
    left: 0.44rem;
    width: 4.67rem;
    height: 1.11rem;
}

.lucky-bet-tabs .tabs-bg-right {
    left: auto;
    right: 0.44rem;
}

.lucky-bet-tabs .van-tabs__nav .van-tab__text {
    margin-top: -0.2rem;
    padding-left: 0rem;
    width: 3.3rem;
    text-align: center;
    font-weight: 400;
    font-size: 0.3467rem;
    color: rgba(255, 255, 255, 0.65);
}

.lucky-bet-tabs .van-tab--active .van-tab__text {
    color: #FFFFFF;
    font-weight: 700;
}

.van-tabs__nav .van-tab:nth-child(2) .van-tab__text {
    padding: unset !important;
    margin-left: -1rem !important;
}

.lucky-bet-tabs .van-tabs .van-tabs__wrap {
    height: 0.89rem !important;
}

.lucky-bet-tabs .van-tabs .van-tabs__content {
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #009B36 0%, #05533E 100%);
    border-radius: 0.444rem;
    color: rgba(255, 255, 255, 0.65);
    padding-bottom: 0.1rem;
    overflow-y: auto;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content {
    width: 8.444rem;
    margin: 0 auto;
    /* padding: 0.44rem 0; */
}

.lucky-bet-tabs .van-tabs__content .rulesTitle {
    position: relative;
    width: 100%;
    height: 1rem;
    padding-top: 0.2rem;
    /* background-image: linear-gradient(180deg, rgba(112,65,243,0.50) 0%, rgba(112,65,243,0.00) 100%); */
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title-line1 {
    position: absolute;
    left: 3.95rem;
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title-line2 {
    position: absolute;
    right: 2.45rem;
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, 0.15);
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title1 {
    width: 3.777rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 0.32rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title2 {
    width: 2rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 0.293rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title3 {
    width: 2.2222rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 0.32rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row {
    position: relative;
    /* width: 8rem; */
    height: 1.111rem;
    line-height: 1.111rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row:nth-child(odd) {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 0.111rem;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-last-digit {
    display: inline-block;
    width: 3.777rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner {
    position: relative;
    display: inline-block;
    width: 0.444rem;
    height: 0.444rem;
    margin: 0.1rem 0.05rem 0 0;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner .digit-img {
    width: 100%;
    height: 100%;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner .digit-img-text {
    position: absolute;
    height: 0.444rem;
    left: 50%;
    top: 50%;
    transform: translate(-45%, -65%);
    color: #FFFFFF;
    font-size: 0.32rem;
    pointer-events: none;
    white-space: nowrap;
    font-weight: 700;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-multiple {
    display: inline-block;
    width: 2rem;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 0.32rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit {
    display: inline-block;
    width: 2.2222rem;
    font-size: 0.346rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit .limit-amount-unit {
    color: #FFEE00;
    margin-right: 0.01rem;
    font-weight: 700;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit .limit-amount {
    color: #FFEE00;
    font-weight: 700;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules {
    width: 8.444rem;
    margin: 0.33rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg {
    padding: 0 0.444rem;
    align-items: center;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.333rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.8889rem;
    line-height: 0.8889rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .line {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
    border-radius: 0.03rem;
    height: 0.06rem;
    width: 1.61rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .lineR {
    transform: scaleX(-1);
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .rule-title {
    /* font-family: Arial-BoldMT; */
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    text-align: center;
    line-height: 0.42rem;
    font-weight: 700;
    margin: 0 0.26rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .text {
    margin-top: 0.1rem;
    font-size: 0.32rem;
    text-align: justify;
    line-height: 0.5333rem;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0;
    z-index: 2;
    padding-bottom: 0.4rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle {
    position: relative;
    padding-top: 0.2rem;
    width: 100%;
    height: 1rem;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.08rem;
    font-size: 0.32rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title:after {
    position: absolute;
    right: 0;
    content: ' ';
    width: 1px;
    height: 0.55rem;
    background: rgba(255, 255, 255, 0.15);
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title:last-child:after {
    content: none;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title1 {
    width: 2.66rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title2 {
    width: 2.333rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title3 {
    width: 1.45rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList {
    position: relative;
    /* padding-top: 0.2rem; */
    width: 100%;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList .record-item {
    position: relative;
    height: 1.111rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.12rem;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList .record-item:last-child {
    border: none;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-manufacturer {
    width: 2.66rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .manufacturer-img-frame {
    width: 0.6667rem;
    height: 0.6667rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .manufacturer-img-frame .manufacturer-img {
    width: 0.444rem;
    height: 0.444rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bet-slip {
    align-items: center;
    width: 2.333rem;
    text-align: center;
    font-size: 0.2933rem;
}

.van-tabs__content .van-tab-right .record-item .record-bet-slip .bet-slip-num1 {
    white-space: normal;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.85);
}

.van-tabs__content .van-tab-right .record-item .record-bet-slip .bet-slip-num2 {
    color: rgba(255, 255, 255, 0.85);
    color: #FFAF00;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bet {
    width: 1.45rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.32rem;
    text-align: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bonus {
    width: 2.08rem;
    text-align: center;
    font-size: 0.3466rem;
    color: #FFD800;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bonus .bonus-amount-unit {
    color: #FFD800;
}

.betting-challenge {
    padding-bottom: 0.667rem;
}

.betting-challenge .header {
    position: relative;
    height: 4.44rem;
}

.betting-challenge .banner {
    width: 100%;
    height: 100%;
}

.betting-challenge .tabs {
    position: absolute;
    display: flex;
    left: 0;
    bottom: 0;
}

.betting-challenge .tabs .tab-item {
    position: relative;
    width: 2.888rem;
    height: 1.11rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.346rem;
    z-index: 3;
}

.betting-challenge .tabs .tab-item:nth-child(2) {
    z-index: 2;
}

.betting-challenge .tabs .tab-item:nth-child(3) {
    z-index: 1;
}

.betting-challenge .tabs .selected {
    color: #FFFFFF;
    z-index: 4 !important;
}

.betting-challenge .tabs .tab-item .bg {
    width: 4.22rem;
    height: 1.11rem;
}

.betting-challenge .tabs .tab-item .date {
    position: absolute;
    left: 0;
    bottom: 0.22rem;
    width: 4.22rem;
    text-align: center;
    align-content: center;
}

.betting-challenge .tabs .tab-item .claimable {
    position: absolute;
    right: -0.54rem;
    top: 0.2rem;
    width: 0.277rem;
    height: 0.277rem;
    background: #FF0000;
    border: 0.5px solid rgba(255, 255, 255, 0.75);
    border-radius: 0.277rem;
}

.betting-challenge .today-bet {
    display: flex;
    justify-content: center;
    height: 2.222rem;
    background-image: linear-gradient(180deg, #05533E 0%, rgba(0, 155, 54, 0.00) 100%);
    position: relative;
}

.betting-challenge .today-bet .bg {
    width: 8.888rem;
    height: 1.333rem;
    position: absolute;
    top: 0.55rem;
    left: 0.55rem;
    z-index: 0;
}

.betting-challenge .today-bet .block {
    display: flex;
    align-items: center;
    width: 8.888rem;
    height: 1.333rem;
    padding-left: 0.33rem;
    padding-right: 0.67rem;
    margin: 0.55rem 0.55rem 0 0.55rem;
    box-sizing: border-box;
    z-index: 1;
}

.betting-challenge .today-bet .block>img {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 0.22rem;
}

.betting-challenge .today-bet .block>span {
    flex-grow: 1;
    color: #FFEE00;
    font-weight: 700;
    font-size: 0.373rem;
}

.betting-challenge .today-bet .amount {
    display: flex;
    align-items: center;
    color: #FFEE00;
    font-weight: 700;
    font-size: 0.426rem;
}

.betting-challenge .today-bet .amount .unit {
    margin-right: 0.11rem;
}

.betting-challenge .task-list {
    width: 8.89rem;
    margin: auto;
    margin-top: 0.111rem;
}

.betting-challenge .task-list .header {
    display: flex;
    align-items: center;
    height: 1.111rem;
    margin-bottom: 0.11rem;
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 0.22rem;
}

.betting-challenge .task-list .header>span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.37rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
}

.betting-challenge .task-list .header>span:nth-child(1) {
    width: 2.36rem;
    padding-left: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: left;
    font-weight: 700;
    border-left: none;
}

.betting-challenge .task-list .header>span:nth-child(2) {
    width: 2.07rem;
}

.betting-challenge .task-list .header>span:nth-child(3) {
    flex-grow: 1;
}

.betting-challenge .task-list .header>span:nth-child(4) {
    width: 2.2rem;
}

.betting-challenge .task-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.11rem;
}

.betting-challenge .task-item .index {
    position: relative;
    display: flex;
    align-items: center;
    width: 1.56rem;
    height: 0.78rem;
    margin-left: 0.11rem;
}

.betting-challenge .task-item .index .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.betting-challenge .task-item .index .icon {
    position: relative;
    width: 0.67rem;
    height: 0.67rem;
    margin-left: 0.056rem;
}

.betting-challenge .task-item .index>span {
    position: relative;
    flex-grow: 1;
    color: #FFFFFF;
    font-size: 0.32rem;
    text-align: center;
}

.betting-challenge .task-next .index>span {
    color: #000000;
}

.betting-challenge .task-item .content {
    position: relative;
    display: flex;
    align-items: center;
    width: 7.11rem;
    height: 1.111rem;
}

.betting-challenge .task-item .content .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.betting-challenge .task-next .content .bg {
    opacity: 1;
}

.betting-challenge .task-item .content .bet {
    position: relative;
    width: 2.89rem;
    padding-left: 0.94rem;
    color: #FFFFFF;
    font-size: 0.32rem;
    box-sizing: border-box;
}

.betting-challenge .task-item .content .bonus {
    position: relative;
    width: 1.78rem;
    color: #FFD800;
    text-align: center;
    font-size: 0.32rem;
    font-weight: 700;
}

.betting-challenge .task-item .content .btn {
    position: relative;
    width: 2rem;
    height: 0.777rem;
    margin-left: auto;
    margin-right: 0.22rem;
    font-size: 0.32rem;
    border: none;
    border-radius: 0.22rem;
    box-sizing: border-box;
}

.betting-challenge .task-item .content .btn-claimed {
    color: #00FF98;
    background: rgba(255, 255, 255, 0.02);
}

.betting-challenge .task-item .content .btn-claimable {
    background-image: linear-gradient(180deg, #FCD7A1 0%, #D17836 100%);
}

.betting-challenge .task-item .content .btn-next {
    background: rgba(255, 255, 255, 0.04);
    color: #97FF15;
    border: 1px solid rgba(151, 255, 21, 0.75);
}

.betting-challenge .task-item .content .btn-notreach {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.45);
}

.daily-series .hdialog-rules-contentframe,
.betting-challenge .hdialog-rules-contentframe {
    background: none;
    box-shadow: none;
}

.growth-fund {
    padding-bottom: 0.667rem;
}

.growth-fund .header {
    position: relative;
    height: 4.44rem;
}

.growth-fund .banner {
    width: 100%;
    height: 100%;
}

.growth-fund .fund-buy {
    position: absolute;
    width: 10rem;
    height: 1.77rem;
    bottom: -0.885rem;
    left: 0;
}

.growth-fund .fund-buy .bg {
    width: 100%;
    height: 100%;
}

.growth-fund .fund-buy .img {
    width: 2.66rem;
    height: 1.33rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.growth-fund .fund-buy .font {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.growth-fund .fund-buy .font .unit {
    font-size: 0.42rem;
    margin-right: 0.15rem;
    font-weight: 700;
    color: #760484;
    text-shadow: -1px -1px 0 #FFEE00, 1px -1px 0 #FFEE00, -1px 1px 0 #FFEE00, 1px 1px 0 #FFEE00;
}

.growth-fund .fund-buy .font .num {
    font-size: 0.74rem;
    margin-right: 0.15rem;
    color: #760484;
    font-weight: 700;
    text-shadow: -1px -1px 0 #FFEE00, 1px -1px 0 #FFEE00, -1px 1px 0 #FFEE00, 1px 1px 0 #FFEE00;
}

.growth-fund .task-list {
    margin-top: 1.111rem;
    padding: 0 0.55rem;
}

.growth-fund .task-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.22rem;
}

.growth-fund .task-item .bg {
    width: 100%;
    height: 100%;
}

.growth-fund .task-item .arrow {
    width: 0.88rem;
    height: 0.55rem;
    position: absolute;
    left: 0.444rem;
    bottom: -0.33rem;
}

.growth-fund .task-item .content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.growth-fund .task-item .money {
    width: 1.55rem;
    height: 1.55rem;
    margin-left: 0.11rem;
}

.growth-fund .task-item .text {
    width: 4.33rem;
    height: 100%;
    padding-left: 0.55rem;
    font-style: italic;
}

.growth-fund .task-item .bet {
    font-size: 0.32rem;
    margin-top: 0.22rem;
    line-height: 0.42rem;
    color: rgba(255, 255, 255, 0.65);
}

.growth-fund .task-item .bet .font {
    color: #00E0E0;
}

.growth-fund .task-item .bet .insufficient {
    color: #FFAF00;
}

.growth-fund .hdialog-rules-contentframe {
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.25) 0%, #003200 99%);
    border-radius: 0.44rem;
    border: none;
}

.growth-fund .hdialog-rules-titleframe {
    color: #FFEE00;
    margin-top: 0.444rem;
    line-height: 0.533rem;
    font-weight: 700;
}

.growth-fund .hdialog-rules-leftline {
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(255, 238, 0, 0.00) 98%);
}

.growth-fund .hdialog-rules-rightline {
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(255, 238, 0, 0.00) 98%);
}

.growth-fund .gift-tips {
    color: rgba(255, 255, 255, 0.85);
    width: 7.55rem;
    left: 0.66rem;
}

.growth-fund .task-item .bonus {
    font-size: 0.32rem;
    margin-top: 0.111rem;
    line-height: 0.42rem;
    color: #FCD7A1;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.growth-fund .task-item .bonus .font1 {
    letter-spacing: 0;
    color: #FFCA00;
    font-weight: 700;
    line-height: 0.42rem;
    margin-left: 0.15rem;
}

.growth-fund .task-item .bonus .font2 {
    color: #FFCA00;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 0.533rem;
    font-size: 0.533rem;
    margin-left: 0.05rem;
}

.growth-fund .task-item .btn {
    width: 2.444rem;
    height: 1.333rem;
    margin-right: 0.222rem;
}

.growth-fund .task-item .btn .btn-img {
    width: 100%;
    height: 100%;
}

.popup-growth-fund-buy {
    width: 7.77rem;
    height: 8.88rem;
    position: relative;
    background-color: transparent !important;
}

.popup-growth-fund-buy .popup-bg {
    width: 100%;
    height: 100%;
}

.popup-growth-fund-buy .popup-close {
    width: 0.66rem;
    height: 0.66rem;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.22rem 0.22rem 0 0;
}

.popup-growth-fund-buy .popup-content {
    position: absolute;
    top: 3.66rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.popup-growth-fund-buy .popup-text {
    width: 5.55rem;
    color: #FEECA8;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50);
    line-height: 0.426rem;
    font-size: 0.37rem;
    text-align: center;
    letter-spacing: 0;
    font-weight: 700;
}

.popup-growth-fund-buy .popup-font {
    display: flex;
    align-items: center;
    margin-top: 0.44rem;
}

.popup-growth-fund-buy .popup-font .unit {
    font-size: 0.53rem;
    line-height: 0.853rem;
    margin-right: 0.11rem;
    color: #FFEE00;
    text-shadow: -1.5px -1.5px 0 #003970, 1.5px -1.5px 0 #003970, -1.5px 1.5px 0 #003970, 1.5px 1.5px 0 #003970;
    font-weight: 700;
}

.popup-growth-fund-buy .popup-font .num {
    font-size: 0.853rem;
    line-height: 0.853rem;
    color: #FFEE00;
    text-shadow: -1.5px -1.5px 0 #003970, 1.5px -1.5px 0 #003970, -1.5px 1.5px 0 #003970, 1.5px 1.5px 0 #003970;
    font-weight: 700;
}

.popup-growth-fund-buy .popup-btn {
    position: absolute;
    left: 50%;
    bottom: 0.55rem;
    transform: translate(-50%, -50%);
    width: 3.55rem;
    height: 1.33rem;
}

/* 超级加倍奖励 */

.super-multiplier {
    padding-bottom: 0.667rem;
}

.super-multiplier-top {
    position: relative;
    height: 4.44rem;
    margin-bottom: -0.44rem;
}

.super-multiplier-top .banner {
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 100%;
    height: 100%;
}

.super-multiplier-card {
    position: relative;
    display: flex;
    justify-content: center;
    top: 0.15rem;
    height: 4.44rem;
    overflow: visible;
}

.super-multiplier-card .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.super-multiplier-card .card-flag {
    position: absolute;
    height: 1.11rem;
    width: 5.55rem;
    top: -1.11rem;
}

.super-multiplier-card .card-event-title {
    position: absolute;
    top: 0.11rem;
    width: 7.11rem;
    height: 1.11rem;
    text-align: center;
}

.super-multiplier-card .card-event-title>.waiting {
    width: 5.11rem;
    height: auto;
}

.super-multiplier-card .card-content {
    position: relative;
    top: 1.77rem;
    width: 8.88rem;
    height: 2.22rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem;
}

.super-multiplier-card .card-content-top {
    position: relative;
    width: 100%;
    height: 0.889rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
    display: flex;
    align-items: center;
    padding: 0 0.44rem 0 0.5rem;
    box-sizing: border-box;
}

.super-multiplier-card .card-content-top .card-icon {
    width: 0.55rem;
    height: 0.55rem;
    margin-right: 0.15rem;
}

.super-multiplier-card .card-content-top .title {
    color: #FFFFFF;
    font-size: 0.346rem;
}

.super-multiplier-card .card-content-top .value {
    margin-left: auto;
    font-size: 0.53rem;
    font-weight: 700;
    color: #FFEE00;
    margin-right: 0.15rem;
    font-style: italic;
}

.super-multiplier-card .card-content-top .times {
    width: 1rem;
    height: 0.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.04);
    border: 0.5px solid rgba(255, 238, 0, 0.50);
    border-radius: 0.16rem;
}

.super-multiplier-card .card-content-top .times>span {
    color: #FFEE00;
    font-size: 0.27rem;
}

.super-multiplier-card .card-progress {
    position: relative;
    top: 1.77rem;
    width: 8.88rem;
    height: 2.22rem;
    background-image: linear-gradient(255deg, #4B0074 0%, #003200 100%);
    border-radius: 0.22rem;
}

.super-multiplier-card .card-content-middle {
    position: relative;
    width: 100%;
    height: 1.333rem;
    display: flex;
    align-items: center;
    padding: 0 0.44rem 0 0.5rem;
    box-sizing: border-box;
}

.super-multiplier-card .card-content-middle .title {
    color: #FFFFFF;
    font-size: 0.346rem;
    white-space: nowrap;
    margin-bottom: 0.055rem;
}

.super-multiplier-card .card-content-middle .progress-bar {
    flex: 1;
    margin: 0 0.3rem;
    position: relative;
    height: 0.22rem;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 0.11rem;
}

.super-multiplier-card .card-content-middle .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFEE00;
    border-radius: 0.11rem;
    min-width: 0.22rem !important;
}

.super-multiplier-card .card-content-middle .progress:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.22rem;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0.14rem;
}

.super-multiplier-card .card-content-middle .progress-bar .progress>span {
    position: absolute;
    top: -0.333rem;
    right: 0;
    margin-right: 0.11rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.267rem;
    line-height: 0.32rem;
    transform: translateX(50%);
}

.super-multiplier-card .card-content-middle .value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    color: #FFFFFF;
}

.super-multiplier-card .card-content-middle .value>.top {
    display: flex;
    align-items: center;
    font-size: 0.27rem;
    line-height: 1;
    margin-bottom: 0.05rem;
}

.super-multiplier-card .card-content-middle .value .top>span {
    font-size: 0.426rem;
    margin-left: 0.08rem;
}

.super-multiplier-card .card-content-middle .value>.bottom {
    width: 1.44rem;
    height: 0.27rem;
    background: rgba(255, 175, 0, 0.65);
    border-radius: 0.166rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.266rem;
    color: #313038;
    font-weight: 700;
}

.super-multiplier-frame {
    position: relative;
    margin: 0.15rem auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 8.88rem;
    height: 2.66rem;
    background-image: linear-gradient(180deg, #05533E 0%, #009B36 97%);
    border-radius: 0 0 0.44rem 0.44rem;
}

.super-multiplier-frame .multiplier-frame-top,
.super-multiplier-frame .multiplier-frame-bottom {
    width: 8rem;
    height: 0.86rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
    padding: 0 0.44rem 0 0.22rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.super-multiplier-frame .multiplier-frame-bottom {
    margin-top: 0.04rem;
    border-radius: 0 0 0.22rem 0.22rem;
}

.super-multiplier-frame .mframe-title {
    font-size: 0.346rem;
    color: rgba(255, 255, 255, 0.65);
}

.super-multiplier-frame .mframe-value {
    font-size: 0.373rem;
    color: rgba(255, 255, 255, 0.85);
}

.super-multiplier-frame .multiplier-frame-top .mframe-value {
    font-size: 0.426rem;
    font-weight: 700;
    font-style: italic;
}

.multiplier-extrabonus-card {
    position: relative;
    width: 8.88rem;
    height: 3.11rem;
    margin: 0.22rem auto;
    overflow: visible;
    padding-bottom: 1.33rem;
}

.multiplier-extrabonus-card .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.multiplier-extrabonus-card .card-top {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.72rem 0.55rem;
}

.multiplier-extrabonus-card .card-top .card-top-title {
    font-size: 0.45rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
}

.multiplier-extrabonus-card .card-top .card-top-value {
    color: #FFEE00;
    font-size: 0.45rem;
    font-weight: 700;
    font-style: italic;
    display: flex;
    align-items: center;
}

.multiplier-extrabonus-card .card-top .card-top-value>span {
    font-size: 0.64rem;
    margin-left: 0.1rem;
}

.multiplier-extrabonus-card .card-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.11rem;
    padding: 0.11rem 0.66rem 0 0;
}

.multiplier-extrabonus-card .card-bottom-title {
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
}

.multiplier-extrabonus-card .card-bottom-icon {
    width: 0.5rem;
    height: 0.5rem;
}

.multiplier-extrabonus-card .card-button-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3.33rem;
    /* height: 1.778rem; */
    transform: translateX(-50%);
    z-index: 2;
}

.multiplier-extrabonus-card .card-button-button-enable {
    transition: transform 0.1s ease-in-out;
}

.multiplier-extrabonus-card .card-button-button-enable:active {
    opacity: 0.8;
}

.multiplier-rule-list {
    width: 8.89rem;
    margin: auto;
    padding: 0.44rem 0;
    border-radius: 0.22rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.25) 0%, #003200 99%);
}

.multiplier-rule-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.22rem;
    color: #FFEE00;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.53rem;
    font-weight: 700;
}

.multiplier-rule-list .title:before {
    content: '';
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(255, 238, 0, 0.00) 98%);
    width: 2rem;
    height: 0.055rem;
    margin-right: 0.2rem;
}

.multiplier-rule-list .title:after {
    content: '';
    transform: scaleX(-1);
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(255, 238, 0, 0.00) 98%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.multiplier-rule-list .rule-items {
    padding: 0 0.67rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.266rem;
    line-height: 0.426rem;
    text-align: justify;
    box-sizing: border-box;
}

.super-multiplier-card .active,
.super-multiplier-card .progress {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.super-multiplier-card .title {
    font-size: 0.299rem;
    line-height: 0.32rem;
}

.super-multiplier-card .active .title {
    color: rgba(0, 0, 0, 0.65);
}

.super-multiplier-card .progress .title {
    color: #A50000;
    font-weight: 700;
}

.super-multiplier-card .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.11rem;
    padding: 0 0.22rem;
    height: 0.66rem;
    border-radius: 0.22rem;
}

.super-multiplier-card .countdown>div {
    width: 0.44rem;
    height: 0.33rem;
    font-size: 0.266rem;
    text-align: center;
    border-radius: 0.055rem;
    line-height: 0.33rem;
}

.super-multiplier-card .active .countdown>div:nth-of-type(2),
.super-multiplier-card .progress .countdown>div:nth-of-type(2) {
    width: 0.67rem;
}

.super-multiplier-card .countdown>span {
    font-size: 0.53rem;
    text-align: center;
    font-weight: 700;
}

.super-multiplier-card .active .countdown>span {
    color: #510082;
}

.super-multiplier-card .active .countdown {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.super-multiplier-card .active .countdown>div {
    color: rgba(255, 255, 255, 0.65);
    background: rgba(81, 0, 130, 0.75);
}

.super-multiplier-card .progress .countdown>span {
    color: #A50000;
}

.super-multiplier-card .progress .countdown {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.super-multiplier-card .progress .countdown>div {
    color: rgba(255, 255, 255, 0.65);
    background: rgba(165, 0, 0, 0.75);
}

.super-multiplier-card .card-content-progress {
    position: absolute;
    display: flex;
    align-items: center;
    width: 8.88rem;
    height: 2.22rem;
    padding: 0 0.33rem 0 0.5rem;
    overflow: visible;
    box-sizing: border-box;
}

.super-multiplier-card .card-content-progress .card-icon {
    width: 1.33rem;
    height: 1.77rem;
}

.super-multiplier-card .card-content-progress .progress-value {
    position: absolute;
    top: 55%;
    left: 0.66rem;
    font-size: 0.373rem;
    color: #FFEE00;
    font-weight: 700;
    font-style: italic;
}

.super-multiplier-card .card-content-progress .title {
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.426rem;
    margin-left: 0.11rem;
    white-space: normal;
    max-width: 2.8rem;
}

.super-multiplier-card .card-content-progress .value {
    margin-left: auto;
    font-size: 0.96rem;
    font-weight: 700;
    font-style: italic;
    color: #FFEE00;
    line-height: 1;
    margin-right: 0.11rem;
}

.card-content-progress .times {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.44rem;
    padding: 0 0.18rem;
    background: rgba(0, 0, 0, 0.04);
    border: 0.5px solid rgba(255, 238, 0, 0.50);
    border-radius: 0.22rem;
    margin-top: 0.22rem;
}

.card-content-progress .times>span {
    font-size: 0.32rem;
    color: #FFEE00;
    white-space: nowrap;
}

.multiplier-bouns-detail-frame {
    position: relative;
    left: 0.0;
    width: 10rem;
    padding-top: 0.66rem;
}

.multiplier-bouns-detail-title {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    display: flex;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}

.multiplier-bouns-detail-title>div {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.22rem;
    height: 1.33rem;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 0.44rem;
    font-weight: 700;
}

.multiplier-bouns-detail-title>div:first-child {
    width: auto;
    flex-grow: 1;
}

.multiplier-bouns-detail-title>div:after {
    position: absolute;
    top: 0.39rem;
    right: 0;
    content: ' ';
    width: 1px;
    height: 0.55rem;
    background: rgba(255, 255, 255, 0.15);
}

.multiplier-bouns-detail-title>div:last-child:after {
    content: none;
}

.multiplier-bouns-detail-list {
    position: relative;
    width: 9rem;
    left: 0.5rem;
    max-height: calc(100vh - 6rem);
    overflow: auto;
}

.multiplier-bouns-detail-list::-webkit-scrollbar {
    display: none;
}

.multiplier-bouns-detail-list .list-item {
    display: flex;
}

.multiplier-bouns-detail-list .list-item:nth-child(2n) {
    background: rgba(255, 255, 255, 0.08);
}

.multiplier-bouns-detail-list .list-item:last-child {
    border-radius: 0 0 0.22rem 0.22rem;
}

.multiplier-bouns-detail-list .list-item>div {
    width: 2.22rem;
    height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
}

.multiplier-bouns-detail-list .list-item>div:first-child {
    width: auto;
    min-width: 0;
    flex-grow: 1;
    padding: 0 0.22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.multiplier-bouns-detail-list .list-item>div:not(:first-child) {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    line-height: 0.44rem;
}

.multiplier-bouns-detail-list .list-item .user-picture {
    width: 0.89rem;
    height: 0.89rem;
    border-radius: 0.22rem;
}

.multiplier-bouns-detail-list .list-item .status-light {
    color: #FFAF00 !important;
}

.multiplier-bouns-detail-list .list-loading {
    text-align: center;
    padding: 20px;
    color: #FFFFFF;
}

#home .hdialog-multiplier-content {
    width: 10rem;
    height: 14.59rem;
    display: flex;
    flex-flow: column;
}

#home .hdialog-multiplier-content-bg {
    position: absolute;
    top: 6.66rem;
    left: 1.11rem;
    width: 7.77rem;
    height: 5.55rem;
    background-image: linear-gradient(180deg, #003200 0%, #018E00 97%);
    border-radius: 0.66rem;
}

#home .hdialog-multiplier-content-img {
    position: absolute;
    width: 8.888rem;
    height: 8.888rem;
    left: 0.55rem;
}

#home .hdialog-multiplier-close {
    position: absolute;
    right: 0.7rem;
    /* top: 0.65rem; */
    width: 0.88rem;
    height: 0.88rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home .hdialog-multiplier-close img {
    width: 0.6rem;
    height: 0.6rem;
}

#home .hdialog-multiplier-btn {
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 11.77rem;
    width: 4.22rem;
    /* height: 1.778rem; */
    line-height: 0.88rem;
    left: 50%;
    margin-left: -2.11rem;
    border-radius: 0.22rem;
    text-align: center;
    font-size: .38rem;
    transition: transform 0.1s ease-in-out;
}

#home .hdialog-multiplier-btn:active {
    transform: scale(0.9);
}

#home .multiplier-btn-progress {
    margin-left: -2.33rem;
    width: 4.66rem;
}

#home .hdialog-multiplier-btn .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.multiplier-popup-event {
    position: absolute;
    top: 7.22rem;
    left: 1.44rem;
    width: 7.11rem;
    height: 1.11rem;
    text-align: center;
}

.multiplier-popup-event .card-flag {
    position: absolute;
    height: 1.11rem;
    width: 5.55rem;
    top: -1.11rem;
    left: 0.88rem;
}

.multiplier-popup-event .active,
.multiplier-popup-event .progress {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.multiplier-popup-event .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.11rem;
    padding: 0 0.22rem;
    height: 1.11rem;
    border-radius: 0.22rem;
}

.multiplier-popup-event .countdown>div {
    width: 0.55rem;
    height: 0.55rem;
    font-size: 0.266rem;
    text-align: center;
    border-radius: 0.055rem;
    line-height: 0.55rem;
}

.multiplier-popup-event .active .countdown>div:nth-of-type(2),
.multiplier-popup-event .progress .countdown>div:nth-of-type(2) {
    width: 0.67rem;
}

.multiplier-popup-event .countdown>span {
    font-size: 0.85rem;
    text-align: center;
    font-weight: 700;
}

.multiplier-popup-event .active .countdown>span {
    color: #7800BB;
}

.multiplier-popup-event .active .countdown {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.multiplier-popup-event .active .countdown>div {
    color: rgba(255, 255, 255, 0.65);
    background: rgba(120, 0, 187, 0.75);
}

.multiplier-popup-event .progress .countdown>span {
    color: #05533E;
}

.multiplier-popup-event .progress .countdown {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.multiplier-popup-event .progress .countdown>div {
    color: rgba(255, 255, 255, 0.65);
    background: rgba(5, 83, 62, 0.75);
}

.multiplier-popup-content {
    position: absolute;
    top: 9.09rem;
    left: 1.388rem;
    width: 7.22rem;
    display: flex;
    gap: 0.11rem
}

.multiplier-popup-content .multiplier-content-left,
.multiplier-popup-content .multiplier-content-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding: 0.33rem 0.33rem; */
    height: 2.44rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.16rem;
    gap: 0.11rem;
}

.hdialog-multiplier-content .content-left-amount {
    font-size: 0.8rem;
    font-weight: 700;
    font-style: italic;
    color: #FFEE00;
    line-height: 1;
}

.hdialog-multiplier-content .content-left-title {
    font-size: 0.33rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 1.4;
    padding: 0 0.33rem;
}

.multiplier-content-right .top {
    display: flex;
    align-items: baseline;
    /* gap: 0.12rem; */
}

.multiplier-content-right .times {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.33rem;
    padding: 0 0.1rem;
    border: 0.5px solid rgba(255, 238, 0, 0.50);
    border-radius: 0.19rem;
}

.multiplier-content-right .times>span {
    font-size: 0.26rem;
    color: #FFEE00;
    white-space: nowrap;
}

.hdialog-multiplier-content .card-fire {
    position: absolute;
    top: 5rem;
    right: 1.11rem;
    width: 1.77rem;
    height: 2.66rem;
    z-index: 5;
}

#invite-rewards {
    padding-bottom: 0.667rem;
}

#invite-rewards .invite-rewards-top {
    position: relative;
    height: 3.33rem;
    margin-bottom: -0.44rem;
}

.invite-rewards-top .banner {
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 100%;
}

.invite-rewards-card {
    position: relative;
    /* top: 0.15rem; */
    height: 3.33rem;
}

.invite-rewards-card .link-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.11rem;
    color: #FFFFFF;
    font-size: 0.346rem;
    text-align: center;
    line-height: 0.346rem;
}

.invite-rewards-card .link-title:before {
    content: '';
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 0.055rem;
    margin-right: 0.2rem;
}

.invite-rewards-card .link-title:after {
    content: '';
    transform: scaleX(-1);
    background-image: linear-gradient(270deg, #FFEE00 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}

.invite-rewards-card .share-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 0.22rem;
    padding: 0 0.11rem 0 0.66rem;
    width: 8.22rem;
    height: 1.11rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.33rem;
    box-sizing: border-box;
}

.invite-rewards-card .share-link .link-url {
    width: 5.22rem;
    height: 0.56rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.56rem;
}

.invite-rewards-card .share-link .link-copy {
    width: 1.778rem;
    height: 0.89rem;
    background-image: linear-gradient(116deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    color: #000000;
    font-size: 0.32rem;
    line-height: 0.89rem;
    text-align: center;
    font-weight: 700;
}

.invite-rewards-card .share-title {
    height: 0.66rem;
    width: 100%;
    color: #FFFFFF;
    font-size: 0.346rem;
    text-align: center;
}

.invite-rewards-card .share-platform {
    position: relative;
    width: 8.5rem;
    margin: 0 auto 0.55rem;
    overflow: auto;
}

.invite-rewards-card .share-platform::-webkit-scrollbar {
    display: none;
}

.invite-rewards-card .share-platform .share-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.1rem;
}

.invite-rewards-card .share-platform .share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 1.33rem;
}

.invite-rewards-card .share-platform .icon {
    height: 0.66rem;
    width: 0.66rem;
}

.invite-rewards-card .share-platform .title {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.26666rem;
    line-height: 0.44rem;
}

#invite-rewards .invite-rewards-spin {
    position: relative;
    height: 10rem;
    top: 0.22rem;
}

.invite-rewards-spin .spin-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 8.22rem;
    display: flex;
    align-items: stretch;
    padding: 0.8rem 0.44rem;
    z-index: 10;
    box-sizing: border-box;
}

.invite-rewards-spin .spin-top .labels {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 2rem;
    color: #000000;
    font-size: 0.2667rem;
    line-height: 0.2667rem;
}

.invite-rewards-spin .spin-top .bars {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.invite-rewards-spin .spin-top .bars .progress-bar {
    position: relative;
    height: 0.22rem;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 0.11rem;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFEE00;
    border-radius: 0.11rem;
    min-width: 2% !important;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.22rem;
    height: 100%;
    background: #FF369B;
    border-radius: 0.14rem;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress>span {
    position: absolute;
    top: -0.333rem;
    right: 0;
    margin-right: 0.11rem;
    color: #05533E;
    font-size: 0.267rem;
    line-height: 0.32rem;
    transform: translateX(50%);
}

.invite-rewards-spin .spin-top .values {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 0.138rem;
}

.invite-rewards-spin .spin-top .values .amount-value {
    color: #05533E;
    font-size: 0.426rem;
    line-height: 0.5333rem;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.invite-rewards-spin .spin-top .values .amount-value .unit {
    margin-right: 0.055rem;
    font-size: 0.266rem;
    line-height: 0.426rem;
}

.invite-rewards-spin .spin-top .labels>div:first-child,
.invite-rewards-spin .spin-top .bars>div:first-child,
.invite-rewards-spin .spin-top .values>div:first-child {
    margin-bottom: 0.28rem;
}

.invite-rewards-spin .spin-superscript {
    position: absolute;
    right: 0.778rem;
    top: 1.333rem;
    width: 2.66rem;
    height: 2.66rem;
    z-index: 10;
    transform: rotate(3deg)
}

.invite-rewards-spin .spin-superscript>img {
    width: 100%;
    height: 100%;
}

#invite-rewards .invite-rewards-spin .light {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
    transform-origin: 50% 50%;
    animation: invite-rewards-spin-light 7.5s linear infinite;
    opacity: 0.5;
    z-index: 1;
}

@keyframes invite-rewards-spin-light {
    100% {
        transform: rotate(360deg);
    }
}

#invite-rewards .invite-rewards-spin .turntable-wrap {
    position: relative;
    width: 10rem;
    height: 10rem;
    /* transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1); */
}

#invite-rewards .invite-rewards-spin .turntable-wrap .turntable-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

#invite-rewards .invite-rewards-spin .turntable-wrap #invite-canvas {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6.14rem;
    height: 6.14rem;
    margin-left: -3.07rem;
    margin-top: -3.07rem;
    z-index: 10;
    color: #009B36;
    outline-color: #C00000;
    border-color: #FFEE00;
    border-style: none;
}

.invite-rewards-spin .button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.44rem;
    height: 2.44rem;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.invite-rewards-spin .turntable-wrap .selected-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-49%, 73%);
    width: 2.1rem;
    height: 3rem;
    z-index: 10;
}

.invite-rewards-spin .selected-box>img {
    width: 100%;
    height: 100%;
}

.invite-rewards-spin .rewards-times {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    font-size: 0.853rem;
    font-weight: 700;
    color: #FFFFFF;
}

.invite-rewards-spin .rewards-times-active {
    color: transparent;
}

.invite-rewards-spin .rewards-times-active::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    text-shadow: 1.5px 1.5px 0 #7800BB, -1.5px 1.5px 0 #7800BB, 1.5px -1.5px 0 #7800BB, -1.5px -1.5px 0 #7800BB, 0 4px 6px rgba(0, 0, 0, 0.35);
}

.invite-rewards-spin .rewards-times-active::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.invite-rewards-spin .spin-event {
    position: absolute;
    bottom: 0.556rem;
    left: 1.445rem;
    width: 7.11rem;
    height: 1.11rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.invite-rewards-spin .spin-event .title {
    color: #FFFFFF;
    font-size: 0.32rem;
    text-shadow: 1px 1px 0 #7800BB, 1px -1px 0 #7800BB, -1px 1px 0 #7800BB, -1px -1px 0 #7800BB;
    font-weight: 700;
    margin-bottom: 0.05rem;
}

.invite-rewards-spin .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.11rem;
    padding: 0 0.22rem;
    height: 0.66rem;
    border-radius: 0.44rem;
}

.invite-rewards-spin .countdown>div {
    width: 0.44rem;
    height: 0.33rem;
    font-size: 0.266rem;
    text-align: center;
    border-radius: 0.055rem;
    line-height: 0.33rem;
}

.invite-rewards-spin .countdown>div:nth-of-type(2) {
    width: 0.67rem;
}

.invite-rewards-spin .countdown>span {
    font-size: 0.53rem;
    text-align: center;
    font-weight: 700;
    color: #05533E;
}

.invite-rewards-spin .countdown {
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFEE00 100%);
}

.invite-rewards-spin .countdown>div {
    color: rgba(255, 255, 255, 0.65);
    background: #009B36;
}

#invite-rewards .invite-rewards-review {
    width: 8.89rem;
    min-height: 9.77rem;
    margin: 0.33rem auto;
    border-radius: 0.44rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #018E00 1%, #003200 100%);
    padding-bottom: 0.44rem;
}

.invite-rewards-review .rewards-review-top {
    height: 1.11rem;
    line-height: 1.11rem;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.30);
    text-align: center;
    font-weight: 700;
    border-radius: 0.44rem 0.44rem 0 0
}

.invite-rewards-review .rewards-review-title {
    position: relative;
    width: 8rem;
    margin: 0.44rem auto 0;
    display: flex;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0.22rem;
}

.rewards-review-title>div {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.43rem;
    height: 1.11rem;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 0.44rem;
}

.rewards-review-title>div:first-child {
    flex: 1 1 0%;
}

.rewards-review-title>div:last-child {
    flex: 0 0 3.63rem;
}

.rewards-review-title>div:after {
    position: absolute;
    top: 0.39rem;
    right: 0;
    content: ' ';
    width: 1px;
    height: 0.55rem;
    background: rgba(255, 255, 255, 0.15);
}

.rewards-review-title>div:last-child:after {
    content: none;
}

.invite-rewards-review .rewards-review-content {
    position: relative;
    width: 8rem;
    margin: 0 auto;
    max-height: calc(100vh - 6rem);
    overflow: auto;
}

.rewards-review-content .list-item {
    display: flex;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
    ;
}

.rewards-review-content .list-item>div {
    width: 1.33rem;
    height: 1.11rem;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.44rem;
    box-sizing: border-box;
}

.rewards-review-content .list-item>div:first-child {
    flex: 1 1 0%;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.29rem;
}

.rewards-review-content .list-item>div:nth-child(2) {
    color: #FFEE00;
    font-weight: 700;
    font-size: 0.293rem;
}

.rewards-review-content .list-item>div:last-child {
    flex: 0 0 3.63rem;
    width: 3.63rem;
}

.rewards-review-content .list-item .status-pending {
    color: #66FF66;
}

.rewards-review-content .list-item .status-active {
    color: #FFAF00;
}

.rewards-review-content .list-item .status-reject {
    color: #FF5555;
}

.invite-rewards-description {
    background: transparent !important;
}

.invite-rewards-description .container {
    position: relative;
    width: 8.89rem;
    max-width: 8.89rem;
    padding: 1.333rem 0.667rem 0.667rem 0.667rem;
    background: #003200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 0 rgba(255, 255, 255, 0.25);
    border-radius: 0.47rem;
    box-sizing: border-box;
}

.invite-rewards-description .title {
    margin-bottom: 0.22rem;
    color: #FFFFFF;
    font-size: 0.4267rem;
    font-weight: 700;
    line-height: 0.667rem;
    text-align: center;
}

.invite-rewards-description .content {
    margin-bottom: 0.44rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.3733rem;
    line-height: 0.61rem;
    overflow: auto;
    text-align: justify;
}

.invite-rewards-description .content::-webkit-scrollbar {
    display: none;
}

.invite-rewards-description .button {
    height: 1.11rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
    line-height: 1.111rem;
    background-image: linear-gradient(98deg, #FFEE00 0%, #FFC800 100%);
    border-radius: 0.22rem;
    font-size: 0.3733rem;
}

.hdialog-newerreward-outframe .invite-spin-newerreward-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 6.89rem;
    padding: 0.2rem 0.4rem 0.4rem;
    box-sizing: border-box;
    gap: 0.16rem;
}

.invite-reward-task-title {
    font-size: 0.64rem;
    font-weight: 700;
    color: #FFEE00;
    text-align: center;
    margin-top: 3.2rem;
}

.invite-reward-task-desc {
    font-size: 0.373rem;
    color: #fff;
    text-align: center;
    line-height: 0.66rem;
}

.commission-chest-banner {
    width: 10rem;
}

.commission-chest-frame {
    width: 10rem;
    margin-top: -0.1rem;
    position: relative;
}

.commission-chest-frame .bg-img {
    width: 10rem;
    height: auto;
}

.commission-chest-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 10rem;
    height: 4.66rem;
    padding: 0 0.88rem;
    box-sizing: border-box;
}

.commission-chest-top .share-friends {
    font-size: 0.373rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 0.555rem;
    font-weight: 700;
    width: 100%;
    margin: 0.22rem 0;
}

.commission-chest-top .share-code-frame {
    position: absolute;
    left: 0.88rem;
    background: #05533E;
    border-radius: 0.22rem;
    width: 2.44rem;
    height: 2.88rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 0.22rem;
}

.commission-chest-top .share-code-frame .rq-code {
    width: 2rem;
    height: 2rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commission-chest-top .share-code-frame .rq-code canvas {
    display: block !important;
    width: 1.9rem;
    height: 1.9rem;
}

.commission-chest-top .share-code-frame.rq-code img {
    display: none !important;
}

.commission-chest-top .share-code-frame .share-code {
    font-size: 0.213rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 400;
    /* margin-top: 0.22rem; */
}

.commission-chest-top .share-right {
    width: 5.888rem;
    position: absolute;
    right: 0.55rem;
    overflow: hidden;
    box-sizing: border-box;
}

.commission-chest-top .link-content {
    position: relative;
    width: 5.55rem;
    height: 1.11rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.commission-chest-top .link-content .link {
    position: absolute;
    top: 0;
    left: 0.22rem;
    width: 3.55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.11rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.commission-chest-top .link-content .btn {
    position: absolute;
    right: 0.12rem;
    width: 1.66rem;
    transition: transform 0.1s ease-in-out;
}

.commission-chest-top .link-content .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.commission-chest-top .share-media {
    font-size: 0.32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 0.42rem;
    font-weight: 400;
    margin-top: 0.44rem;
}

.commission-chest-top .share-media-box {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.2rem;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0.11rem;
}

.share-media-box .share-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0.77rem;
    height: 0.77rem;
    width: 0.77rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 24px;
}

.share-media-box .share-item .icon {
    height: 0.55rem;
    width: 0.55rem;
}

.commission-chest-frame .chest-content {
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.25) 100%);
    margin: 0 0.55rem;
    border-radius: 0.44rem;
}

.commission-chest-frame .chest-content-top {
    background-image: linear-gradient(180deg, rgba(255, 238, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);
    position: relative;
    width: 100%;
    padding: 0.22rem;
    box-sizing: border-box;
    border-radius: 0.44rem;
}

.commission-chest-frame .chest-content-top .bg-img {
    width: 8.44rem;
    height: 2.88rem;
    height: auto;
}

.commission-chest-frame .chest-content-top .chest-content-top-left {
    width: 2.88rem;
    height: 2.88rem;
    position: absolute;
    top: 0.22rem;
    left: 0.22rem;
}

@keyframes chestLight {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.commission-chest-frame .chest-content-top-left .light-icon {
    width: 2.88rem;
    height: 2.88rem;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: chestLight 6s linear infinite;
}

.commission-chest-frame .chest-content-top-left .chest-icon {
    width: 2.22rem;
    height: 2.22rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.commission-chest-frame .chest-content-top .chest-content-top-right {
    width: 4.88rem;
    height: 2.88rem;
    position: absolute;
    top: 0.66rem;
    right: 0.88rem;
    text-align: right;
}

.commission-chest-frame .chest-content-top-right .unit {
    font-size: 0.64rem;
    color: #FFEE00;
    letter-spacing: 0;
    text-align: right;
    line-height: 0.66rem;
    font-weight: 700;
}

.commission-chest-frame .chest-content-top-right .amount {
    font-size: 0.85rem;
    color: #FFEE00;
    letter-spacing: 0;
    text-align: right;
    line-height: 0.88rem;
    font-weight: 700;
}

.commission-chest-frame .chest-content-top-btn {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.88rem;
}

.commission-chest-frame .chest-content-top-btn img {
    width: 100%;
    height: auto;
}

.commission-chest-frame .chest-content-top-right .text {
    font-size: 0.37rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    text-align: right;
    line-height: 0.44rem;
    font-weight: 700;
}

.commission-chest-frame .chest-content-top .card-title {
    width: 100%;
    height: auto;
    margin-top: 0.77rem;
}

.commission-chest-frame .chest-list {
    width: 100%;
    padding: 0 0.22rem 0.22rem 0.22rem;
    box-sizing: border-box;
}

.commission-chest-frame .chest-list .header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.22rem;
    height: 1.111rem;
    margin-bottom: 0.11rem;
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 0.22rem;
}

.commission-chest-frame .chest-list .header>span {
    font-size: 0.293rem;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0;
    line-height: 0.33rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    width: 1.77rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commission-chest-frame .chest-list .header>span:nth-child(1) {
    border-left: none;
}

.commission-chest-frame .chest-list .header>span:last-child {
    font-weight: 700;
}

.commission-chest-frame .list-item {
    width: 100%;
    height: 1.11rem;
    background-image: linear-gradient(90deg, rgba(0, 155, 54, 0.00) 0%, #009B36 100%);
    border-radius: 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    margin: 0.111rem 0;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    line-height: 0.44rem;
}

.commission-chest-frame .list-item>div {
    width: 1.77rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commission-chest-frame .list-item .day-box {
    width: 2.44rem;
    height: 100%;
    justify-content: flex-end;
    font-size: 0.266rem;
    position: relative;
}

.commission-chest-frame .list-item .day-box>div {
    width: 1.33rem;
    text-align: center;
}

.commission-chest-frame .list-item .chest {
    width: 1.11rem;
    height: 1.11rem;
    position: absolute;
    left: 0;
}

.commission-chest-frame .list-item .bonus {
    color: #FFEE00;
    font-weight: 700;
}

.commission-chest-frame .list-item .bonus>span {
    font-weight: 700;
    padding-left: 0.05rem;
}

.commission-chest-frame .my-invited {
    background-image: linear-gradient(180deg, rgba(255, 238, 0, 0.75) 0%, rgba(0, 155, 54, 0.50) 26%, rgba(0, 155, 54, 0.25) 100%);
    position: relative;
    margin: 0.22rem 0.55rem 0 0.55rem;
    padding: 0.33rem 0.22rem 0.22rem 0.22rem;
    box-sizing: border-box;
    border-radius: 0.44rem;
}

.commission-chest-frame .my-invited .my-invited-title {
    font-size: 0.32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.44rem;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0.22rem;
}

.commission-chest-frame .my-invited .my-invited-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.1rem;
}

.commission-chest-frame .my-invited .my-invited-item {
    background: rgba(1, 142, 0, 0.30);
    border-radius: 0.22rem;
    height: 1.77rem;
    width: 1.611rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.commission-chest-frame .my-invited .my-invited-item img {
    width: 0.88rem;
    height: 0.88rem;
}

.commission-chest-frame .my-invited .my-invited-item .num {
    font-size: 0.32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.33rem;
    font-weight: 700;
}

.commission-chest-frame .my-invited .my-invited-item .text {
    font-size: 0.21rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    line-height: 0.33rem;
}

.commission-chest-frame .subordinates {
    width: 8.88rem;
    height: 1.11rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(97deg, #009B36 0%, #05533E 100%);
    border-radius: 0.22rem;
    font-size: 0.37rem;
    color: #FFFFFF;
    padding: 0 0.44rem;
    box-sizing: border-box;
    margin: 0.55rem 0 0 0.55rem;
}

.commission-chest-frame .subordinates .subordinates-right {
    display: flex;
    align-items: center;
    gap: 0.11rem;
    color: #FFEE00;
    font-size: 0.32rem;
}

.commission-chest-frame .subordinates .subordinates-right .count {
    font-weight: 700;
    font-size: 0.42rem;
}

.commission-chest-frame .subordinates .subordinates-right>img {
    width: 0.55rem;
    height: 0.55rem;
}

.commission-content-frame {
    width: 10rem;
    padding: 0.55rem;
    box-sizing: border-box;
}

.commission-type-content {
    width: 100%;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(98deg, #009B36 0%, #05533E 100%);
    border-radius: 0.22rem;
    padding: 0 0.38rem;
    box-sizing: border-box;
}

.commission-type-content .icon {
    width: 0.66rem;
    height: 0.66rem;
}

.commission-type-content .title {
    height: 100%;
    line-height: 1.33rem;
    font-size: .373rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.commission-type-content .tcheck {
    height: 1.33rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.commission-type-content .tcheck:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.commission-type-content .tcheck span {
    margin-right: 0.1rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    width: 3.33rem;
    text-align: end;
}

.commission-type-content .tcheck img {
    height: 0.44rem;
    width: 0.88rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.3rem;
    padding: 0.05rem;
}

.commission-user-title {
    width: 100%;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.11rem;
    padding-right: 0.22rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 0.22rem 0.22rem 0 0;
    margin-top: 0.11rem;
}

.commission-user-title .title {
    font-size: 0.293rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    line-height: 0.33rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    width: 1.94rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.commission-user-title .title:nth-child(1) {
    border-left: none;
    justify-content: flex-start;
    width: 2.3rem;
}

.commission-user-item {
    width: 100%;
    height: 1.34rem;
    font-size: .32rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.22rem;
    padding: 0 0.22rem;
    box-sizing: border-box;
    box-sizing: border-box;
}

.commission-user-item:nth-child(2n) {
    background: none;
}

.commission-user-item-avatar {
    width: 0.66rem;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.88);
    margin-right: 0.11rem;
}

.commission-user-item-nameframe {
    position: relative;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.commission-user-item-nametext {
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}

.commission-user-item-name {
    width: 1.77rem;
    line-height: 0.38rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commission-user-item-id {
    width: 1.77rem;
    line-height: 0.38rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commission-user-item-box {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    right: 0.1rem;
}

.commission-user-item-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.66rem;
}

.commission-user-item-days {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.commission-user-item-amount {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.commission-user-item-turnover {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.commission-loading-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.commission-nomore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.commission-loadmore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.multi-chest-banner {
    width: 10rem;
}

.multi-chest-frame {
    width: 10rem;
    margin-top: -0.1rem;
    position: relative;
}

.multi-chest-frame .bg-img {
    width: 10rem;
    height: auto;
}

.multi-chest-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 10rem;
    height: 4.66rem;
    padding: 0 0.88rem;
    box-sizing: border-box;
}

.multi-chest-top .share-friends {
    font-size: 0.373rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 0.555rem;
    font-weight: 700;
    width: 100%;
    margin: 0.22rem 0;
}

.multi-chest-top .share-code-frame {
    position: absolute;
    left: 0.88rem;
    background: #05533E;
    border-radius: 0.22rem;
    width: 2.44rem;
    height: 2.88rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 0.22rem;
}

.multi-chest-top .share-code-frame .rq-code {
    width: 2rem;
    height: 2rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-chest-top .share-code-frame .rq-code canvas {
    display: block !important;
    width: 1.9rem;
    height: 1.9rem;
}

.multi-chest-top .share-code-frame.rq-code img {
    display: none !important;
}

.multi-chest-top .share-code-frame .share-code {
    font-size: 0.213rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 400;
    /* margin-top: 0.22rem; */
}

.multi-chest-top .share-right {
    width: 5.888rem;
    position: absolute;
    right: 0.55rem;
    overflow: hidden;
    box-sizing: border-box;
}

.multi-chest-top .link-content {
    position: relative;
    width: 5.55rem;
    height: 1.11rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.multi-chest-top .link-content .link {
    position: absolute;
    top: 0;
    left: 0.22rem;
    width: 3.55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.11rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}

.multi-chest-top .link-content .btn {
    position: absolute;
    right: 0.12rem;
    width: 1.66rem;
    transition: transform 0.1s ease-in-out;
}

.multi-chest-top .link-content .btn:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.multi-chest-top .share-media {
    font-size: 0.32rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 0.42rem;
    font-weight: 400;
    margin-top: 0.44rem;
}

.multi-chest-top .share-media-box {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.2rem;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0.11rem;
}

.multi-chest .share-media-box .share-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0.77rem;
    height: 0.77rem;
    width: 0.77rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 24px;
}

.multi-chest .share-media-box .share-item .icon {
    height: 0.55rem;
    width: 0.55rem;
}

.multi-chest-frame .chest-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.138rem;
}

.multi-chest-frame .chest-box .chest {
    position: relative;
    width: 1.66rem;
    height: 1.66rem;
    margin-bottom: 0.66rem;
}

.multi-chest-frame .chest-box .chest .red-point {
    top: -0.1rem;
    right: -0.15rem;
    position: absolute;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.55rem;
    background: #FF0102;
    border: 0.5px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 0.266rem;
    line-height: 0.44rem;
    text-align: center;
    z-index: 10;
    box-sizing: border-box;
}

.multi-chest-frame .chest-box .chest img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.multi-chest-frame .chest-box .chest .bg {
    width: 100%;
    height: 100%;
}

.multi-chest-frame .chest-box .chest .light {
    width: 1.44rem;
    height: 1.44rem;
}

@keyframes multiLight {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.multi-chest-frame .chest-box .chest .active-light {
    animation: multiLight 6s linear infinite;
}

.multi-chest-frame .chest-box .chest .box {
    width: 1.44rem;
    height: 1.44rem;
}

.multi-chest-frame .chest-box .chest .icon {
    width: 0.66rem;
    height: 0.66rem;
    position: absolute;
    top: 1.66rem;
    transform: translate(-50%, 0);
}

.multi-chest-frame .chest-content {
    position: relative;
    background-image: linear-gradient(180deg, rgba(255, 238, 0, 0.75) 0%, rgba(0, 155, 54, 0.50) 26%, rgba(0, 155, 54, 0.25) 100%);
    margin: 0 0.55rem;
    border-radius: 0.44rem;
    padding: 0.22rem 0;
    box-sizing: border-box;
}

.multi-chest-frame .chest-content .chest-content-top {
    display: flex;
    justify-content: center;
    gap: 0.45rem;
    background-image: linear-gradient(180deg, rgba(0, 50, 0, 0.08) 0%, rgba(0, 50, 0, 0.50) 100%);
    background-clip: padding-box;
    border-radius: 0.22rem;
    height: 1.11rem;
    color: rgba(255, 255, 255, 0.85);
    border: 1px dashed rgba(1, 142, 0, 1);
    z-index: 10;
    margin: 0 0.22rem;
}

.multi-chest-frame .chest-content .chest-content-top .title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.44rem;
}

.multi-chest-frame .chest-content .chest-content-top .title-box .num {
    font-size: 0.32rem;
    color: #FFEE00;
    line-height: 0.33rem;
}

.multi-chest-frame .chest-row {
    display: flex;
    align-items: center;
    gap: 0 0.44rem;
    position: relative;
    /* width: 8.88rem; */
    height: 2.666rem;
    margin: 0 auto;
    padding: 0 0.22rem;
    box-sizing: border-box;
    margin-bottom: -0.0084rem;
}

.multi-chest-frame .chest-row-flip {
    justify-content: flex-end;
}

.multi-chest-frame .chest-item {
    position: relative;
    width: 1.833rem;
    height: 2.22rem;
    background-image: radial-gradient(circle at 50% 0%, rgba(255, 200, 0, 0.25) 0%, rgba(1, 142, 0, 0.25) 100%);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.22rem;
    background-clip: padding-box;
}

.multi-chest-frame .chest-item.chest-item-activated {
    background-image: radial-gradient(circle at 50% 0%, #FFC800 0%, #018E00 100%);
    border: 0.5px solid rgba(255, 238, 0, 1);
    color: #FFFFFF;
}

.multi-chest-frame .chest-item.chest-item-activated .person {
    color: #FFFFFF;
    background-image: linear-gradient(180deg, #018E00 0%, rgba(255, 200, 0, 0.50) 100%);
}

.multi-chest-frame .chest-row .chest-img {
    position: relative;
    width: 1.38rem;
    height: 1.38rem;
    z-index: 2;
    top: -0.083rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.multi-chest-frame .chest-row .chest-img>img {
    position: relative;
    width: 100%;
    height: 100%;
}

.multi-chest-frame .chest-row .chest-img .chest-light {
    position: absolute;
    width: 1.38rem;
    height: 1.38rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: multiLight 6s linear infinite;
}

.multi-chest-frame .chest-row .person {
    background-image: linear-gradient(180deg, rgba(1, 142, 0, 0.50) 0%, rgba(255, 200, 0, 0.25) 100%);
    border-radius: 0.22rem 0.22rem 0 0;
    font-size: 0.266rem;
    color: rgba(255, 255, 255, 0.85);
    width: 100%;
    text-align: center;
    line-height: 0.44rem;
}

.multi-chest-frame .chest-row .tick {
    width: 0.33rem;
    height: 0.33rem;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}

.multi-chest-frame .chest-row .reward {
    position: absolute;
    font-size: 0.32rem;
    line-height: 0.44rem;
    color: #FFFE00;
    bottom: 0.11rem;
    width: 100%;
    text-align: center;
}

.multi-chest-frame .next {
    display: none;
    position: absolute;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.556rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
    z-index: 3;
}

.multi-chest-frame .next>img {
    width: 100%;
    height: 100%;
}

.multi-chest-frame .next-left {
    display: block;
    top: 0.88rem;
    left: -0.45rem;
}

.multi-chest-frame .next-left>img {
    transform: rotate(180deg);
}

.multi-chest-frame .next-right {
    display: block;
    top: 0.88rem;
    right: -0.45rem;
}

.multi-chest-frame .next-down {
    display: block;
    bottom: -0.45rem;
    left: 0.70rem;
}

.multi-chest-frame .next-down>img {
    transform: rotate(90deg);
}

.multi-chest-frame .subordinates {
    width: 8.88rem;
    height: 1.11rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(96deg, #009B36 0%, #05533E 100%);
    border-radius: 0.22rem;
    font-size: 0.37rem;
    color: #FFFFFF;
    padding: 0 0.44rem;
    box-sizing: border-box;
    margin: 0.22rem 0 0 0.55rem;
}

.multi-chest-frame .subordinates .subordinates-right {
    display: flex;
    align-items: center;
    gap: 0.11rem;
    color: #FFEE00;
    font-size: 0.32rem;
    /* font-weight: 700; */
}

.multi-chest-frame .subordinates .subordinates-right .count {
    font-weight: 700;
    font-size: 0.42rem;
}

.multi-chest-frame .subordinates .subordinates-right>img {
    width: 0.55rem;
    height: 0.55rem;
}

.multi-content-frame {
    width: 10rem;
    padding: 0.55rem;
    box-sizing: border-box;
}

.multi-type-content {
    width: 100%;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(98deg, #009B36 0%, #05533E 100%);
    border-radius: 0.22rem;
    padding: 0 0.38rem;
    box-sizing: border-box;
}

.multi-type-content .icon {
    width: 0.66rem;
    height: 0.66rem;
}

.multi-type-content .title {
    height: 100%;
    line-height: 1.33rem;
    font-size: .373rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.multi-type-content .tcheck {
    height: 1.33rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}

.multi-type-content .tcheck:active {
    transform: scale(0.9);
    opacity: 0.5;
}

.multi-type-content .tcheck span {
    margin-right: 0.1rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
    width: 3.33rem;
    text-align: end;
}

.multi-type-content .tcheck img {
    height: 0.44rem;
    width: 0.88rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.3rem;
    padding: 0.05rem;
}

.multi-user-title {
    width: 100%;
    height: 1.33rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.11rem;
    padding-right: 0.22rem;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.00) 100%);
    border-radius: 0.22rem 0.22rem 0 0;
    margin-top: 0.11rem;
}

.multi-user-title .title {
    font-size: 0.293rem;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    line-height: 0.33rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    width: 1.94rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.multi-user-title .title:nth-child(1) {
    border-left: none;
    justify-content: flex-start;
    width: 2.3rem;
}

.multi-user-item {
    width: 100%;
    height: 1.34rem;
    font-size: .32rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.22rem;
    padding: 0 0.22rem;
    box-sizing: border-box;
    box-sizing: border-box;
}

.multi-user-item:nth-child(2n) {
    background: none;
}

.multi-user-item-avatar {
    width: 0.66rem;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.88);
    margin-right: 0.11rem;
}

.multi-user-item-nameframe {
    position: relative;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.multi-user-item-nametext {
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}

.multi-user-item-name {
    width: 1.77rem;
    line-height: 0.38rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-user-item-id {
    width: 1.77rem;
    line-height: 0.38rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-user-item-box {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    right: 0.1rem;
}

.multi-user-item-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.66rem;
}

.multi-user-item-days {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multi-user-item-amount {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multi-user-item-turnover {
    width: 1.77rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multi-loading-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.multi-nomore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.multi-loadmore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

.multi-chest-frame .hdialog-rules-contentframe {
    background: none !important;
    border: none !important;
}