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); }