html,
body {
-ms-overflow-style: none;
/* IE 和 Edge */
scrollbar-width: none;
/* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
/* Chrome, Safari, Opera */
}
.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: rgba(255, 255, 255, 0.85);
}
.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: -0.1rem;
left: 50%;
margin-left: -0.3rem;
height: 0.66rem;
width: 0.66rem;
}
.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(255, 255, 255, 0.25);
}
.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(255, 255, 255, 0.25);
}
.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: rgba(255, 255, 255, 1);
}
.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-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
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: rgba(255, 255, 255, 0.65);
}
#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: 1px;
left: 0.5rem;
width: 9rem;
height: 1.1rem;
line-height: 1.1rem;
font-size: .373rem;
background: rgba(255, 255, 255, 0.04);
}
#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.45);
}
#page-promotion .today-item .value {
position: absolute;
right: 0.4rem;
height: 100%;
font-size: .533rem;
color: rgba(255, 255, 255, 0.65);
}
#page-promotion .today-item .value1 {
position: absolute;
right: 0.4rem;
height: 100%;
font-size: .533rem;
color: rgba(255, 255, 255, 0.85);
}
#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-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
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: rgba(255, 255, 255, 0.65);
}
#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);
color: rgba(255, 255, 255, 0.65);
}
#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(0, 0, 0, 0.15);
}
#page-promotion .agent-item-title .line2 {
position: absolute;
right: 2.7rem;
width: 1px;
top: 20%;
height: 60%;
background: rgba(0, 0, 0, 0.15);
}
#page-promotion .agent-item {
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.04);
color: rgba(255, 255, 255, 0.65);
}
#page-promotion .agent-item2 {
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);
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: rgba(34, 34, 34, 1);
border-radius: 0.2rem;
}
.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: #009B36;
border-radius: 0.22rem;
}
.dialog-common .btn-ok span {
top: 0;
left: 0;
width: 100%;
color: #FFFFFF;
}
.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: rgba(0, 0, 0, 0.5) !important;
width: 10rem !important;
}
.dialog-main-class2 {
border-top-left-radius: 0.44rem !important;
border-top-right-radius: 0.44rem !important;
border: 0.5px solid rgba(255,255,255,0.15) !important;
background: #063F30 !important;
width: 10rem !important;
}
.dialog-noty18-class2 {
border-radius: 0.44rem !important;
border: 0.5px solid rgba(255,255,255,0.15) !important;
background: #063F30 !important;
width: 8.88rem !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-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;
}
.reglogin-outframe {
position: relative;
left:1rem;
width:8rem;
height: 12.66rem;
border-radius: 0.44rem;
overflow-x: hidden;
overflow-y: hidden;
}
.reglogin-outframe-bg {
position: absolute;
top:0;
left:0;
width:8rem;
height: 10.66rem;
background: #FCD7A1;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
}
.reglogin-outframe-top {
position:relative;
left:0;
width:8rem;
height: 2.2rem;
}
.reglogin-outframe-bottom {
position: relative;
width:100%;
height: 11.8rem;
margin-top: 0;
background: #063F30;
border-radius: 0.44rem;
overflow-x: hidden;
overflow-y: scroll;
}
.reglogin-outframe-bottom-content {
position:relative;
left:0.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: #969799;
}
.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.4rem;
left: 0.3rem;
font-size: .35rem;
line-height: 0.5rem;
text-align: left;
margin-bottom: 0.4rem;
color: rgba(255, 255, 255, 0.45);
}
.pay-iframe {
position: fixed;
top: 1.2rem;
left: 0;
width: 10rem;
background: white;
}
.signup-item-normal-disabled {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.15);
}
.signup-item-normal-disabled-bigdep {
background: rgba(255,255,255,0.04);
border: 1px solid transparent;
}
.signup-item-normal {
border: 1px solid rgba(255,255,255,0.15);
background: rgba(255,255,255,0.04);
}
.signup-item-edit-normal {
background: #063F30;
border: 1px solid rgba(72,162,106,1);
}
.signup-item-edit-error {
background: #063F30;
border:1px solid #E00000;
}
.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: #FFEE00;
opacity: 0.5;
border-radius: 0.22rem;
}
.dialog-signup-btn {
margin-top: 0.5rem!important;
width: 6.66rem!important;
left: 0.22rem!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: #FFEE00;
border-radius: 0.22rem;
}
.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: #063F30!important;
color: rgba(255, 255, 255, 0.65) !important;
}
.top-nav-wheel {
width: 10rem;
height: 1.326rem !important;
line-height: 1.326rem !important;
background: #063F30 !important;
color: rgba(255, 255, 255, 0.65) !important;
}
.top-nav-title {
height: 1.326rem !important;
line-height: 1.326rem !important;
color: rgba(255, 255, 255, 0.85) !important;
}
.top-nav-wheel-title {
height: 1.326rem !important;
line-height: 1.326rem !important;
color: rgba(255, 255, 255, 0.85) !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.22rem;
left: 50%;
width: 4.44rem;
height: 1.33rem;
background: #FFEE00;
border-radius: 0.22rem;
}
.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.22rem;
background: #05533E;
opacity: 0.85;
}
.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, 1);
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, 1);
}
.top-card-middle .text-right {
position: relative;
font-size: .373rem;
color: rgba(255, 255, 255, 1);
}
.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, 1);
}
.top-card-bottom .text-right {
position: relative;
font-size: .373rem;
color: rgba(255, 255, 255, 1);
}
.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(255, 255, 255, 0.04);
border: 0.5px solid rgba(255, 255, 255, 0.08);
}
.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.45);
}
.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: rgba(255,175,0,0.65);
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: #05533E;
border-radius: 0.22rem;
opacity: 0.65;
}
.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, 1);
}
.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, 1);
}
.ltop-card-middle .text-right {
position: relative;
font-size: .373rem;
color: rgba(255, 255, 255, 1);
}
.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, 1);
}
.ltop-card-bottom .text-right {
position: relative;
font-size: .373rem;
color: rgba(255, 255, 255, 1);
}
.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(255, 255, 255, 0.04);
border: 0.5px solid rgba(255, 255, 255, 0.08);
}
.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.85);
}
.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: rgba(255,175,0,0.65);
}
.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;
}
.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.8rem;
width: 6.4rem;
}
.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 #063F30;
}
.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 #063F30;
}
.login-menu-content .item-enable {
border-bottom: 2px solid #FDAC50;
color: #FDAC50;
font-weight: 600;
}
.reglogin-menu-content .item-enable {
font-size: .533rem;
color: #237400;
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: #000000;
font-weight: 700;
}
.login-item {
position: relative;
width: 6.7rem;
height: 1.11rem;
left: 50%;
margin-left: -4.35rem;
border-radius: 0.22rem;
}
.login-item-input {
font-family: monospace;
color: rgba(255, 255, 255, 0.85);
}
.login-item-normal {
border: 1px solid rgba(255,255,255,0.15);
background: rgba(255,255,255,0.04);
}
.login-item-edit-normal {
background: #063F30;
border: 1px solid rgba(72,162,106,1);
}
.login-item-edit-error {
background: #063F30;
border:1px solid #E00000;
}
.login-item-error {
position: relative;
line-height: 0.45rem;
font-size: .373rem;
text-align: left;
border-radius: 0.22rem;
width: 6.8rem;
left: 50%;
margin-left: -4.4rem;
padding: 0.1rem 0.1rem;
/* background: rgba(224,0,0,0.45); */
color: #E00000;
}
.login-item-line {
position: relative;
height: 0.44rem;
}
.login-item .input {
position: absolute;
border: none;
top: 0.09rem;
height: 1rem;
line-height: 1rem;
left: 1.38rem;
width: 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: rgba(0,0,0,0.85);
}
.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);
}
.lottery-list-title img {
position: absolute;
top: 50%;
margin-top: -0.4rem;
right: 0.3rem;
width: 0.8rem;
height: 0.8rem;
}
.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: rgba(0,0,0,0.85);
}
.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;
background: rgba(255,255,255,0.04);
border: 0.5px solid rgba(255,255,255,0.08);
border-radius: 0.22rem;
}
.message-item-open {
border: 0.5px solid rgba(70,163,106,1);
background: #063F30;
}
.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.45);
}
.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.85);
}
.message-item .title2 {
color: #46A36A;
}
.message-item .title3 {
color: rgba(0, 0, 0, 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.65);
white-space: nowrap;
max-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
transition: max-height 0.2s 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.20)
}
.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: #46A36A;
}
.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.75rem;
height: 0.75rem;
}
.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.65);
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.65);
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;
/* 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;
}
.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.1rem;
left: 53%;
width: 0.75rem;
height: 0.75rem;
}
.profile-edit-btn-active {
position: absolute;
top: 1.1rem;
left: 53%;
width: 0.75rem;
height: 0.75rem;
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: rgba(255, 255, 255, 0.85);
}
.rcoin-item-normal {
border: 1px solid rgba(255,255,255,0.15);
background: rgba(255,255,255,0.04);
}
.rcoin-item-normal-disabled {
border: 1px solid rgba(255,255,255,0.15);
background: rgba(255,255,255,0.04);
}
.rcoin-item-edit-normal {
background: #063F30;
border: 1px solid rgba(72,162,106,1);
}
.rcoin-item-edit-error {
background: #063F30;
border:1px solid #E00000;
}
.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: #FFEE00;
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: #FFEE00;
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(255,255,255,0.02);
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(255,255,255,0.04);
border-radius: 0.22rem;
}
.profile-item-disabled {
background: rgba(255,255,255,0.02);
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: rgba(255, 255, 255, 0.85);
}
.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 rgba(0,0,0,0.50);
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(0,0,0,0.45);
}
.bdep-items-frame .item-card-middle .no-amount {
font-size: .32rem;
color: rgba(0,0,0,0.45);
}
.bdep-items-frame .item-card-middle .has-amount {
font-size: .32rem;
color: #05533E;
font-weight: 700;
}
.bdep-items-frame .item-card-middle .need-amount {
font-size: .32rem;
color: rgba(0,0,0,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(0,0,0,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.25);
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.45);
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-image: linear-gradient(150deg, #009B36 0%, #05533E 100%);
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-top-card {
position: relative;
margin-top: 0.5rem;
left: 0.5rem;
width: 9rem;
height: 10rem;
overflow: hidden;
}
.level-top-card .level-line-bg {
position: absolute;
top: 0;
left: 0;
width: 9rem;
opacity: 0.2;
}
.level-top-card .level-curlevel {
position: absolute;
top: 6.15rem;
left: 0;
width: 9rem;
text-align: center;
color: #111628;
font-size: .32rem;
color: #00FFFF;
text-shadow: 0 0 6px #FF00B6;
}
.level-top-card .level-name {
position: absolute;
top: 5.12rem;
left: 0;
width: 9rem;
font-size: .853rem;
font-weight: 700;
text-align: center;
color: #FFE400;
text-shadow: -1px -2px #4256FE;
}
.level-top-card .level-value1 {
position: absolute;
top: 8.45rem;
left: 0;
text-align: center;
width: 9rem;
font-size: .64rem;
font-weight: 700;
color: #FFEE00;
}
.level-top-card .level-value2 {
position: absolute;
top: 9.2rem;
left: 1.7rem;
text-align: left;
width: 9rem;
font-size: 0.24rem;
opacity: 0.8;
line-height: 0.5rem;
color: #FFFFFF;
}
.level-top-card .level-curicon {
position: absolute;
top: 2.5rem;
left: 50%;
width: 3.4rem;
height: 3.4rem;
margin-left: -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(0,155,54,0.75);
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(180deg, #FFF4B4 0%, #F6BF52 100%);
opacity: 0.4;
border-radius: 0.426rem;
}
.level-icon-frame .level-icon-bg2 {
background: rgba(255, 255, 255, 0.08);
border-radius: 0.426rem;
}
.level-icon-frame .level-icon-bg3 {
background-image: linear-gradient(180deg, #FFF4B4 0%, #F6BF52 100%);
border-radius: 0.426rem;
}
.level-icon-frame .level-less-name {
color: rgba(255, 255, 255, 0.45);
}
.level-icon-frame .level-more-name {
color: #FFDD80;
}
.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: #FFDD80;
}
.level-frame .cur-amount {
position: absolute;
top: 2.65rem;
width: 1.35rem;
height: 0.33rem;
text-align: right;
color: #FFDD80;
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: #FFDD80;
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.6rem;
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: 0rem;
color: #FFE400;
font-size: .5rem;
width: 2.6rem;
text-align: center;
}
.level-item .day-title1 {
color: rgba(255, 255, 255, 0.45);
}
.level-item .day-title2 {
color: #F9C486;
}
.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: #F9C486;
font-size: .373rem;
margin-right: 0.1rem;
}
.level-item .right-rs-span21 {
color: #F9C486;
}
.level-item .right-rs-span3 {
color: #FFE400;
font-size: .346rem;
margin-right: 0.1rem;
}
.level-item .right-rs-span31 {
color: #FFE400;
font-size: .533rem;
}
.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.5rem;
width: 9rem;
height: 1rem;
line-height: 1rem;
}
.rescue-commission-item .level-title {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.65) !important;
font-size: .346rem !important;
}
.rescue-commission-item .performance-title {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.65) !important;
font-size: .346rem !important;
}
.rescue-commission-item .commission-title {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.65) !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.04);
color: rgba(255, 255, 255, 0.25);
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.02);
color: rgba(255, 255, 255, 0.25);
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.04);
color: rgba(255, 255, 255, 0.45);
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.02);
color: rgba(255, 255, 255, 0.45);
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.04);
color: rgba(255, 255, 255, 0.45);
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.02);
color: rgba(255, 255, 255, 0.45);
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: #FEFCE1;
text-align: center;
text-shadow: 0 4px 0 #4A0000;
height: 1.33rem;
line-height: 1.33rem;
}
.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%;
}
.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-bottom-card {
position: relative;
margin-top: 0.2rem;
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: #FCD7A1;
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: #FCD7A1;
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(249,196,134,0.50);
}
.vbottom-content-text1 {
color: #F9C486;
}
.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(255,255,255,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.45);
margin-top: 0.5rem;
height: 1.1rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 0.26rem 0.26rem 0 0;
}
.vip-info-title {
position: absolute;
color: rgba(255, 255, 255, 0.45);
font-size: .32rem;
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-item-frame {
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.04);
color: rgba(255, 255, 255, 0.65);
}
.vip-info-frame11 {
position: absolute;
left: -0.02rem;
height: 100%;
width: 1.8rem;
color: rgba(255, 181, 127, 0.65);
font-size: .34rem;
}
.vip-info-frame12 {
position: absolute;
left: -0.02rem;
height: 100%;
width: 1.8rem;
color: rgba(255, 181, 127, 0.65);
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, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame22 {
position: absolute;
left: 1.8rem;
height: 100%;
width: 2rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame31 {
position: absolute;
left: 1.8rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame32 {
position: absolute;
left: 1.8rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame41 {
position: absolute;
left: 4.2rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame42 {
position: absolute;
left: 4.2rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame51 {
position: absolute;
left: 6.6rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame52 {
position: absolute;
left: 6.6rem;
height: 100%;
width: 2.4rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame61 {
position: absolute;
left: 1.8rem;
height: 100%;
width: 3.6rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame62 {
position: absolute;
left: 1.8rem;
height: 100%;
width: 3.6rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame71 {
position: absolute;
left: 5.2rem;
height: 100%;
width: 3.6rem;
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
}
.vip-info-frame72 {
position: absolute;
left: 5.2rem;
height: 100%;
width: 3.6rem;
color: rgba(255, 255, 255, 0.45);
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(0, 0, 0, 1);
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(0, 0, 0, 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-radius: 0.533rem;
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(0, 0, 0, 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(0, 0, 0, 0.45);
font-size: .346rem;
}
.weekb-top-card .wframe-top-value .span2 {
color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.45);
font-size: .346rem;
}
.weekb-top-card .wframe-toploss-value .span2 {
color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.65);
font-size: .346rem;
text-align: center;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.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(0, 0, 0, 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(0, 0, 0, 0.45);
font-size: .373rem;
}
.weekb-content-frame .wfun-value-text2 {
position: relative;
color: rgba(0, 0, 0, 0.45);
font-size: .5rem;
}
.weekb-content-frame .wfun-value-text3 {
position: relative;
color: #063F30;
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.1rem;
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);
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, 0.65);
}
.weekb-info-frame21 {
position: absolute;
left: 0;
height: 100%;
width: 4.48rem;
background: rgba(255,255,255,0.08);
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
border-radius: 0.22rem;
}
.weekb-info-frame22 {
position: absolute;
left: 0;
height: 100%;
width: 4.48rem;
background: rgba(255,255,255,0.02);
color: rgba(255, 255, 255, 0.45);
font-size: .346rem;
text-align: center;
border-radius: 0.22rem;
}
.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, 0.85);
font-size: .346rem;
text-align: center;
border-radius: 0.22rem;
}
.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, 0.85);
font-size: .346rem;
text-align: center;
border-radius: 0.22rem;
}
.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: 6.7rem;
height: 1.11rem;
left: 50%;
margin-left: -4.35rem;
border-radius: 0.22rem;
}
.signup-reg18-item {
position: relative;
margin-top: -0.08rem;
width: 6.7rem;
/* height: 0.55rem; */
left: 50%;
margin-left: -4.35rem;
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:7rem;
color: rgba(255,255,255,0.65);
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.88rem;
height: 0.66rem;
}
.signup-item .input {
position: absolute;
border: none;
top: 0.09rem;
height: 1rem;
line-height: 1rem;
left: 1.38rem;
width: 4rem;
padding: 0;
font-size: .373rem;
background-color: transparent;
}
.signup-item .text-bzphone {
left: 1.3rem;
font-family: monospace;
color: rgba(255, 255, 255, 0.85);
}
.signup-item-input {
font-family: monospace;
color: rgba(255, 255, 255, 0.85);
}
.signup-item-error {
position: relative;
line-height: 0.45rem;
font-size: .373rem;
text-align: left;
border-radius: 0.22rem;
width: 6.8rem;
left: 50%;
margin-left: -4.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.44rem;
}
.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: #05533E;
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: #05533E;
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: #48A26A;
color: #FFFFFF;
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: rgba(255,255,255,0.15);
color: #FFFFFF;
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: rgba(255, 255, 255, 0.75);
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.65);
border-radius: 0.22rem;
width: 8.6rem;
padding-left: 0.3rem;
height: 0.88rem;
line-height: 0.88rem;
justify-content: flex-start;
}
.topup-top-tips-icon {
opacity: 0.65;
margin-right: 0.2rem;
width: 0.4rem;
height: 0.4rem;
}
.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;
}
.topup-signup-item .title {
position: absolute;
left: 1.1rem;
font-size: .373rem;
color: #ACB1CD;
}
.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: 0.65;
}
.signup-item-normal-topup {
background: #063F30;
border: 1px solid rgba(70,163,106,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;
background: rgba(255, 255, 255, 0.15);
text-align: center;
color: rgba(255, 255, 255, 0.75);
font-size: .373rem;
overflow: hidden;
position: relative;
}
.topup-item .item .item-type1 {
text-align: left;
background: #009B36;
border-radius: 0px 0px 0.22rem 0;
color: rgba(255, 255, 255, 1);
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: #009B36;
border-radius: 0px 0px 0.22rem 0;
color: rgba(255, 255, 255, 1);
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: #48A26A;
color: #FFFFFF;
}
.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
}
.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;
}
.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;
border: 0.5px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.04);
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.65);
font-size: .32rem;
line-height: .48rem;
}
.tuprofile-bonustips {
position: relative;
margin-top: 0.66rem;
margin-bottom: -0.44rem;
left: 0.66rem;
width: 8.68rem;
border: 0.5px solid rgba(255,255,255,0.08);
background: 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: rgba(255,255,255,0.65);
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;
opacity: 0.5;
}
.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: #FFEE00;
}
.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: rgba(255, 255, 255, 0.85);
}
.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: rgba(255, 255, 255, 0.65);
}
.tuprofile-item .icon {
position: absolute;
width: 0.6rem;
height: 0.6rem;
right: 0.3rem;
top: 50%;
margin-top: -0.3rem;
opacity: 0.45;
}
.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: .65;
}
.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.5rem;
width: 9rem;
height: 1.1rem;
line-height: 1.1rem;
font-size: .373rem;
background: rgba(255, 255, 255, 0.04);
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: rgba(255, 255, 255, 0.85);
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.85);
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: #ACB1CD;
}
.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;
opacity: .65;
}
.withdr-item-tips {
position: relative;
margin-top: 0.2rem;
font-size: .373rem;
color: rgba(255, 255, 255, 0.45);
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.45);
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: rgba(255, 255, 255, 0.85);
font-size: 1rem;
font-weight: 700;
}
.withpf-top-title .amount .unit {
position: absolute;
right: 0;
color: rgba(255, 255, 255, 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.85);
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: rgba(255,255,255,0.15);
border: 0.5px solid rgba(255,255,255,0.15);
border-radius: 0.22rem;
font-weight: 700;
margin-right: 0.12rem;
}
.withpf-profile-item .type-item-checked {
background: #48A26A;
color: #FFFFFF;
border: 0.5px solid #48A26A;
}
.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: .65;
}
.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;
}
.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: rgba(255, 255, 255, 0.85);
}
.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.85);
-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: #063F30;
}
#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: #063F30;
border-radius: 0.22rem;
color: #FFFFFF;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#home .app-download .btn-download span {
font-size: .32rem;
color: #FFFFFF;
}
#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.4rem;
line-height: 1.4rem;
z-index: 1000;
overflow: hidden;
background: transparent;
}
#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-unread {
position: absolute;
top:-0.1rem;
right:-0.1rem;
width:0.4rem;
height: 0.4rem;
line-height: 0.4rem;
background: #FF0102;
border: 0.5px solid rgba(255,255,255,0.5);
text-align: center;
color: #FFFFFF;
font-size: 0.26rem;
border-radius: 0.4rem;
}
#home .app-name .app-name-leftbg :active {
opacity: 0.45;
}
#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.33rem;
height: 0.33rem;
border-radius: 0.3rem;
background: #FF0000;
top: 0.1rem;
right: 0.1rem;
border: 0.5px solid rgba(255,255,255,0.75);
display: flex;
justify-content: center;
align-items: center;
font-size: .24rem;
color: #FFFFFF;
transition: transform 0.1s ease-in-out;
}
.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.25rem;
width:7rem;
height:0.88rem;
display:flex;
justify-content:flex-end;
align-items:center;
}
#home .app-name .right-csframe {
position:relative;
margin-left: 0.22rem;
width:0.7rem;
height:0.7rem;
background: #063F30;
border: 1px solid rgba(255,255,255,0.15);
border-radius: 0.22rem;
display: flex;
justify-content: center;
align-items: center;
}
#home .app-name .right-csframe img {
width:0.5rem;
height:0.5rem;
}
#home .app-name .right-loginframe {
position:relative;
margin-left:0.22rem;
height:0.77rem;
width: 1.56rem;
background: #FFEE00;
border-radius: 0.22rem;
color: rgba(0,0,0,0.85);
font-size: .32rem;
text-align: center;
line-height: 0.77rem;
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-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.77rem;
width: 1.56rem;
background: #009B36;
border-radius: 0.22rem;
color: #FFFFFF;
font-size: .3rem;
text-align: center;
line-height: 0.77rem;
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;
}
#home .app-name .right-coinframe {
position:relative;
margin-left:0.22rem;
height:0.7rem;
border-radius: 0.22rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right, #063F30, #063F30), linear-gradient(317deg, #05533E 2.45%, #62D28D 105.89%);
border: 1px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
}
#home .app-name .right-coinframe .coin-unit {
margin-right: 0.1rem;
color: #46A36A;
font-size: .3rem;
}
#home .app-name .right-coinframe .coin-value {
color: rgba(255,255,255,0.85);
font-size: .426rem;
font-weight: 400;
margin-right: 0.15rem;
}
#home .app-name .right-coinframe .coin-arrow {
width: 0.4rem;
height: 0.4rem;
}
#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.53rem;
left: 1.2rem;
width: 5.1rem;
height: 1.06rem;
display: flex;
justify-content: flex-start;
align-items: center;
overflow: hidden;
font-size: .533rem;
color: #FFF;
font-weight: 900;
}
#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.4rem;
height: 1.4rem;
}
#home .popmore-frame .back-frame .backbg-frame {
position: absolute;
width: 1rem;
height: 1rem;
top: 50%;
margin-top: -0.5rem;
left: 0.426rem;
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.4rem;
line-height: 1.4rem;
background: #063F30;
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: rgba(255,255,255,0.04);
color: rgba(255,255,255,0.45);
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: #48A26A;
color: #FFFFFF;
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.44rem;
font-size: .24rem;
overflow-x: scroll;
overflow-y: hidden;
height:unset;
left:0.17rem;
width:9.8rem;
}
#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.56rem;
height: 1.56rem;
top: 0;
}
#home .groupfun .group-item-top {
position:absolute;
top:0;
left:50%;
margin-left:-0.5rem;
width:1rem;
height:1rem;
background: #009B36;
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.6rem;
height: 0.6rem;
}
#home .groupfun .group-item-bottom {
position:absolute;
top:1.1rem;
left:0;
width:100%;
height:0.44rem;
line-height: 0.44rem;
text-align: center;
color: rgba(255,255,255,0.65);
font-size: 0.32rem;
text-align: center;
}
#home .groupfun .group-item-cur {
transform: scale(0.9);
}
#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: 2rem !important;
width: 8rem !important;
margin-top: 1.7rem !important;
}
#home .main .panel {
width: 95.6%;
font-size: .3125rem;
padding-left: 0.44rem;
border-bottom: .0rem solid #f5f5f5;
}
#home .main .panel-right {
width: 7.8rem!important;
padding-left: 0.22rem!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.44rem!important;
margin-top: 0.44rem;
}
#home .main .panel-partner {
position: relative;
margin-top: 0.3rem;
left: 0;
width: 10rem;
height: 6.4rem;
}
#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.44rem;
width: 9.12rem;
height: 4.1rem;
border-radius: 0.22rem;
overflow: hidden;
}
#home .top-banner-frame-img {
width: 9.12rem;
height: 4rem;
border-radius: 0.22rem;
object-fit: cover;
}
#home .home-bottom-frame {
position: relative;
width: 10rem;
height: auto;
margin-top: 0rem;
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.44rem;
width: 9.12rem;
height: 1.78rem;
}
#home .top-libanner-frame .libanner1 {
position: absolute;
top: 0;
left: 0;
width: 2.88rem;
height: 1.77rem;
overflow: hidden;
}
#home .top-libanner-frame .libanner2 {
position: absolute;
top: 0;
left: 50%;
margin-left: -1.44rem;
width: 2.88rem;
height: 1.77rem;
overflow: hidden;
}
#home .top-libanner-frame .libanner3 {
position: absolute;
top: 0;
right: 0;
width: 2.88rem;
height: 1.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.44rem;
left: 0.44rem;
width: 7.77rem;
height: 1.1rem;
background: rgba(255,255,255,0.04);
border-radius: 0.22rem;
}
#home .top-noty-bar-frame-icon {
opacity: 1;
position: absolute;
left: 0.2rem;
width: 0.6rem;
height: 0.6rem;
top: 50%;
margin-top: -0.3rem;
}
#home .notice-swipe {
margin-left: 0.5rem;
height: 1.1rem;
line-height: 1.1rem;
font-size: .33rem;
font-weight: initial;
color: #FFD77F;
background: transparent;
}
#home .top-noty-bar-frame .sys-msg {
position: absolute;
top: 0;
right: -1.34rem;
width: 1rem;
height: 1rem;
background: #063F30;
border: 1px solid rgba(255,255,255,0.15);
border-radius: 0.22rem;
display: flex;
justify-content: center;
align-items: center;
}
#home .top-noty-bar-frame .sys-msg-icon {
width: 0.6rem;
height: 0.6rem;
}
#home .gpanel-more-frame {
margin-bottom: 0.22rem;
position: relative;
height: 1.12rem;
line-height: 1.12rem;
font-size: .373rem;
color: rgba(255, 255, 255, 0.85);
font-weight: bold;
display: flex;
justify-content: flex-start;
align-items: center;
}
#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 {
position: absolute;
top: 50%;
margin-top: -0.44rem;
height: 0.88rem;
width: 0.88rem;
left: 0rem;
}
#home .gpanel-more-frame .group-title {
position: absolute;
left: 1.05rem;
color: rgba(255,255,255,0.85);
font-size: .373rem;
}
#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: absolute;
top: 50%;
margin-top: -0.33rem;
right: 2.7rem;
width: 1.77rem;
height: 0.66rem;
line-height: 0.66rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.32rem;
color: rgba(255, 255, 255, 0.65);
background: rgba(255,255,255,0.08);
border-radius: 0.11rem;
}
#home .ggame-gamenum .span1 {
color: rgba(255,255,255,0.65);
font-size: .32rem;
}
#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.335rem;
right: 0.44rem;
width: 1.34rem;
height: 0.67rem;
line-height: 0.67rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.11rem;
transition: transform 0.1s ease-in-out;
background: rgba(255,255,255,0.08);
color: rgba(255,255,255,0.65);
font-size: .373rem;
}
#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-more-left {
position: absolute;
top: 50%;
margin-top: -0.33rem;
right: 4.55rem;
width: 0.66rem;
height: 0.66rem;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255,255,255,0.08);
border-radius: 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.28rem;
}
#home .ggame-more-left .icon-right {
width: 0.28rem;
transform: rotate(180deg);
}
#home .ggame-more-right {
position: absolute;
top: 50%;
margin-top: -0.33rem;
right: 1.95rem;
width: 0.66rem;
height: 0.66rem;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255,255,255,0.08);
border-radius: 0.11rem;
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.28rem;
}
#home .ggame-more-right .icon-right {
width: 0.28rem;
transform: rotate(180deg);
}
#home .ggame-more .icon {
width: 0.4rem;
height: 0.4rem;
opacity: 0.45;
}
#home .ggame-more .more-type1 {
font-size: 0.32rem;
color: rgba(255, 255, 255, 1);
}
#home .ggame-more .more-type2 {
font-size: 0.32rem;
color: rgba(255, 255, 255, 0.45);
}
#home .ggame-item-frame {
width: 3.13rem;
height: 4.15rem;
}
#home .ggame-item-frame4 {
width: 2.342rem!important;
height: 3.066rem!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.05rem;
height: 1.5rem;
box-sizing: border-box;
margin-bottom: 0.33rem;
margin-right: 0.044rem;
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: 4.05rem;
background-color: transparent;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
overflow: hidden;
}
#home .ggame-item-content4 {
width: 100%;
height: 2.988rem;
background-color: transparent;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
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.5rem;
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: #FFFFFF;
background: #009B36;
}
#home .ggame-leftmenu-content-cur {
color: #FFFFFF;
background: #009B36;
}
#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.85rem;
height: 3.84rem;
object-fit: cover;
}
#home .ggame-item-content-img4 {
width: 2.084rem!important;
height: 2.778rem!important;
}
#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 {
position:absolute;
top:0;
left:50%;
margin-left: -0.56rem;
width: 1.12rem;
height: 1.12rem;
display: flex;
justify-content: center;
align-items: center;
}
#home .ggame-leftmenu-content-redpoint {
position:absolute;
top: -0.1rem;
right: 0.3rem;
width: 0.4rem;
height: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
background: #FF0102;
border: 0.5px solid rgba(255,255,255,0.5);
color: #FFFFFF;
font-size: .285rem;
border-radius: 0.4rem;
}
#home .ggame-menu-content-img img {
height: 0.66rem!important;
width: unset!important;
}
#home .ggame-leftmenu-content-img img {
height: 1.12rem!important;
width: 1.12rem!important;
}
#home .ggame-menu-content-img .img-normal {
opacity: 0.5!important;
}
#home .ggame-menu-content-img .img-checked {
opacity: 1!important;
}
#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; */
position:absolute;
bottom: 0;
width:100%;
font-size: .285rem;
color: #FFFFFF;
text-align: center;
}
#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.2rem;
width: 1.2rem;
height: 1.2rem;
}
#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: 8rem !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.04);
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-icon {
opacity: 0.65;
margin-left: 0.1rem;
width: 0.4rem;
height: 0.4rem;
}
#home .sdpromotion-line1 {
height: 0.5rem;
background: transparent;
}
#home .sdpromotion-line2 {
height: 1rem;
}
#home .sdpromotion-frame-typet {
background-image: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 50%);
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.08);
}
#home .sdpromotion-frame-type1 {
position: relative;
font-size: .4rem;
text-align: center;
width: 10rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
#home .sdpromotion-frame-typeleft1 {
width: 6.22rem;
margin-top: 0.55rem;
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: 9rem;
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.2rem!important;
}
#home .div-link {
margin: 0.1rem;
border-radius: 0.65rem;
width: 1rem;
height: 1rem;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.1s ease-in-out;
}
#home .div-link:active {
opacity: 0.45;
transform: scale(0.9);
}
#home .div-link-left {
margin: 0.01rem;
}
#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-icon {
width: 0.7rem!important;
height: 0.7rem!important;
}
#home .sdpromotion-desc-content {
position: relative;
font-size: .4rem;
text-align: center;
width: 10rem;
padding-top: 0.6rem;
padding-bottom: 0.45rem;
border-top: 1px solid rgba(255, 255, 255, 0);
background: transparent;
}
#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.65);
}
#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: #FFEE00;
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: 2.1rem;
height: 2.1rem;
left: 50%;
margin-left: -1.05rem;
}
#home .hdialog-continue-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-continue-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-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: rgba(255, 255, 255, 1);
background: #063F30;
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: #05533E;
border-radius: 0.22rem;
}
#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: #FFFFFF;
font-size: .32rem;
background: #48A26A;
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: rgba(255, 255, 255, 1);
}
#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-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: #063F30;
}
#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;
}
#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: rgba(255,255,255,0.45);
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: rgba(255,255,255,0.65);
font-size: .32rem;
}
#home .hdialog-person-content .person-profile {
position:relative;
height:0.3rem;
width:10rem;
height:3.78rem;
}
#home .hdialog-person-content .person-profile-avatar {
position:absolute;
top: 0.44rem;
left: 1.22rem;
width: 1.77rem;
height: 1.77rem;
border-radius: 0.44rem;
border: 1px solid rgba(255,255,255,0.25);
}
#home .hdialog-person-content .person-profile-name {
position:absolute;
top: 2.3rem;
left: 0.66rem;
width: 2.88rem;
height: 0.67rem;
color: #FFFFFF;
font-size: .373rem;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
}
#home .hdialog-person-content .person-profile-code {
position:absolute;
top: 2.8rem;
left: 0.66rem;
height: 0.67rem;
width: 2.88rem;
border-radius: 0.22rem;
display: flex;
justify-content: center;
align-items: center;
color: rgba(255,255,255,0.65);
font-size: .26rem;
}
#home .hdialog-person-content .person-profile-code .copy-icon {
width: 0.33rem;
height: 0.33rem;
margin-left: 0.1rem;
}
#home .hdialog-person-content .person-profile-coin {
position:absolute;
top: 0.44rem;
right: 0.66rem;
width: 6.67rem;
height: 0.88rem;
display: flex;
justify-content: flex-end;
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: rgba(255,255,255,0.85);
font-size: .32rem;
font-weight: 400;
}
#home .hdialog-person-content .person-profile-coin-value {
color: #FFAF00;
font-size: .373rem;
font-weight: 700;
}
#home .hdialog-person-content .person-profile-topup {
position:absolute;
top: 2.3rem;
right: 3.45rem;
width: 2.55rem;
height: 1.11rem;
border-radius: 0.22rem;
background: #FFEE00;
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.55rem;
height: 0.55rem;
margin-right: 0.15rem;
}
#home .hdialog-person-content .person-profile-topup:active {
opacity: 0.45;
transform: scale(0.9);
}
#home .hdialog-person-content .person-profile-withdraw {
position:absolute;
top: 2.3rem;
right: 0.66rem;
width: 2.55rem;
height: 1.11rem;
border-radius: 0.22rem;
background: #009B36;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
font-size: .346rem;
font-weight: 400;
transition: transform 0.1s ease-in-out;
}
#home .hdialog-person-content .person-profile-withdraw:active {
opacity: 0.45;
transform: scale(0.9);
}
#home .hdialog-person-content .person-vipframe {
position:relative;
left: 0.66rem;
width: 8.68rem;
height: 4.84rem;
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;
left: 1.9rem;
width: 4rem;
height: 98%;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-text-title {
color: #F2AE87;
font-size: .533rem;
font-weight: 400;
margin-right: 0.1rem;
}
#home .hdialog-person-content .person-vipframe-bg1 .vip-frame-text-value {
color: #F2AE87;
font-size: .853rem;
font-weight: 400;
}
#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.24rem;
height: 1.55rem;
overflow: hidden;
}
#home .hdialog-person-content .person-vipframe-remainvip {
position:relative;
left: 0.22rem;
width: 8.24rem;
height: 1.55rem;
border-radius: 0.22rem;
background: rgba(0,0,0,0.15);
overflow: hidden;
}
#home .hdialog-person-content .person-vipframe-topframe {
position:absolute;
top: 0;
left: 0.22rem;
width: 7.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: #063F30;
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: #063F30;
font-size: .32rem;
text-align: right;
}
#home .hdialog-person-content .person-vipframe-topframe .right-value2 {
color: #FFFFFF!important;
font-size: .346rem!important;
}
#home .hdialog-person-content .person-vipframe-middleframe {
position:absolute;
top: 0.78rem;
left: 0.22rem;
width: 7.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: #48A26A;
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: 7.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.45);
font-size: .3rem;
text-align: left;
}
#home .hdialog-person-content .person-vipframe-bottomframe .right-value {
position: absolute;
right: 0;
width: 100%;
height: 100%;
color: #05533E;
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.66rem;
width: 8.68rem;
height: 1.34rem;
background: #063F30;
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: #063F30!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: rgba(255,255,255,0.85);
font-size: .373rem;
font-weight: 700;
margin-right: 0.22rem;
}
#home .hdialog-person-content .rebate-left-unit {
color: rgba(255,255,255,0.65);
font-size: .32rem;
font-weight: 400;
margin-right: 0.11rem;
}
#home .hdialog-person-content .rebate-left-value {
color: #F9C486;
font-size: .426rem;
font-weight: 700;
}
#home .hdialog-person-content .person-agentframe {
position:relative;
left: 0.66rem;
width: 8.68rem;
padding-bottom: 0.22rem;
background: #05533E;
border-radius: 0.22rem;
overflow: hidden;
margin-bottom: 0.22rem;
}
#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: #063F30;
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: #F9C486;
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.66rem;
width: 8.68rem;
padding-top: 0.44rem;
padding-bottom: 0.44rem;
background: #05533E;
border-radius: 0.22rem;
overflow: hidden;
margin-bottom: 0.22rem;
}
#home .hdialog-person-content .other-item {
position:relative;
left: 0;
width: 8.68rem;
height: 1.33rem;
overflow: hidden;
display: flex;
align-items: center;
box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.04);
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(255,255,255,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: rgba(255,255,255,0.65);
font-size: .373rem;
}
#home .hdialog-person-content .person-exitframe {
position:relative;
left: 0.66rem;
width: 8.68rem;
height: 1.33rem;
background: #05533E;
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;
}
.hdialog-exit-frame .top-content {
position:absolute;
top:0;
left:0;
width:10rem;
height:4.64rem;
background: #05533E;
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: #FFFFFF;
}
.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: #05533E;
}
.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;
color: rgba(255, 255, 255, 0.85);
}
#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: #05533E;
border-radius: 0.22rem;
margin-bottom: 0.22rem;
display: flex;
justify-content: center;
}
#home .hdialog-activity-content .act-item-top {
position: absolute;
bottom: 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;
}
#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: 1px solid rgba(255,255,255,1);
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: #FFFFFF;
font-size: .32rem;
border-radius: 0.22rem;;
display: flex;
justify-content: center;
align-items: center;
background: #009B36;
}
#home .hdialog-activity-content .act-item-bottom {
position: absolute;
top: 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-top-left-radius: 0.22rem;
border-top-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: #05533E;
border-radius: 0.66rem;
}
#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;
display: flex;
justify-content: center;
align-items: center;
background: #FFEE00;
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: .346rem;
color: rgba(0,0,0,0.85);
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: .346rem;
color: rgba(0,0,0,0.85);
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.44rem;
height: 1.33rem;
display: flex;
justify-content: center;
align-items: center;
background: #009B36;
border-radius: 0.22rem;
}
#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: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: 0.1rem!important;
}
#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: #FFEE00;
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.33rem;
left: 71%;
margin-top: -1.1rem;
display: flex;
justify-content: center;
align-items: center;
background: #009B36;
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.4rem;
background: transparent;
/* backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); */
display: flex;
}
#home #tab-bar-home .tabbar-left-bgcolor {
position: absolute;
top: 1.5rem;
left: 0rem;
width: 10rem;
height: 3rem;
background: #063F30;
}
#home #tab-bar-home .tabbar-left-bg {
position: absolute;
top: 0.2rem;
left: 0rem;
width: 10rem;
}
#home #tab-bar-home .tabbar-left-item {
position: relative;
top: 0rem;
margin-left: 0rem;
width: 2rem;
height: 1.4rem;
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.3rem;
height: 0.3rem;
border-radius: 0.4rem;
background: #FF0000;
border: 0.5px solid rgba(255,255,255,0.75);
color: #FFFFFF;
font-size: .22rem;
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: #0F1923;
}
.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: rgba(255, 255, 255, 0.85);
text-align: center;
}
.sdhome-upgrade-page-message {
position: relative;
margin-top: 0.6rem;
left: 15%;
width: 70%;
font-size: .373rem;
color: rgba(255, 255, 255, 0.65);
text-align: center;
line-height: 0.6rem;
}
.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.85rem !important;
right: 1.2rem !important;
width: 3.78rem !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.25rem;
left: 0;
width: 4.44rem;
height: unset;
background: #282E35;
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);
}
.sdhome-moremenu-frame-content-top {
position: relative;
left: 0.22rem;
width: 3.34rem;
height: 0.22rem;
}
.sdhome-moremenu-frame-content-item {
position: relative;
left: 0.22rem;
width: 4rem;
height: 1.2rem;
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 {
height: 0.66rem;
}
.sdhome-moremenu-frame-content-item .item-img-disable {
opacity: 1;
height: 0.66rem;
}
/* .sdhome-moremenu-frame-content-item .item-img {
position:absolute;height:0.66rem;top:50%;margin-top: -0.33rem;left:0.2rem;
}
.sdhome-moremenu-frame-content-item .item-img-disable {
opacity: 1;position:absolute;height:0.66rem;top:50%;margin-top: -0.33rem;left:0.2rem;
} */
.sdhome-moremenu-frame-content-item .item-name {
position: absolute;
left: 0.8rem;
}
.sdhome-moremenu-frame-content-bottom {
position: relative;
left: 0.22rem;
width: 3.34rem;
height: 0.1rem;
}
.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: rgba(255, 255, 255, 0.02);
color: rgba(255, 255, 255, 0.45);
}
.more-menu-active {
background: #3E606F;
color: rgba(255, 255, 255, 1);
}
.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.12rem;
width: 2.88rem;
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.6rem;
z-index: 2000;
}
.sdhome-leftmenu-frame .ltop-frame-bgimg {
position: absolute;
top: 0;
left: 0;
width: 7.12rem;
height: 100vh;
background: #063F30;
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe {
position:absolute;
bottom:0;
left:0;
width:7.12rem;
height:4.5555rem;
/* 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 .leftmenu-cs {
position:absolute;
bottom:2.7785rem;
left:0.44rem;
width:6.24rem;
height:1.3372rem;
transition: transform 0.2s ease-in-out;
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe .leftmenu-cs:active {
opacity: 0.45;
transform: scale(0.9);
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe .leftmenu-cs-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe .leftmenu-link {
position:absolute;
bottom:0.44rem;
left:0.44rem;
width:6.24rem;
height:2.2285rem;
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe .leftmenu-link-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.sdhome-leftmenu-frame .ltop-frame-bottomframe .bottom-item {
position:relative;
width:2.88rem;
height:1.33rem;
background: #FFEE00;
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: #48A26A;
}
.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-bottomframe .bottom-item-text-left {
color: rgba(0,0,0,0.85);
}
.sdhome-leftmenu-frame .ltop-frame-back {
position: absolute;
top:50%;
margin-top: -0.43rem;
left: 0.44rem;
width: 0.86rem;
height: 0.86rem;
}
.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.44rem;
height: 0.78rem;
top: 50%;
margin-top: -0.39rem;
}
.sdhome-leftmenu-frame .lcontent-frame {
width: 7.12rem !important;
padding-bottom: 0 !important;
margin-top: 1.6rem !important;
}
.sdhome-leftmenu-frame .lcontent-frame-div {
overflow: hidden;
}
.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; */
position:relative;
margin-top: 0.22rem;
left:0.44rem;
width:6.24rem;
height:1.12rem;
display: flex;
align-items: center;
}
.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-login {
position:absolute;
left:0;
width:3rem;
height:1.12rem;
line-height:1.12rem;
background: #FFEE00;
box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);
border-radius: 0.22rem;
color: rgba(0,0,0,0.85);
font-size: .373rem;
font-weight: 700;
text-align:center;
transition: transform 0.2s ease-in-out;
}
.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-login:active {
opacity: 0.45;
transform: scale(0.85);
}
.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-reg {
position:absolute;
right:0;
width:3rem;
height:1.12rem;
line-height:1.12rem;
background: #009B36;
box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);
border-radius: 0.22rem;
color: #FFFFFF;
font-size: .373rem;
font-weight: 700;
text-align:center;
transition: transform 0.2s ease-in-out;
}
.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-reg:active {
opacity: 0.45;
transform: scale(0.85);
}
.sdhome-leftmenu-frame .lcontent-frame-div .loginreg-frame-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;
}
/* .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 .lcontent-frame-div .topwith-frame-nologin {
position:relative;
margin-top: 0.22rem;
left:0.44rem;
width:6.24rem;
height:2rem;
display: flex;
background: #063F30;
border-radius: 0.33rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-coin {
position:absolute;
bottom:1.22rem;
left:0.22rem;
height: 0.66rem;
display: flex;
align-items: center;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-coin-value {
color: #FFEE00;
font-size: .48rem;
font-weight: 400;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-coin-unit {
margin-left: 0.1rem;
color: rgba(255,238,0,0.65);
font-size: .32rem;
font-weight: 400;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-topup {
position:absolute;
left:0.22rem;
bottom:0.22rem;
width: 2.7778rem;
height: 0.88rem;
background: #FFEE00;
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.15);
border-radius: 0.22rem;
display: flex;
justify-content: center;
align-items: center;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-topup span{
color: rgba(0,0,0,0.85);
font-size: .346rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-topup img{
width: 0.55rem;
height: 0.55rem;
margin-right: 0.2rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-withdraw {
position:absolute;
right:0.22rem;
bottom:0.22rem;
width: 2.7778rem;
height: 0.88rem;
background: #48A26A;
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.15);
border-radius: 0.22rem;
display: flex;
justify-content: center;
align-items: center;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-withdraw span{
color: #FFFFFF;
font-size: .346rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .tfn-withdraw img{
width: 0.55rem;
height: 0.55rem;
margin-right: 0.2rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login {
position:relative;
margin-top: 0.22rem;
left:0.44rem;
width:6.24rem;
height:3.3334rem;
display: flex;
background: #063F30;
border-radius: 0.33rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login-avatar {
position:absolute;
top:0.22rem;
left:0.22rem;
width:1.11rem;
height:1.11rem;
border: 1px solid rgba(255,255,255,0.25);
border-radius: 0.22rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login-nickname {
position:absolute;
top:0.278rem;
left:1.55rem;
width:4.5rem;
height:0.5rem;
line-height: 0.5rem;
color: #FFFFFF;
font-size: .373rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login-usercode {
position:absolute;
top:0.88rem;
left:1.55rem;
width:4.5rem;
height:0.44rem;
line-height: 0.44rem;
display: flex;
align-items: center;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login-usercode .usercode-value{
color: rgba(255,255,255,0.65);
font-size: .32rem;
}
.sdhome-leftmenu-frame .lcontent-frame-div .topwith-frame-login-usercode .usercode-copy{
width:0.3333rem;
height: 0.3333rem;
margin-left: 0.1rem;
}
.sdhome-leftmenu-frame .lgroup-cs-frame {
position:relative;
left:0.44rem;
width:6.22rem;
height:1.11rem;
background: #48A26A;
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-frame {
position: relative;
width: 100% !important;
padding-left: 0 !important;
margin-bottom: 0.22rem !important;
}
.sdhome-leftmenu-frame .lgroup-item-content {
position: relative;
left: 0.44rem;
height: 1.674rem;
line-height: 1.674rem;
font-size: .426rem;
color: rgba(255, 255, 255, 0.45);
font-weight: bold;
display: flex;
width: 6.22rem;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 0.22rem;
}
/* .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: 1rem;
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(0, 0, 0, 0.15);
text-align: center;
font-size: 0.426rem;
line-height: 1.5rem;
color: rgba(255, 255, 255, 0.65);
}
.hdialog-betlist-title img {
position: absolute;
top: 50%;
margin-top: -0.4rem;
opacity: 0.45;
right: 0.3rem;
width: 0.8rem;
height: 0.8rem;
}
.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(255, 255, 255, 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(255, 255, 255, 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: 9rem;
height: 4.55rem;
}
.sdhome-jackpot-frame img {
position: absolute;
top: 0;
left: 0;
width: 9rem;
}
.sdhome-jackpot-frame span {
position: absolute;
top: 1.3rem;
left: 0;
width: 9rem;
height: 2rem;
line-height: 2rem;
text-align: center;
font-size: 0.88rem;
font-weight: bold;
text-shadow: 0 2px 0 #004A74;
color: #FFEE00;
}
.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: #05533E;
border-radius: 0.44rem;
box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
border: 1px solid #05533E;
}
.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;
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;
background: rgba(6,63,48,0.50);
box-shadow: inset 0px 0.5px 0px 0px rgba(255,255,255,0.25);box-shadow: 0px -4px 8px 0px rgba(0,0,0,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.22rem;
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.22rem;
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.5rem;
width: 9rem;
border-radius: 0.533rem;
overflow: hidden;
}
.hdialog-rules-titleframe {
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 {
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: #F9C486;
font-size: .373rem;
display: flex;
justify-content: center;
align-items: center;
}
.hdialog-rules-leftline-gold {
background-image: linear-gradient(90deg, rgba(249, 196, 134, 0.00) 0%, rgba(249, 196, 134, 0.50) 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(249, 196, 134, 0.00) 0%, rgba(249, 196, 134, 0.50) 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: #FFEE00;
font-size: .32rem;
/* text-shadow: 1px 1px 1px #FFF; */
}
.bbox-item-bottom2 .result-value {
color: #FFEE00;
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: rgba(0,0,0,0.65);
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: #05533E;
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: 0.06rem 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: rgba(255, 255, 255, 0.15);
box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
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(255, 255, 255, 0.04);
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(255, 255, 255, 0.08);
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, 0.85);
font-size: .32rem;
}
.p-item-subcontent .plans-frame-item-value2 .unit {
color: rgba(255, 255, 255, 0.45);
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, 0.85);
font-size: .32rem;
}
.p-item-subcontent .plans-frame-item-value3 .unit {
color: rgba(255, 255, 255, 0.45);
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: rgba(0,0,0,0.65);
font-size: .426rem;
font-weight: 700;
}
.buytop-content .value-text {
color: #05533E;
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: rgba(255,255,255,0.65);
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: rgba(255,255,255,0.65);
font-size: 0.3rem;
}
.buyitem-content .value12 {
color: #FFFFFF;
font-size: 0.426rem;
margin-left: 2px;
}
.buyitem-content .title2 {
position: relative;
height: 100%;
color: rgba(255,255,255,0.65);
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: #063F30;
box-shadow: inset 0px 0.5px 0px 0px rgba(255,255,255,0.25), 0px 4px 8px 0px rgba(0,0,0,0.25);
}
.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-image: linear-gradient(180deg, #05533E 0%, #009B36 100%);
box-shadow: inset 0px -2px 2px 0px rgba(0,155,54,1);
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-image: linear-gradient(135deg, #FCDFB6 0%, #DB9560 100%);
box-shadow: inset 0px -2px 2px 0px rgba(209,120,54,1),inset 0px 2px 2px 0px rgba(255,255,255,0.25);
border-radius: 0.44rem;
}
.contentwa-bframe {
position: absolute;
top: 8rem;
left: 1rem;
border: 3px solid rgba(0,0,0,0.25);
border-radius: 0.44rem;
width: 8rem;
height: 4rem;
}
.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: rgba(0,0,0,0.65);
font-size: .31992rem;
padding-top: .05332rem
}
.withdrawAlert .contentwa .cash .cashContent {
margin: .06rem 0 0;
color: #05533E;
font-size: .9331rem;
font-weight: 700
}
.withdrawAlert .contentwa .withdrawInfo {
color: rgba(0, 0, 0, 0.65);
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.04);
border-radius: .44rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
position: relative;
margin-top: .31992rem;
border: 2px solid rgba(0,0,0,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: #6ddf39; */
color: rgba(0, 0, 0, 0.65);
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: #4b4f5d;
margin: 0
}
.withdrawAlert .contentwa .progress li.active:before {
content: "";
display: inline-block;
width: .15996rem;
height: .15996rem;
background-color: #4b4f5d;
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: rgba(0,0,0,0.65);
}
.backAlert .contentba .text {
font-size: 0.3999rem;
font-family: Arial;
color: #05533E;
}
.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(0, 0, 0, 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(0, 0, 0, 0.5);
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: rgba(0,0,0,0.65);
}
.resultcontent .withdrawTips img {
height: 0.5332rem;
margin-right: 0.05332rem;
margin-top: -0.10664rem;
vertical-align: middle
}
.resultcontent .needCashNum {
color: #D17836;
}
.resultcontent .haveCash {
color: #fff;
font-size: 1.0664rem
}
.resultcontent .haveCash .cash {
color: #05533E;
}
.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: #05533E;
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: #05533E;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.cashMain.type1 .needCash {
color: rgba(0,0,0,0.65);
text-align: center
}
.cashMain.type1 .needCashNum {
color: #05533E;
}
.cashMain.type1 .needCashNum2 {
color: #05533E!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(0, 0, 0, 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: #009B36;
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(0,0,0,0.45);
-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(0, 0, 0, 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: #05533E!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(255,255,255,0.65);
display: block;
width: 2.666rem;
margin-left: 0.2rem;
}
.winList .item .name11 {
color: rgba(0,0,0,0.65)!important;
}
.winList .item .tipText {
color: rgba(255, 255, 255, 0.45);
min-width: 2.9326rem
}
.winList .item .tipText11 {
color: rgba(0,0,0,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: #FFAF00;
width: 0.87978rem;
}
.winList .item .addCash1 {
color: #009B36;
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: #fff;
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: 1.25rem;
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.22rem;
left: 0;
width: 0.44rem;
height: 0.44rem;
}
.reward-frame .recharge-amount .amount-title {
position: absolute;
top: 0;
left: 0.6rem;
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: rgba(0, 0, 0, 0.65);
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.65);
margin-right: 0.1rem;
}
.reward-frame .reward-reward .value1 {
font-size: .853rem;
color: #05533E;
font-weight: bold;
}
.reward-frame .reward-reward .value2 {
font-size: .853rem;
color: rgba(0, 0, 0, 0.25);
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: 2px solid rgba(255, 255, 255, 0.25);
overflow: hidden;
}
.reward-tips-title {
position: relative;
width: 8.8rem;
height: 0.7rem;
background: 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;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.reward-tips-item-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.04);
}
.reward-tips-item-bg1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.08);
}
.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 .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(255, 255, 255, 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-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 .title {
position: absolute;
top: 0;
left: 0.4rem;
height: 1.12rem;
line-height: 1.12rem;
color: rgba(255, 255, 255, 0.85);
font-size: .373rem;
}
.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);
}
.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);
}
.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 .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: #FFAF00;
}
.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 .title {
position: absolute;
top: 0;
height: 1.33rem;
line-height: 1.33rem;
font-size: .346rem;
color: rgba(255, 255, 255, 0.85);
}
.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.5rem;
width: 9rem;
height: 1.34rem;
line-height: 1.34rem;
font-size: .32rem;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.85);
}
.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-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.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 {
position: relative;
margin-top: -0.3rem;
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: 2.8rem;
left: 0.32rem;
width: 8.36rem;
height: 1.866rem;
}
.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;
}
.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 .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.65);
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(255, 255, 255, 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: rgba(0,0,0,0.65);
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, rgba(252,215,161,0.25) 0%, rgba(209,120,54,0.25) 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: rgba(255, 255, 255, 0.85);
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: #FFEE00;
}
.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.08);
}
.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: #FFAF00;
}
.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: rgba(255, 255, 255, 0.85);
}
.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.5rem;
width: 9rem;
height: 1.34rem;
line-height: 1.34rem;
font-size: .32rem;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.85);
}
.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-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.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 {
position: absolute;
left: 50%;
width: 8.88rem;
margin-left: -4.44rem;
border-radius: 0.66rem;
background-image: linear-gradient(150deg, #62D28D 0%, #05533E 100%);
box-shadow: 0px -2px 8px 0px rgba(43,22,0,0.25);
}
.raintips-frame .raintips-content .top-banner {
position: relative;
margin-top: -0.3rem;
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: 2.8rem;
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: rgba(0,0,0,0.65);
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: rgba(0,0,0,0.65);
}
.raintips-frame .raintips-content .middle-tips .text2-light {
color: #05533E;
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: #05533E;
border-radius: 0px 0px 0.44rem 0.44rem;
}
.raintips-frame .time-frame-title {
position: relative;
left: 0;
width: 7rem;
color: rgba(255,255,255,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(255,255,255,0.85);
font-size: 0.32rem;
}
.rain-hdialog-content-item .item-img {
width: 0.33rem;
height: 0.33rem;
margin-right: 0.1rem;
filter: invert(100%);
}
.rain-rules-frame {
position: relative;
margin-top: 0.64rem;
left: 0.32rem;
width: 8.36rem;
text-align: center;
color: rgba(255, 255, 255, 0.65);
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;
filter: invert(100%);
}
.raindresult-frame .rain-result1 .tips1-span {
position: absolute;
top: 0;
left: 0.45rem;
width: 5.5rem;
font-size: .346rem;
color: rgba(255,255,255,0.85);
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;
filter: invert(100%);
}
.raindresult-frame .rain-result1 .tips2-span {
position: absolute;
top: 0;
left: 0.45rem;
width: 5.5rem;
font-size: .346rem;
color: rgba(255,255,255,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-frame .span2 {
color: #063F30;
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: rgba(0,0,0,0.85);
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: rgba(255,255,255,0.08);
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-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.00) 100%);
border: 1px solid rgba(255,255,255,0.15);
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;
}
.agency-tab1-levelframe .level-tab .tab-icon-selected {
width: 0.44rem;
height: 0.44rem;
margin-right: 0.1rem;
}
.agency-tab1-levelframe .level-tab .tab-normal {
background: #009B36;
color: rgba(255,255,255,0.65);
font-size: .32rem;
opacity: 0.45;
}
.agency-tab1-levelframe .level-tab .tab-selected {
background: #009B36;
color: #FFFFFF;
font-size: .32rem;
}
.agency-tab1-levelframe .level-rule {
position: relative;
margin-top: 0.22rem;
left: 0.44rem;
width: 8.02rem;
min-height: 0.88rem;
border: 1px solid transparent;
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.08);
color: rgba(255,255,255,0.85);
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.08);
}
.agency-tab1-levelframe .level-rule .title-frame .line2 {
position: absolute;
right: 2.5rem;
width: 1px;
height: 0.5rem;
background: rgba(255,255,255,0.08);
}
.agency-tab1-levelframe .level-rule .value-frame1 {
display: flex;
align-items: center;
position: relative;
left: 0;
width: 100%;
height: 0.88rem;
border-top: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.02);
color: rgba(255,255,255,0.85);
font-size: .32rem;
}
.agency-tab1-levelframe .level-rule .value-frame2 {
display: flex;
align-items: center;
position: relative;
left: 0;
width: 100%;
height: 0.88rem;
border-top: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.04);
color: rgba(255,255,255,0.85);
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: rgba(255,255,255,0.08);
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: #48A26A;
color: rgba(255,255,255,0.85);
}
.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-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.25) 100%);
}
.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: rgba(255, 255, 255, 0.85);
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: rgba(0,0,0,0.25)!important;
transition: transform 0.2s ease-in-out!important;
margin-top: unset!important;
border: 1px solid rgba(255,255,255,0.25)!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(255,255,255,0.15);
}
.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: rgba(0,0,0,0.25);
border: 1px solid rgba(255,255,255,0.25);
}
.agency-tab4-dayframe .type-frame-pop {
border: 1px solid rgba(255,255,255,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: #05533E;
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: #009B36;
}
.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(255,255,255,0.15);
}
.agency-tab4-dayframe .type-frame-arrowup {
position: absolute;
right: 0.11rem;
width: 0.55rem;
height: 0.55rem;
border-radius: 0.5rem;
background: #FFFFFF;
}
.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-top .unit {
color: rgba(255,255,255,0.45);
font-size: .32rem;
margin-right: 0.1rem;
}
.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;
overflow: hidden;
background-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.00) 100%);
border: 1px solid rgba(255,255,255,0.15);
}
.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.15);
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: #FFFFFF;
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(255,255,255,0.45);
}
.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: transparent;
}
.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-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.00) 100%);
border: 1px solid rgba(255,255,255,0.15);
}
.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-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.25) 100%);
}
.agency-tab5-faqframe .space-frame {
position: relative;
left: 0.44rem;
width: 8.12rem;
height: 0.22rem;
}
.agency-tab5-faqframe .bright-text {
color: #FFEE00;
}
.agency-tab5-faqframe .bright-text4 {
margin-left: 2px;
}
.agency-tab5-faqframe .bright-text1 {
color: #FFEE00;
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: #FFEE00;
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: #FFEE00;
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: #48A26A;
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(255,255,255,0.85);
}
.agency-tab5-faqframe .tips4-frame .tips4-item-bottom {
position: absolute;
bottom: 0;
width: 2.5rem;
height: 1.33rem;
background: #009B36;
}
.agency-tab5-faqframe .tips4-frame .tips4-item-bottom .text1 {
position: absolute;
top: 0.3rem;
width: 100%;
font-size: .29rem;
color: #FFFFFF;
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: #FFFFFF;
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.65);
font-weight: 400;
}
.agency-tab5-faqframe .tips6-frame .tips6-item {
position: absolute;
top: 0;
width: 2.5rem;
height: 5.55rem;
background: #EEB86A;
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(255,255,255,0.85);
}
.agency-tab5-faqframe .tips6-frame .tips6-item-bottom {
position: absolute;
bottom: 0;
width: 2.5rem;
height: 1.33rem;
background: #D17836;
}
.agency-tab5-faqframe .tips6-frame .tips6-item-bottom .text1 {
position: absolute;
top: 0.3rem;
width: 100%;
font-size: .29rem;
color: #FFFFFF;
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: #FFFFFF;
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%;
box-shadow: 0px 2px 8px 0px rgba(43,22,0,0.25);
border-radius: 0.66rem;
width: 8.3rem;
margin-left: -4.15rem;
height: 8.6rem;
top: 0px;
background: #063F30;
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: rgba(0,0,0,0.85);
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: #FFEE00;
}
.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: #063F30!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: #FFEE00!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: #FFEE00;
color: rgba(0,0,0,0.85);
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,0.85)!important;
}
.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: #FFEE00;
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: #FFEE00;
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(0, 0, 0, 0.15);
text-align: center;
font-size: 0.426rem;
line-height: 1.5rem;
color: rgba(255, 255, 255, 0.65);
}
.hdialog-rewardrule-title img {
position: absolute;
top: 50%;
margin-top: -0.4rem;
opacity: 0.45;
right: 0.3rem;
width: 0.8rem;
height: 0.8rem;
}
.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: #48A26A;
color: #FFFFFF;
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: rgba(255,255,255,0.15);
border: 0.5px solid rgba(255,255,255,0.15);
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: #FFFFFF;
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: 4.44rem;
height: 1.11rem;
border-radius: 0.44rem;
background: #FFEE00;
color: rgba(0,0,0,0.85);
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: rgba(0,0,0,0.85);
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.45);
font-size: .28rem;
}
.flrebate-item .bottom-percent .line-text-end {
position:absolute;
bottom:0;
right:0;
color: #FFEE00;
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.45);
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: #FFEE00;
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;
}
.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%);
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.08);
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,0.85);
font-size: .32rem;
text-align: center;
font-weight: 700;
}
.flrebate-bottom-rules .frules-item .fitem-value2 {
width: 4.66rem;
color: rgba(255,255,255,0.85);
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.04)!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-image: linear-gradient(147deg, #62D28D 0%, #05533E 100%);
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.22rem;
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;
opacity: .65;
}
.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal {
background: #063F30;
border: 1px solid rgba(72,162,106,1);
}
.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-normal {
background: #063F30;
border: 1px solid rgba(72,162,106,1);
}
.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-error {
background: #063F30;
border:1px solid #E00000;
}
.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal-disabled {
background: #063F30;
border: 1px solid rgba(72,162,106,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: #FFEE00;
color: rgba(0,0,0,0.85);
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: #063F30;
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: #FFEE00;
border-radius: 0.22rem;
text-align: center;
line-height: 1.1rem;
color: rgba(0,0,0,0.85);
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-image: linear-gradient(129deg, #05533E 0%, #009B36 100%);
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: #FFEE00;
border-radius: 0.22rem;
text-align: center;
line-height: 1.11rem;
color: rgba(0,0,0,0.85);
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(146deg, #009B36 0%, #05533E 100%);
}
.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: #FFFFFF;
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-value {
position: absolute;
top: 0.33rem;
}
.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(0,0,0,0.25);
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;
bottom: 0.66rem;
width: 5.4rem;
height: 1.33rem;
left: 0.68rem;
border-radius: 0.22rem;
color: rgba(0,0,0,0.85);
font-size: .373rem;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.1s ease-in-out;
background: #FFEE00;
}
.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: rgba(0,0,0,0.85);
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;
bottom: 0.7rem;
right: 0.68rem;
width: 1.3rem;
height: 1.3rem;
border-radius: 0.22rem;
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-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(0,0,0,1);
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: #063F30;
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: #FFEE00;
border-radius: 0.22rem;
text-align: center;
line-height: 1.33rem;
color: rgba(0,0,0,0.85);
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: #FFEE00;
border-radius: 0.22rem;
color: rgba(0,0,0,0.85);
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: #05533E;
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.333rem;
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.65);
}
.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: rgba(255,255,255,0.65);
}
.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: #009B36;
color: #FFFFFF;
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: #05533E;
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: #05533E;
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: #FFEE00;
border-radius: 0.22rem;
text-align: center;
line-height: 1.33rem;
color: rgba(0,0,0,0.85);
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: #FFEE00;
border-radius: 0.22rem;
text-align: center;
line-height: 1.33rem;
color: rgba(0,0,0,0.85);
font-size: .373rem;
font-weight: 700;
transition: all 0.1s ease-in-out;
opacity: 0.5;
}
.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;
}
.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(255,255,255,0.04);
}
.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;
}
.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;
}