211 lines
4.9 KiB
CSS
211 lines
4.9 KiB
CSS
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);
|
|
} |