735 lines
15 KiB
CSS
735 lines
15 KiB
CSS
html,
|
|
body {
|
|
width: 100%;
|
|
height: 17.7866666667rem;
|
|
background: #fff;
|
|
}
|
|
|
|
.back {
|
|
width: 100%;
|
|
height: 2.3466666667rem;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.5066666667rem;
|
|
font-weight: bold;
|
|
z-index: 10;
|
|
}
|
|
.back img {
|
|
width: 0.5866666667rem;
|
|
height: 0.5866666667rem;
|
|
position: absolute;
|
|
left: 0.24rem;
|
|
top: 1.4666666667rem;
|
|
}
|
|
.back .tab {
|
|
width: 55%;
|
|
height: 0.5866666667rem;
|
|
line-height: 0.5866666667rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.4666666667rem;
|
|
}
|
|
.back .tab div {
|
|
height: 100%;
|
|
color: #AFB1B3;
|
|
font-size: 0.3733333333rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.back .tab div span {
|
|
width: 0.3733333333rem;
|
|
height: 0.1066666667rem;
|
|
border-radius: 0.1066666667rem;
|
|
background: #C859FF;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: -0.2rem;
|
|
display: none;
|
|
}
|
|
.back .tab .act {
|
|
color: #313131;
|
|
font-size: 0.4266666667rem;
|
|
}
|
|
.back .tab .act span {
|
|
display: block;
|
|
}
|
|
|
|
.page1 .my {
|
|
width: 9.1466666667rem;
|
|
height: 2.1066666667rem;
|
|
margin: 2.4266666667rem auto 0.2666666667rem;
|
|
background: #F2F3F7;
|
|
border-radius: 0.2133333333rem;
|
|
padding: 0.32rem 0.5333333333rem;
|
|
box-sizing: border-box;
|
|
}
|
|
.page1 .my .tx {
|
|
float: left;
|
|
width: 1.4666666667rem;
|
|
height: 1.4666666667rem;
|
|
display: block;
|
|
margin-right: 0.32rem;
|
|
border-radius: 50%;
|
|
}
|
|
.page1 .my .user {
|
|
width: 4.6666666667rem;
|
|
float: left;
|
|
}
|
|
.page1 .my .user p {
|
|
color: #333333;
|
|
font-size: 0.4533333333rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.1333333333rem;
|
|
margin-top: 0.3466666667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.page1 .my .user b {
|
|
color: #7B7B7D;
|
|
font-size: 0.3733333333rem;
|
|
font-weight: 400;
|
|
}
|
|
.page1 .diamond {
|
|
width: 9.1466666667rem;
|
|
height: 1.1733333333rem;
|
|
line-height: 1.1733333333rem;
|
|
background: #F2F3F7;
|
|
margin: 0 auto 0.2666666667rem;
|
|
border-radius: 0.2133333333rem;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2933333333rem;
|
|
}
|
|
.page1 .diamond p {
|
|
float: left;
|
|
width: 6rem;
|
|
color: #313131;
|
|
font-size: 0.4rem;
|
|
font-weight: 500;
|
|
}
|
|
.page1 .diamond p i {
|
|
font-style: normal;
|
|
}
|
|
.page1 .diamond .withdraw {
|
|
width: 2.08rem;
|
|
height: 0.8266666667rem;
|
|
border-radius: 0.8266666667rem;
|
|
line-height: 0.8266666667rem;
|
|
background: #C859FF;
|
|
color: #fff;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
float: right;
|
|
margin-top: 0.1866666667rem;
|
|
}
|
|
.page1 .account {
|
|
width: 9.1466666667rem;
|
|
height: 0.8533333333rem;
|
|
line-height: 0.8533333333rem;
|
|
border-radius: 0.2133333333rem;
|
|
background: #C859FF;
|
|
margin: 0 auto 0.2666666667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.4rem;
|
|
font-weight: 500;
|
|
}
|
|
.page1 .myDuration {
|
|
width: 9.1466666667rem;
|
|
height: 1.1733333333rem;
|
|
line-height: 1.1733333333rem;
|
|
background: #F2F3F7;
|
|
border-radius: 0.2133333333rem;
|
|
margin: 0 auto 0.3466666667rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2933333333rem;
|
|
display: none;
|
|
}
|
|
.page1 .myDuration strong {
|
|
color: #313131;
|
|
font-size: 0.4rem;
|
|
font-weight: 500;
|
|
display: block;
|
|
}
|
|
.page1 .myDuration b {
|
|
color: #313131;
|
|
font-size: 0.4rem;
|
|
font-weight: 500;
|
|
display: block;
|
|
margin-right: 0.1rem;
|
|
}
|
|
.page1 .myDuration span {
|
|
display: block;
|
|
width: 1.6266666667rem;
|
|
height: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
font-weight: 600;
|
|
font-size: 0.2666666667rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
background: #313131;
|
|
border-radius: 0.4533333333rem;
|
|
margin-top: 0.3733333333rem;
|
|
}
|
|
.page1 .incomeTitle {
|
|
width: 9.1466666667rem;
|
|
height: 0.6666666667rem;
|
|
line-height: 0.6666666667rem;
|
|
position: relative;
|
|
margin: 0 auto 0.1333333333rem;
|
|
}
|
|
.page1 .incomeTitle span {
|
|
position: absolute;
|
|
width: 0.1066666667rem;
|
|
height: 0.4533333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -0.2666666667rem;
|
|
background: #C859FF;
|
|
}
|
|
.page1 .incomeTitle b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page1 .incomeTitle i {
|
|
font-style: normal;
|
|
display: block;
|
|
float: left;
|
|
height: 0.4533333333rem;
|
|
border-radius: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
padding: 0.0533333333rem 0.2133333333rem;
|
|
background: #313131;
|
|
color: #fff;
|
|
margin: 0.1066666667rem 0.2666666667rem 0;
|
|
}
|
|
.page1 .copywriting1 {
|
|
width: 9.1466666667rem;
|
|
height: 0.9066666667rem;
|
|
line-height: 0.4rem;
|
|
margin: 0 auto 0.2666666667rem;
|
|
color: #AFB1B3;
|
|
font-size: 0.32rem;
|
|
font-weight: 600;
|
|
}
|
|
.page1 .incomeBox {
|
|
width: 9.1466666667rem;
|
|
height: 2.8266666667rem;
|
|
position: relative;
|
|
margin: 0 auto 0.2666666667rem;
|
|
background: #F5EBFF;
|
|
border-radius: 0.2133333333rem;
|
|
box-sizing: border-box;
|
|
padding: 0.24rem;
|
|
}
|
|
.page1 .incomeBox .d {
|
|
width: 100%;
|
|
height: 0.48rem;
|
|
line-height: 0.48rem;
|
|
margin-bottom: 0.2933333333rem;
|
|
}
|
|
.page1 .incomeBox .d b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.3733333333rem;
|
|
font-weight: 400;
|
|
}
|
|
.page1 .incomeBox .d img {
|
|
display: block;
|
|
width: 0.48rem;
|
|
height: 0.48rem;
|
|
float: left;
|
|
margin: 0 0.1333333333rem;
|
|
}
|
|
.page1 .incomeBox .d span {
|
|
display: block;
|
|
float: right;
|
|
color: #313131;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 600;
|
|
}
|
|
.page1 .incomeBox .line {
|
|
width: 8.6666666667rem;
|
|
height: 0.0266666667rem;
|
|
background: #C2E7D6;
|
|
margin: 0 auto 0.2666666667rem;
|
|
}
|
|
.page1 .incomeTitleLast {
|
|
width: 9.1466666667rem;
|
|
height: 0.6666666667rem;
|
|
line-height: 0.6666666667rem;
|
|
position: relative;
|
|
margin: 0 auto 0.1333333333rem;
|
|
}
|
|
.page1 .incomeTitleLast span {
|
|
position: absolute;
|
|
width: 0.1066666667rem;
|
|
height: 0.4533333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -0.2666666667rem;
|
|
background: #C859FF;
|
|
}
|
|
.page1 .incomeTitleLast b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page1 .incomeTitleLast i {
|
|
font-style: normal;
|
|
display: block;
|
|
float: left;
|
|
height: 0.4533333333rem;
|
|
border-radius: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
padding: 0.0533333333rem 0.2133333333rem;
|
|
background: #313131;
|
|
color: #fff;
|
|
margin: 0.1066666667rem 0.2666666667rem 0;
|
|
}
|
|
.page1 .incomeBoxLast {
|
|
width: 9.1466666667rem;
|
|
height: 2.8266666667rem;
|
|
position: relative;
|
|
margin: 0.2666666667rem auto 0.2666666667rem;
|
|
background: #F2F3F7;
|
|
border-radius: 0.2133333333rem;
|
|
box-sizing: border-box;
|
|
padding: 0.24rem;
|
|
}
|
|
.page1 .incomeBoxLast .d {
|
|
width: 100%;
|
|
height: 0.48rem;
|
|
line-height: 0.48rem;
|
|
margin-bottom: 0.2933333333rem;
|
|
}
|
|
.page1 .incomeBoxLast .d b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.3733333333rem;
|
|
font-weight: 400;
|
|
}
|
|
.page1 .incomeBoxLast .d img {
|
|
display: block;
|
|
width: 0.48rem;
|
|
height: 0.48rem;
|
|
float: left;
|
|
margin: 0 0.1333333333rem;
|
|
}
|
|
.page1 .incomeBoxLast .d span {
|
|
display: block;
|
|
float: right;
|
|
color: #313131;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 600;
|
|
}
|
|
.page1 .incomeBoxLast .line {
|
|
width: 8.6666666667rem;
|
|
height: 0.0266666667rem;
|
|
background: #E4E4E4;
|
|
margin: 0 auto 0.2666666667rem;
|
|
}
|
|
|
|
.page2 {
|
|
display: none;
|
|
}
|
|
.page2 .agentSalary {
|
|
width: 9.1466666667rem;
|
|
height: 0.6666666667rem;
|
|
line-height: 0.6666666667rem;
|
|
position: relative;
|
|
margin: 2.6666666667rem auto 0.1333333333rem;
|
|
}
|
|
.page2 .agentSalary span {
|
|
position: absolute;
|
|
width: 0.1066666667rem;
|
|
height: 0.4533333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -0.2666666667rem;
|
|
background: #C859FF;
|
|
}
|
|
.page2 .agentSalary b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page2 .agentSalary i {
|
|
font-style: normal;
|
|
display: block;
|
|
float: left;
|
|
height: 0.4533333333rem;
|
|
border-radius: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
padding: 0.0533333333rem 0.2133333333rem;
|
|
background: #313131;
|
|
color: #fff;
|
|
margin: 0.1066666667rem 0.2666666667rem 0;
|
|
}
|
|
.page2 .agentSalary img {
|
|
float: right;
|
|
display: block;
|
|
width: 0.56rem;
|
|
height: 0.56rem;
|
|
margin-top: 0.1066666667rem;
|
|
}
|
|
.page2 .agentSalaryInfo {
|
|
width: 9.1466666667rem;
|
|
height: 3.5466666667rem;
|
|
background: #F2F3F7;
|
|
margin: 0.2666666667rem auto 0.2666666667rem;
|
|
border-radius: 0.2133333333rem;
|
|
box-sizing: border-box;
|
|
padding: 0.24rem 0.24rem;
|
|
}
|
|
.page2 .agentSalaryInfo .top {
|
|
width: 8.6666666667rem;
|
|
height: 1.0666666667rem;
|
|
line-height: 1.0666666667rem;
|
|
background: #BBF6DB;
|
|
border-radius: 0.2133333333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.24rem;
|
|
}
|
|
.page2 .agentSalaryInfo .top span {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.4266666667rem;
|
|
font-weight: 600;
|
|
}
|
|
.page2 .agentSalaryInfo .top img {
|
|
display: block;
|
|
width: 0.48rem;
|
|
height: 0.48rem;
|
|
float: left;
|
|
margin: 0.32rem 0.1333333333rem 0;
|
|
}
|
|
.page2 .agentSalaryInfo .top b {
|
|
float: right;
|
|
display: block;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page2 .agentSalaryInfo .top b img {
|
|
float: right;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom {
|
|
width: 100%;
|
|
height: 1.76rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 0.24rem;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom div {
|
|
width: 4.2133333333rem;
|
|
height: 1.76rem;
|
|
background: #fff;
|
|
border-radius: 0.2133333333rem;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom div p {
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.2rem;
|
|
margin-top: 0.3333333333rem;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom div p img {
|
|
display: inline-block;
|
|
width: 0.48rem;
|
|
height: 0.48rem;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom div span {
|
|
color: #7B7B7D;
|
|
font-size: 0.2933333333rem;
|
|
font-weight: 400;
|
|
}
|
|
.page2 .agentSalaryInfo .bottom .act {
|
|
background: #DBF6FF;
|
|
}
|
|
.page2 .agentSalary2 {
|
|
width: 9.1466666667rem;
|
|
height: 0.6666666667rem;
|
|
line-height: 0.6666666667rem;
|
|
position: relative;
|
|
margin: 0 auto 0.2666666667rem;
|
|
}
|
|
.page2 .agentSalary2 span {
|
|
position: absolute;
|
|
width: 0.1066666667rem;
|
|
height: 0.4533333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -0.2666666667rem;
|
|
background: #C859FF;
|
|
}
|
|
.page2 .agentSalary2 b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page2 .agentSalary2 i {
|
|
font-style: normal;
|
|
display: block;
|
|
float: left;
|
|
height: 0.4533333333rem;
|
|
border-radius: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
padding: 0.0533333333rem 0.2133333333rem;
|
|
background: #313131;
|
|
color: #fff;
|
|
margin: 0.1066666667rem 0.2666666667rem 0;
|
|
}
|
|
.page2 .agentSalary2 img {
|
|
float: right;
|
|
display: block;
|
|
width: 0.56rem;
|
|
height: 0.56rem;
|
|
margin-top: 0.1066666667rem;
|
|
}
|
|
.page2 .agencyDiamondIncome {
|
|
width: 9.1466666667rem;
|
|
height: 0.6666666667rem;
|
|
line-height: 0.6666666667rem;
|
|
position: relative;
|
|
margin: 0 auto 0.3333333333rem;
|
|
display: none;
|
|
}
|
|
.page2 .agencyDiamondIncome span {
|
|
position: absolute;
|
|
width: 0.1066666667rem;
|
|
height: 0.4533333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -0.2666666667rem;
|
|
background: #C859FF;
|
|
}
|
|
.page2 .agencyDiamondIncome b {
|
|
display: block;
|
|
float: left;
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
}
|
|
.page2 .agencyDiamondIncome i {
|
|
font-style: normal;
|
|
display: block;
|
|
float: left;
|
|
height: 0.4533333333rem;
|
|
border-radius: 0.4533333333rem;
|
|
line-height: 0.4533333333rem;
|
|
padding: 0.0533333333rem 0.2133333333rem;
|
|
background: #313131;
|
|
color: #fff;
|
|
margin: 0.1066666667rem 0.2666666667rem 0;
|
|
}
|
|
.page2 .agencyDiamondIncome img {
|
|
float: right;
|
|
display: block;
|
|
width: 0.56rem;
|
|
height: 0.56rem;
|
|
margin-top: 0.1066666667rem;
|
|
}
|
|
.page2 .data {
|
|
width: 9.1466666667rem;
|
|
height: 13rem;
|
|
margin: 0 auto 0rem;
|
|
overflow-y: scroll;
|
|
}
|
|
.page2 .data::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.page2 .data .box {
|
|
width: 100%;
|
|
height: 1.9466666667rem;
|
|
border-radius: 0.2133333333rem;
|
|
background: #DBF6FF;
|
|
box-sizing: border-box;
|
|
padding: 0 0.24rem;
|
|
margin-bottom: 0.2666666667rem;
|
|
}
|
|
.page2 .data .box .tx {
|
|
float: left;
|
|
width: 1.4666666667rem;
|
|
height: 1.4666666667rem;
|
|
border-radius: 50%;
|
|
display: block;
|
|
margin-top: 0.24rem;
|
|
margin-right: 0.2133333333rem;
|
|
}
|
|
.page2 .data .box .user {
|
|
width: 3.3333333333rem;
|
|
float: left;
|
|
}
|
|
.page2 .data .box .user p {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #333333;
|
|
font-size: 0.4266666667rem;
|
|
font-weight: 600;
|
|
margin-top: 0.5333333333rem;
|
|
margin-bottom: 0.1333333333rem;
|
|
}
|
|
.page2 .data .box .user b {
|
|
color: #7B7B7D;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 400;
|
|
}
|
|
.page2 .data .box .right {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.page2 .data .box .right p {
|
|
color: #313131;
|
|
font-size: 0.48rem;
|
|
font-weight: 600;
|
|
margin-top: 0.4533333333rem;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.page2 .data .box .right b {
|
|
color: #313131;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.arabic .page1 .myDuration span {
|
|
margin-right: 0.1rem;
|
|
}
|
|
.arabic .my .tx {
|
|
float: right;
|
|
}
|
|
.arabic .my .user {
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
}
|
|
.arabic .incomeTitle span {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitle b {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitle i {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitle span {
|
|
left: auto;
|
|
right: -0.26667rem;
|
|
}
|
|
.arabic .incomeBox .d b {
|
|
float: right;
|
|
}
|
|
.arabic .incomeBox .d img {
|
|
float: right;
|
|
}
|
|
.arabic .incomeBox .d span {
|
|
float: left;
|
|
}
|
|
.arabic .incomeTitleLast span {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitleLast b {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitleLast i {
|
|
float: right;
|
|
}
|
|
.arabic .incomeTitleLast span {
|
|
left: auto;
|
|
right: -0.26667rem;
|
|
}
|
|
.arabic .incomeBoxLast .d b {
|
|
float: right;
|
|
}
|
|
.arabic .incomeBoxLast .d img {
|
|
float: right;
|
|
}
|
|
.arabic .incomeBoxLast .d span {
|
|
float: left;
|
|
}
|
|
.arabic .page1 .diamond p {
|
|
float: right;
|
|
}
|
|
.arabic .page1 .diamond .withdraw {
|
|
float: left;
|
|
}
|
|
.arabic .page2 .agentSalary b,
|
|
.arabic .page2 .agentSalary2 b {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .agentSalary i,
|
|
.arabic .page2 .agentSalary2 i {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .agentSalary img,
|
|
.arabic .page2 .agentSalary2 img {
|
|
float: left;
|
|
transform: rotate(180deg);
|
|
}
|
|
.arabic .page2 .agentSalary span,
|
|
.arabic .page2 .agentSalary2 span {
|
|
left: auto;
|
|
right: -0.2666666667rem;
|
|
}
|
|
.arabic .page2 .agentSalaryInfo .top span {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .agentSalaryInfo .top img {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .agentSalaryInfo .top b {
|
|
float: left;
|
|
}
|
|
.arabic .page2 .data .box .tx {
|
|
float: right;
|
|
margin-left: 0.2rem;
|
|
margin-right: 0;
|
|
}
|
|
.arabic .page2 .data .box .user {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .data .box .right {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.arabic .back img {
|
|
left: auto;
|
|
right: 0.24rem;
|
|
transform: rotate(180deg);
|
|
}
|
|
.arabic .page2 .agencyDiamondIncome span {
|
|
left: auto;
|
|
right: -0.26667rem;
|
|
}
|
|
.arabic .page2 .agencyDiamondIncome b {
|
|
float: right;
|
|
}
|
|
.arabic .page2 .agencyDiamondIncome img {
|
|
float: left;
|
|
transform: rotate(180deg);
|
|
} |