@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{ width: 20rem; height: 3.41rem; background: white; display: inline-block; position: relative; } .header .title{ width:4rem; height:0.91rem; font-size:0.96rem; font-family:PingFang SC; font-weight:bold; color:rgba(0,0,0,1); margin-left: 8.08rem; margin-top: 1.92rem; line-height:0.91rem ; text-align: center; } .header a{ position: absolute; display: block; color:rgba(51,51,51,1); width: 2rem; height: 2rem; top: 1.42rem; font-family: 'iconfont'; /* project id 1584362 */ line-height: 2rem; text-align: center; font-size:1.7rem ; font-weight: 700; text-decoration: none; } .balance{ width:20rem; height:6.93rem; background:rgba(104,130,207,1); display: inline-block; } .balance .name{ width:4.7rem; height:0.67rem; font-size:0.71rem; font-family:PingFang SC; font-weight:500; color: #F9FFFF; margin-top: 1.57rem; margin-left: 7.89rem; line-height: 0.67rem; text-align: center; } .balance .number{ width:1.33rem; height:2rem; font-size:2.67rem; font-family:PingFang SC; font-weight:500; color: #F9FFFF; margin-top: 1.12rem; margin-left: 9.28rem; line-height: 2rem; } .invest-header{ width:3.12rem; height:0.75rem; font-size:0.75rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); margin-top: 1.17rem; margin-left: 0.59rem; line-height: 0.75rem; } .invest-body{ width: 18.87rem; height: 6.93rem; margin-top: 0.8rem; margin-left: 0.53rem; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: space-between; } .invest{ width:5.87rem; height:3.2rem; background:rgba(255,255,255,1); border:0.03rem solid rgba(217,217,217,1); box-sizing: border-box; cursor: pointer; } .invest .number{ width: 100%; height: 0.67rem; font-size:0.85rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height:0.67rem ; margin-top: 0.8rem; text-align: center; } .invest .favour{ width: 100%; height:0.67rem; height:0.67rem; font-size:0.69rem; font-family:PingFang SC; font-weight:500; color:rgba(153,153,153,1); line-height: 0.67rem; margin-top: 0.24rem; text-align: center; } .invest.other{ font-size:0.85rem; font-family:PingFang SC; font-weight:500; color:rgba(57,85,168,1); line-height: 3.2rem; text-align: center; } .other-money{ width:18.87rem; height:2.13rem; background:rgba(255,255,255,1); border:0px solid rgba(216,216,216,1); border-radius:0rem; margin-top: 1.07rem; margin-left: 0.53rem; border:0.03rem solid rgba(217,217,217,1); box-sizing: border-box; } .other-money span{ width:3rem; height:0.69rem; font-size:0.75rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height: 0.69rem; display: inline-block; margin-top:0.72rem; margin-left: 0.75rem; } .other-money input{ margin-left: 0.72rem; border: none; overflow: hidden; outline: none; font-size:0.75rem; font-family:PingFang SC; font-weight:500; color:rgba(153,153,153,1); background: none; } .quit{ margin-top:1.12rem; margin-left: 0.56rem; width:3.2rem; height:0.75rem; font-size:0.8rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height: 0.75rem; } .quit-value{ width:18.87rem; height:4rem; font-size:0.69rem; font-family:PingFang SC; font-weight:500; color:rgba(102,102,102,1); margin-top: 0.69rem; margin-left: 0.53rem; }