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