750 lines
13 KiB
CSS
750 lines
13 KiB
CSS
html,
|
|
body {
|
|
width: 100%;
|
|
background: #F3F5FA;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
z-index: 9;
|
|
width: 0.74667rem;
|
|
height: 0.74667rem;
|
|
left: 0.53333rem;
|
|
top: 0.2rem;
|
|
}
|
|
|
|
.butBig {
|
|
width: 8.08rem;
|
|
height: 1.28rem;
|
|
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
|
border-radius: 1.28rem;
|
|
line-height: 1.28rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
margin: 0 auto 0.66667rem;
|
|
}
|
|
|
|
.butBigActive {
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
}
|
|
|
|
.myInfo {
|
|
width: 9.2rem;
|
|
height: 1.81333rem;
|
|
margin: 0.8rem auto 0.42667rem;
|
|
}
|
|
|
|
.myInfo img {
|
|
display: block;
|
|
width: 1.81333rem;
|
|
height: 1.81333rem;
|
|
border-radius: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.myInfo div {
|
|
float: left;
|
|
margin-left: 0.29333rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.myInfo div p {
|
|
color: #1F1B4F;
|
|
font-size: 0.48rem;
|
|
font-weight: bold;
|
|
margin-bottom: 0.16rem;
|
|
margin-top: 0.4rem;
|
|
width: 6.5rem;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.myInfo div b {
|
|
color: #8A8CAB;
|
|
font-size: 0.32rem;
|
|
}
|
|
|
|
.income {
|
|
width: 9.14667rem;
|
|
height: 2.88rem;
|
|
background: url(../images/withdrawal/bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0.10667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.income .rule {
|
|
color: #9168FA;
|
|
font-size: 0.32rem;
|
|
position: absolute;
|
|
right: 0.42667rem;
|
|
top: 0.24rem;
|
|
}
|
|
|
|
.income img {
|
|
width: 0.74667rem;
|
|
height: 0.74667rem;
|
|
position: absolute;
|
|
left: 0.53333rem;
|
|
top: 1.06667rem;
|
|
}
|
|
|
|
.income span {
|
|
color: #FFFFFF;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
left: 0.53333rem;
|
|
top: 0.42667rem;
|
|
}
|
|
|
|
.income p {
|
|
color: #FFFFFF;
|
|
font-size: 0.64rem;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 1.38667rem;
|
|
top: 1.17333rem;
|
|
}
|
|
|
|
.account {
|
|
width: 9.14667rem;
|
|
height: 1.6rem;
|
|
line-height: 1.6rem;
|
|
background: #fff;
|
|
border-radius: 0.26667rem;
|
|
margin: 0 auto 0.42667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.account .icon_account {
|
|
position: absolute;
|
|
left: 0.53333rem;
|
|
top: 0.53333rem;
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
}
|
|
|
|
.account .arrow_right {
|
|
position: absolute;
|
|
right: 0.53333rem;
|
|
top: 0.53333rem;
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
}
|
|
|
|
.account div {
|
|
height: 100%;
|
|
color: #1F1B4F;
|
|
font-size: 0.42667rem;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 1.22667rem;
|
|
}
|
|
|
|
.account span {
|
|
height: 100%;
|
|
color: #B3B3C3;
|
|
font-size: 0.32rem;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1.06667rem;
|
|
}
|
|
|
|
.account .active {
|
|
color: #1F1B4F;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.authentication {
|
|
width: 9.14667rem;
|
|
height: 1.6rem;
|
|
line-height: 1.6rem;
|
|
background: #fff;
|
|
border-radius: 0.26667rem;
|
|
margin: 0 auto 0.42667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.authentication .icon_authentication {
|
|
position: absolute;
|
|
left: 0.53333rem;
|
|
top: 0.53333rem;
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
}
|
|
|
|
.authentication .arrow_right {
|
|
position: absolute;
|
|
right: 0.53333rem;
|
|
top: 0.53333rem;
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
}
|
|
|
|
.authentication div {
|
|
height: 100%;
|
|
color: #1F1B4F;
|
|
font-size: 0.42667rem;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 1.22667rem;
|
|
}
|
|
|
|
.authentication span {
|
|
height: 100%;
|
|
color: #B3B3C3;
|
|
font-size: 0.32rem;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1.06667rem;
|
|
}
|
|
|
|
.authentication .active {
|
|
color: #1F1B4F;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.withdrawal {
|
|
width: 9.14667rem;
|
|
margin: 0 auto 0.53333rem;
|
|
background: #fff;
|
|
border-radius: 0.26667rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.withdrawal .gold {
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
position: absolute;
|
|
top: 0.53333rem;
|
|
left: 0.53333rem;
|
|
}
|
|
|
|
.withdrawal .title {
|
|
margin-top: 0.53333rem;
|
|
margin-left: 1.22667rem;
|
|
font-size: 0.42667rem;
|
|
color: #1F1B4F;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.withdrawal input {
|
|
background: transparent;
|
|
border: none;
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
padding: 0 0.53333rem;
|
|
width: 8.08rem;
|
|
height: 1.28rem;
|
|
margin: 0.42667rem auto 0.64rem;
|
|
background: #F3F5FA;
|
|
display: block;
|
|
border-radius: 0.21333rem;
|
|
}
|
|
|
|
.withdrawal input::placeholder {
|
|
font-size: 0.37333rem;
|
|
color: #B3B3C3;
|
|
}
|
|
|
|
.withdrawal .withdrawalBox {
|
|
width: 8.08rem;
|
|
height: 1.28rem;
|
|
position: absolute;
|
|
left: 0.55rem;
|
|
top: 1.3rem;
|
|
}
|
|
|
|
.withdrawal .numBox {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 0.53333rem;
|
|
margin: 0 auto 0.74667rem;
|
|
}
|
|
|
|
.withdrawal .numBox span {
|
|
color: #1F1B4F;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.withdrawal .numBox b {
|
|
color: #B3B3C3;
|
|
font-size: 0.37333rem;
|
|
float: right;
|
|
}
|
|
|
|
.withdrawal .numBox .active {
|
|
color: #9168FA;
|
|
font-size: 0.46667rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.withdrawal p {
|
|
margin-bottom: 0.16rem;
|
|
color: #8A8CAB;
|
|
font-size: 0.32rem;
|
|
display: block;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 0.53333rem;
|
|
line-height: 0.55rem;
|
|
}
|
|
|
|
.withdrawal p i {
|
|
font-style: normal;
|
|
}
|
|
|
|
.accountPub {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
display: none;
|
|
}
|
|
|
|
.accountPub .accountPub_in {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
border-radius: 0.74667rem 0.74667rem 0 0;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
height: 8.88rem;
|
|
}
|
|
|
|
.accountPub .accountPub_in h3 {
|
|
height: 1.81333rem;
|
|
line-height: 1.81333rem;
|
|
border-bottom: 0.01333rem solid #EBEEF5;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.48rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.accountPub .accountPub_in ul {
|
|
width: 100%;
|
|
height: 7rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.accountPub .accountPub_in ul li {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
height: 1.38667rem;
|
|
line-height: 1.38667rem;
|
|
border-bottom: 0.01333rem solid #EBEEF5;
|
|
position: relative;
|
|
}
|
|
|
|
.accountPub .accountPub_in ul li i {
|
|
font-style: normal;
|
|
color: #B3B3C3;
|
|
font-size: 0.32rem;
|
|
position: absolute;
|
|
right: 0.64rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.accountPub .accountPub_in ul .active {
|
|
color: #9168FA;
|
|
}
|
|
|
|
.goldPub {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.goldPub .goldPub_in {
|
|
width: 8.50667rem;
|
|
height: 7.30667rem;
|
|
background: #fff;
|
|
border-radius: 0.53333rem;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.goldPub .goldPub_in .title {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 0.42667rem;
|
|
font-weight: bold;
|
|
color: #1F1B4F;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.64rem;
|
|
}
|
|
|
|
.goldPub .goldPub_in .num {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
text-align: center;
|
|
top: 1.86667rem;
|
|
left: 0;
|
|
font-size: 0.74667rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.goldPub .goldPub_in img {
|
|
position: absolute;
|
|
left: 3.2rem;
|
|
top: 2.73333rem;
|
|
width: 0.53333rem;
|
|
height: 0.53333rem;
|
|
}
|
|
|
|
.goldPub .goldPub_in span {
|
|
position: absolute;
|
|
top: 2.8rem;
|
|
left: 3.84rem;
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
}
|
|
|
|
.goldPub .goldPub_in input {
|
|
width: 6.8rem;
|
|
height: 1.28rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 3.62667rem;
|
|
text-align: center;
|
|
background: #F3F5FA;
|
|
outline: none;
|
|
border: none;
|
|
border-radius: 0.21333rem;
|
|
font-size: 0.37333rem;
|
|
}
|
|
|
|
.goldPub .goldPub_in .but {
|
|
width: 7.01333rem;
|
|
height: 1.22667rem;
|
|
line-height: 1.22667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 5.44rem;
|
|
text-align: center;
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
border-radius: 1.22667rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.withDrawalPub {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in {
|
|
width: 8.50667rem;
|
|
height: 5.81333rem;
|
|
background: #fff;
|
|
border-radius: 0.53333rem;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in .title {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.42667rem;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.64rem;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in p {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1.86667rem;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in p b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in span {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.72rem;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in span b {
|
|
color: #9168FA;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.withDrawalPub .withDrawalPub_in .but {
|
|
width: 7.01333rem;
|
|
height: 1.22667rem;
|
|
line-height: 1.22667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 3.94667rem;
|
|
text-align: center;
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
border-radius: 1.22667rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.binding {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
display: none;
|
|
}
|
|
|
|
.binding .pub_in {
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: #fff;
|
|
border-radius: 0.53333rem;
|
|
width: 8.50667rem;
|
|
height: 4.96rem;
|
|
}
|
|
|
|
.binding .pub_in .title {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-weight: bold;
|
|
font-size: 0.42667rem;
|
|
top: 0.64rem;
|
|
left: 0;
|
|
}
|
|
|
|
.binding .pub_in p {
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
left: 0;
|
|
top: 1.73333rem;
|
|
}
|
|
|
|
.binding .pub_in p b {
|
|
color: #9168FA;
|
|
font-weight: bold;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.binding .pub_in .close {
|
|
width: 3.30667rem;
|
|
height: 1.17333rem;
|
|
border-radius: 1.17333rem;
|
|
line-height: 1.17333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
background: #E6E6F0;
|
|
position: absolute;
|
|
left: 0.74667rem;
|
|
bottom: 0.64rem;
|
|
}
|
|
|
|
.binding .pub_in .ok {
|
|
width: 3.30667rem;
|
|
height: 1.17333rem;
|
|
border-radius: 1.17333rem;
|
|
line-height: 1.17333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
position: absolute;
|
|
right: 0.74667rem;
|
|
bottom: 0.64rem;
|
|
}
|
|
|
|
.switch {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
display: none;
|
|
}
|
|
|
|
.switch .pub_in {
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: #fff;
|
|
border-radius: 0.53333rem;
|
|
width: 8.50667rem;
|
|
height: 4.96rem;
|
|
}
|
|
|
|
.switch .pub_in .title {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-weight: bold;
|
|
font-size: 0.42667rem;
|
|
top: 0.64rem;
|
|
left: 0;
|
|
}
|
|
|
|
.switch .pub_in p {
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
left: 0;
|
|
top: 1.73333rem;
|
|
}
|
|
|
|
.switch .pub_in p b {
|
|
color: #9168FA;
|
|
font-weight: bold;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.switch .pub_in .close {
|
|
width: 3.30667rem;
|
|
height: 1.17333rem;
|
|
border-radius: 1.17333rem;
|
|
line-height: 1.17333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
background: #E6E6F0;
|
|
position: absolute;
|
|
left: 0.74667rem;
|
|
bottom: 0.64rem;
|
|
}
|
|
|
|
.switch .pub_in .ok {
|
|
width: 3.30667rem;
|
|
height: 1.17333rem;
|
|
border-radius: 1.17333rem;
|
|
line-height: 1.17333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
position: absolute;
|
|
right: 0.74667rem;
|
|
bottom: 0.64rem;
|
|
}
|
|
|
|
.mainlandInfo {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
display: none;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in {
|
|
width: 8.50667rem;
|
|
height: 4.96rem;
|
|
border-radius: 0.53333rem;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
padding-top: 1.12rem;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in p {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: 0.37333rem;
|
|
margin-bottom: 0.32rem;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in p b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in p span {
|
|
color: #9168FA;
|
|
font-size: 0.42667rem;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in .close, .mainlandInfo .mainlandInfo_in .ok {
|
|
position: absolute;
|
|
width: 3.30667rem;
|
|
height: 1.17333rem;
|
|
line-height: 1.17333rem;
|
|
border-radius: 1.17333rem;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
top: 3.14667rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in .close {
|
|
background: #E6E6F0;
|
|
left: 0.74667rem;
|
|
}
|
|
|
|
.mainlandInfo .mainlandInfo_in .ok {
|
|
left: 4.45333rem;
|
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
|
}
|