first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,372 @@
@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');
}
html{
min-height: 100vh;
background: #F6F6F6;
}
.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 ;
}
.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;
}
.page-top{
width:20rem;
height:4rem;
background:rgba(104,130,207,1);
}
.page-top span{
width:2.61rem;
height:0.8rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
line-height:0.8rem ;
display:inline-block;
margin-top: 1.49rem;
margin-left: 0.53rem;
cursor: pointer;
}
.advance{
width:20rem;
height:2.4rem;
background:rgba(255,255,255,1);
}
.advance-left{
float: left;
width:4.5rem;
height:0.69rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.69rem;
margin-top: 0.85rem;
margin-left: 0.53rem;
}
.advance-right{
float: right;
width:3.rem;
height:0.67rem;
line-height: 0.67rem;
margin-right: 0.53rem;
margin-top: 0.65rem;
font-size:0.69rem;
font-weight:500;
color:rgba(0,0,0,1);
font-family: 'iconfont'; /* project id 1584362 */
}
.address{
width:20rem;
height:5.33rem;
background:rgba(255,255,255,1);
margin-top: 0.53rem;
}
.address .img{
width:2.5rem;
height:2.5rem;
background:rgba(104,130,207,1);
border-radius:50%;
font-family: 'iconfont'; /* project id 1584362 */
margin-top: 1.13rem;
margin-left: 0.53rem;
line-height: 2.5rem;
text-align: center;
font-size: 1.7rem;
color: white;
float: left;
}
.address .address-item{
float: left;
margin-top: 1.04rem;
margin-left:0.53rem;
width: 12.08rem;
height: 3.36rem;
}
.address .address-item .name
{
width:7.79rem;
height:0.8rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.8rem;
}
.address .address-item .number{
width:12.08rem;
height:1.81rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height:1.12rem;
margin-top: 0.8rem;
}
.information{
width:20rem;
height:20.67rem;
background:rgba(255,255,255,1);
margin-top: 0.53rem;
display: inline-block;
}
.information .info-top{
width:3rem;
height:0.69rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.69rem;
margin-top: 0.69rem;
margin-left: 0.53rem;
}
.info-silder{
margin-top: 0.61rem;
width: 100%;
}
.information .info-silder .info-item{
width: 100%;
height: 3.71rem;
box-sizing: border-box;
border-bottom: 0.03rem solid gray;
display: inline-block;
}
.information .info-silder .info-item img{
width:2.67rem;
height:2.67rem;
background:rgba(245,245,245,1);
border-radius:0.5rem;
display: block;
margin-top: 0.51rem;
margin-left: 0.53rem;
float: left;
overflow: hidden;
}
.information .info-silder .info-item .item-it{
width: 16.27rem;
height: 100%;
float: left;
margin-left: 0.53rem;
}
.information .info-silder .info-item .item-it .it-on{
width:100%;
height:0.85rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.75rem;
margin-top: 0.7rem;
overflow: hidden;
}
.information .info-silder .info-item .item-it .it-down{
width:100%;
height:0.71rem;
margin-top: 0.9rem;
}
.information .info-silder .info-item .item-it .it-down .down-left{
width:10rem;
height:0.71rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.61rem;
display: block;
overflow: hidden;
float: left;
}
.information .info-silder .info-item .item-it .it-down .down-right{
display: block;
overflow: hidden;
float: right;
width:0.77rem;
height:0.71rem;
font-size:0.71rem;
font-family:PingFang SC;
font-weight:500;
line-height: 0.71rem;
color:rgba(153,153,153,1);
margin-right: 0.51rem;
}
.information .info-footer{
width: 20rem;
height: 7.44rem;
}
.information .info-footer .favour,
.information .info-footer .freight{
width:20rem;
height:0.69rem;
margin-top:1.07rem ;
margin-left: 0.61rem;
}
.information .info-footer .favour .favour-left
,.information .info-footer .freight .freight-left{
width:3rem;
height:0.69rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.69rem;
float: left;
}
.information .info-footer .favour .favour-right
,.information .info-footer .freight .freight-right{
width:3rem;
height:0.69rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,72,56,1);
float: right;
font-family: 'iconfont'; /* project id 1584362 */
line-height: 0.69rem;
margin-right: 0.51rem;
}
.information .info-footer .freight .freight-left{
width: 10rem;
}
.information .info-footer .freight .freight-left span{
display:inline-block;
height: 0.69rem;
width: 4.64rem;
color: gray;
}
.information .info-footer .freight .freight-right{
width: 2rem;
position: absolute;
left: 16.76rem;
margin: 0;
bottom: 0.05rem;
}
.information .info-footer .freight{
position: relative;
}
.information .info-footer .add{
margin-top: 1.76rem;
width: 20rem;
height: 0.67rem;
}
.information .info-footer .add .money{
width:2.29rem;
height:0.67rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,72,56,1);
line-height: 0.67rem;
float: right;
margin-right: 0.67rem;
}
.information .info-footer .add .add-value
{
width:1.46rem;
height:0.67rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(0,0,0,1);
line-height: 0.67rem;
float: right;
margin-right:0.41rem;
}
.order-info{
width: 20rem;
height: 16rem;
background: white;
margin-top: 0.53rem;
}
.order-info .order-silder{
width: 20rem;
height: 2.75rem;
box-sizing: border-box;
border-bottom: 0.03rem solid gray;
font-size: 0.75rem;
line-height: 2.75rem;
color: gray;
font-weight: 500;
}
.order-info .order-silder#a{
color: black;
font-size: 1rem;
font-weight: 700;
}
.order-info .call{
width: 6rem;
height: 2rem;
border-radius:1rem ;
box-sizing: border-box;
border: 0.03rem solid #BDBABD;
margin: 1.2rem auto 0 auto;
font-size: 0.8rem;
font-weight: 700;
text-align: center;
line-height:2rem ;
}
.footer{
height: 2.83rem;
position: relative;
background: white;
margin-top: 0.53rem;
}
.footer div{
position: absolute;
width:4.27rem;
height:1.55rem;
border-radius:1rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
text-align: center;
line-height:1.55rem ;
}
.footer .cutorder{
top: 0.6rem;
left: 10.16rem;
color: #333333;
background: white;
border: 0.03rem solid #666364;
}
.footer .gobuy{
color:#74B07E;
top: 0.6rem;
left: 15.2rem;
border: 0.03rem solid #74B07E;

View File

@@ -0,0 +1,171 @@
html{
min-height: 100vh;
background: #F6F6F6;
}
.header-contaner{
height: 3.41rem;
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.35rem ;
}
.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;
}
.page-nav{
height: 2.4rem;
background: #F6F6F6;
}
.page-nav .nav-item{
width:2.5rem;
height:0.75rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:500;
line-height:1.09rem;
margin-top: 0.85rem;
margin-left: 1.41rem;
text-align: center;
line-height: 0.75rem;
display: inline-block;
}
.page-nav .nav-item a{
color: #666364;
}
.page-nav .nav-item#item-1{
margin-left: 0.48rem;
}
.page-nav .nav-item#item-1 a{
color:#495595;
}
.order-value{
height: 9.6rem;
background: white;
}
.order-value#a{
margin-top: 0.53rem;
}
.order-value .top{
height: 2.37rem;
box-sizing: border-box;
border-bottom: 0.06rem rgba(242,242,242,1) solid;
position: relative;
}
.order-value .center{
height: 4.35rem;
box-sizing: border-box;
border-bottom: 0.06rem rgba(242,242,242,1) solid;
}
.order-value .top img{
width: 0.61rem;
height: 0.69rem;
margin-left: 0.53rem;
margin-top: 0.77rem;
display: inline-block;
}
.order-value .top .number{
width:7.71rem;
height:0.64rem;
font-size:0.64rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(153,153,153,1);
line-height: 0.64rem;
text-align: center;
position: absolute;
top: 0.78rem;
left: 1.57rem;
}
.order-value .top .state{
width:2.39rem;
height:0.72rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,58,47,1);
line-height: 0.72rem;
text-align: center;
position: absolute;
left: 17.25rem;
top: 0.56rem;
}
.order-value .center .center-value{
width: 10.69rem;
height: 2.85rem;
margin-top: 0.77rem;
margin-left: 1.57rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
color: #666364;
line-height:1.09rem;
}
.order-value .footer{
height: 2.83rem;
position: relative;
}
.order-value .footer div{
position: absolute;
width:4.27rem;
height:1.55rem;
border-radius:1rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
text-align: center;
line-height:1.55rem ;
}
.order-value .footer .cutorder{
top: 0.4rem;
left: 10.16rem;
color: #333333;
background: white;
border: 0.03rem solid #666364;
}
.order-value .footer .gobuy{
background: #3955A8;
color:rgba(255,255,255,1);
top: 0.4rem;
left: 15.2rem;
}

View File

@@ -0,0 +1,423 @@
.header{
width:2.80rem;
height:1rem;
font-size:0.90rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
margin:1.92rem auto 0 auto;
}
.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.35rem ;
}
.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;
}
.banner{
width: 20rem;
height: 6.13rem;
overflow: hidden;
position: relative;
}
.banner .wrap{
width: 40rem;
height: 6.13rem;
position: absolute;
z-index: 1;
}
.banner .wrap img
{
width: 20rem;
height: 6.13rem;
float: left;
}
.banner .banner-button{
width: 1.38rem;
height: 0.37rem;
position: absolute;
z-index: 2;
left: 9.07rem;
top: 5.33rem;
}
.banner .banner-button span{
margin-left: 0.32rem;
width: 0.37rem;
height: 0.37rem;
border-radius: 50%;
display:inline-block;
float: left;
background: white;
}
.art-top,.only-top{
height: 0.8rem;
margin-top:0.8rem ;
position: relative;
}
.art-top .left,.only-top .left{
width: 0.16rem;
height: 0.69rem;
background: #3962A8;
margin-left: 0.53rem;
position: absolute;
}
.art-top .left-text,.only-top .left-text{
width: 2.4rem;
height: 0.77rem;
position: absolute;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
margin-left:1.09rem ;
line-height: 0.77rem;
}
.art-top img,.only-top img{
width: 0.69rem;
height: 0.69rem;
position: absolute;
margin-left: 15.73rem;
}
.art-top .right-text,.only-top .right-text{
position: absolute;
margin-left: 16.75rem;
width: 2.8rem;
height: 0.67rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height: 0.67rem;
}
.art{
margin-top: 1rem;
height: 4.13rem;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.art .art-2,.art .art-3,.art .art-4{
width: 6.05rem;
height: 4.13rem;
background:rgba(245,245,245,1);
border-radius:1rem;
overflow: hidden;
position: relative;
}
.art #top{
width: 3.6rem;
height: 1.07rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
background: #F7C846;
text-align: center;
line-height: 1.07rem;
}
.art #body{
width: 2.5rem;
height: 0.67rem;
margin-top: 0.59rem;
margin-left: 0.56rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:800;
color:rgba(0,0,0,1);
line-height: 0.67rem;
}
.art #foot{
width: 2.2rem;
height: 0.8rem;
margin-top: 0.59rem;
margin-left: 0.53rem;
font-size:1.01rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height: 0.8rem;
}
.art img{
position: absolute;
width: 1.17rem;
height: 1.17rem;
top: 2.37rem;
left: 4.48rem;
}
.only-shop{
width: 18.94rem;
height: 27.26rem;
margin-top: 0.8rem;
margin-left:0.53rem ;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content:space-around;
}
.only-shop .only{
height: 6.19rem;
width: 4.56rem;
}
.only-shop .only .only-body{
width: 4.56rem;
height: 4.56rem;
position: relative;
}
.only-shop .only .only-body .body-value{
width: 4.56rem;
height: 4.56rem;
}
.only-shop .only .only-body .add{
position: absolute;
width: 0.96rem;
height: 0.96rem;
z-index: 2;
top: 0;
left: 0;
top: 3.41rem;
left: 3.44rem;
}
.only-shop .only .only-foot1{
margin-top: 0.32rem;
height: 0.56rem;
width: 4.56rem;
text-align: center;
line-height: 0.56rem;
font-size:0.56rem;
font-family:PingFang SC;
font-weight:800;
color:rgba(51,51,51,1);
}
.only-shop .only .only-foot2{
margin-top:0.27rem ;
height: 0.45rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
text-align: center;
line-height: 0.45rem;
}
.footer{
height: 3.14rem;
width: 20rem;
margin-top: 0.85rem;
border-top: 0.05rem solid #E6E3E6;
box-sizing: border-box;
position: relative;
}
.footer .shop{
width: 2.67rem;
height: 2.67rem;
border-radius: 50%;
margin-top: 0.21rem;
margin-left: 0.53rem;
background: pink;
position: relative;
}
.footer .shop .shoping{
width: 2.67rem;
height: 2.67rem;
border-radius: 50%;
}
.footer .shop:after{
content: "0";
width: 1.07rem;
height: 1.07rem;
background: red;
position: absolute;
z-index: 1;
top:0.1rem;
left:2.14rem;
border-radius: 50%;
color: #FFE9E6;
text-align: center;
line-height:1.07rem ;
font-size: 0.68rem;
}
.footer .add{
width: 4.5rem;
height: 0.77rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
position: absolute;
top: 0.75rem;
left: 9.04rem;
line-height: 0.77rem;
}
.footer .cheap{
width: 3rem;
height: 0.6rem;
font-size:0.4rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,51,51,1);
position: absolute;
top:1.71rem ;
left:10.33rem ;
line-height: 0.6rem;
}
.footer .gopay{
width: 5.6rem;
height: 2.12rem;
border-radius: 1.06rem;
background: #3954AB;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
position: absolute;
line-height: 2.12rem;
text-align: center;
top: 0.54rem;
left: 13.87rem;
}
.float,.float2{
position: absolute;
width: 100%;
height: 51.8rem;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
z-index: 4;
display: none;
}
.float .value{
position: absolute;
width:17.01rem;
height:15.28rem;
background:rgba(255,255,255,1);
border-radius:1rem;
top: 11.09rem;
left: 1.49rem;
}
.float .value .tite{
width:4.3rem;
height:0.83rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:0.83rem;
margin-top:1.25rem ;
margin-left: 6.29rem;
}
.float .value .body{
width:14.85rem;
height:8.63rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(102,102,102,1);
line-height:0.83rem;
margin-top: 1.17rem;
margin-left: 0.99rem;
}
.float .value .button{
height: 2.2rem;
width: 100%;
box-sizing: border-box;
border-top: 0.05rem solid rgba(230,230,230,1);
text-align: center;
line-height: 2.2rem;
font-size:0.96rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(57,85,168,1);
margin-top: 1.17rem;
}
.float2 .value{
position: absolute;
width:17.01rem;
height:11.89rem;
background:rgba(255,255,255,1);
border-radius:1rem;
top: 12.05rem;
left: 1.49rem;
}
.float2 .value .tite{
width:4.3rem;
height:0.83rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:0.83rem;
margin-top:1.25rem ;
margin-left: 6.29rem;
}
.float2 .value .body{
width:14.72rem;
height:4.7rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(102,102,102,1);
line-height:0.83rem;
margin-top: 1.17rem;
margin-left: 0.99rem;
}
.float2 .value .button{
height: 2.2rem;
width: 100%;
box-sizing: border-box;
border-top: 0.05rem solid rgba(230,230,230,1);
text-align: center;
line-height: 2.2rem;
font-size:0.96rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(57,85,168,1);
margin-top: 1.76rem;
}
.footer .cart{
position: absolute;
width:20rem;
height:9.89rem;
background:rgba(255,255,255,1);
z-index: 2;
bottom: 3.17rem;
box-sizing: border-box;
border-top: 0.03rem solid black;
display: none;
}
.footer .cart .cart-header{
width:20rem;
height:2.13rem;
background:rgba(245,245,244,1);
}
.footer .cart .cart-body{
height: 7.76rem;
width: 20rem;
}

View File

@@ -0,0 +1,189 @@
@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;
}

View File

@@ -0,0 +1,211 @@
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);
}

View File

@@ -0,0 +1,163 @@
@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');
}
html{
min-height: 100vh;
background: #F6F6F6;
}
.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 ;
}
.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;
}
.page-top{
width:20rem;
height:4rem;
background:rgba(104,130,207,1);
}
.page-top span{
width:4.5rem;
height:0.8rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
line-height:0.8rem ;
display:inline-block;
margin-top: 1.49rem;
margin-left: 0.53rem;
cursor: pointer;
}
.container{
width:20rem;
height:9.92rem;
background:rgba(255,255,255,1);
position: relative;
}
.value{
width: 6.67rem;
height: 9.92rem;
margin-left: 1.92rem;
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
}
.value .content{
width:6.67rem;
height:2rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(57,85,168,1);
position: relative;
}
.content .name,.content .time{
width: 6.67rem;
height: 1rem;
line-height: 1rem;
}
.container:before{
content: '';
position: absolute;
left: 1.12rem;
top: 1.52rem;
width:0.06rem;
height:7rem;
background:rgba(104,130,207,1);
z-index: 1;
}
.value .content:before{
width:0.4rem;
height:0.4rem;
content: '';
transform: translateY(-50%);
border-radius: 50%;
cursor: pointer;
top: 50%;
right: 7.26rem;
background: #999999;
position: absolute;
z-index: 2;
}
.value .content#a:before{
width: 0.53rem;
height: 0.53rem;
background: #3955A8;
right: 7.17rem;
}
.ma{
width:20rem;
height:4.8rem;
background:rgba(255,255,255,1);
margin-top: 0.53rem;
}
.ma .top,.ma .down{
width: 19.47rem;
height: 2.4rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:2.4rem;
margin-left: 0.53rem;
}
.ma .top span{
color: #3955A8;
}
.ma .down .down-left{
height: 2.4rem;
font-size:0.75rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:2.4rem;
width: 7.87rem;
float: left;
}
.ma .down .down_right{
height: 2.4rem;
font-size:0.75rem;
font-weight:500;
color:rgba(51,51,51,1);
line-height:2.4rem;
width: 5.6rem;
margin-right: 0.53rem;
float: right;
font-family: 'iconfont'; /* project id 1584362 */
}

View File

@@ -0,0 +1,12 @@
*{
margin: 0;
padding: 0;
}
ul,ol{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;color: inherit;text-decoration: none;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
a{
text-decoration: none;
}