html{
min-height: 100vh;
background: #F6F6F6;
}
@font-face {
font-family: 'iconfont'; /* project id 1584362 */
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot');
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff') format('woff'),
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.svg#iconfont') format('svg');
}
.header-contaner{
height: 2.91rem;
background: white;
position: relative;
}
.header{
width:2.80rem;
height:1rem;
font-size:0.90rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
background: white;
display: block;
position: absolute;
top:1.92rem;
left: 8.56rem;
}
.page-top{
width:20rem;
height:2.35rem;
background:rgba(255,255,255,1);
display: flex;
flex-direction: row;
justify-content: space-around;
}
.page-top .top-it{
width: 3.2rem;
height: 100%;
box-sizing: border-box;
font-size:0.80rem;
font-family:PingFang SC;
font-weight:bold;
text-align: center;
line-height:2.52rem ;
}
.page-top .top-it a{
color:#666364;
}
.page-top .top-it#it-1{
border-bottom: solid 0.16rem #3962A8;
}
.page-top .top-it#it-1 a{
color: #3962A8;
}
.me{
height: 8.51rem;
width: 20rem;
background:rgba(104,130,207,1);
position: relative;
}
.me img{
display:block;
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
overflow: hidden;
top: 1.07rem;
left: 1.04rem;
position: absolute;
}
.me .vx{
height: 1.85rem;
width: 4.6rem;
top: 1.84rem;
left: 4.8rem;
position: absolute;
}
.me .vx .vxm{
height: 0.83rem;
width: 100%;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,255,255,1);
line-height: 0.83rem;
overflow: hidden;
}
.me .vx .vx-value{
width: 100%;
height: 0.65rem;
margin-top: 0.37rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
overflow: hidden;
line-height: 0.65rem;
}
.me .monery{
width:18.93rem;
height:4.56rem;
background:rgba(255,255,255,1);
box-shadow:0rem 0rem 0.6rem 0.05rem rgba(4,0,0,0.08);
border-radius:1rem;
position: absolute;
top: 5.33rem;
left: 0.53rem;
}
.me .monery .money-value{
width:18.93rem;
height:4.56rem;
border-radius:1rem;
position: relative;
}
.me .monery .money-value .balance{
position: absolute;
top: 1.31rem;
left: 3.12rem;
width: 4rem;
height: 1.9rem;
}
.me .monery .money-value .balance .number,
.me .monery .money-value .favour .number{
width: 100%;
height: 0.8rem;
overflow: hidden;
font-size:1.07rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height: 0.8rem;
}
.me .monery .money-value .balance .name,
.me .monery .money-value .favour .name{
width:100%;
height:0.67rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(102,102,102,1);
line-height: 0.67rem;
margin-top: 0.43rem;
margin-left:0.1rem ;
}
.me .monery .money-value .split{
width:0.06rem;
height:1.89rem;
background:rgba(230,220,220,1);
position: absolute;
top: 1.33rem;
left: 9.44rem;
}
.me .monery .money-value .favour{
position: absolute;
top: 1.31rem;
left: 13.36rem;
width: 4rem;
height: 1.9rem;
}
.me .monery .money-value .favour .number,
.me .monery .money-value .favour .name{
text-align: center;
width: 3rem;
}
.page-nav{
border-radius:1rem;
width: 18.93rem;
height: 8.93rem;
margin-top: 2.16rem;
margin-left: 0.53rem;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-content:space-around;
background: white;
}
.page-nav .page-nav-value{
height: 4rem;
width: 4rem;
}
.page-nav .page-nav-value span{
display: block;
width: 1.6rem;
height: 1.6rem;
margin: 1rem auto 0 auto;
font-family: 'iconfont'; /* project id 1584362 */
font-size: 1.75rem;
line-height: 1.6rem;
text-align: center;
color:rgba(51,51,51,1);
}
.page-nav .page-nav-value .value-name{
margin: 0.51rem auto 0 auto;
width: 3.44rem;
height: 0.67rem;
overflow: hidden;
font-size:0.67rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:0.67rem;
text-align: center;
}
a{
color:rgba(51,51,51,1);
}