diff --git a/assets/css/base.css b/assets/css/base.less
similarity index 76%
rename from assets/css/base.css
rename to assets/css/base.less
index e52e631..1ce8140 100644
--- a/assets/css/base.css
+++ b/assets/css/base.less
@@ -17,19 +17,19 @@
}
/* padding20 */
.padding20 {
- padding: 0.2rem;
+ padding: 0.2*3.125rem;
}
/* pad20 */
.pad20 {
- padding: 0 0.2rem;
+ padding: 0 0.2*3.125rem;
}
/* padding30 */
.padding30 {
- padding: 0.3rem;
+ padding: 0.3*3.125rem;
}
/*pad30 */
.pad30 {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
/* layout */
.acea-row {
@@ -102,29 +102,29 @@
height: 100%;
}
.start {
- width: 1.22rem;
- height: 0.3rem;
+ width: 1.22*3.125rem;
+ height: 0.3*3.125rem;
background-image: url("https://h5.dayouqiantu.cn/static/images/start.png");
background-repeat: no-repeat;
- background-size: 1.22rem auto;
+ background-size: 1.22*3.125rem auto;
}
.start.star5 {
- background-position: 0 0.03rem;
+ background-position: 0 0.03*3.125rem;
}
.start.star4 {
- background-position: 0 -0.3rem;
+ background-position: 0 -0.3*3.125rem;
}
.start.star3 {
- background-position: 0 -0.7rem;
+ background-position: 0 -0.7*3.125rem;
}
.start.star2 {
- background-position: 0 -1.05rem;
+ background-position: 0 -1.05*3.125rem;
}
.start.star1 {
- background-position: 0 -1.4rem;
+ background-position: 0 -1.4*3.125rem;
}
.start.star0 {
- background-position: 0 -1.75rem;
+ background-position: 0 -1.75*3.125rem;
}
/* 单选框和多选框 */
.checkbox-wrapper {
@@ -148,20 +148,20 @@
background-color: #e93323;
border-color: #e93323;
background-image: url("https://h5.dayouqiantu.cn/static/images/enter.png");
- background-size: 0.21rem 0.15rem;
+ background-size: 0.21*3.125rem 0.15*3.125rem;
background-repeat: no-repeat;
background-position: center center;
}
.Loads {
- height: 0.8rem;
- font-size: 0.25rem;
+ height: 0.8*3.125rem;
+ font-size: 0.25*3.125rem;
color: #000;
}
.Loads .iconfont {
- font-size: 0.3rem;
- margin-right: 0.1rem;
- height: 0.32rem;
- line-height: 0.32rem;
+ font-size: 0.3*3.125rem;
+ margin-right: 0.1*3.125rem;
+ height: 0.32*3.125rem;
+ line-height: 0.32*3.125rem;
}
/*加载动画*/
@keyframes load {
diff --git a/assets/css/reset.css b/assets/css/reset.less
similarity index 94%
rename from assets/css/reset.css
rename to assets/css/reset.less
index 01ca228..e1a032a 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.less
@@ -7,7 +7,7 @@ input{line-height: normal; box-sizing:border-box;}
display: none;
}
.iconfont{
- font-size: .36rem;
+ font-size: .36*3.125rem;
}
/* 一像素边框 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
diff --git a/assets/css/style.css b/assets/css/style.less
similarity index 57%
rename from assets/css/style.css
rename to assets/css/style.less
index fb19800..f1f79dc 100644
--- a/assets/css/style.css
+++ b/assets/css/style.less
@@ -1,21 +1,20 @@
-
.newsList .newsSwitch .van-hairline--top-bottom::after {
border: 0;
}
.newsList .newsSwitch .van-tab {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
padding: 0;
flex-basis: unset !important;
- margin-right: 0.46rem;
+ margin-right: 0.46*3.125rem;
}
.newsList .newsSwitch .van-tabs__wrap {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.newsList .newsSwitch.van-tabs--line {
- padding-top: 0.9rem;
+ padding-top: 0.9*3.125rem;
}
#footer {
@@ -47,7 +46,7 @@
-o-flex: 1;
-ms-flex: 1;
text-align: center;
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #282828;
}
@@ -56,40 +55,40 @@
}
#footer .item .iconfont {
- font-size: 0.45rem;
- height: 0.55rem;
- line-height: 0.55rem;
+ font-size: 0.45*3.125rem;
+ height: 0.55*3.125rem;
+ line-height: 0.55*3.125rem;
}
.goodList .item {
position: relative;
- padding-left: 0.3rem;
+ padding-left: 0.3*3.125rem;
background-color: #fff;
}
.goodList .item .pictrue {
- width: 1.8rem;
- height: 1.8rem;
+ width: 1.8*3.125rem;
+ height: 1.8*3.125rem;
position: relative;
}
.goodList .item .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.goodList .item .pictrue .numPic {
position: absolute;
- left: 0.07rem;
- top: 0.07rem;
- width: 0.5rem;
- height: 0.5rem;
+ left: 0.07*3.125rem;
+ top: 0.07*3.125rem;
+ width: 0.5*3.125rem;
+ height: 0.5*3.125rem;
border-radius: 50%;
}
.goodList .item .underline {
- padding: 0.3rem 0.3rem 0.3rem 0;
+ padding: 0.3*3.125rem 0.3*3.125rem 0.3*3.125rem 0;
border-bottom: 1px solid #f5f5f5;
}
@@ -98,102 +97,102 @@
}
.goodList .item .text {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #222;
- width: 4.89rem;
+ width: 4.89*3.125rem;
text-align: left;
}
.goodList .item .text .money .num {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
}
.goodList .item .text .vip-money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
font-weight: bold;
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.goodList .item .text .vip-money .vip {
- margin-right: 0.22rem;
+ margin-right: 0.22*3.125rem;
text-decoration: line-through;
}
.goodList .item .text .vip-money .image {
- width: 0.46rem;
- height: 0.21rem;
- margin-left: 0.05rem;
+ width: 0.46*3.125rem;
+ height: 0.21*3.125rem;
+ margin-left: 0.05*3.125rem;
}
.goodList .item .text .vip-money .num {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #aaa;
font-weight: normal;
- margin: -0.02rem 0 0 0;
+ margin: -0.02*3.125rem 0 0 0;
}
.goodList .item .iconfont {
position: absolute;
- right: 0.3rem;
- width: 0.5rem;
- height: 0.5rem;
+ right: 0.3*3.125rem;
+ width: 0.5*3.125rem;
+ height: 0.5*3.125rem;
border-radius: 50%;
- font-size: 0.3rem;
- bottom: 0.38rem;
+ font-size: 0.3*3.125rem;
+ bottom: 0.38*3.125rem;
}
.promotionGood {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
background-color: #fff;
}
.promotionGood .item {
border-bottom: 1px solid #eee;
- height: 2.5rem;
+ height: 2.5*3.125rem;
}
.promotionGood .item .pictrue {
- width: 1.88rem;
- height: 1.88rem;
+ width: 1.88*3.125rem;
+ height: 1.88*3.125rem;
}
.promotionGood .item .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.08rem;
+ border-radius: 0.08*3.125rem;
}
.promotionGood .item .text {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- width: 4.72rem;
+ width: 4.72*3.125rem;
text-align: left;
}
.promotionGood .item .text .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #333;
}
.promotionGood .item .text .sp-money {
- margin: 0.34rem 0 0.2rem 0;
+ margin: 0.34*3.125rem 0 0.2*3.125rem 0;
}
.promotionGood .item .text .sp-money .moneyCon {
- padding: 0 0.18rem;
+ padding: 0 0.18*3.125rem;
background-color: #73CBB6;
- height: 0.46rem;
- line-height: 0.46rem;
+ height: 0.46*3.125rem;
+ line-height: 0.46*3.125rem;
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #fff;
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
- border-radius: 0.24rem 0.03rem 0.24rem 0.03rem;
+ border-radius: 0.24*3.125rem 0.03*3.125rem 0.24*3.125rem 0.03*3.125rem;
}
.promotionGood .item .text .sp-money .moneyCon .num {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.promotionGood .item .text .money {
@@ -205,20 +204,20 @@
}
.recommend .title {
- height: 1.35rem;
- font-size: 0.28rem;
+ height: 1.35*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.recommend .title .name {
- margin: 0 0.28rem;
+ margin: 0 0.28*3.125rem;
}
.recommend .title .iconfont {
- font-size: 1.7rem;
+ font-size: 1.7*3.125rem;
color: #454545;
- height: 0.5rem;
- line-height: 0.5rem;
+ height: 0.5*3.125rem;
+ line-height: 0.5*3.125rem;
}
.recommend .title .iconfont.lefticon {
@@ -226,48 +225,48 @@
}
.recommend .recommendList {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.recommend .recommendList .item {
- width: 3.35rem;
- margin-bottom: 0.3rem;
+ width: 3.35*3.125rem;
+ margin-bottom: 0.3*3.125rem;
}
.recommend .recommendList .item .pictrue {
width: 100%;
- height: 3.35rem;
+ height: 3.35*3.125rem;
}
.recommend .recommendList .item .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.recommend .recommendList .item .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.recommend .recommendList .item .money {
- font-size: 0.2rem;
- margin-top: 0.03rem;
+ font-size: 0.2*3.125rem;
+ margin-top: 0.03*3.125rem;
}
.recommend .recommendList .item .money .num {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.noCommodity {
- padding-top: 0.75rem;
+ padding-top: 0.75*3.125rem;
}
.noCommodity .noPictrue {
- width: 4.14rem;
- height: 3.36rem;
- margin: 0 auto 0.3rem auto;
+ width: 4.14*3.125rem;
+ height: 3.36*3.125rem;
+ margin: 0 auto 0.3*3.125rem auto;
}
.noCommodity .noPictrue .image {
@@ -277,11 +276,11 @@
/*产品详情轮播*/
.product-bg {
- height: 7.5rem;
+ height: 7.5*3.125rem;
}
.product-bg swiper {
- height: 7.5rem;
+ height: 7.5*3.125rem;
}
@@ -293,13 +292,13 @@
.product-bg .pages {
position: absolute;
background-color: #fff;
- height: 0.34rem;
- padding: 0 0.1rem;
- border-radius: 0.03rem;
- right: 0.3rem;
- bottom: 0.3rem;
- line-height: 0.34rem;
- font-size: 0.24rem;
+ height: 0.34*3.125rem;
+ padding: 0 0.1*3.125rem;
+ border-radius: 0.03*3.125rem;
+ right: 0.3*3.125rem;
+ bottom: 0.3*3.125rem;
+ line-height: 0.34*3.125rem;
+ font-size: 0.24*3.125rem;
color: #050505;
z-index: 9;
}
@@ -307,7 +306,7 @@
/*评价列表公共*/
.evaluateWtapper .evaluateItem {
background-color: #fff;
- padding-bottom: 0.25rem;
+ padding-bottom: 0.25*3.125rem;
}
.evaluateWtapper .evaluateItem~.evaluateItem {
@@ -315,16 +314,16 @@
}
.evaluateWtapper .evaluateItem .pic-text {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- height: 0.95rem;
- padding: 0 0.3rem;
+ height: 0.95*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue {
- width: 0.56rem;
- height: 0.56rem;
- margin-right: 0.2rem;
+ width: 0.56*3.125rem;
+ height: 0.56*3.125rem;
+ margin-right: 0.2*3.125rem;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue .image {
@@ -334,32 +333,32 @@
}
.evaluateWtapper .evaluateItem .pic-text .name {
- max-width: 4.5rem;
- margin-right: 0.15rem;
+ max-width: 4.5*3.125rem;
+ margin-right: 0.15*3.125rem;
}
.evaluateWtapper .evaluateItem .time {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #82848f;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.evaluateWtapper .evaluateItem .evaluate-infor {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-top: 0.19rem;
- padding: 0 0.3rem;
+ margin-top: 0.19*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.evaluateWtapper .evaluateItem .imgList {
- padding: 0 0.3rem 0 0.15rem;
- margin-top: 0.25rem;
+ padding: 0 0.3*3.125rem 0 0.15*3.125rem;
+ margin-top: 0.25*3.125rem;
}
.evaluateWtapper .evaluateItem .imgList .pictrue {
- width: 1.56rem;
- height: 1.56rem;
- margin: 0 0 0.15rem 0.15rem;
+ width: 1.56*3.125rem;
+ height: 1.56*3.125rem;
+ margin: 0 0 0.15*3.125rem 0.15*3.125rem;
}
.evaluateWtapper .evaluateItem .imgList .pictrue .image {
@@ -368,12 +367,12 @@
}
.evaluateWtapper .evaluateItem .reply {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #454545;
background-color: #f7f7f7;
- border-radius: 0.05rem;
- margin: 0.2rem 0.3rem 0 0.3rem;
- padding: 0.3rem;
+ border-radius: 0.05*3.125rem;
+ margin: 0.2*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
+ padding: 0.3*3.125rem;
position: relative;
}
@@ -381,38 +380,38 @@
content: "";
width: 0;
height: 0;
- border-left: 0.1rem solid transparent;
- border-right: 0.1rem solid transparent;
- border-bottom: 0.2rem solid #f7f7f7;
+ border-left: 0.1*3.125rem solid transparent;
+ border-right: 0.1*3.125rem solid transparent;
+ border-bottom: 0.2*3.125rem solid #f7f7f7;
position: absolute;
- top: -0.2rem;
- left: 1rem;
+ top: -0.2*3.125rem;
+ left: 1*3.125rem;
}
/*优惠券列表公共*/
.coupon-list {
- padding: 0 0.3rem;
- margin-top: 0.25rem;
+ padding: 0 0.3*3.125rem;
+ margin-top: 0.25*3.125rem;
}
.coupon-list .item {
box-sizing: border-box;
width: 100%;
- height: 1.7rem;
- margin-bottom: 0.16rem;
+ height: 1.7*3.125rem;
+ margin-bottom: 0.16*3.125rem;
}
.coupon-list .item .money {
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon1.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 2.4rem;
+ width: 2.4*3.125rem;
height: 100%;
color: #fff;
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
font-weight: bold;
text-align: center;
- line-height: 1.7rem;
+ line-height: 1.7*3.125rem;
}
.coupon-list .item .money.moneyGray {
@@ -420,37 +419,37 @@
}
.coupon-list .item .money .num {
- font-size: 0.6rem;
+ font-size: 0.6*3.125rem;
}
.coupon-list .item .text {
flex: 1;
- padding: 0 0.17rem 0 0.24rem;
+ padding: 0 0.17*3.125rem 0 0.24*3.125rem;
background-color: #fff;
}
.coupon-list .item .text .condition {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- height: 0.93rem;
- line-height: 0.93rem;
+ height: 0.93*3.125rem;
+ line-height: 0.93*3.125rem;
border-bottom: 1px solid #f0f0f0;
}
.coupon-list .item .text .data {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #999;
- height: 0.76rem;
+ height: 0.76*3.125rem;
}
.coupon-list .item .text .data .bnt {
- width: 1.36rem;
- height: 0.44rem;
- border-radius: 0.22rem;
- font-size: 0.22rem;
+ width: 1.36*3.125rem;
+ height: 0.44*3.125rem;
+ border-radius: 0.22*3.125rem;
+ font-size: 0.22*3.125rem;
color: #fff;
text-align: center;
- line-height: 0.44rem;
+ line-height: 0.44*3.125rem;
}
.coupon-list .item .text .data .bnt.gray {
@@ -464,7 +463,7 @@
left: 0;
width: 100%;
background-color: #f5f5f5;
- border-radius: 0.16rem 0.16rem 0 0;
+ border-radius: 0.16*3.125rem 0.16*3.125rem 0 0;
z-index: 111;
transition: all .3s cubic-bezier(.25, .5, .5, .9);
transform: translate3d(0, 100%, 0);
@@ -475,11 +474,11 @@
}
.coupon-list-window .title {
- height: 1.24rem;
+ height: 1.24*3.125rem;
width: 100%;
text-align: center;
- line-height: 1.24rem;
- font-size: 0.32rem;
+ line-height: 1.24*3.125rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
position: relative;
color: #333;
@@ -487,24 +486,24 @@
.coupon-list-window .title .iconfont {
position: absolute;
- right: 0.3rem;
+ right: 0.3*3.125rem;
top: 50%;
transform: translateY(-50%);
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #8a8a8a;
font-weight: normal;
}
.coupon-list-window .coupon-list {
- margin: 0 0 0.5rem 0;
- height: 5.5rem;
+ margin: 0 0 0.5*3.125rem 0;
+ height: 5.5*3.125rem;
overflow: auto;
}
.coupon-list-window .pictrue {
- width: 4.14rem;
- height: 3.36rem;
- margin: 0 auto 0.5rem auto;
+ width: 4.14*3.125rem;
+ height: 3.36*3.125rem;
+ margin: 0 auto 0.5*3.125rem auto;
}
.coupon-list-window .pictrue .image {
@@ -520,8 +519,8 @@
left: 0;
background-color: #fff;
z-index: 88;
- border-radius: 0.16rem 0.16rem 0 0;
- padding-bottom: 1.4rem;
+ border-radius: 0.16*3.125rem 0.16*3.125rem 0 0;
+ padding-bottom: 1.4*3.125rem;
transform: translate3d(0, 100%, 0);
transition: all .3s cubic-bezier(.25, .5, .5, .9);
}
@@ -531,77 +530,77 @@
}
.product-window .textpic {
- padding: 0 1.3rem 0 0.3rem;
- margin-top: 0.29rem;
+ padding: 0 1.3*3.125rem 0 0.3*3.125rem;
+ margin-top: 0.29*3.125rem;
position: relative;
}
.product-window .textpic .pictrue {
- width: 1.5rem;
- height: 1.5rem;
+ width: 1.5*3.125rem;
+ height: 1.5*3.125rem;
}
.product-window .textpic .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
}
.product-window .textpic .text {
- width: 4.1rem;
- font-size: 0.32rem;
+ width: 4.1*3.125rem;
+ font-size: 0.32*3.125rem;
color: #202020;
}
.product-window .textpic .text .money {
- font-size: 0.24rem;
- margin-top: 0.4rem;
+ font-size: 0.24*3.125rem;
+ margin-top: 0.4*3.125rem;
}
.product-window .textpic .text .money .num {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
}
.product-window .textpic .text .money .stock {
color: #999;
- margin-left: 0.18rem;
+ margin-left: 0.18*3.125rem;
}
.product-window .textpic .iconfont {
position: absolute;
- right: 0.3rem;
- top: -0.05rem;
- font-size: 0.35rem;
+ right: 0.3*3.125rem;
+ top: -0.05*3.125rem;
+ font-size: 0.35*3.125rem;
color: #8a8a8a;
}
.product-window .productWinList {
- max-height: 3.95rem;
+ max-height: 3.95*3.125rem;
overflow: auto;
- margin-top: 0.36rem;
+ margin-top: 0.36*3.125rem;
}
.product-window .productWinList .item~.item {
- margin-top: 0.36rem;
+ margin-top: 0.36*3.125rem;
}
.product-window .productWinList .item .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.product-window .productWinList .item .listn {
- padding: 0 0.3rem 0 0.16rem;
+ padding: 0 0.3*3.125rem 0 0.16*3.125rem;
}
.product-window .productWinList .item .listn .itemn {
border: 1px solid #bbb;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- padding: 0.07rem 0.33rem;
- border-radius: 0.06rem;
- margin: 0.14rem 0 0 0.14rem;
+ padding: 0.07*3.125rem 0.33*3.125rem;
+ border-radius: 0.06*3.125rem;
+ margin: 0.14*3.125rem 0 0 0.14*3.125rem;
}
.product-window .productWinList .item .listn .itemn.on {
@@ -611,34 +610,34 @@
}
.product-window .cart {
- margin-top: 0.36rem;
- padding: 0 0.3rem;
+ margin-top: 0.36*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.product-window .cart .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999;
}
.product-window .cart .carnum {
- height: 0.54rem;
- margin-top: 0.24rem;
+ height: 0.54*3.125rem;
+ margin-top: 0.24*3.125rem;
}
.product-window .cart .carnum .item {
border: 1px solid #a4a4a4;
- width: 0.84rem;
+ width: 0.84*3.125rem;
text-align: center;
height: 100%;
- line-height: 0.54rem;
+ line-height: 0.54*3.125rem;
color: #a4a4a4;
- font-size: 0.45rem;
+ font-size: 0.45*3.125rem;
}
.product-window .cart .carnum .reduce {
border-right: 0;
- border-radius: 0.06rem 0 0 0.06rem;
- line-height: 0.48rem;
+ border-radius: 0.06*3.125rem 0 0 0.06*3.125rem;
+ line-height: 0.48*3.125rem;
}
.product-window .cart .carnum .reduce.on {
@@ -648,8 +647,8 @@
.product-window .cart .carnum .plus {
border-left: 0;
- border-radius: 0 0.06rem 0.06rem 0;
- line-height: 0.46rem;
+ border-radius: 0 0.06*3.125rem 0.06*3.125rem 0;
+ line-height: 0.46*3.125rem;
}
.product-window .cart .carnum .plus.on {
@@ -659,14 +658,14 @@
.product-window .cart .carnum .num {
color: #282828;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
/*产品详情的分享红包*/
.sharing-packets {
position: fixed;
- left: 0.3rem;
- bottom: 1.5rem;
+ left: 0.3*3.125rem;
+ bottom: 1.5*3.125rem;
z-index: 5;
transition: all 0.3s ease-in-out 0s;
opacity: 1;
@@ -679,26 +678,26 @@
}
.sharing-packets .iconfont {
- width: 0.44rem;
- height: 0.44rem;
+ width: 0.44*3.125rem;
+ height: 0.44*3.125rem;
border-radius: 50%;
background-color: #999;
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #fff;
margin: 0 auto;
- padding-left: 0.01rem;
+ padding-left: 0.01*3.125rem;
}
.sharing-packets .line {
- width: 0.02rem;
- height: 0.4rem;
+ width: 0.02*3.125rem;
+ height: 0.4*3.125rem;
background-color: #999;
margin: 0 auto;
}
.sharing-packets .sharing-con {
- width: 1.87rem;
- height: 2.1rem;
+ width: 1.87*3.125rem;
+ height: 2.1*3.125rem;
position: relative;
}
@@ -709,112 +708,112 @@
.sharing-packets .sharing-con .text {
position: absolute;
- top: 0.2rem;
- font-size: 0.2rem;
+ top: 0.2*3.125rem;
+ font-size: 0.2*3.125rem;
width: 100%;
text-align: center;
}
.sharing-packets .sharing-con .text .money {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
}
.sharing-packets .sharing-con .text .money .label {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
}
.sharing-packets .sharing-con .text .tip {
- font-size: 0.18rem;
+ font-size: 0.18*3.125rem;
color: #999;
}
.sharing-packets .sharing-con .text .shareBut {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #fff;
- margin-top: 0.27rem;
- height: 0.5rem;
- line-height: 0.5rem;
+ margin-top: 0.27*3.125rem;
+ height: 0.5*3.125rem;
+ line-height: 0.5*3.125rem;
}
/*订单产品*/
.orderGoods {
background-color: #fff;
- margin-top: 0.12rem;
+ margin-top: 0.12*3.125rem;
}
.orderGoods .total {
box-sizing: border-box;
width: 100%;
- height: 0.86rem;
- padding: 0 0.3rem;
- border-bottom: 0.01rem solid #eee;
- font-size: 0.3rem;
+ height: 0.86*3.125rem;
+ padding: 0 0.3*3.125rem;
+ border-bottom: 0.01*3.125rem solid #eee;
+ font-size: 0.3*3.125rem;
color: #282828;
- line-height: 0.86rem;
+ line-height: 0.86*3.125rem;
}
.goodWrapper .item {
- margin-left: 0.3rem;
- padding-right: 0.3rem;
- border-bottom: 0.02rem solid #f0f0f0;
- height: 1.8rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
+ border-bottom: 0.02*3.125rem solid #f0f0f0;
+ height: 1.8*3.125rem;
}
.goodWrapper .item .pictrue {
- width: 1.3rem;
- height: 1.3rem;
+ width: 1.3*3.125rem;
+ height: 1.3*3.125rem;
}
.goodWrapper .item .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.goodWrapper .item .text {
- width: 5.37rem;
+ width: 5.37*3.125rem;
position: relative;
}
.goodWrapper .item .text .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- width: 4.53rem;
+ width: 4.53*3.125rem;
}
.goodWrapper .item .text .num {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #868686;
}
.goodWrapper .item .text .attr {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #868686;
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
.goodWrapper .item .text .money {
- font-size: 0.26rem;
- margin-top: 0.17rem;
+ font-size: 0.26*3.125rem;
+ margin-top: 0.17*3.125rem;
}
.goodWrapper .item .text .evaluate {
position: absolute;
- width: 1.14rem;
- height: 0.46rem;
+ width: 1.14*3.125rem;
+ height: 0.46*3.125rem;
border: 1px solid #e93323;
color: #e93323;
- border-radius: 0.04rem;
+ border-radius: 0.04*3.125rem;
text-align: center;
- line-height: 0.46rem;
+ line-height: 0.46*3.125rem;
right: 0;
- bottom: -.1rem;
+ bottom: -.1*3.125rem;
}
.goodWrapper .item .text .evaluate.userEvaluated {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #aaa;
background-color: #f7f7f7;
border-color: #f7f7f7;
@@ -837,78 +836,78 @@
}
.address-window .title {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
text-align: center;
- height: 1.23rem;
- line-height: 1.23rem;
+ height: 1.23*3.125rem;
+ line-height: 1.23*3.125rem;
position: relative;
color: #333;
}
.address-window .title .iconfont {
position: absolute;
- right: 0.3rem;
+ right: 0.3*3.125rem;
color: #8a8a8a;
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
}
.address-window .list {
- max-height: 6rem;
+ max-height: 6*3.125rem;
overflow-y: auto;
overflow-x: hidden;
}
.address-window .list .item {
- margin-left: 0.3rem;
- padding-right: 0.3rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
border-bottom: 1px solid #eee;
- height: 1.29rem;
- font-size: 0.25rem;
+ height: 1.29*3.125rem;
+ font-size: 0.25*3.125rem;
color: #333;
}
.address-window .list .item .iconfont {
- font-size: 0.37rem;
+ font-size: 0.37*3.125rem;
color: #2c2c2c;
}
.address-window .list .item .iconfont.icon-complete {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
}
.address-window .list .item .addressTxt {
- width: 5.6rem;
+ width: 5.6*3.125rem;
}
.address-window .list .item .addressTxt .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
color: #282828;
- margin-bottom: 0.04rem;
+ margin-bottom: 0.04*3.125rem;
}
.address-window .list .item .addressTxt .name .phone {
- margin-left: 0.18rem;
+ margin-left: 0.18*3.125rem;
}
.address-window .addressBnt {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #fff;
- width: 6.9rem;
- height: 0.86rem;
- border-radius: 0.43rem;
+ width: 6.9*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.43*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin: 0.85rem auto;
+ line-height: 0.86*3.125rem;
+ margin: 0.85*3.125rem auto;
}
.address-window .pictrue {
- width: 4.14rem;
- height: 3.36rem;
- margin: 0.8rem auto;
+ width: 4.14*3.125rem;
+ height: 3.36*3.125rem;
+ margin: 0.8*3.125rem auto;
}
.address-window .pictrue .image {
@@ -918,7 +917,7 @@
/*轮播图*/
.swiper {
- height: 2.82rem;
+ height: 2.82*3.125rem;
}
.swiper .slide-image {
@@ -928,22 +927,22 @@
.swiper .swiper-pagination {
text-align: right;
- padding-right: 0.4rem;
- bottom: 0.1rem;
+ padding-right: 0.4*3.125rem;
+ bottom: 0.1*3.125rem;
width: 100%;
}
.swiper .swiper-pagination-bullet {
- width: 0.12rem;
- height: 0.12rem;
- border: 0.02rem solid #fff;
+ width: 0.12*3.125rem;
+ height: 0.12*3.125rem;
+ border: 0.02*3.125rem solid #fff;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
}
.swiper .swiper-pagination-bullet~.swiper-pagination-bullet {
- margin-left: 0.12rem;
+ margin-left: 0.12*3.125rem;
}
.swiper .swiper-pagination-bullet-active {
@@ -954,28 +953,28 @@
/**/
.goodsStyle {
background-color: #fff;
- padding: 0.22rem 0.3rem;
+ padding: 0.22*3.125rem 0.3*3.125rem;
}
.goodsStyle .pictrue {
- width: 1.2rem;
- height: 1.2rem;
+ width: 1.2*3.125rem;
+ height: 1.2*3.125rem;
}
.goodsStyle .pictrue .image {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.goodsStyle .text {
- width: 5.45rem;
- font-size: 0.28rem;
+ width: 5.45*3.125rem;
+ font-size: 0.28*3.125rem;
color: #999;
}
.goodsStyle .text .name {
- width: 3.6rem;
+ width: 3.6*3.125rem;
color: #282828;
}
@@ -984,20 +983,20 @@
}
.goodsStyle .text .money .num {
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
/*所有推广头部样式*/
.promoterHeader {
width: 100%;
- height: 2.2rem;
+ height: 2.2*3.125rem;
}
.promoterHeader .headerCon {
width: 100%;
height: 100%;
- padding: 0 0.88rem 0 0.55rem;
- font-size: 0.28rem;
+ padding: 0 0.88*3.125rem 0 0.55*3.125rem;
+ font-size: 0.28*3.125rem;
color: #fff;
background-image: url('https://h5.dayouqiantu.cn/static/images/transparent.png');
background-repeat: no-repeat;
@@ -1005,15 +1004,15 @@
}
.promoterHeader .headerCon .name {
- margin-bottom: 0.02rem;
+ margin-bottom: 0.02*3.125rem;
}
.promoterHeader .headerCon .num {
- font-size: 0.5rem;
+ font-size: 0.5*3.125rem;
}
.promoterHeader .headerCon .iconfont {
- font-size: 1.25rem;
+ font-size: 1.25*3.125rem;
}
/*首页优惠券弹窗*/
@@ -1021,13 +1020,13 @@
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 6.3rem;
- height: 6.49rem;
+ width: 6.3*3.125rem;
+ height: 6.49*3.125rem;
position: fixed;
top: 20%;
z-index: 99;
left: 50%;
- margin-left: -3.05rem;
+ margin-left: -3.05*3.125rem;
transform: translate3d(0, -200%, 0);
transition: all .3s cubic-bezier(.25, .5, .5, .9);
}
@@ -1037,115 +1036,115 @@
}
.coupon-window .couponWinList {
- width: 4.8rem;
- margin: 1.57rem 0 0 0.6rem;
- height: 4.15rem;
+ width: 4.8*3.125rem;
+ margin: 1.57*3.125rem 0 0 0.6*3.125rem;
+ height: 4.15*3.125rem;
overflow: auto;
}
.coupon-window .couponWinList .item {
width: 100%;
- height: 1.2rem;
+ height: 1.2*3.125rem;
background-color: #fff;
position: relative;
- margin-bottom: 0.17rem;
+ margin-bottom: 0.17*3.125rem;
}
.coupon-window .couponWinList .item::after {
content: '';
position: absolute;
- width: 0.18rem;
- height: 0.18rem;
+ width: 0.18*3.125rem;
+ height: 0.18*3.125rem;
border-radius: 50%;
background-color: #73CBB6;
left: 25.5%;
bottom: 0;
- margin-bottom: -0.09rem;
+ margin-bottom: -0.09*3.125rem;
}
.coupon-window .couponWinList .item::before {
content: '';
position: absolute;
- width: 0.18rem;
- height: 0.18rem;
+ width: 0.18*3.125rem;
+ height: 0.18*3.125rem;
border-radius: 50%;
background-color: #73CBB6;
left: 25.5%;
top: 0;
- margin-top: -0.09rem;
+ margin-top: -0.09*3.125rem;
}
.coupon-window .couponWinList .item .money {
- width: 1.3rem;
+ width: 1.3*3.125rem;
border-right: 1px dashed #ddd;
height: 100%;
text-align: center;
- line-height: 1.2rem;
- font-size: 0.26rem;
+ line-height: 1.2*3.125rem;
+ font-size: 0.26*3.125rem;
font-weight: bold;
}
.coupon-window .couponWinList .item .money .num {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
}
.coupon-window .couponWinList .item .text {
- width: 3.49rem;
- font-size: 0.22rem;
+ width: 3.49*3.125rem;
+ font-size: 0.22*3.125rem;
color: #999;
- padding: 0 0.29rem;
+ padding: 0 0.29*3.125rem;
}
.coupon-window .couponWinList .item .text .name {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
font-weight: bold;
- margin-bottom: 0.09rem;
+ margin-bottom: 0.09*3.125rem;
}
.coupon-window .lid {
background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 5.73rem;
- height: 2.24rem;
+ width: 5.73*3.125rem;
+ height: 2.24*3.125rem;
position: fixed;
left: 50%;
top: 20%;
- margin: 4.24rem 0 0 -2.96rem;
+ margin: 4.24*3.125rem 0 0 -2.96*3.125rem;
}
.coupon-window .lid .bnt {
- font-size: 0.29rem;
- width: 4.4rem;
- height: 0.8rem;
- border-radius: 0.4rem;
+ font-size: 0.29*3.125rem;
+ width: 4.4*3.125rem;
+ height: 0.8*3.125rem;
+ border-radius: 0.4*3.125rem;
background-color: #f9f1d3;
text-align: center;
- line-height: 0.8rem;
+ line-height: 0.8*3.125rem;
font-weight: bold;
- margin: 0.98rem auto 0 auto;
+ margin: 0.98*3.125rem auto 0 auto;
}
.coupon-window .lid .iconfont {
color: #fff;
- font-size: 0.6rem;
+ font-size: 0.6*3.125rem;
text-align: center;
- margin-top: 0.87rem;
+ margin-top: 0.87*3.125rem;
}
/*首页*/
.index .header {
- height: 0.98rem;
+ height: 0.98*3.125rem;
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
}
.index .header .logo {
- width: 1.27rem;
- height: 0.45rem;
- margin-right: 0.25rem;
+ width: 1.27*3.125rem;
+ height: 0.45*3.125rem;
+ margin-right: 0.25*3.125rem;
}
.index .header .logo img {
@@ -1157,43 +1156,43 @@
.index .header .search {
width: 100%;
box-sizing: border-box;
- height: 0.64rem;
+ height: 0.64*3.125rem;
background-color: #f7f7f7;
- border-radius: 0.5rem;
- padding: 0 0.28rem;
- font-size: 0.28rem;
+ border-radius: 0.5*3.125rem;
+ padding: 0 0.28*3.125rem;
+ font-size: 0.28*3.125rem;
color: #bbb;
}
.index .header .search .iconfont {
- font-size: 0.34rem;
- margin-right: 0.16rem;
+ font-size: 0.34*3.125rem;
+ margin-right: 0.16*3.125rem;
}
.index .banner {
- height: 3.75rem;
+ height: 3.75*3.125rem;
}
.index .banner swiper {
- height: 3.75rem;
+ height: 3.75*3.125rem;
}
.index .banner img {
width: 100%;
- height: 3.75rem;
+ height: 3.75*3.125rem;
}
.index .banner .swiper-pagination {
- bottom: 0.07rem;
+ bottom: 0.07*3.125rem;
}
.index .banner .swiper-pagination-bullet {
- width: 0.2rem;
- height: 0.04rem;
- border-radius: 0.03rem;
+ width: 0.2*3.125rem;
+ height: 0.04*3.125rem;
+ border-radius: 0.03*3.125rem;
background-color: #fff;
opacity: 0.6;
}
@@ -1203,20 +1202,20 @@
}
.index .nav {
- padding-top: 0.26rem;
+ padding-top: 0.26*3.125rem;
}
.index .nav .item {
width: 25%;
text-align: center;
- font-size: 0.26rem;
- margin-bottom: 0.35rem;
+ font-size: 0.26*3.125rem;
+ margin-bottom: 0.35*3.125rem;
}
.index .nav .item .pictrue {
- width: 0.9rem;
- height: 0.9rem;
- margin: 0 auto 0.15rem auto;
+ width: 0.9*3.125rem;
+ height: 0.9*3.125rem;
+ margin: 0 auto 0.15*3.125rem auto;
}
.index .nav .item .pictrue img {
@@ -1226,19 +1225,19 @@
}
.index .news {
- height: 0.77rem;
+ height: 0.77*3.125rem;
border-top: 1px solid #f4f4f4;
- padding: 0 0.3rem;
- box-shadow: 0 0.1rem 0.3rem #f5f5f5;
- -moz-box-shadow: 0 0.1rem 0.3rem #f5f5f5;
- -o-box-shadow: 0 0.1rem 0.3rem #f5f5f5;
+ padding: 0 0.3*3.125rem;
+ box-shadow: 0 0.1*3.125rem 0.3*3.125rem #f5f5f5;
+ -moz-box-shadow: 0 0.1*3.125rem 0.3*3.125rem #f5f5f5;
+ -o-box-shadow: 0 0.1*3.125rem 0.3*3.125rem #f5f5f5;
}
.index .news .pictrue {
- width: 1.24rem;
- height: 0.28rem;
+ width: 1.24*3.125rem;
+ height: 0.28*3.125rem;
border-right: 1px solid #ddd;
- padding-right: 0.23rem;
+ padding-right: 0.23*3.125rem;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
@@ -1250,94 +1249,94 @@
}
.index .news .new-banner {
- width: 5.23rem;
+ width: 5.23*3.125rem;
overflow: hidden;
- height: 0.77rem;
+ height: 0.77*3.125rem;
}
.index .news .new-banner .swiper-wrapper {
- height: 0.77rem;
+ height: 0.77*3.125rem;
width: 100%;
}
.index .news .new-banner .swiper-slide {
- height: 0.77rem;
+ height: 0.77*3.125rem;
width: 100%;
}
.index .news .new-banner .swiper-slide .swiper-item {
- height: 0.77rem;
+ height: 0.77*3.125rem;
width: 100%;
}
.index .news .new-banner .text {
- width: 4.8rem;
- height: 0.77rem;
+ width: 4.8*3.125rem;
+ height: 0.77*3.125rem;
}
.index .news .new-banner .text .label {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #73CBB6;
- width: 0.68rem;
- height: 0.34rem;
- border-radius: 0.2rem;
+ width: 0.68*3.125rem;
+ height: 0.34*3.125rem;
+ border-radius: 0.2*3.125rem;
text-align: center;
- line-height: 0.34rem;
- border: 0.02rem solid #73CBB6;
+ line-height: 0.34*3.125rem;
+ border: 0.02*3.125rem solid #73CBB6;
}
.index .news .new-banner .text .newsTitle {
- width: 3.97rem;
- font-size: 0.24rem;
+ width: 3.97*3.125rem;
+ font-size: 0.24*3.125rem;
color: #666;
}
.index .news .new-banner .iconfont {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #888;
}
.index .specialArea {
- padding: 0.3rem;
+ padding: 0.3*3.125rem;
}
.index .specialArea .assemble {
- width: 2.6rem;
- height: 2.6rem;
+ width: 2.6*3.125rem;
+ height: 2.6*3.125rem;
position: relative;
}
.index .specialArea .assemble img {
width: 100%;
height: 100%;
- border-radius: 0.05rem;
+ border-radius: 0.05*3.125rem;
}
.index .specialArea .assemble .text {
position: absolute;
- top: 0.37rem;
- left: 0.22rem;
+ top: 0.37*3.125rem;
+ left: 0.22*3.125rem;
}
.index .specialArea .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
}
.index .specialArea .infor {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: rgba(255, 255, 255, 0.8);
- margin-top: 0.05rem;
+ margin-top: 0.05*3.125rem;
}
.index .specialArea .list {
- height: 2.6rem;
- width: 4.16rem;
+ height: 2.6*3.125rem;
+ width: 4.16*3.125rem;
}
.index .specialArea .item {
width: 100%;
- height: 1.24rem;
+ height: 1.24*3.125rem;
position: relative;
}
@@ -1348,14 +1347,14 @@
.index .specialArea .item .text {
position: absolute;
- top: 0.23rem;
- left: 0.28rem;
+ top: 0.23*3.125rem;
+ left: 0.28*3.125rem;
}
.index .wrapper .title {
border-top: 1px solid #eee;
- padding-top: 0.34rem;
- margin: 0 0.3rem;
+ padding-top: 0.34*3.125rem;
+ margin: 0 0.3*3.125rem;
}
.index .wrapper.hot+.wrapper {
@@ -1363,65 +1362,65 @@
}
.index .wrapper .goodList {
- margin-bottom: 0.34rem;
+ margin-bottom: 0.34*3.125rem;
}
.index .wrapper .title .text {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- width: 5.3rem;
+ width: 5.3*3.125rem;
text-align: left;
}
.index .wrapper .title .text .name {
color: #282828;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
- margin-bottom: 0.05rem;
+ margin-bottom: 0.05*3.125rem;
position: relative;
}
.index .wrapper .title .text .name .new {
position: absolute;
- top: 0.02rem;
- left: 1.3rem;
- font-size: 0.16rem;
+ top: 0.02*3.125rem;
+ left: 1.3*3.125rem;
+ font-size: 0.16*3.125rem;
font-weight: bold;
}
.index .wrapper .title .more {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #333;
}
.index .wrapper .title .more .iconfont {
- margin-left: 0.02rem;
- font-size: 0.26rem;
+ margin-left: 0.02*3.125rem;
+ font-size: 0.26*3.125rem;
}
.index .wrapper .scroll-product {
white-space: nowrap;
- margin-top: 0.38rem;
- padding: 0 0.3rem 0.37rem 0.3rem;
+ margin-top: 0.38*3.125rem;
+ padding: 0 0.3*3.125rem 0.37*3.125rem 0.3*3.125rem;
overflow: hidden;
}
.index .wrapper .scroll-product .swiper-slide {
- width: 1.8rem;
+ width: 1.8*3.125rem;
display: inline-block;
- margin-right: 0.19rem;
- border-bottom: 0.04rem solid #47b479;
- box-shadow: 0 0.15rem 0.15rem -0.1rem #eee;
- -moz-box-shadow: 0 0.15rem 0.15rem -0.1rem #eee;
- -o-box-shadow: 0 0.15rem 0.15rem -0.1rem #eee;
+ margin-right: 0.19*3.125rem;
+ border-bottom: 0.04*3.125rem solid #47b479;
+ box-shadow: 0 0.15*3.125rem 0.15*3.125rem -0.1*3.125rem #eee;
+ -moz-box-shadow: 0 0.15*3.125rem 0.15*3.125rem -0.1*3.125rem #eee;
+ -o-box-shadow: 0 0.15*3.125rem 0.15*3.125rem -0.1*3.125rem #eee;
}
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) {
- border-bottom: 0.04rem solid #ff6960;
+ border-bottom: 0.04*3.125rem solid #ff6960;
}
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) {
- border-bottom: 0.04rem solid #579afe;
+ border-bottom: 0.04*3.125rem solid #579afe;
}
.index .wrapper .scroll-product .swiper-slide:nth-last-child(1) {
@@ -1430,167 +1429,167 @@
.index .wrapper .scroll-product .swiper-slide .img-box {
width: 100%;
- height: 1.8rem;
+ height: 1.8*3.125rem;
}
.index .wrapper .scroll-product .swiper-slide .img-box img {
width: 100%;
height: 100%;
- border-radius: 0.06rem 0.06rem 0 0;
+ border-radius: 0.06*3.125rem 0.06*3.125rem 0 0;
}
.index .wrapper .scroll-product .swiper-slide .pro-info {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
text-align: center;
- height: 0.6rem;
- line-height: 0.6rem;
+ height: 0.6*3.125rem;
+ line-height: 0.6*3.125rem;
border: 1px solid #f5f5f5;
border-bottom: 0;
border-top: 0;
- padding: 0 0.1rem;
+ padding: 0 0.1*3.125rem;
}
.index .wrapper .boutique {
- width: 6.9rem;
- height: 2.9rem;
- margin: 0.28rem auto 0 auto;
+ width: 6.9*3.125rem;
+ height: 2.9*3.125rem;
+ margin: 0.28*3.125rem auto 0 auto;
}
.index .wrapper .boutique {
- width: 6.9rem;
- height: 2.9rem;
- margin: 0.28rem auto 0 auto;
+ width: 6.9*3.125rem;
+ height: 2.9*3.125rem;
+ margin: 0.28*3.125rem auto 0 auto;
}
.index .wrapper .boutique img {
width: 100%;
- height: 2.6rem;
+ height: 2.6*3.125rem;
}
.index .wrapper .boutique .swiper-pagination {
- bottom: -0.08rem;
+ bottom: -0.08*3.125rem;
width: 100%;
}
.index .wrapper .boutique .swiper-pagination-bullet {
- width: 0.07rem;
- height: 0.07rem;
+ width: 0.07*3.125rem;
+ height: 0.07*3.125rem;
border-radius: 50%;
background-color: #fc4141;
opacity: 0.3;
}
.index .wrapper .boutique .swiper-pagination-bullet~.swiper-pagination-bullet {
- margin-left: 0.1rem;
+ margin-left: 0.1*3.125rem;
}
.index .wrapper .boutique .swiper-pagination-bullet-active {
- width: 0.2rem;
- height: 0.07rem;
- border-radius: 0.035rem;
+ width: 0.2*3.125rem;
+ height: 0.07*3.125rem;
+ border-radius: 0.035*3.125rem;
opacity: 1
}
.index .hotList .hot-bg {
width: 100%;
- height: 2.15rem;
+ height: 2.15*3.125rem;
background-image: url('https://h5.dayouqiantu.cn/static/images/index-bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- padding: 0 0.3rem;
- font-size: 0.24rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.24*3.125rem;
color: #fff;
- margin-top: 0.15rem;
+ margin-top: 0.15*3.125rem;
}
.index .hotList .hot-bg .title {
- height: 0.87rem;
+ height: 0.87*3.125rem;
}
.index .hotList .hot-bg .title .text {
- width: 5.75rem;
+ width: 5.75*3.125rem;
}
.index .hotList .hot-bg .title .text .label {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
- margin-right: 0.2rem;
+ margin-right: 0.2*3.125rem;
}
.index .hotList .hot-bg .title .more {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #fff;
}
.index .hotList .hot-bg .title .more .iconfont {
- font-size: 0.25rem;
- vertical-align: 0.02rem;
- margin-left: 0.1rem;
+ font-size: 0.25*3.125rem;
+ vertical-align: 0.02*3.125rem;
+ margin-left: 0.1*3.125rem;
}
.index .hotList .list {
- width: 6.9rem;
- height: 3.3rem;
- border-radius: 0.2rem;
+ width: 6.9*3.125rem;
+ height: 3.3*3.125rem;
+ border-radius: 0.2*3.125rem;
background-color: #fff;
- margin: -1.28rem auto 0 auto;
- padding: 0 0.22rem;
- box-shadow: 0 0 0.2rem -0.1rem #aaa;
- -moz-box-shadow: 0 0 0.2rem -0.1rem #aaa;
- -o-box-shadow: 0 0 0.2rem -0.1rem #aaa;
+ margin: -1.28*3.125rem auto 0 auto;
+ padding: 0 0.22*3.125rem;
+ box-shadow: 0 0 0.2*3.125rem -0.1*3.125rem #aaa;
+ -moz-box-shadow: 0 0 0.2*3.125rem -0.1*3.125rem #aaa;
+ -o-box-shadow: 0 0 0.2*3.125rem -0.1*3.125rem #aaa;
}
.index .hotList .list .item {
- width: 2rem;
+ width: 2*3.125rem;
text-align: left;
}
.index .hotList .list .item~.item {
- margin-left: 0.23rem;
+ margin-left: 0.23*3.125rem;
}
.index .hotList .list .item .pictrue {
width: 100%;
- height: 2rem;
+ height: 2*3.125rem;
position: relative;
}
.index .hotList .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
}
.index .hotList .list .item .pictrue .numPic {
- width: 0.5rem;
- height: 0.5rem;
+ width: 0.5*3.125rem;
+ height: 0.5*3.125rem;
border-radius: 50%;
position: absolute;
- top: 0.07rem;
- left: 0.07rem;
+ top: 0.07*3.125rem;
+ left: 0.07*3.125rem;
}
.index .hotList .list .item .name {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- margin-top: 0.12rem;
+ margin-top: 0.12*3.125rem;
}
.index .hotList .list .item .money {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
font-weight: bold;
- margin-top: 0.02rem;
+ margin-top: 0.02*3.125rem;
}
.index .hotList .list .item .money .num {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.index .adver {
width: 100%;
- height: 1.8rem;
- margin-top: 0.37rem;
+ height: 1.8*3.125rem;
+ margin-top: 0.37*3.125rem;
}
.index .adver img {
@@ -1636,22 +1635,22 @@
.index .wrapper.hot .newProducts {
white-space: nowrap;
- padding: 0 0.3rem;
- margin: 0.35rem;
+ padding: 0 0.3*3.125rem;
+ margin: 0.35*3.125rem;
overflow: hidden;
background-color: #fff;
- padding: .3rem;
+ padding: .3*3.125rem;
z-index: 99;
position: relative;
margin-bottom: 0;
- border-radius: .2rem;
- box-shadow: 0 0 .2rem -.1rem #aaa;
+ border-radius: .2*3.125rem;
+ box-shadow: 0 0 .2*3.125rem -.1*3.125rem #aaa;
}
.index .wrapper .newProducts {
white-space: nowrap;
- padding: 0 0.3rem;
- margin: 0.35rem 0 0.42rem 0;
+ padding: 0 0.3*3.125rem;
+ margin: 0.35*3.125rem 0 0.42*3.125rem 0;
overflow: hidden;
}
@@ -1662,8 +1661,8 @@
.index .wrapper .newProducts {}
.index .wrapper.hot .newProducts .newProductsItem {
- width: 2.4rem;
- margin-right: 0.2rem;
+ width: 2.4*3.125rem;
+ margin-right: 0.2*3.125rem;
}
@@ -1673,50 +1672,50 @@
}
.index .wrapper.hot .newProducts .newProductsItem img {
- width: 2.4rem;
- height: 2.4rem;
+ width: 2.4*3.125rem;
+ height: 2.4*3.125rem;
}
.index .wrapper .newProducts .newProductsItem {
border: 1rpx solid #eee;
- width: 100%;
- border-radius: 0.12rem;
+ width: 2.4*3.125rem;
+ border-radius: 0.12*3.125rem;
overflow: hidden;
- margin-right: .2rem;
+ margin-right: .2*3.125rem;
}
.index .wrapper .newProducts:nth-last-child(1) {}
.index .wrapper .newProducts .img-box {
width: 100%;
- height: 2.4rem;
+ height: 2.4*3.125rem;
}
.index .wrapper.hot .newProducts .img-box {
- width: 2.4rem;
+ width: 2.4*3.125rem;
}
.index .wrapper .newProducts .img-box img {
width: 100%;
height: 100%;
- border-radius: 0.12rem 0.12rem 0 0;
+ border-radius: 0.12*3.125rem 0.12*3.125rem 0 0;
}
.index .wrapper.hot .newProducts .img-box img {
- border-radius: 0.12rem;
+ border-radius: 0.12*3.125rem;
}
.index .wrapper .newProducts .pro-info {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #333;
text-align: center;
- padding: 0.15rem 0.1rem 0 0.1rem;
+ padding: 0.15*3.125rem 0.1*3.125rem 0 0.1*3.125rem;
}
.index .wrapper .newProducts .money {
- padding: 0 0.1rem 0.18rem 0.1rem;
+ padding: 0 0.1*3.125rem 0.18*3.125rem 0.1*3.125rem;
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
font-weight: bold;
}
@@ -1731,8 +1730,8 @@
/*商品列表*/
.productList .search {
width: 100%;
- height: 0.86rem;
- padding-left: 0.23rem;
+ height: 0.86*3.125rem;
+ padding-left: 0.23*3.125rem;
position: fixed;
left: 0;
top: 0;
@@ -1740,17 +1739,17 @@
}
.productList .search .input {
- width: 6.4rem;
- height: 0.6rem;
+ width: 6.4*3.125rem;
+ height: 0.6*3.125rem;
background-color: #fff;
- border-radius: 0.5rem;
- padding: 0 0.2rem;
+ border-radius: 0.5*3.125rem;
+ padding: 0 0.2*3.125rem;
}
.productList .search .input input {
- width: 5.48rem;
+ width: 5.48*3.125rem;
height: 100%;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
}
.productList .search .input input::placeholder {
@@ -1758,7 +1757,7 @@
}
.productList .search .input .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #555;
}
@@ -1766,21 +1765,21 @@
.productList .search .icon-tupianpailie {
margin: 0 auto;
color: #fff;
- width: 0.4rem;
- font-size: 0.4rem;
- height: 0.86rem;
- line-height: 0.86rem;
+ width: 0.4*3.125rem;
+ font-size: 0.4*3.125rem;
+ height: 0.86*3.125rem;
+ line-height: 0.86*3.125rem;
}
.productList .nav {
- height: 0.86rem;
+ height: 0.86*3.125rem;
color: #454545;
position: fixed;
left: 0;
width: 100%;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
background-color: #fff;
- top: 0.86rem;
+ top: 0.86*3.125rem;
z-index: 5;
}
@@ -1794,14 +1793,14 @@
}
.productList .nav .item img {
- width: 0.15rem;
- height: 0.19rem;
- margin-left: 0.1rem;
+ width: 0.15*3.125rem;
+ height: 0.19*3.125rem;
+ margin-left: 0.1*3.125rem;
}
.productList .list {
- padding: 0 0.2rem;
- margin-top: 1.72rem;
+ padding: 0 0.2*3.125rem;
+ margin-top: 1.72*3.125rem;
}
.productList .list.on {
@@ -1810,95 +1809,95 @@
}
.productList .list .item {
- width: 3.45rem;
- margin-top: 0.2rem;
+ width: 3.45*3.125rem;
+ margin-top: 0.2*3.125rem;
background-color: #fff;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
}
.productList .list .item.on {
width: 100%;
display: flex;
border-bottom: 1px solid #f6f6f6;
- padding: 0.3rem 0;
+ padding: 0.3*3.125rem 0;
margin: 0;
}
.productList .list .item .pictrue {
width: 100%;
- height: 3.45rem;
+ height: 3.45*3.125rem;
}
.productList .list .item .pictrue.on {
- width: 1.8rem;
- height: 1.8rem;
+ width: 1.8*3.125rem;
+ height: 1.8*3.125rem;
}
.productList .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.1rem 0.1rem 0 0;
+ border-radius: 0.1*3.125rem 0.1*3.125rem 0 0;
}
.productList .list .item .pictrue img.on {
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.productList .list .item .text {
- padding: 0.2rem 0.17rem 0.26rem 0.17rem;
- font-size: 0.3rem;
+ padding: 0.2*3.125rem 0.17*3.125rem 0.26*3.125rem 0.17*3.125rem;
+ font-size: 0.3*3.125rem;
color: #222;
text-align: left;
}
.productList .list .item .text.on {
- width: 5.08rem;
- padding: 0 0 0 0.22rem;
+ width: 5.08*3.125rem;
+ padding: 0 0 0 0.22*3.125rem;
}
.productList .list .item .text .money {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
font-weight: bold;
- margin-top: 0.08rem;
+ margin-top: 0.08*3.125rem;
}
.productList .list .item .text .money.on {
- margin-top: 0.4rem;
+ margin-top: 0.4*3.125rem;
}
.productList .list .item .text .money .num {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
}
.productList .list .item .text .vip {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #aaa;
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
.productList .list .item .text .vip.on {
- margin-top: 0.11rem;
+ margin-top: 0.11*3.125rem;
}
.productList .list .item .text .vip .vip-money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
font-weight: bold;
text-decoration: line-through;
}
.productList .list .item .text .vip .vip-money img {
- width: 0.46rem;
- height: 0.21rem;
- margin-left: 0.04rem;
+ width: 0.46*3.125rem;
+ height: 0.21*3.125rem;
+ margin-left: 0.04*3.125rem;
}
/*购物车*/
.shoppingCart .labelNav {
box-sizing: border-box;
- height: 0.76rem;
- padding: 0 0.3rem;
- font-size: 0.22rem;
+ height: 0.76*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.22*3.125rem;
color: #8c8c8c;
position: fixed;
left: 0;
@@ -1909,43 +1908,43 @@
}
.shoppingCart .labelNav .item .iconfont {
- font-size: 0.25rem;
- margin-right: 0.1rem;
+ font-size: 0.25*3.125rem;
+ margin-right: 0.1*3.125rem;
}
.shoppingCart .nav {
box-sizing: border-box;
width: 100%;
- height: 0.8rem;
+ height: 0.8*3.125rem;
background-color: #fff;
- padding: 0 0.3rem;
- font-size: 0.28rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
position: fixed;
left: 0;
z-index: 5;
- top: 0.76rem;
+ top: 0.76*3.125rem;
border-bottom: 1px solid #f5f5f5;
}
.shoppingCart .nav .administrate {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- width: 1.1rem;
- height: 0.46rem;
- border-radius: 0.06rem;
+ width: 1.1*3.125rem;
+ height: 0.46*3.125rem;
+ border-radius: 0.06*3.125rem;
border: 1px solid #868686;
}
.shoppingCart .noCart {
- margin-top: 1.71rem;
+ margin-top: 1.71*3.125rem;
background-color: #fff;
- padding: 0.78rem 0 0.56rem 0;
+ padding: 0.78*3.125rem 0 0.56*3.125rem 0;
}
.shoppingCart .noCart .pictrue {
- width: 4.14rem;
- height: 3.36rem;
+ width: 4.14*3.125rem;
+ height: 3.36*3.125rem;
margin: 0 auto;
}
@@ -1955,71 +1954,71 @@
}
.shoppingCart .list {
- margin-top: 1.71rem;
+ margin-top: 1.71*3.125rem;
}
.shoppingCart .list .item {
- padding: 0.25rem 0.3rem;
+ padding: 0.25*3.125rem 0.3*3.125rem;
background-color: #fff;
- margin-bottom: 0.15rem;
+ margin-bottom: 0.15*3.125rem;
}
.shoppingCart .list .item .picTxt {
- width: 6.27rem;
+ width: 6.27*3.125rem;
position: relative;
}
.shoppingCart .list .item .picTxt .pictrue {
- width: 1.6rem;
- height: 1.6rem;
+ width: 1.6*3.125rem;
+ height: 1.6*3.125rem;
}
.shoppingCart .list .item .picTxt .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.shoppingCart .list .item .picTxt .text {
- width: 4.44rem;
- font-size: 0.28rem;
+ width: 4.44*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
text-align: left;
}
.shoppingCart .list .item .picTxt .text .infor {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #868686;
- margin-top: 0.16rem;
+ margin-top: 0.16*3.125rem;
}
.shoppingCart .list .item .picTxt .text .money {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #282828;
- margin-top: 0.26rem;
+ margin-top: 0.26*3.125rem;
}
.shoppingCart .list .item .picTxt .carnum {
- height: 0.44rem;
+ height: 0.44*3.125rem;
position: absolute;
- bottom: 0.07rem;
+ bottom: 0.07*3.125rem;
right: 0;
}
.shoppingCart .list .item .picTxt .carnum div {
border: 1px solid #a4a4a4;
- width: 0.66rem;
+ width: 0.66*3.125rem;
text-align: center;
height: 100%;
- line-height: 0.44rem;
- font-size: 0.28rem;
+ line-height: 0.44*3.125rem;
+ font-size: 0.28*3.125rem;
color: #a4a4a4;
}
.shoppingCart .list .item .picTxt .carnum .reduce {
border-right: 0;
- border-radius: 0.03rem 0 0 0.03rem;
- line-height: 0.39rem;
+ border-radius: 0.03*3.125rem 0 0 0.03*3.125rem;
+ line-height: 0.39*3.125rem;
}
.shoppingCart .list .item .picTxt .carnum .reduce.on {
@@ -2029,8 +2028,8 @@
.shoppingCart .list .item .picTxt .carnum .plus {
border-left: 0;
- border-radius: 0 0.03rem 0.03rem 0;
- line-height: 0.38rem;
+ border-radius: 0 0.03*3.125rem 0.03*3.125rem 0;
+ line-height: 0.38*3.125rem;
}
.shoppingCart .list .item .picTxt .carnum .num {
@@ -2044,128 +2043,128 @@
.shoppingCart .invalidGoods .goodsNav {
box-sizing: border-box;
width: 100%;
- height: 0.66rem;
- padding: 0 0.3rem;
- font-size: 0.28rem;
+ height: 0.66*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.shoppingCart .invalidGoods .goodsNav .iconfont {
color: #424242;
- font-size: 0.28rem;
- margin-right: 0.17rem;
+ font-size: 0.28*3.125rem;
+ margin-right: 0.17*3.125rem;
}
.shoppingCart .invalidGoods .goodsNav .del {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
.shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 {
color: #999;
- font-size: 0.33rem;
- vertical-align: -0.02rem;
- margin-right: 0.08rem;
+ font-size: 0.33*3.125rem;
+ vertical-align: -0.02*3.125rem;
+ margin-right: 0.08*3.125rem;
}
.shoppingCart .invalidGoods .goodsList .item {
- padding: 0.2rem 0.3rem;
+ padding: 0.2*3.125rem 0.3*3.125rem;
border-top: 1px solid #f5f5f5;
}
.shoppingCart .invalidGoods .goodsList .item .invalid {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #fff;
- width: 0.7rem;
- height: 0.36rem;
+ width: 0.7*3.125rem;
+ height: 0.36*3.125rem;
background-color: #aaa;
- border-radius: 0.03rem;
+ border-radius: 0.03*3.125rem;
}
.shoppingCart .invalidGoods .goodsList .item .pictrue {
- width: 1.4rem;
- height: 1.4rem;
+ width: 1.4*3.125rem;
+ height: 1.4*3.125rem;
}
.shoppingCart .invalidGoods .goodsList .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.shoppingCart .invalidGoods .goodsList .item .text {
- width: 4.33rem;
- font-size: 0.28rem;
+ width: 4.33*3.125rem;
+ font-size: 0.28*3.125rem;
color: #999;
- height: 1.4rem;
+ height: 1.4*3.125rem;
text-align: left;
}
.shoppingCart .invalidGoods .goodsList .item .text .infor {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.shoppingCart .invalidGoods .goodsList .item .text .end {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #bbb;
}
.shoppingCart .footer {
box-sizing: border-box;
width: 100%;
- height: 0.96rem;
+ height: 0.96*3.125rem;
background-color: #fafafa;
position: fixed;
- bottom: 1rem;
- padding: 0 0.3rem;
+ bottom: 0;
+ padding: 0 0.3*3.125rem;
border-top: 1px solid #eee;
}
.shoppingCart .iphonex-footer {
bottom: 168rpx;
-
+
}
.shoppingCart .footer .checkAll {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-left: 0.6rem;
+ margin-left: 0.6*3.125rem;
}
.shoppingCart .footer .money {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
}
.shoppingCart .footer .placeOrder {
color: #fff;
- font-size: 0.3rem;
- width: 2.26rem;
- height: 0.7rem;
- border-radius: 0.5rem;
+ font-size: 0.3*3.125rem;
+ width: 2.26*3.125rem;
+ height: 0.7*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.7rem;
- margin-left: 0.22rem;
+ line-height: 0.7*3.125rem;
+ margin-left: 0.22*3.125rem;
}
.shoppingCart .footer .button .bnt {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #999;
- border-radius: 0.5rem;
+ border-radius: 0.5*3.125rem;
border: 1px solid #999;
- width: 1.6rem;
- height: 0.6rem;
+ width: 1.6*3.125rem;
+ height: 0.6*3.125rem;
text-align: center;
- line-height: 0.6rem;
+ line-height: 0.6*3.125rem;
}
.shoppingCart .footer .button .bnt~.bnt {
- margin-left: 0.17rem;
+ margin-left: 0.17*3.125rem;
}
/*个人中心*/
.user .header {
- padding: 0 0.3rem;
- height: 1.9rem;
+ padding: 0 0.3*3.125rem;
+ height: 1.9*3.125rem;
position: relative;
}
@@ -2173,81 +2172,81 @@
position: absolute;
left: 0;
right: 0;
- bottom: -0.98rem;
+ bottom: -0.98*3.125rem;
z-index: -1;
content: '';
- height: 1rem;
+ height: 1*3.125rem;
width: 100%;
border-radius: 0 0 50% 50%;
background-color: #73CBB6;
}
.user .header .picTxt .pictrue {
- width: 1.2rem;
- height: 1.2rem;
+ width: 1.2*3.125rem;
+ height: 1.2*3.125rem;
}
.user .header .picTxt .pictrue img {
width: 100%;
height: 100%;
border-radius: 50%;
- border: 0.03rem solid #f5f5f5;
+ border: 0.03*3.125rem solid #f5f5f5;
}
.user .header .picTxt .text {
- width: 4.34rem;
+ width: 4.34*3.125rem;
color: rgba(255, 255, 255, 1);
- margin-left: 0.35rem;
+ margin-left: 0.35*3.125rem;
text-align: left;
}
.user .header .picTxt .text .name {
- font-size: 0.32rem;
- max-width: 2.6rem;
+ font-size: 0.32*3.125rem;
+ max-width: 2.6*3.125rem;
width: unset;
}
.user .header .picTxt .text .member {
- padding: 0 0.1rem;
- height: 0.36rem;
+ padding: 0 0.1*3.125rem;
+ height: 0.36*3.125rem;
background-color: rgba(0, 0, 0, 0.2);
- font-size: 0.2rem;
- border-radius: 0.3rem;
- margin-left: 0.17rem;
+ font-size: 0.2*3.125rem;
+ border-radius: 0.3*3.125rem;
+ margin-left: 0.17*3.125rem;
}
.user .header .picTxt .text .member img {
- width: 0.28rem;
- height: 0.28rem;
- font-size: 0.2rem;
- margin-right: 0.08rem;
+ width: 0.28*3.125rem;
+ height: 0.28*3.125rem;
+ font-size: 0.2*3.125rem;
+ margin-right: 0.08*3.125rem;
}
.user .header .picTxt .text .id {
color: rgba(255, 255, 255, 0.6);
- font-size: 0.26rem;
- margin-top: 0.15rem;
+ font-size: 0.26*3.125rem;
+ margin-top: 0.15*3.125rem;
}
.user .header .picTxt .text .id .iconfont {
- font-size: 0.3rem;
- margin-left: 0.12rem;
+ font-size: 0.3*3.125rem;
+ margin-left: 0.12*3.125rem;
}
.user .header .icon-shezhi {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
color: #fff;
- margin-top: -0.52rem;
+ margin-top: -0.52*3.125rem;
}
.user .wrapper {
- padding: 0 0.2rem;
+ padding: 0 0.2*3.125rem;
}
.user .wrapper .nav {
background-color: #fff;
- border-radius: 0.06rem;
- height: 1.4rem;
+ border-radius: 0.06*3.125rem;
+ height: 1.4*3.125rem;
}
.user .wrapper .nav .item {
@@ -2255,7 +2254,7 @@
-o-flex: 1;
-ms-flex: 1;
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #aaa;
position: relative;
}
@@ -2265,49 +2264,49 @@
content: '';
left: 0;
width: 1px;
- height: 0.7rem;
+ height: 0.7*3.125rem;
background-color: #eee;
top: 50%;
- margin-top: -0.35rem;
+ margin-top: -0.35*3.125rem;
}
.user .wrapper .nav .item .num {
- margin-top: 0.1rem;
- font-size: 0.36rem;
+ margin-top: 0.1*3.125rem;
+ font-size: 0.36*3.125rem;
color: #282828;
}
.user .wrapper .myOrder {
background-color: #fff;
- border-radius: 0.1rem;
- margin-top: 0.15rem;
+ border-radius: 0.1*3.125rem;
+ margin-top: 0.15*3.125rem;
}
.user .wrapper .myOrder .title,
.user .wrapper .myService .title {
- height: 0.88rem;
- padding: 0 0.3rem;
+ height: 0.88*3.125rem;
+ padding: 0 0.3*3.125rem;
border-bottom: 1px dashed #eee;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.user .wrapper .myOrder .title .allOrder {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #666;
}
.user .wrapper .myOrder .title .allOrder .iconfont {
- font-size: 0.25rem;
- margin-left: 0.07rem;
+ font-size: 0.25*3.125rem;
+ margin-left: 0.07*3.125rem;
}
.user .wrapper .myOrder .orderState {
- height: 1.6rem;
+ height: 1.6*3.125rem;
}
.user .wrapper .myOrder .orderState .item {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #454545;
flex: 1;
-o-flex: 1;
@@ -2316,9 +2315,9 @@
}
.user .wrapper .myOrder .orderState .item .pictrue {
- width: 0.49rem;
- height: 0.42rem;
- margin: 0 auto 0.18rem auto;
+ width: 0.49*3.125rem;
+ height: 0.42*3.125rem;
+ margin: 0 auto 0.18*3.125rem auto;
}
.user .wrapper .myOrder .orderState .item .pictrue img {
@@ -2328,26 +2327,26 @@
.user .wrapper .myService {
background-color: #fff;
- margin-top: 0.15rem;
- border-radius: 0.1rem;
+ margin-top: 0.15*3.125rem;
+ border-radius: 0.1*3.125rem;
}
.user .wrapper .myService .serviceList {
- padding: 0.08rem 0 0.27rem 0;
+ padding: 0.08*3.125rem 0 0.27*3.125rem 0;
}
.user .wrapper .myService .serviceList .item {
width: 25%;
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #333;
- margin-top: 0.3rem;
+ margin-top: 0.3*3.125rem;
}
.user .wrapper .myService .serviceList .item .pictrue {
- width: 0.52rem;
- height: 0.52rem;
- margin: 0 auto 0.16rem auto;
+ width: 0.52*3.125rem;
+ height: 0.52*3.125rem;
+ margin: 0 auto 0.16*3.125rem auto;
}
.user .wrapper .myService .serviceList .item .pictrue img {
@@ -2356,9 +2355,9 @@
}
.user .support {
- width: 2.19rem;
- height: 0.74rem;
- margin: 0.54rem auto;
+ width: 2.19*3.125rem;
+ height: 0.74*3.125rem;
+ margin: 0.54*3.125rem auto;
display: block;
}
@@ -2368,169 +2367,169 @@
}
.product-con .wrapper .share {
- margin: 0 0.3rem;
- padding-top: 0.25rem;
+ margin: 0 0.3*3.125rem;
+ padding-top: 0.25*3.125rem;
}
.product-con .wrapper .share .money {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
}
.product-con .wrapper .share .money .num {
- font-size: 0.48rem;
+ font-size: 0.48*3.125rem;
}
.product-con .wrapper .share .money .vip-money {
color: #282828;
- margin-left: 0.13rem;
+ margin-left: 0.13*3.125rem;
}
.product-con .wrapper .share .money .image {
- width: 0.46rem;
- height: 0.21rem;
- margin-left: 0.07rem;
+ width: 0.46*3.125rem;
+ height: 0.21*3.125rem;
+ margin-left: 0.07*3.125rem;
}
.product-con .wrapper .share .money .vip-money {
color: #282828;
- margin-left: 0.13rem;
+ margin-left: 0.13*3.125rem;
}
.product-con .wrapper .share .iconfont {
color: #515151;
- font-size: 0.4rem;
- margin-bottom: 0.1rem;
+ font-size: 0.4*3.125rem;
+ margin-bottom: 0.1*3.125rem;
}
.product-con .wrapper .introduce {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
- margin: 0.1rem 0.3rem 0 0.3rem;
+ margin: 0.1*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
}
.product-con .wrapper .label {
- margin: 0.22rem 0.3rem 0 0.3rem;
- font-size: 0.24rem;
+ margin: 0.22*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
+ font-size: 0.24*3.125rem;
color: #82848f;
- padding-bottom: 0.25rem;
+ padding-bottom: 0.25*3.125rem;
}
.product-con .wrapper .coupon {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
border-top: 1px solid #f5f5f5;
- height: 0.8rem;
- font-size: 0.26rem;
+ height: 0.8*3.125rem;
+ font-size: 0.26*3.125rem;
color: #82848f;
}
.product-con .wrapper .coupon .hide {
- width: 5.4rem;
- height: 0.8rem;
- line-height: 0.8rem;
+ width: 5.4*3.125rem;
+ height: 0.8*3.125rem;
+ line-height: 0.8*3.125rem;
}
.product-con .wrapper .coupon .activity {
- height: 0.4rem;
- padding: 0 0.2rem;
+ height: 0.4*3.125rem;
+ padding: 0 0.2*3.125rem;
border: 1px solid #f2857b;
color: #e93323;
- font-size: 0.24rem;
- line-height: 0.4rem;
+ font-size: 0.24*3.125rem;
+ line-height: 0.4*3.125rem;
position: relative;
- margin: 0.19rem 0 0.19rem 0.15rem;
+ margin: 0.19*3.125rem 0 0.19*3.125rem 0.15*3.125rem;
}
.product-con .wrapper .coupon .activity:before {
content: ' ';
position: absolute;
- width: 0.07rem;
- height: 0.1rem;
- border-radius: 0 0.07rem 0.07rem 0;
+ width: 0.07*3.125rem;
+ height: 0.1*3.125rem;
+ border-radius: 0 0.07*3.125rem 0.07*3.125rem 0;
border: 1px solid #f2857b;
background-color: #fff;
bottom: 50%;
- left: -0.02rem;
- margin-bottom: -0.07rem;
+ left: -0.02*3.125rem;
+ margin-bottom: -0.07*3.125rem;
border-left-color: #fff;
}
.product-con .wrapper .coupon .activity:after {
content: ' ';
position: absolute;
- width: 0.07rem;
- height: 0.1rem;
- border-radius: 0.07rem 0 0 0.07rem;
+ width: 0.07*3.125rem;
+ height: 0.1*3.125rem;
+ border-radius: 0.07*3.125rem 0 0 0.07*3.125rem;
border: 1px solid #f2857b;
background-color: #fff;
- right: -0.02rem;
+ right: -0.02*3.125rem;
bottom: 50%;
- margin-bottom: -0.05rem;
+ margin-bottom: -0.05*3.125rem;
border-right-color: #fff;
}
.product-con .wrapper .coupon .iconfont {
color: #7a7a7a;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.product-con .attribute {
background-color: #fff;
- padding: 0 0.3rem;
- font-size: 0.26rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.26*3.125rem;
color: #82848f;
- margin-top: 0.2rem;
- height: 0.8rem;
+ margin-top: 0.2*3.125rem;
+ height: 0.8*3.125rem;
}
.product-con .attribute .atterTxt {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.product-con .attribute .iconfont {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #7a7a7a;
}
.product-con .userEvaluation {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
background-color: #fff;
}
.product-con .userEvaluation .title {
- height: 0.86rem;
+ height: 0.86*3.125rem;
border-bottom: 1px solid #eee;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-left: 0.3rem;
- padding-right: 0.3rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
}
.product-con .userEvaluation .title .praise {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #808080;
}
.product-con .userEvaluation .title .praise .iconfont {
color: #7a7a7a;
- font-size: 0.28rem;
- vertical-align: 0.01rem;
- margin-left: 0.08rem;
+ font-size: 0.28*3.125rem;
+ vertical-align: 0.01*3.125rem;
+ margin-left: 0.08*3.125rem;
}
.product-con .product-intro {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.product-con .product-intro .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- height: 0.86rem;
+ height: 0.86*3.125rem;
width: 100%;
background-color: #fff;
text-align: center;
- line-height: 0.86rem;
+ line-height: 0.86*3.125rem;
}
.product-con .product-intro .conter {
@@ -2545,27 +2544,27 @@
/*产品详情*/
.product-con .footer {
box-sizing: border-box;
- padding: 0 0.2rem 0 0.3rem;
+ padding: 0 0.2*3.125rem 0 0.3*3.125rem;
position: fixed;
bottom: 0;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
background-color: #fff;
z-index: 99;
border-top: 1px solid #f0f0f0;
}
.product-con .footer .item {
- font-size: 0.18rem;
+ font-size: 0.18*3.125rem;
color: #666;
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
.product-con .footer .item .iconfont {
text-align: center;
- font-size: 0.4rem;
- height: 0.4rem;
- line-height: 0.4rem;
+ font-size: 0.4*3.125rem;
+ height: 0.4*3.125rem;
+ line-height: 0.4*3.125rem;
}
.product-con .footer .item .iconfont.icon-gouwuche1 {
@@ -2575,37 +2574,37 @@
.product-con .footer .item .iconfont.icon-gouwuche1 .num {
color: #fff;
position: absolute;
- font-size: 0.18rem;
- border-radius: 2rem;
- top: -0.1rem;
+ font-size: 0.18*3.125rem;
+ border-radius: 2*3.125rem;
+ top: -0.1*3.125rem;
right: 0;
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.08rem;
- min-width: 0.3rem;
+ height: 0.3*3.125rem;
+ line-height: 0.3*3.125rem;
+ padding: 0 0.08*3.125rem;
+ min-width: 0.3*3.125rem;
}
.product-con .footer .bnt {
- width: 4.44rem;
- height: 0.76rem;
+ width: 4.44*3.125rem;
+ height: 0.76*3.125rem;
color: #fff;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.product-con .footer .bnt>div {
- width: 2.22rem;
+ width: 2.22*3.125rem;
text-align: center;
- line-height: 0.76rem;
+ line-height: 0.76*3.125rem;
}
.product-con .footer .bnt .joinCart {
- border-radius: 0.5rem 0 0 0.5rem;
+ border-radius: 0.5*3.125rem 0 0 0.5*3.125rem;
background-image: linear-gradient(to right, #fea10f 0%, #fea10f 100%);
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
}
.product-con .footer .bnt .buy {
- border-radius: 0 0.5rem 0.5rem 0;
+ border-radius: 0 0.5*3.125rem 0.5*3.125rem 0;
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
}
@@ -2613,7 +2612,7 @@
/*订单提交*/
.order-submission .line {
width: 100%;
- height: 0.03rem;
+ height: 0.03*3.125rem;
}
.order-submission .line img {
@@ -2623,62 +2622,62 @@
}
.order-submission .address {
- padding: 0.28rem 0.3rem;
+ padding: 0.28*3.125rem 0.3*3.125rem;
background-color: #fff;
}
.order-submission .address .addressCon {
- width: 6.1rem;
- font-size: 0.26rem;
+ width: 6.1*3.125rem;
+ font-size: 0.26*3.125rem;
color: #666;
}
.order-submission .address .addressCon .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
font-weight: bold;
- margin-bottom: 0.1rem;
+ margin-bottom: 0.1*3.125rem;
}
.order-submission .address .addressCon .name .phone {
- margin-left: 0.5rem;
+ margin-left: 0.5*3.125rem;
}
.order-submission .address .addressCon .default {
- margin-right: 0.12rem;
+ margin-right: 0.12*3.125rem;
}
.order-submission .address .addressCon .setaddress {
color: #333;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.order-submission .address .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #707070;
}
.order-submission .wrapper {
background-color: #fff;
- margin-top: 0.13rem;
+ margin-top: 0.13*3.125rem;
}
.order-submission .wrapper .item {
- padding: 0.27rem 0.3rem;
- font-size: 0.3rem;
+ padding: 0.27*3.125rem 0.3*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
border-bottom: 1px solid #f0f0f0;
}
.order-submission .wrapper .item .discount {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999;
- width: 5rem;
+ width: 5*3.125rem;
text-align: right;
}
.order-submission .wrapper .item .discount .integral {
- margin-right: 0.4rem;
+ margin-right: 0.4*3.125rem;
}
.order-submission .wrapper .item .discount .checkbox-wrapper .icon {
@@ -2688,23 +2687,23 @@
.order-submission .wrapper .item .discount .iconfont {
color: #515151;
- font-size: 0.3rem;
- margin-left: 0.15rem;
+ font-size: 0.3*3.125rem;
+ margin-left: 0.15*3.125rem;
}
.order-submission .wrapper .item .discount .num {
- font-size: 0.32rem;
- margin-right: 0.2rem;
+ font-size: 0.32*3.125rem;
+ margin-right: 0.2*3.125rem;
}
.order-submission .wrapper .item textarea {
box-sizing: border-box;
background-color: #f9f9f9;
width: 100%;
- height: 1.4rem;
- border-radius: 0.03rem;
- margin-top: 0.3rem;
- padding: 0.25rem 0.28rem;
+ height: 1.4*3.125rem;
+ border-radius: 0.03*3.125rem;
+ margin-top: 0.3*3.125rem;
+ padding: 0.25*3.125rem 0.28*3.125rem;
}
.order-submission .wrapper .item textarea::placeholder {
@@ -2712,16 +2711,16 @@
}
.order-submission .wrapper .item .list {
- margin-top: 0.35rem;
+ margin-top: 0.35*3.125rem;
}
.order-submission .wrapper .item .list .payItem {
border: 1px solid #eee;
- border-radius: 0.06rem;
- height: 0.86rem;
+ border-radius: 0.06*3.125rem;
+ height: 0.86*3.125rem;
width: 100%;
- margin-top: 0.2rem;
- font-size: 0.28rem;
+ margin-top: 0.2*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
@@ -2737,15 +2736,15 @@
}
.order-submission .wrapper .item .list .payItem .name .iconfont {
- width: 0.44rem;
- height: 0.44rem;
+ width: 0.44*3.125rem;
+ height: 0.44*3.125rem;
border-radius: 50%;
text-align: center;
- line-height: 0.44rem;
+ line-height: 0.44*3.125rem;
background-color: #fe960f;
color: #fff;
- font-size: 0.3rem;
- margin-right: 0.15rem;
+ font-size: 0.3*3.125rem;
+ margin-right: 0.15*3.125rem;
}
.order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 {
@@ -2759,23 +2758,23 @@
.order-submission .wrapper .item .list .payItem .tip {
width: 49%;
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #aaa;
}
.order-submission .moneyList {
- margin-top: 0.12rem;
+ margin-top: 0.12*3.125rem;
background-color: #fff;
- padding: 0.3rem;
+ padding: 0.3*3.125rem;
}
.order-submission .moneyList .item {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.order-submission .moneyList .item~.item {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.order-submission .moneyList .item .money {
@@ -2785,10 +2784,10 @@
.order-submission .footer {
box-sizing: border-box;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
background-color: #fff;
- padding: 0 0.3rem;
- font-size: 0.28rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.28*3.125rem;
color: #333;
position: fixed;
bottom: 0;
@@ -2796,20 +2795,20 @@
}
.order-submission .footer .settlement {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
- width: 2.4rem;
- height: 0.7rem;
+ width: 2.4*3.125rem;
+ height: 0.7*3.125rem;
background-color: #e93323;
- border-radius: 0.5rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.7rem;
+ line-height: 0.7*3.125rem;
}
/*地址管理*/
.address-management .line {
width: 100%;
- height: 0.03rem;
+ height: 0.03*3.125rem;
}
.address-management .line img {
@@ -2820,47 +2819,47 @@
.address-management .item {
background-color: #fff;
- padding: 0 0.3rem;
- margin-bottom: 0.12rem;
+ padding: 0 0.3*3.125rem;
+ margin-bottom: 0.12*3.125rem;
}
.address-management .item .address {
- padding: 0.3rem 0;
+ padding: 0.3*3.125rem 0;
border-bottom: 1px solid #eee;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.address-management .item .address .consignee {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
- margin-bottom: 0.08rem;
+ margin-bottom: 0.08*3.125rem;
}
.address-management .item .address .consignee .phone {
- margin-left: 0.25rem;
+ margin-left: 0.25*3.125rem;
}
.address-management .item .operation {
- height: 0.83rem;
- font-size: 0.28rem;
+ height: 0.83*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.address-management .item .operation .default {
- margin-left: 0.1rem;
+ margin-left: 0.1*3.125rem;
}
.address-management .item .operation .iconfont {
color: #2c2c2c;
- font-size: 0.3rem;
- vertical-align: -0.02rem;
- margin-right: 0.1rem;
+ font-size: 0.3*3.125rem;
+ vertical-align: -0.02*3.125rem;
+ margin-right: 0.1*3.125rem;
}
.address-management .item .operation .iconfont.icon-shanchu {
- margin-left: 0.4rem;
- font-size: 0.33rem;
+ margin-left: 0.4*3.125rem;
+ font-size: 0.33*3.125rem;
}
.address-management .footer {
@@ -2869,29 +2868,29 @@
width: 100%;
background-color: #fff;
bottom: 0;
- height: 1.06rem;
- padding: 0 0.3rem;
+ height: 1.06*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.address-management .footer .addressBnt {
- width: 3.3rem;
- height: 0.76rem;
- border-radius: 0.5rem;
+ width: 3.3*3.125rem;
+ height: 0.76*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.76rem;
- font-size: 0.3rem;
+ line-height: 0.76*3.125rem;
+ font-size: 0.3*3.125rem;
color: #fff;
}
.address-management .footer .addressBnt.on {
- width: 6.9rem;
+ width: 6.9*3.125rem;
margin: 0 auto;
}
.address-management .footer .addressBnt .iconfont {
- font-size: 0.35rem;
- margin-right: 0.08rem;
- vertical-align: -0.01rem;
+ font-size: 0.35*3.125rem;
+ margin-right: 0.08*3.125rem;
+ vertical-align: -0.01*3.125rem;
}
.address-management .footer .addressBnt.wxbnt {
@@ -2904,20 +2903,20 @@
}
.addAddress .list .item {
- padding: 0 0.3rem;
- min-height: 0.9rem;
- border-top: 0.01rem solid #eee;
- font-size: 0.3rem;
+ padding: 0 0.3*3.125rem;
+ min-height: 0.9*3.125rem;
+ border-top: 0.01*3.125rem solid #eee;
+ font-size: 0.3*3.125rem;
}
.addAddress .list .item .name {
- width: 1.95rem;
+ width: 1.95*3.125rem;
color: #333;
}
.addAddress .list .item input {
- width: 4.75rem;
- font-size: 0.3rem;
+ width: 4.75*3.125rem;
+ font-size: 0.3*3.125rem;
}
.addAddress .list .item input::placeholder {
@@ -2925,80 +2924,80 @@
}
.addAddress .list .item .picker {
- width: 4.75rem;
+ width: 4.75*3.125rem;
}
.addAddress .list .item .address {
- width: 4.1rem;
+ width: 4.1*3.125rem;
}
.addAddress .list .item .picker .iconfont {
- font-size: 0.43rem;
+ font-size: 0.43*3.125rem;
}
.addAddress .default {
- padding: 0 0.3rem;
- height: 0.9rem;
+ padding: 0 0.3*3.125rem;
+ height: 0.9*3.125rem;
background-color: #fff;
- margin-top: 0.23rem;
+ margin-top: 0.23*3.125rem;
}
.addAddress .default .def {
- margin-left: 0.1rem;
- height: 0.83rem;
- font-size: 0.28rem;
+ margin-left: 0.1*3.125rem;
+ height: 0.83*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.addAddress .keepBnt {
- width: 6.9rem;
- height: 0.86rem;
- border-radius: 0.5rem;
+ width: 6.9*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin: 0.5rem auto 0.3rem auto;
- font-size: 0.32rem;
+ line-height: 0.86*3.125rem;
+ margin: 0.5*3.125rem auto 0.3*3.125rem auto;
+ font-size: 0.32*3.125rem;
color: #fff;
}
.addAddress .wechatAddress {
- width: 6.9rem;
- height: 0.86rem;
- border-radius: 0.5rem;
+ width: 6.9*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.86rem;
+ line-height: 0.86*3.125rem;
margin: 0 auto;
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #73CBB6;
border: 1px solid #73CBB6;
}
/*我的订单*/
.my-order .header {
- height: 2.6rem;
- padding: 0 0.3rem;
+ height: 2.6*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.my-order .header .picTxt {
- height: 1.9rem;
+ height: 1.9*3.125rem;
}
.my-order .header .picTxt .text {
color: rgba(255, 255, 255, 0.8);
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
font-family: 'GuildfordProBook 5';
}
.my-order .header .picTxt .text .name {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
font-weight: bold;
color: #fff;
- margin-bottom: 0.2rem;
+ margin-bottom: 0.2*3.125rem;
}
.my-order .header .picTxt .pictrue {
- width: 1.22rem;
- height: 1.09rem;
+ width: 1.22*3.125rem;
+ height: 1.09*3.125rem;
}
.my-order .header .picTxt .pictrue img {
@@ -3008,79 +3007,79 @@
.my-order .nav {
background-color: #fff;
- width: 6.9rem;
- height: 1.4rem;
- border-radius: 0.06rem;
- margin: -0.73rem auto 0 auto;
+ width: 6.9*3.125rem;
+ height: 1.4*3.125rem;
+ border-radius: 0.06*3.125rem;
+ margin: -0.73*3.125rem auto 0 auto;
}
.my-order .nav .item {
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- padding: 0.29rem 0 0.2rem 0;
+ padding: 0.29*3.125rem 0 0.2*3.125rem 0;
}
.my-order .nav .item.on {
font-weight: bold;
- border-bottom: 0.05rem solid #73CBB6;
+ border-bottom: 0.05*3.125rem solid #73CBB6;
}
.my-order .nav .item .num {
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.my-order .list {
- width: 6.9rem;
- margin: 0.14rem auto 0 auto;
+ width: 6.9*3.125rem;
+ margin: 0.14*3.125rem auto 0 auto;
}
.my-order .list .item {
background-color: #fff;
- border-radius: 0.06rem;
- margin-bottom: 0.14rem;
+ border-radius: 0.06*3.125rem;
+ margin-bottom: 0.14*3.125rem;
}
.my-order .list .item .title {
- height: 0.84rem;
- padding: 0 0.3rem;
- border-bottom: 0.01rem solid #eee;
- font-size: 0.28rem;
+ height: 0.84*3.125rem;
+ padding: 0 0.3*3.125rem;
+ border-bottom: 0.01*3.125rem solid #eee;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.my-order .list .item .title .sign {
- font-size: 0.24rem;
- padding: 0 0.07rem;
- height: 0.36rem;
- margin-right: 0.15rem;
+ font-size: 0.24*3.125rem;
+ padding: 0 0.07*3.125rem;
+ height: 0.36*3.125rem;
+ margin-right: 0.15*3.125rem;
}
.my-order .list .item .item-info {
- padding: 0 0.3rem;
- margin-top: 0.22rem;
+ padding: 0 0.3*3.125rem;
+ margin-top: 0.22*3.125rem;
}
.my-order .list .item .item-info .pictrue {
- width: 1.2rem;
- height: 1.2rem;
+ width: 1.2*3.125rem;
+ height: 1.2*3.125rem;
}
.my-order .list .item .item-info .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.my-order .list .item .item-info .text {
- width: 4.86rem;
- font-size: 0.28rem;
+ width: 4.86*3.125rem;
+ font-size: 0.28*3.125rem;
color: #999;
- margin-top: 0.06rem;
+ margin-top: 0.06*3.125rem;
}
.my-order .list .item .item-info .text .name {
- width: 3.06rem;
+ width: 3.06*3.125rem;
color: #282828;
}
@@ -3089,32 +3088,32 @@
}
.my-order .list .item .totalPrice {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
text-align: right;
- margin: 0.27rem 0 0 0.3rem;
- padding: 0 0.3rem 0.3rem 0;
- border-bottom: 0.01rem solid #eee;
+ margin: 0.27*3.125rem 0 0 0.3*3.125rem;
+ padding: 0 0.3*3.125rem 0.3*3.125rem 0;
+ border-bottom: 0.01*3.125rem solid #eee;
}
.my-order .list .item .totalPrice .money {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
}
.my-order .list .item .bottom {
- height: 1.07rem;
- padding: 0 0.3rem;
+ height: 1.07*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.my-order .list .item .bottom .bnt {
- width: 1.76rem;
- height: 0.6rem;
+ width: 1.76*3.125rem;
+ height: 0.6*3.125rem;
text-align: center;
- line-height: 0.6rem;
+ line-height: 0.6*3.125rem;
color: #fff;
- border-radius: 0.5rem;
- font-size: 0.27rem;
+ border-radius: 0.5*3.125rem;
+ font-size: 0.27*3.125rem;
}
.my-order .list .item .bottom .bnt.cancelBnt {
@@ -3128,13 +3127,13 @@
}
.my-order .list .item .bottom .bnt~.bnt {
- margin-left: 0.17rem;
+ margin-left: 0.17*3.125rem;
}
/*订单详情*/
.order-details .header {
- padding: 0 0.3rem;
- height: 1.5rem;
+ padding: 0 0.3*3.125rem;
+ height: 1.5*3.125rem;
}
.order-details .header.on {
@@ -3142,8 +3141,8 @@
}
.order-details .header .pictrue {
- width: 1.1rem;
- height: 1.1rem;
+ width: 1.1*3.125rem;
+ height: 1.1*3.125rem;
}
.order-details .header .pictrue img {
@@ -3153,8 +3152,8 @@
.order-details .header .data {
color: rgba(255, 255, 255, 0.8);
- font-size: 0.24rem;
- margin-left: 0.27rem;
+ font-size: 0.24*3.125rem;
+ margin-left: 0.27*3.125rem;
}
.order-details .header.on .data {
@@ -3162,25 +3161,25 @@
}
.order-details .header .data .state {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #fff;
- margin-bottom: 0.07rem;
+ margin-bottom: 0.07*3.125rem;
}
.order-details .header .data .time {
- margin-left: 0.2rem;
+ margin-left: 0.2*3.125rem;
}
.order-details .nav {
background-color: #fff;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- padding: 0.25rem 0;
+ padding: 0.25*3.125rem 0;
}
.order-details .nav .navCon {
- padding: 0 0.4rem;
+ padding: 0 0.4*3.125rem;
}
.order-details .nav .navCon .on {
@@ -3189,46 +3188,46 @@
}
.order-details .nav .progress {
- padding: 0 0.65rem;
- margin-top: 0.1rem;
+ padding: 0 0.65*3.125rem;
+ margin-top: 0.1*3.125rem;
}
.order-details .nav .progress .line {
- width: 1rem;
- height: 0.02rem;
+ width: 1*3.125rem;
+ height: 0.02*3.125rem;
background-color: #939390;
}
.order-details .nav .progress .iconfont {
- font-size: 0.25rem;
+ font-size: 0.25*3.125rem;
color: #939390;
- margin-top: -0.02rem;
- width: 0.3rem;
- height: 0.3rem;
- line-height: 0.33rem;
+ margin-top: -0.02*3.125rem;
+ width: 0.3*3.125rem;
+ height: 0.3*3.125rem;
+ line-height: 0.33*3.125rem;
text-align: center;
}
.order-details .address {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #868686;
background-color: #fff;
- padding: 0.25rem 0.3rem 0.3rem 0.3rem;
+ padding: 0.25*3.125rem 0.3*3.125rem 0.3*3.125rem 0.3*3.125rem;
}
.order-details .address .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- margin-bottom: 0.1rem;
+ margin-bottom: 0.1*3.125rem;
}
.order-details .address .name .phone {
- margin-left: 0.4rem;
+ margin-left: 0.4*3.125rem;
}
.order-details .line {
width: 100%;
- height: 0.03rem;
+ height: 0.03*3.125rem;
}
.order-details .line img {
@@ -3239,65 +3238,65 @@
.order-details .wrapper {
background-color: #fff;
- margin-top: 0.12rem;
- padding: 0.3rem;
+ margin-top: 0.12*3.125rem;
+ padding: 0.3*3.125rem;
}
.order-details .wrapper .item {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.order-details .wrapper .item~.item {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.order-details .wrapper .item .conter {
color: #868686;
- width: 5rem;
+ width: 5*3.125rem;
text-align: right;
}
.order-details .wrapper .item .conter .copy {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #333;
- border-radius: 0.03rem;
+ border-radius: 0.03*3.125rem;
border: 1px solid #666;
- padding: 0.03rem 0.15rem;
- margin-left: 0.24rem;
+ padding: 0.03*3.125rem 0.15*3.125rem;
+ margin-left: 0.24*3.125rem;
}
.order-details .wrapper .actualPay {
- border-top: 0.01rem solid #eee;
- margin-top: 0.3rem;
- padding-top: 0.3rem;
+ border-top: 0.01*3.125rem solid #eee;
+ margin-top: 0.3*3.125rem;
+ padding-top: 0.3*3.125rem;
}
.order-details .wrapper .actualPay .money {
font-weight: bold;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
}
.order-details .footer {
box-sizing: border-box;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
border-top: 1px solid #eee;
}
.order-details .footer .bnt {
- width: 1.76rem;
- height: 0.6rem;
+ width: 1.76*3.125rem;
+ height: 0.6*3.125rem;
text-align: center;
- line-height: 0.6rem;
- border-radius: 0.5rem;
+ line-height: 0.6*3.125rem;
+ border-radius: 0.5*3.125rem;
color: #fff;
- font-size: 0.27rem;
+ font-size: 0.27*3.125rem;
}
.order-details .footer .bnt.cancel {
@@ -3311,36 +3310,36 @@
}
.order-details .footer .bnt~.bnt {
- margin-left: 0.18rem;
+ margin-left: 0.18*3.125rem;
}
/*物流信息*/
.logistics .header {
- padding: 0.23rem 0.3rem;
+ padding: 0.23*3.125rem 0.3*3.125rem;
background-color: #fff;
- height: 1.66rem;
+ height: 1.66*3.125rem;
}
.logistics .header .pictrue {
- width: 1.2rem;
- height: 1.2rem;
+ width: 1.2*3.125rem;
+ height: 1.2*3.125rem;
}
.logistics .header .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.logistics .header .text {
- width: 5.4rem;
- font-size: 0.28rem;
+ width: 5.4*3.125rem;
+ font-size: 0.28*3.125rem;
color: #999;
- margin-top: 0.06rem;
+ margin-top: 0.06*3.125rem;
}
.logistics .header .text .name {
- width: 3.65rem;
+ width: 3.65*3.125rem;
color: #282828;
}
@@ -3350,33 +3349,33 @@
.logistics .logisticsCon {
background-color: #fff;
- margin: 0.12rem 0;
+ margin: 0.12*3.125rem 0;
}
.logistics .logisticsCon .company {
- height: 1.2rem;
- margin: 0 0 0.45rem 0.3rem;
- padding-right: 0.3rem;
+ height: 1.2*3.125rem;
+ margin: 0 0 0.45*3.125rem 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
border-bottom: 1px solid #f5f5f5;
}
.logistics .logisticsCon .company .picTxt {
- width: 5.2rem;
+ width: 5.2*3.125rem;
}
.logistics .logisticsCon .company .picTxt .iconfont {
- width: 0.5rem;
- height: 0.5rem;
+ width: 0.5*3.125rem;
+ height: 0.5*3.125rem;
background-color: #666;
text-align: center;
- line-height: 0.5rem;
+ line-height: 0.5*3.125rem;
color: #fff;
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
}
.logistics .logisticsCon .company .picTxt .text {
- width: 4.5rem;
- font-size: 0.26rem;
+ width: 4.5*3.125rem;
+ font-size: 0.26*3.125rem;
color: #282828;
}
@@ -3385,29 +3384,29 @@
}
.logistics .logisticsCon .company .picTxt .text .express {
- margin-top: 0.05rem;
+ margin-top: 0.05*3.125rem;
}
.logistics .logisticsCon .company .copy {
- font-size: 0.2rem;
- width: 1.06rem;
- height: 0.4rem;
- border-radius: 0.03rem;
+ font-size: 0.2*3.125rem;
+ width: 1.06*3.125rem;
+ height: 0.4*3.125rem;
+ border-radius: 0.03*3.125rem;
border: 1px solid #999;
}
.logistics .logisticsCon .item {
- padding: 0 0.4rem;
+ padding: 0 0.4*3.125rem;
position: relative;
}
.logistics .logisticsCon .item .circular {
- width: 0.2rem;
- height: 0.2rem;
+ width: 0.2*3.125rem;
+ height: 0.2*3.125rem;
border-radius: 50%;
position: absolute;
- top: -0.01rem;
- left: 0.315rem;
+ top: -0.01*3.125rem;
+ left: 0.315*3.125rem;
background-color: #ddd;
}
@@ -3416,11 +3415,11 @@
}
.logistics .logisticsCon .item .text {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #666;
- width: 6.15rem;
+ width: 6.15*3.125rem;
border-left: 1px solid #e6e6e6;
- padding: 0 0 0.6rem 0.38rem;
+ padding: 0 0 0.6*3.125rem 0.38*3.125rem;
}
.logistics .logisticsCon .item .text.on {
@@ -3428,37 +3427,37 @@
}
.logistics .logisticsCon .item .text .data {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.logistics .logisticsCon .item .text .data .time {
- margin-left: 0.15rem;
+ margin-left: 0.15*3.125rem;
}
/*支付状态*/
.payment-status {
background-color: #fff;
- margin: 1.95rem auto 0 auto;
- border-radius: 0.1rem;
- padding: 0.01rem 0 0.28rem 0;
- width: 6.9rem;
+ margin: 1.95*3.125rem auto 0 auto;
+ border-radius: 0.1*3.125rem;
+ padding: 0.01*3.125rem 0 0.28*3.125rem 0;
+ width: 6.9*3.125rem;
left: 50%;
- margin-left: -3.45rem;
+ margin-left: -3.45*3.125rem;
}
.payment-status .iconfont {
- font-size: 0.7rem;
- width: 1.4rem;
- height: 1.4rem;
+ font-size: 0.7*3.125rem;
+ width: 1.4*3.125rem;
+ height: 1.4*3.125rem;
border-radius: 50%;
color: #fff;
text-align: center;
- line-height: 1.3rem;
+ line-height: 1.3*3.125rem;
text-shadow: 0 4px 0 #73CBB6;
- border: 0.06rem solid #f5f5f5;
- margin: -0.76rem auto 0 auto;
+ border: 0.06*3.125rem solid #f5f5f5;
+ margin: -0.76*3.125rem auto 0 auto;
background-color: #999;
}
@@ -3467,27 +3466,27 @@
}
.payment-status .status {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
text-align: center;
- margin: 0.25rem 0 0.37rem 0;
+ margin: 0.25*3.125rem 0 0.37*3.125rem 0;
}
.payment-status .wrapper {
border: 1px solid #eee;
- margin: 0 0.3rem 0.47rem 0.3rem;
- padding: 0.35rem 0;
+ margin: 0 0.3*3.125rem 0.47*3.125rem 0.3*3.125rem;
+ padding: 0.35*3.125rem 0;
border-left: 0;
border-right: 0;
}
.payment-status .wrapper .item {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.payment-status .wrapper .item~.item {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.payment-status .wrapper .item .itemCom {
@@ -3495,55 +3494,55 @@
}
.payment-status .returnBnt {
- width: 6.3rem;
- height: 0.86rem;
- border-radius: 0.5rem;
+ width: 6.3*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
color: #fff;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin: 0 auto 0.2rem auto;
+ line-height: 0.86*3.125rem;
+ margin: 0 auto 0.2*3.125rem auto;
}
/*个人资料*/
.personal-data .wrapper {
- margin: 0.1rem 0;
+ margin: 0.1*3.125rem 0;
background-color: #fff;
- padding: 0.36rem 0.3rem 0.13rem 0.3rem;
+ padding: 0.36*3.125rem 0.3*3.125rem 0.13*3.125rem 0.3*3.125rem;
}
.personal-data .wrapper .title {
- margin-bottom: 0.3rem;
- font-size: 0.32rem;
+ margin-bottom: 0.3*3.125rem;
+ font-size: 0.32*3.125rem;
color: #282828;
}
.personal-data .wrapper .wrapList .item {
- width: 6.9rem;
- height: 1.6rem;
+ width: 6.9*3.125rem;
+ height: 1.6*3.125rem;
background-color: #f8f8f8;
- border-radius: 0.2rem;
- margin-bottom: 0.22rem;
- padding: 0 0.3rem;
+ border-radius: 0.2*3.125rem;
+ margin-bottom: 0.22*3.125rem;
+ padding: 0 0.3*3.125rem;
position: relative;
- border: 0.02rem solid #f8f8f8;
+ border: 0.02*3.125rem solid #f8f8f8;
}
.personal-data .wrapper .wrapList .item.on {
border-color: #e93323;
- border-radius: 0.2rem;
+ border-radius: 0.2*3.125rem;
background: url("https://h5.dayouqiantu.cn/static/images/figure.png") no-repeat;
background-size: 100% 100%;
background-color: #fff9f9;
}
.personal-data .wrapper .wrapList .item .picTxt {
- width: 4.45rem;
+ width: 4.45*3.125rem;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue {
- width: 0.96rem;
- height: 0.96rem;
+ width: 0.96*3.125rem;
+ height: 0.96*3.125rem;
position: relative;
}
@@ -3554,8 +3553,8 @@
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue .alter {
- width: 0.3rem;
- height: 0.3rem;
+ width: 0.3*3.125rem;
+ height: 0.3*3.125rem;
border-radius: 50%;
position: absolute;
bottom: 0;
@@ -3563,39 +3562,39 @@
}
.personal-data .wrapper .wrapList .item .picTxt .text {
- width: 3.25rem;
+ width: 3.25*3.125rem;
}
.personal-data .wrapper .wrapList .item .picTxt .text .name {
width: 100%;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.personal-data .wrapper .wrapList .item .picTxt .text .phone {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.personal-data .wrapper .wrapList .item .bnt {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
background-color: #fff;
- border-radius: 0.27rem;
- width: 1.4rem;
- height: 0.54rem;
- border: 0.02rem solid #e93323;
+ border-radius: 0.27*3.125rem;
+ width: 1.4*3.125rem;
+ height: 0.54*3.125rem;
+ border: 0.02*3.125rem solid #e93323;
}
.personal-data .wrapper .wrapList .item .currentBnt {
position: absolute;
right: 0;
top: 0;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
background-color: rgba(233, 51, 35, 0.1);
- width: 1.4rem;
- height: 0.48rem;
- border-radius: 0 0.2rem 0 0.2rem;
+ width: 1.4*3.125rem;
+ height: 0.48*3.125rem;
+ border-radius: 0 0.2*3.125rem 0 0.2*3.125rem;
}
.personal-data .list {
@@ -3603,16 +3602,16 @@
}
.personal-data .list .item {
- padding: 0.3rem 0.3rem 0.3rem 0;
+ padding: 0.3*3.125rem 0.3*3.125rem 0.3*3.125rem 0;
border-bottom: 1px solid #f2f2f2;
- margin-left: 0.3rem;
- font-size: 0.32rem;
+ margin-left: 0.3*3.125rem;
+ font-size: 0.32*3.125rem;
color: #282828;
}
.personal-data .list .item .pictrue {
- width: 0.88rem;
- height: 0.88rem;
+ width: 0.88*3.125rem;
+ height: 0.88*3.125rem;
}
.personal-data .list .item .pictrue img {
@@ -3622,7 +3621,7 @@
}
.personal-data .list .item .input {
- width: 4.15rem;
+ width: 4.15*3.125rem;
text-align: right;
color: #868686;
}
@@ -3634,55 +3633,55 @@
}
.personal-data .list .item .input .id {
- width: 3.65rem;
+ width: 3.65*3.125rem;
}
.personal-data .list .item .input .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
}
.personal-data .list .item .input .iconfont.icon-xiangyou {
- font-size: 0.3rem;
- margin-left: 0.27rem;
+ font-size: 0.3*3.125rem;
+ margin-left: 0.27*3.125rem;
}
.personal-data .modifyBnt {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 6.9rem;
- height: 0.9rem;
- border-radius: 0.5rem;
+ width: 6.9*3.125rem;
+ height: 0.9*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.9rem;
- margin: 0.76rem auto 0 auto;
+ line-height: 0.9*3.125rem;
+ margin: 0.76*3.125rem auto 0 auto;
}
.personal-data .logOut {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
text-align: center;
- width: 6.9rem;
- height: 0.9rem;
- border-radius: 0.45rem;
- margin: 0.3rem auto 0.7rem auto;
+ width: 6.9*3.125rem;
+ height: 0.9*3.125rem;
+ border-radius: 0.45*3.125rem;
+ margin: 0.3*3.125rem auto 0.7*3.125rem auto;
}
/*拼团海报*/
.poster-poster .tip {
- height: 0.8rem;
- font-size: 0.26rem;
+ height: 0.8*3.125rem;
+ font-size: 0.26*3.125rem;
color: #e8c787;
text-align: center;
- line-height: 0.8rem;
+ line-height: 0.8*3.125rem;
}
.poster-poster .tip .iconfont {
- font-size: 0.36rem;
- vertical-align: -0.04rem;
- margin-right: 0.18rem;
+ font-size: 0.36*3.125rem;
+ vertical-align: -0.04*3.125rem;
+ margin-right: 0.18*3.125rem;
}
.poster-poster .poster {
- width: 6.9rem;
+ width: 6.9*3.125rem;
height: 100%;
margin: 0 auto;
}
@@ -3698,47 +3697,47 @@
width: 100%;
box-sizing: border-box;
height: 100%;
- padding: .4rem;
+ padding: .4*3.125rem;
position: relative;
}
.distribution-posters .slider-banner .swiper-slide {
- width: 6rem !important;
+ width: 6*3.125rem !important;
height: 100%;
}
.distribution-posters .slide-image {
width: 100%;
height: 100%;
- border-radius: 0.15rem;
+ border-radius: 0.15*3.125rem;
}
.distribution-posters .keep {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
- width: 6rem;
- height: 0.8rem;
- border-radius: 0.5rem;
+ width: 6*3.125rem;
+ height: 0.8*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.8rem;
- margin: 0.38rem auto;
+ line-height: 0.8*3.125rem;
+ margin: 0.38*3.125rem auto;
}
/*会员中心*/
.member-center .header {
background-color: #232323;
width: 100%;
- padding: 0.5rem 0;
+ padding: 0.5*3.125rem 0;
}
.member-center .header .slider-banner {
- height: 3.28rem;
+ height: 3.28*3.125rem;
}
.member-center .header .slider-banner .swiper-slide {
- width: 6.36rem !important;
- height: 3.28rem;
- border-radius: 0.16rem;
+ width: 6.36*3.125rem !important;
+ height: 3.28*3.125rem;
+ border-radius: 0.16*3.125rem;
color: #fff;
position: relative;
background-repeat: no-repeat;
@@ -3770,32 +3769,32 @@
}
.member-center .header .slider-banner .swiper-slide img {
- width: 0.89rem;
- height: 1.08rem;
+ width: 0.89*3.125rem;
+ height: 1.08*3.125rem;
display: block;
position: absolute;
- right: 0.6rem;
+ right: 0.6*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .name {
- font-size: 0.46rem;
+ font-size: 0.46*3.125rem;
font-weight: bold;
- padding: 0.33rem 0 0 0.35rem;
+ padding: 0.33*3.125rem 0 0 0.35*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .discount {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
- margin: 0.02rem 0 0 0.35rem;
+ margin: 0.02*3.125rem 0 0 0.35*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .discount .iconfont {
- margin-left: 0.1rem;
- font-size: 0.3rem;
+ margin-left: 0.1*3.125rem;
+ font-size: 0.3*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .nav {
- margin-top: 0.48rem;
+ margin-top: 0.48*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .nav .item {
@@ -3808,15 +3807,15 @@
}
.member-center .header .slider-banner .swiper-slide .nav .item .num {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #fff;
font-family: 'GuildfordProBook 5';
}
.member-center .header .slider-banner .swiper-slide .nav .item~.item::before {
position: absolute;
- width: 0.02rem;
- height: 0.32rem;
+ width: 0.02*3.125rem;
+ height: 0.32*3.125rem;
background-color: rgba(255, 255, 255, 0.6);
content: '';
left: 0;
@@ -3825,26 +3824,26 @@
}
.member-center .header .slider-banner .swiper-slide .lock {
- font-size: 0.26rem;
- margin: 0.73rem 0 0 0.35rem;
+ font-size: 0.26*3.125rem;
+ margin: 0.73*3.125rem 0 0 0.35*3.125rem;
}
.member-center .header .slider-banner .swiper-slide .lock .iconfont {
- font-size: 0.33rem;
- margin-right: 0.15rem;
- vertical-align: -0.04rem;
+ font-size: 0.33*3.125rem;
+ margin-right: 0.15*3.125rem;
+ vertical-align: -0.04*3.125rem;
}
.member-center .wrapper {
background-color: #fff;
- padding-bottom: 0.16rem;
- margin-bottom: 0.2rem;
+ padding-bottom: 0.16*3.125rem;
+ margin-bottom: 0.2*3.125rem;
}
.member-center .wrapper .title {
- height: 0.98rem;
- padding: 0 0.3rem;
- font-size: 0.3rem;
+ height: 0.98*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #282828;
}
@@ -3852,13 +3851,13 @@
.member-center .wrapper .title .iconfont {
color: #73CBB6;
font-weight: normal;
- font-size: 0.4rem;
- margin-right: 0.12rem;
- vertical-align: -0.02rem;
+ font-size: 0.4*3.125rem;
+ margin-right: 0.12*3.125rem;
+ vertical-align: -0.02*3.125rem;
}
.member-center .wrapper .title .num {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #999;
}
@@ -3867,42 +3866,42 @@
}
.member-center .wrapper .list .item {
- width: 6.9rem;
- height: 1.84rem;
+ width: 6.9*3.125rem;
+ height: 1.84*3.125rem;
background-color: #f9f9f9;
- margin: 0 auto 0.2rem auto;
- padding: 0.27rem 0 0.22rem 0;
- border-radius: 0.12rem;
+ margin: 0 auto 0.2*3.125rem auto;
+ padding: 0.27*3.125rem 0 0.22*3.125rem 0;
+ border-radius: 0.12*3.125rem;
}
.member-center .wrapper .list .item .top {
- padding-right: 0.27rem;
- font-size: 0.26rem;
+ padding-right: 0.27*3.125rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
.member-center .wrapper .list .item .top .name {
- border-left: 0.06rem solid #73CBB6;
- padding-left: 0.2rem;
- font-size: 0.28rem;
+ border-left: 0.06*3.125rem solid #73CBB6;
+ padding-left: 0.2*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
font-weight: bold;
}
.member-center .wrapper .list .item .top .name .iconfont {
color: #999;
- font-size: 0.3rem;
- vertical-align: -0.02rem;
- margin-left: 0.1rem;
+ font-size: 0.3*3.125rem;
+ vertical-align: -0.02*3.125rem;
+ margin-left: 0.1*3.125rem;
}
.member-center .wrapper .list .item .cu-progress {
overflow: hidden;
- height: 0.12rem;
+ height: 0.12*3.125rem;
background-color: #eee;
- width: 6.36rem;
- border-radius: 0.2rem;
- margin: 0.35rem auto 0 auto;
+ width: 6.36*3.125rem;
+ border-radius: 0.2*3.125rem;
+ margin: 0.35*3.125rem auto 0 auto;
}
.member-center .wrapper .list .item .cu-progress .bg-red {
@@ -3910,13 +3909,13 @@
height: 100%;
transition: width 0.6s ease;
background-color: #73CBB6;
- border-radius: 0.2rem;
+ border-radius: 0.2*3.125rem;
}
.member-center .wrapper .list .item .experience {
- margin-top: 0.17rem;
- padding: 0 0.27rem;
- font-size: 0.24rem;
+ margin-top: 0.17*3.125rem;
+ padding: 0 0.27*3.125rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
@@ -3926,13 +3925,13 @@
.member-center .growthValue {
background-color: #fff;
- border-radius: 0.16rem;
+ border-radius: 0.16*3.125rem;
position: fixed;
- top: 2.66rem;
+ top: 2.66*3.125rem;
left: 50%;
- width: 5.6rem;
- height: 7.4rem;
- margin-left: -2.8rem;
+ width: 5.6*3.125rem;
+ height: 7.4*3.125rem;
+ margin-left: -2.8*3.125rem;
z-index: 99;
transform: translate3d(0, -200%, 0);
transition: all .3s cubic-bezier(.25, .5, .5, .9);
@@ -3944,31 +3943,31 @@
.member-center .growthValue .pictrue {
width: 100%;
- height: 2.57rem;
+ height: 2.57*3.125rem;
position: relative;
}
.member-center .growthValue .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.16rem 0.16rem 0 0;
+ border-radius: 0.16*3.125rem 0.16*3.125rem 0 0;
}
.member-center .growthValue .conter {
- padding: 0 0.35rem;
- font-size: 0.3rem;
+ padding: 0 0.35*3.125rem;
+ font-size: 0.3*3.125rem;
color: #333;
- margin-top: 0.58rem;
+ margin-top: 0.58*3.125rem;
line-height: 1.5;
- height: 3.5rem;
+ height: 3.5*3.125rem;
overflow: auto;
}
.member-center .growthValue .pictrue .iconfont {
position: absolute;
- font-size: 0.65rem;
+ font-size: 0.65*3.125rem;
color: #fff;
- top: 7.75rem;
+ top: 7.75*3.125rem;
left: 50%;
transform: translateX(-50%);
}
@@ -3979,35 +3978,35 @@
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 3.6rem;
- font-size: 0.72rem;
+ height: 3.6*3.125rem;
+ font-size: 0.72*3.125rem;
color: #fff;
- padding: 0.31rem 0 0.45rem 0;
+ padding: 0.31*3.125rem 0 0.45*3.125rem 0;
text-align: center;
font-family: 'GuildfordProBook 5';
}
.integral-details .header .currentScore {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: rgba(255, 255, 255, 0.8);
text-align: center;
- margin-bottom: 0.05rem;
+ margin-bottom: 0.05*3.125rem;
}
.integral-details .header .line {
- width: 0.6rem;
- height: 0.03rem;
+ width: 0.6*3.125rem;
+ height: 0.03*3.125rem;
background-color: #fff;
- margin: 0.2rem auto 0 auto;
+ margin: 0.2*3.125rem auto 0 auto;
}
.integral-details .header .nav {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: rgba(255, 255, 255, 0.8);
flex: 1;
-o-flex: 1;
-ms-flex: 1;
- margin-top: 0.35rem;
+ margin-top: 0.35*3.125rem;
}
.integral-details .header .nav .item {
@@ -4017,19 +4016,19 @@
.integral-details .header .nav .item .num {
color: #fff;
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
}
.integral-details .wrapper .nav {
flex: 1;
-o-flex: 1;
-ms-flex: 1;
- width: 6.9rem;
- border-radius: 0.2rem 0.2rem 0 0;
- margin: -0.96rem auto 0 auto;
+ width: 6.9*3.125rem;
+ border-radius: 0.2*3.125rem 0.2*3.125rem 0 0;
+ margin: -0.96*3.125rem auto 0 auto;
background-color: #f7f7f7;
- height: 0.96rem;
- font-size: 0.3rem;
+ height: 0.96*3.125rem;
+ font-size: 0.3*3.125rem;
color: #bbb;
}
@@ -4043,77 +4042,77 @@
background-color: #fff;
color: #73CBB6;
font-weight: bold;
- border-radius: 0.2rem .2rem 0 0;
+ border-radius: 0.2*3.125rem .2*3.125rem 0 0;
}
.integral-details .wrapper .nav .item .iconfont {
- font-size: 0.38rem;
- margin-right: 0.1rem;
+ font-size: 0.38*3.125rem;
+ margin-right: 0.1*3.125rem;
}
.integral-details .wrapper .list {
background-color: #fff;
- padding: 0.24rem 0.3rem;
+ padding: 0.24*3.125rem 0.3*3.125rem;
}
.integral-details .wrapper .list .tip {
- font-size: 0.25rem;
- width: 6.9rem;
- height: 0.6rem;
- border-radius: 0.5rem;
+ font-size: 0.25*3.125rem;
+ width: 6.9*3.125rem;
+ height: 0.6*3.125rem;
+ border-radius: 0.5*3.125rem;
background-color: #fff5e2;
border: 1px solid #ffeac1;
color: #c8a86b;
- padding: 0 0.2rem;
- margin-bottom: 0.24rem;
+ padding: 0 0.2*3.125rem;
+ margin-bottom: 0.24*3.125rem;
}
.integral-details .wrapper .list .tip .iconfont {
- font-size: 0.35rem;
- margin-right: 0.15rem;
+ font-size: 0.35*3.125rem;
+ margin-right: 0.15*3.125rem;
}
.integral-details .wrapper .list .item {
- height: 1.24rem;
+ height: 1.24*3.125rem;
border-bottom: 1px solid #eee;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
.integral-details .wrapper .list .item .state {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-bottom: 0.08rem;
+ margin-bottom: 0.08*3.125rem;
}
.integral-details .wrapper .list .item .num {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
font-family: 'GuildfordProBook 5';
color: #16ac57;
}
.integral-details .wrapper .list2 {
background-color: #fff;
- padding: 0.24rem 0;
+ padding: 0.24*3.125rem 0;
}
.integral-details .wrapper .list2 .item {
background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%);
background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%);
- width: 6.9rem;
- height: 1.8rem;
+ width: 6.9*3.125rem;
+ height: 1.8*3.125rem;
position: relative;
- border-radius: 0.1rem;
- margin: 0 auto 0.2rem auto;
- padding: 0 0.25rem 0 1.8rem;
+ border-radius: 0.1*3.125rem;
+ margin: 0 auto 0.2*3.125rem auto;
+ padding: 0 0.25*3.125rem 0 1.8*3.125rem;
}
.integral-details .wrapper .list2 .item .pictrue {
- width: 0.9rem;
- height: 1.5rem;
+ width: 0.9*3.125rem;
+ height: 1.5*3.125rem;
position: absolute;
bottom: 0;
- left: 0.45rem;
+ left: 0.45*3.125rem;
}
.integral-details .wrapper .list2 .item .pictrue img {
@@ -4122,150 +4121,150 @@
}
.integral-details .wrapper .list2 .item .name {
- width: 2.85rem;
- font-size: 0.3rem;
+ width: 2.85*3.125rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #c8a86b;
}
.integral-details .wrapper .list2 .item .earn {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #c8a86b;
- border: 0.02rem solid #c8a86b;
+ border: 0.02*3.125rem solid #c8a86b;
text-align: center;
- line-height: 0.52rem;
- height: 0.52rem;
- width: 1.6rem;
- border-radius: 0.5rem;
+ line-height: 0.52*3.125rem;
+ height: 0.52*3.125rem;
+ width: 1.6*3.125rem;
+ border-radius: 0.5*3.125rem;
}
/*金品推荐*/
.quality-recommend .title {
- height: 1.2rem;
- font-size: 0.32rem;
+ height: 1.2*3.125rem;
+ font-size: 0.32*3.125rem;
color: #282828;
background-color: #f5f5f5;
}
.quality-recommend .title .line {
- width: 2.3rem;
- height: 0.02rem;
+ width: 2.3*3.125rem;
+ height: 0.02*3.125rem;
background-color: #e9e9e9;
}
.quality-recommend .title .name {
- margin: 0 0.2rem;
+ margin: 0 0.2*3.125rem;
}
.quality-recommend .title .name .iconfont {
- margin-right: 0.13rem;
- font-size: 0.38rem;
- vertical-align: -0.04rem;
+ margin-right: 0.13*3.125rem;
+ font-size: 0.38*3.125rem;
+ vertical-align: -0.04*3.125rem;
}
/*砍价列表*/
.bargain-list .icon-xiangzuo {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #fff;
position: fixed;
- top: 0.51rem;
- left: 0.3rem;
+ top: 0.51*3.125rem;
+ left: 0.3*3.125rem;
z-index: 99;
}
.bargain-list .header {
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 7.5rem;
- height: 7.13rem;
+ width: 7.5*3.125rem;
+ height: 7.13*3.125rem;
}
.bargain-list .list {
background-color: #fff;
- border: 0.06rem solid #73CBB6;
- border-radius: 0.3rem;
- margin: .3rem 0.3rem 0.66rem 0.3rem;
- padding: 0 0.24rem;
+ border: 0.06*3.125rem solid #73CBB6;
+ border-radius: 0.3*3.125rem;
+ margin: .3*3.125rem 0.3*3.125rem 0.66*3.125rem 0.3*3.125rem;
+ padding: 0 0.24*3.125rem;
}
.bargain-list .list .item {
border-bottom: 1px solid #eee;
position: relative;
- height: 2.23rem;
+ height: 2.23*3.125rem;
}
.bargain-list .list .item .pictrue {
- width: 1.6rem;
- height: 1.6rem;
+ width: 1.6*3.125rem;
+ height: 1.6*3.125rem;
}
.bargain-list .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.bargain-list .list .item .text {
- width: 4.5rem;
- font-size: 0.3rem;
+ width: 4.5*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- height: 1.6rem;
+ height: 1.6*3.125rem;
}
.bargain-list .list .item .text .num {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
.bargain-list .list .item .text .num .iconfont {
- font-size: 0.35rem;
- margin-right: 0.07rem;
+ font-size: 0.35*3.125rem;
+ margin-right: 0.07*3.125rem;
}
.bargain-list .list .item .text .money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
font-weight: bold;
}
.bargain-list .list .item .text .money .price {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
}
.bargain-list .list .item .cutBnt {
position: absolute;
- width: 1.8rem;
- height: 0.5rem;
- border-radius: 0.5rem;
- font-size: 0.24rem;
+ width: 1.8*3.125rem;
+ height: 0.5*3.125rem;
+ border-radius: 0.5*3.125rem;
+ font-size: 0.24*3.125rem;
color: #fff;
text-align: center;
- line-height: 0.46rem;
- right: 0.24rem;
- bottom: 0.28rem;
- box-shadow: 0 0.07rem 0 #f8c1bd;
- -moz-box-shadow: 0 0.07rem 0 #f8c1bd;
- -o-box-shadow: 0 0.07rem 0 #f8c1bd;
+ line-height: 0.46*3.125rem;
+ right: 0.24*3.125rem;
+ bottom: 0.28*3.125rem;
+ box-shadow: 0 0.07*3.125rem 0 #f8c1bd;
+ -moz-box-shadow: 0 0.07*3.125rem 0 #f8c1bd;
+ -o-box-shadow: 0 0.07*3.125rem 0 #f8c1bd;
}
.bargain-list .list .item .cutBnt .iconfont {
- margin-right: 0.08rem;
- font-size: 0.3rem;
+ margin-right: 0.08*3.125rem;
+ font-size: 0.3*3.125rem;
}
.bargain-list .list .load {
- font-size: 0.24rem;
- height: 0.85rem;
+ font-size: 0.24*3.125rem;
+ height: 0.85*3.125rem;
text-align: center;
- line-height: 0.85rem;
+ line-height: 0.85*3.125rem;
}
/*砍价*/
.bargain .icon-xiangzuo {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #fff;
position: fixed;
- top: 0.51rem;
- left: 0.3rem;
+ top: 0.51*3.125rem;
+ left: 0.3*3.125rem;
z-index: 99;
}
@@ -4273,11 +4272,11 @@
/* background-image: url('https://h5.dayouqiantu.cn/static/images/cut1.png'); */
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 6.98rem;
+ width: 6.98*3.125rem;
height: 372rpx;
margin: 0 auto;
- padding-top: 0.001rem;
- margin-top: 0.4rem
+ padding-top: 0.001*3.125rem;
+ margin-top: 0.4*3.125rem
}
.bargain .header.on {
@@ -4285,46 +4284,46 @@
}
.bargain .header .pictxt {
- margin: 2.6rem auto 0 auto;
- font-size: 0.26rem;
+ margin: 2.6*3.125rem auto 0 auto;
+ font-size: 0.26*3.125rem;
color: #fff;
}
.bargain .header .pictxt .pictrue {
- width: 0.56rem;
- height: 0.56rem;
- margin-right: 0.3rem;
+ width: 0.56*3.125rem;
+ height: 0.56*3.125rem;
+ margin-right: 0.3*3.125rem;
}
.bargain .header .pictxt .pictrue img {
width: 100%;
height: 100%;
border-radius: 50%;
- border: 0.02rem solid #fff;
+ border: 0.02*3.125rem solid #fff;
}
.bargain .header .pictxt .text span {
- margin-left: 0.2rem;
+ margin-left: 0.2*3.125rem;
}
.bargain .header .time {
background-image: url('https://h5.dayouqiantu.cn/static/images/time.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 4.4rem;
- height: 1.66rem;
- margin: .8rem auto 0 auto;
- font-size: 0.22rem;
+ width: 4.4*3.125rem;
+ height: 1.66*3.125rem;
+ margin: .8*3.125rem auto 0 auto;
+ font-size: 0.22*3.125rem;
text-align: center;
- padding-top: 0.09rem;
+ padding-top: 0.09*3.125rem;
color: #fc4141;
}
.bargain .header .people {
text-align: center;
color: #fff;
- font-size: 0.2rem;
- margin-top: 0.2rem;
+ font-size: 0.2*3.125rem;
+ margin-top: 0.2*3.125rem;
}
.bargain .header .time .styleAll {
@@ -4334,115 +4333,115 @@
.bargain .wrapper,
.bargain .bargainGang,
.bargain .goodsDetails {
- width: 6.6rem;
- border: 0.06rem solid #73CBB6;
+ width: 6.6*3.125rem;
+ border: 0.06*3.125rem solid #73CBB6;
background-color: #fff;
- border-radius: 0.2rem;
- margin: -1.62rem auto 0 auto;
- padding: 0 0.24rem 0.47rem 0.24rem;
+ border-radius: 0.2*3.125rem;
+ margin: -1.62*3.125rem auto 0 auto;
+ padding: 0 0.24*3.125rem 0.47*3.125rem 0.24*3.125rem;
position: relative;
}
.bargain .wrapper .pictxt {
- margin: 0.26rem 0 0.37rem 0;
+ margin: 0.26*3.125rem 0 0.37*3.125rem 0;
}
.bargain .wrapper .pictxt .pictrue {
- width: 1.8rem;
- height: 1.8rem;
+ width: 1.8*3.125rem;
+ height: 1.8*3.125rem;
}
.bargain .wrapper .pictxt .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.bargain .wrapper .pictxt .text {
- width: 3.95rem;
- font-size: 0.28rem;
+ width: 3.95*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- height: 1.8rem;
+ height: 1.8*3.125rem;
}
.bargain .wrapper .pictxt .text .money {
font-weight: bold;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.bargain .wrapper .pictxt .text .money .num {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
}
.bargain .wrapper .pictxt .text .successNum {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #999;
- margin-right: 0.15rem;
+ margin-right: 0.15*3.125rem;
}
.bargain .wrapper .cu-progress {
overflow: hidden;
- height: 0.12rem;
+ height: 0.12*3.125rem;
background-color: #eee;
width: 100%;
- border-radius: 0.2rem;
+ border-radius: 0.2*3.125rem;
}
.bargain .wrapper .cu-progress .bg-red {
width: 0;
height: 100%;
transition: width 0.6s ease;
- border-radius: 0.2rem;
+ border-radius: 0.2*3.125rem;
background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%);
background-image: -moz-linear-gradient(to right, #ffa363 0%, #e93323 100%);
}
.bargain .wrapper .balance {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #999;
- margin-top: 0.15rem;
+ margin-top: 0.15*3.125rem;
}
.bargain .wrapper .bargainSuccess {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
text-align: center;
}
.bargain .wrapper .bargainSuccess .iconfont {
- font-size: 0.45rem;
+ font-size: 0.45*3.125rem;
color: #54c762;
- padding-right: 0.18rem;
- vertical-align: -0.05rem;
+ padding-right: 0.18*3.125rem;
+ vertical-align: -0.05*3.125rem;
}
.bargain .wrapper .bargainBnt {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #fff;
- width: 6rem;
- height: 0.8rem;
- border-radius: 0.4rem;
+ width: 6*3.125rem;
+ height: 0.8*3.125rem;
+ border-radius: 0.4*3.125rem;
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
text-align: center;
- line-height: 0.8rem;
- margin-top: 0.32rem;
+ line-height: 0.8*3.125rem;
+ margin-top: 0.32*3.125rem;
}
.bargain .wrapper .bargainBnt.on {
- border: 0.02rem solid #73CBB6;
+ border: 0.02*3.125rem solid #73CBB6;
color: #73CBB6;
background-image: linear-gradient(to right, #fff 0%, #fff 100%);
background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%);
- width: 5.96rem;
- height: 0.76rem;
+ width: 5.96*3.125rem;
+ height: 0.76*3.125rem;
}
.bargain .wrapper .tip {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #999;
text-align: center;
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.bargain .wrapper .lock,
@@ -4451,31 +4450,31 @@
background-image: url('https://h5.dayouqiantu.cn/static/images/lock.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 5.48rem;
- height: 0.66rem;
+ width: 5.48*3.125rem;
+ height: 0.66*3.125rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
- bottom: -0.43rem;
+ bottom: -0.43*3.125rem;
z-index: 5;
}
.bargain .bargainGang {
- margin: 0.13rem auto 0 auto;
+ margin: 0.13*3.125rem auto 0 auto;
}
.bargain .bargainGang .title,
.bargain .goodsDetails .title {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
- height: 0.8rem;
- margin-top: 0.3rem;
+ height: 0.8*3.125rem;
+ margin-top: 0.3*3.125rem;
}
.bargain .bargainGang .title .pictrue,
.bargain .goodsDetails .title .pictrue {
- width: 0.46rem;
- height: 0.24rem;
+ width: 0.46*3.125rem;
+ height: 0.24*3.125rem;
}
.bargain .bargainGang .title .pictrue.on,
@@ -4492,21 +4491,21 @@
.bargain .bargainGang .title .titleCon,
.bargain .goodsDetails .title .titleCon {
- margin: 0 0.2rem;
+ margin: 0 0.2*3.125rem;
}
.bargain .bargainGang .list .item {
border-bottom: 1px dashed #ddd;
- height: 1.12rem;
+ height: 1.12*3.125rem;
}
.bargain .bargainGang .list .item .pictxt {
- width: 3.1rem;
+ width: 3.1*3.125rem;
}
.bargain .bargainGang .list .item .pictxt .pictrue {
- width: 0.7rem;
- height: 0.7rem;
+ width: 0.7*3.125rem;
+ height: 0.7*3.125rem;
}
.bargain .bargainGang .list .item .pictxt .pictrue img {
@@ -4517,44 +4516,44 @@
}
.bargain .bargainGang .list .item .pictxt .text {
- width: 2.25rem;
- font-size: 0.2rem;
+ width: 2.25*3.125rem;
+ font-size: 0.2*3.125rem;
color: #999;
}
.bargain .bargainGang .list .item .pictxt .text .name {
- font-size: 0.25rem;
+ font-size: 0.25*3.125rem;
color: #282828;
- margin-bottom: 0.07rem;
+ margin-bottom: 0.07*3.125rem;
}
.bargain .bargainGang .list .item .money {
- font-size: 0.25rem;
+ font-size: 0.25*3.125rem;
}
.bargain .bargainGang .list .item .money .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
vertical-align: middle;
- margin-right: 0.1rem;
+ margin-right: 0.1*3.125rem;
}
.bargain .bargainGang .load {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
text-align: center;
- line-height: 0.8rem;
- height: 0.8rem;
+ line-height: 0.8*3.125rem;
+ height: 0.8*3.125rem;
}
.bargain .goodsDetails {
- margin: 0.13rem auto 0 auto;
+ margin: 0.13*3.125rem auto 0 auto;
}
.bargain .goodsDetails~.goodsDetails {
- margin-bottom: 0.5rem;
+ margin-bottom: 0.5*3.125rem;
}
.bargain .goodsDetails .conter {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.bargain .goodsDetails .conter img {
@@ -4566,16 +4565,16 @@
position: fixed;
top: 50%;
left: 50%;
- width: 5.6rem;
- margin-left: -2.8rem;
+ width: 5.6*3.125rem;
+ margin-left: -2.8*3.125rem;
z-index: 99;
- border-radius: 0.2rem;
+ border-radius: 0.2*3.125rem;
background-color: #fff;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
transform: scale(0);
- padding-bottom: 0.6rem;
- margin-top: -3.3rem;
+ padding-bottom: 0.6*3.125rem;
+ margin-top: -3.3*3.125rem;
}
.bargain .bargainTip.on {
@@ -4585,92 +4584,92 @@
.bargain .bargainTip .pictrue {
width: 100%;
- height: 3.21rem;
+ height: 3.21*3.125rem;
position: relative;
}
.bargain .bargainTip .pictrue .iconfont {
position: absolute;
- right: 0.18rem;
- top: 0.18rem;
+ right: 0.18*3.125rem;
+ top: 0.18*3.125rem;
color: #fff;
- font-size: 0.36rem;
- width: 0.5rem;
- height: 0.5rem;
+ font-size: 0.36*3.125rem;
+ width: 0.5*3.125rem;
+ height: 0.5*3.125rem;
text-align: center;
- line-height: 0.5rem;
+ line-height: 0.5*3.125rem;
}
.bargain .bargainTip .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.2rem 0.2rem 0 0;
+ border-radius: 0.2*3.125rem 0.2*3.125rem 0 0;
}
.bargain .bargainTip .cutOff {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #666;
- padding: 0 0.29rem;
+ padding: 0 0.29*3.125rem;
text-align: center;
- margin-top: 0.5rem;
+ margin-top: 0.5*3.125rem;
}
.bargain .bargainTip .cutOff.on {
- margin-top: 0.26rem;
+ margin-top: 0.26*3.125rem;
}
.bargain .bargainTip .help {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
text-align: center;
- margin-top: 0.4rem;
+ margin-top: 0.4*3.125rem;
}
.bargain .bargainTip .tipBnt {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 3.6rem;
- height: 0.82rem;
- border-radius: 0.41rem;
+ width: 3.6*3.125rem;
+ height: 0.82*3.125rem;
+ border-radius: 0.41*3.125rem;
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%);
text-align: center;
- line-height: 0.82rem;
- margin: 0.5rem auto 0 auto;
+ line-height: 0.82*3.125rem;
+ margin: 0.5*3.125rem auto 0 auto;
}
/*砍价记录*/
.bargain-record .item {
background-color: #fff;
- margin-bottom: 0.12rem;
+ margin-bottom: 0.12*3.125rem;
}
.bargain-record .item .picTxt {
- height: 2.1rem;
+ height: 2.1*3.125rem;
border-bottom: 1px solid #f0f0f0;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.bargain-record .item .picTxt .pictrue {
- width: 1.5rem;
- height: 1.5rem;
+ width: 1.5*3.125rem;
+ height: 1.5*3.125rem;
}
.bargain-record .item .picTxt .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.bargain-record .item .picTxt .text {
- width: 5.15rem;
- font-size: 0.3rem;
+ width: 5.15*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- height: 1.5rem;
+ height: 1.5*3.125rem;
}
.bargain-record .item .picTxt .text .time {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #868686;
}
@@ -4679,11 +4678,11 @@
}
.bargain-record .item .picTxt .text .money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.bargain-record .item .picTxt .text .money .num {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
}
@@ -4692,9 +4691,9 @@
}
.bargain-record .item .bottom {
- height: 1rem;
- padding: 0 0.3rem;
- font-size: 0.27rem;
+ height: 1*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.27*3.125rem;
}
.bargain-record .item .bottom .purple {
@@ -4710,13 +4709,13 @@
}
.bargain-record .item .bottom .bnt {
- font-size: 0.27rem;
+ font-size: 0.27*3.125rem;
color: #fff;
- width: 1.76rem;
- height: 0.6rem;
- border-radius: 0.06rem;
+ width: 1.76*3.125rem;
+ height: 0.6*3.125rem;
+ border-radius: 0.06*3.125rem;
text-align: center;
- line-height: 0.6rem;
+ line-height: 0.6*3.125rem;
}
.bargain-record .item .bottom .bnt.cancel {
@@ -4725,7 +4724,7 @@
}
.bargain-record .item .bottom .bnt~.bnt {
- margin-left: 0.18rem;
+ margin-left: 0.18*3.125rem;
}
/*拼团列表*/
@@ -4733,139 +4732,139 @@
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 4.5rem;
+ height: 4.5*3.125rem;
}
.group-list .header img {
width: 100%;
- height: 4.5rem;
+ height: 4.5*3.125rem;
}
.group-list .list {
- /* margin-top: -1.20rem; */
+ /* margin-top: -1.20*3.125rem; */
}
.group-list .list .item {
- width: 6.9rem;
- height: 2.08rem;
+ width: 6.9*3.125rem;
+ height: 2.08*3.125rem;
background-color: #fff;
- border-radius: 0.06rem;
- padding: 0 0.24rem;
- margin: 0 auto 0.2rem auto;
+ border-radius: 0.06*3.125rem;
+ padding: 0 0.24*3.125rem;
+ margin: 0 auto 0.2*3.125rem auto;
}
.group-list .list .item .pictrue {
- width: 1.6rem;
- height: 1.6rem;
+ width: 1.6*3.125rem;
+ height: 1.6*3.125rem;
}
.group-list .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.group-list .list .item .text {
- width: 4.58rem;
- font-size: 0.3rem;
+ width: 4.58*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.group-list .list .item .text .team {
- height: 0.4rem;
- border-radius: 0.04rem;
- font-size: 0.22rem;
- margin-top: 0.2rem;
+ height: 0.4*3.125rem;
+ border-radius: 0.04*3.125rem;
+ font-size: 0.22*3.125rem;
+ margin-top: 0.2*3.125rem;
}
.group-list .list .item .text .team .iconfont {
- width: 0.54rem;
+ width: 0.54*3.125rem;
background-color: #c6f3e8;
text-align: center;
color: #73CBB6;
height: 100%;
- line-height: 0.38rem;
+ line-height: 0.38*3.125rem;
}
.group-list .list .item .text .team .num {
text-align: center;
- padding: 0 0.1rem;
+ padding: 0 0.1*3.125rem;
}
.group-list .list .item .text .bottom {
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
.group-list .list .item .text .bottom .money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
font-weight: bold;
color: #282828;
}
.group-list .list .item .text .bottom .money .num {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
}
.group-list .list .item .text .bottom .money .y-money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
font-weight: normal;
text-decoration: line-through;
- margin-left: 0.1rem;
+ margin-left: 0.1*3.125rem;
}
.group-list .list .item .text .bottom .groupBnt {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #fff;
- width: 1.46rem;
- height: 0.54rem;
+ width: 1.46*3.125rem;
+ height: 0.54*3.125rem;
text-align: center;
- line-height: 0.54rem;
- border-radius: 0.04rem;
+ line-height: 0.54*3.125rem;
+ border-radius: 0.04*3.125rem;
}
.group-list .list .item .text .bottom .groupBnt .iconfont {
- font-size: 0.25rem;
- margin-left: 0.1rem;
+ font-size: 0.25*3.125rem;
+ margin-left: 0.1*3.125rem;
}
/*拼团商品详情*/
.product-con .wrapper .share .money .y-money {
color: #82848f;
- margin-left: 0.13rem;
+ margin-left: 0.13*3.125rem;
text-decoration: line-through;
font-weight: normal;
}
.product-con .notice {
width: 100%;
- height: 0.62rem;
+ height: 0.62*3.125rem;
background-color: #ffedeb;
- margin-top: 0.2rem;
- padding: 0 0.3rem;
+ margin-top: 0.2*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.product-con .notice .num {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.product-con .notice .num .iconfont {
- font-size: 0.3rem;
- vertical-align: -0.03rem;
- margin-right: 0.2rem;
+ font-size: 0.3*3.125rem;
+ vertical-align: -0.03*3.125rem;
+ margin-right: 0.2*3.125rem;
}
.product-con .notice .num .line {
color: #282828;
- margin-left: 0.15rem;
+ margin-left: 0.15*3.125rem;
}
.product-con .notice .swiper {
height: 100%;
- width: 4.7rem;
- line-height: 0.62rem;
+ width: 4.7*3.125rem;
+ line-height: 0.62*3.125rem;
overflow: hidden;
- margin-left: 0.14rem;
+ margin-left: 0.14*3.125rem;
}
.product-con .notice .swiper swiper {
@@ -4879,7 +4878,7 @@
.product-con .notice .swiper .line1 {
height: 100%;
overflow: hidden;
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #282828;
}
@@ -4888,23 +4887,23 @@
}
.product-con .assemble .item {
- padding-right: 0.3rem;
- margin-left: 0.3rem;
+ padding-right: 0.3*3.125rem;
+ margin-left: 0.3*3.125rem;
border-bottom: 1px solid #f0f0f0;
- height: 1.32rem;
+ height: 1.32*3.125rem;
}
.product-con .assemble .item .pictxt {
- width: 2.95rem;
+ width: 2.95*3.125rem;
}
.product-con .assemble .item .pictxt .text {
- width: 1.94rem;
+ width: 1.94*3.125rem;
}
.product-con .assemble .item .pictxt .pictrue {
- width: 0.8rem;
- height: 0.8rem;
+ width: 0.8*3.125rem;
+ height: 0.8*3.125rem;
}
.product-con .assemble .item .pictxt .pictrue img {
@@ -4914,86 +4913,86 @@
}
.product-con .assemble .item .right .lack {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #333333;
text-align: right;
}
.product-con .assemble .item .right .time {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #82848f;
- margin-top: 0.05rem;
+ margin-top: 0.05*3.125rem;
}
.product-con .assemble .item .right .spellBnt {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #fff;
- width: 1.4rem;
- height: 0.5rem;
- border-radius: 0.5rem;
+ width: 1.4*3.125rem;
+ height: 0.5*3.125rem;
+ border-radius: 0.5*3.125rem;
background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%);
background-image: -moz-linear-gradient(to right, #ff2358 0%, #ff0000 100%);
text-align: center;
- line-height: 0.5rem;
- margin-left: 0.3rem;
+ line-height: 0.5*3.125rem;
+ margin-left: 0.3*3.125rem;
}
.product-con .assemble .item .right .spellBnt .iconfont {
- font-size: 0.2rem;
- margin-left: 0.05rem;
+ font-size: 0.2*3.125rem;
+ margin-left: 0.05*3.125rem;
}
.product-con .assemble .more {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
text-align: center;
- height: 0.9rem;
- line-height: 0.9rem;
+ height: 0.9*3.125rem;
+ line-height: 0.9*3.125rem;
}
.product-con .assemble .more .iconfont {
- margin-left: 0.13rem;
- font-size: 0.25rem;
+ margin-left: 0.13*3.125rem;
+ font-size: 0.25*3.125rem;
}
.product-con .playWay {
background-color: #fff;
- padding: 0 0.3rem;
- margin-top: 0.2rem;
- font-size: 0.28rem;
+ padding: 0 0.3*3.125rem;
+ margin-top: 0.2*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.product-con .playWay .title {
- height: 0.86rem;
+ height: 0.86*3.125rem;
border-bottom: 1px solid #eee;
}
.product-con .playWay .title .iconfont {
- margin-left: 0.13rem;
- font-size: 0.28rem;
+ margin-left: 0.13*3.125rem;
+ font-size: 0.28*3.125rem;
color: #717171;
}
.product-con .playWay .way {
- min-height: 1.1rem;
- font-size: 0.26rem;
+ min-height: 1.1*3.125rem;
+ font-size: 0.26*3.125rem;
color: #282828;
}
.product-con .playWay .way .iconfont {
color: #cdcdcd;
- font-size: 0.4rem;
- margin: 0 0.35rem;
+ font-size: 0.4*3.125rem;
+ margin: 0 0.35*3.125rem;
}
.product-con .playWay .way .item .num {
- font-size: 0.3rem;
- margin-right: 0.06rem;
+ font-size: 0.3*3.125rem;
+ margin-right: 0.06*3.125rem;
}
.product-con .playWay .way .item .tip {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #a5a5a5;
}
@@ -5001,30 +5000,30 @@
position: fixed;
bottom: 0;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
background-color: #fff;
- font-size: 0.18rem;
+ font-size: 0.18*3.125rem;
color: #666;
z-index: 99;
}
.product-con .footer-group .customerSer {
width: 14%;
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #666;
}
.product-con .footer-group .customerSer .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
}
.product-con .footer-group .bnt {
width: 86%;
text-align: center;
- line-height: 1rem;
+ line-height: 1*3.125rem;
height: 100%;
color: #fff;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
}
.product-con .superior .slider-banner .swiper-pagination-bullet {
@@ -5042,81 +5041,81 @@
/*开团*/
.group-con .header {
width: 100%;
- height: 1.86rem;
+ height: 1.86*3.125rem;
background-color: #fff;
border-top: 1px solid #f5f5f5;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
position: relative;
}
.group-con .header .iconfont {
- font-size: 1rem;
+ font-size: 1*3.125rem;
position: absolute;
color: #ccc;
- right: 0.33rem;
- bottom: 0.2rem;
+ right: 0.33*3.125rem;
+ bottom: 0.2*3.125rem;
}
.group-con .header .pictrue {
- width: 1.4rem;
- height: 1.4rem;
+ width: 1.4*3.125rem;
+ height: 1.4*3.125rem;
}
.group-con .header .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.group-con .header .text {
- width: 5.25rem;
- font-size: 0.3rem;
+ width: 5.25*3.125rem;
+ font-size: 0.3*3.125rem;
color: #222;
}
.group-con .header .text .money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
font-weight: bold;
- margin-top: 0.15rem;
+ margin-top: 0.15*3.125rem;
}
.group-con .header .text .money .num {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
}
.group-con .header .text .money .team {
- padding: 0.01rem 0.1rem;
+ padding: 0.01*3.125rem 0.1*3.125rem;
font-weight: normal;
- border-radius: 0.5rem;
- font-size: 0.2rem;
- vertical-align: 0.04rem;
- margin-left: 0.15rem;
+ border-radius: 0.5*3.125rem;
+ font-size: 0.2*3.125rem;
+ vertical-align: 0.04*3.125rem;
+ margin-left: 0.15*3.125rem;
}
.group-con .wrapper {
background-color: #fff;
- margin-top: 0.2rem;
- padding: 0.02rem 0 0.35rem 0;
+ margin-top: 0.2*3.125rem;
+ padding: 0.02*3.125rem 0 0.35*3.125rem 0;
}
.group-con .wrapper .title {
- margin-top: 0.3rem;
+ margin-top: 0.3*3.125rem;
}
.group-con .wrapper .title .line {
- width: 1.36rem;
+ width: 1.36*3.125rem;
height: 1px;
background-color: #ddd;
}
.group-con .wrapper .title .name {
- margin: 0 0.45rem;
- font-size: 0.28rem;
+ margin: 0 0.45*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.group-con .wrapper .title .name .time {
- margin: 0 0.14rem;
+ margin: 0 0.14*3.125rem;
}
.group-con .wrapper .title .name .timeTxt {
@@ -5126,48 +5125,48 @@
.group-con .wrapper .title .name .time .styleAll {
background-color: #ffcfcb;
text-align: center;
- border-radius: 0.03rem;
- font-size: 0.28rem;
+ border-radius: 0.03*3.125rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
display: inline-block;
vertical-align: middle;
color: #fc4141;
- padding: 0.02rem 0.05rem;
+ padding: 0.02*3.125rem 0.05*3.125rem;
}
.group-con .wrapper .tips {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
text-align: center;
- margin-top: 0.3rem;
+ margin-top: 0.3*3.125rem;
color: #999;
}
.group-con .wrapper .list {
- padding: 0 0.3rem;
- margin-top: 0.45rem;
+ padding: 0 0.3*3.125rem;
+ margin-top: 0.45*3.125rem;
}
.group-con .wrapper .list.result {
- max-height: 2.4rem;
+ max-height: 2.4*3.125rem;
overflow: hidden;
}
.group-con .wrapper .list.result.on {
- max-height: 20rem;
+ max-height: 20*3.125rem;
}
.group-con .wrapper .list .pictrue {
- width: 0.94rem;
- height: 0.94rem;
- margin: 0 0 0.29rem 0.35rem;
+ width: 0.94*3.125rem;
+ height: 0.94*3.125rem;
+ margin: 0 0 0.29*3.125rem 0.35*3.125rem;
}
.group-con .wrapper .list .pictrue img {
width: 100%;
height: 100%;
border-radius: 50%;
- border: 0.02rem solid #e93323;
+ border: 0.02*3.125rem solid #e93323;
}
.group-con .wrapper .list .pictrue img.img-none {
@@ -5175,59 +5174,59 @@
}
.group-con .wrapper .lookAll {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
- padding-top: 0.1rem;
+ padding-top: 0.1*3.125rem;
}
.group-con .wrapper .lookAll .iconfont {
- font-size: 0.25rem;
- margin: 0.02rem 0 0 0.1rem;
+ font-size: 0.25*3.125rem;
+ margin: 0.02*3.125rem 0 0 0.1*3.125rem;
}
.group-con .wrapper .teamBnt {
- font-size: 0.3rem;
- width: 6.2rem;
- height: 0.86rem;
- border-radius: 0.5rem;
+ font-size: 0.3*3.125rem;
+ width: 6.2*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.86rem;
+ line-height: 0.86*3.125rem;
color: #fff;
- margin: 0.21rem auto 0 auto;
+ margin: 0.21*3.125rem auto 0 auto;
}
.group-con .wrapper .cancel,
.group-con .wrapper .lookOrder {
text-align: center;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
- padding-top: 0.3rem;
+ padding-top: 0.3*3.125rem;
}
.group-con .wrapper .cancel .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #2c2c2c;
- vertical-align: -0.04rem;
- margin-right: 0.09rem;
+ vertical-align: -0.04*3.125rem;
+ margin-right: 0.09*3.125rem;
}
.group-con .wrapper .lookOrder .iconfont {
- font-size: 0.25rem;
+ font-size: 0.25*3.125rem;
color: #2c2c2c;
- margin-left: 0.1rem;
+ margin-left: 0.1*3.125rem;
}
.group-con .group-recommend {
background-color: #fff;
- margin-top: 0.25rem;
+ margin-top: 0.25*3.125rem;
}
.group-con .group-recommend .title {
- padding-right: 0.3rem;
- margin-left: 0.3rem;
- height: 0.85rem;
+ padding-right: 0.3*3.125rem;
+ margin-left: 0.3*3.125rem;
+ height: 0.85*3.125rem;
border-bottom: 1px solid #eee;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
@@ -5236,87 +5235,87 @@
}
.group-con .group-recommend .title .more .iconfont {
- margin-left: 0.13rem;
- font-size: 0.28rem;
+ margin-left: 0.13*3.125rem;
+ font-size: 0.28*3.125rem;
}
.group-con .group-recommend .list {
- margin-top: 0.3rem;
+ margin-top: 0.3*3.125rem;
}
.group-con .group-recommend .list .item {
- width: 2.1rem;
- margin: 0 0 0.25rem 0.3rem;
+ width: 2.1*3.125rem;
+ margin: 0 0 0.25*3.125rem 0.3*3.125rem;
}
.group-con .group-recommend .list .item .pictrue {
width: 100%;
- height: 2.1rem;
+ height: 2.1*3.125rem;
position: relative;
}
.group-con .group-recommend .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
}
.group-con .group-recommend .list .item .pictrue .team {
position: absolute;
- top: 0.28rem;
- left: -0.05rem;
- min-width: 1rem;
- height: 0.36rem;
- line-height: 0.36rem;
- text-align: center;
- border-radius: 0 0.18rem 0.18rem 0;
- font-size: 0.2rem;
+ top: 0.28*3.125rem;
+ left: -0.05*3.125rem;
+ min-width: 1*3.125rem;
+ height: 0.36*3.125rem;
+ line-height: 0.36*3.125rem;
+ text-align: center;
+ border-radius: 0 0.18*3.125rem 0.18*3.125rem 0;
+ font-size: 0.2*3.125rem;
color: #fff;
background-image: linear-gradient(to right, #fb5445 0%, #e93323 100%);
background-image: -moz-linear-gradient(to right, #fb5445 0%, #e93323 100%);
}
.group-con .group-recommend .list .item .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #333;
- margin-top: 0.18rem;
+ margin-top: 0.18*3.125rem;
}
.group-con .group-recommend .list .item .money {
font-weight: bold;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
}
/*商品评分*/
.evaluate-list .generalComment {
- height: 0.94rem;
- padding: 0 0.3rem;
+ height: 0.94*3.125rem;
+ padding: 0 0.3*3.125rem;
background-color: #fff;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #808080;
}
.evaluate-list .generalComment .evaluate {
- margin-right: 0.07rem;
+ margin-right: 0.07*3.125rem;
}
.evaluate-list .nav {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
- padding: 0 0.3rem 0.15rem 0.3rem;
+ padding: 0 0.3*3.125rem 0.15*3.125rem 0.3*3.125rem;
background-color: #fff;
border-bottom: 1px solid #f5f5f5;
}
.evaluate-list .nav .item {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
- border-radius: 0.06rem;
- height: 0.54rem;
- padding: 0 0.2rem;
+ border-radius: 0.06*3.125rem;
+ height: 0.54*3.125rem;
+ padding: 0 0.2*3.125rem;
background-color: #f4f4f4;
- line-height: 0.54rem;
- margin: 0 0.17rem 0.17rem 0;
+ line-height: 0.54*3.125rem;
+ margin: 0 0.17*3.125rem 0.17*3.125rem 0;
}
.evaluate-list .nav .item.bg-color-red {
@@ -5327,45 +5326,45 @@
.evaluate-con .score {
background-color: #fff;
border-top: 1px solid #f5f5f5;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- padding: 0.48rem 0.3rem 0.65rem 0.3rem;
+ padding: 0.48*3.125rem 0.3*3.125rem 0.65*3.125rem 0.3*3.125rem;
}
.evaluate-con .score .item~.item {
- margin-top: 0.25rem;
+ margin-top: 0.25*3.125rem;
}
.evaluate-con .score .item .starsList {
- padding: 0 0.35rem 0 0.4rem;
+ padding: 0 0.35*3.125rem 0 0.4*3.125rem;
}
.evaluate-con .score .item .starsList .iconfont {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #aaa;
}
.evaluate-con .score .item .starsList .iconfont~.iconfont {
- margin-left: 0.2rem;
+ margin-left: 0.2*3.125rem;
}
.evaluate-con .score .item .evaluate {
color: #aaa;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.evaluate-con .score .textarea {
- width: 6.9rem;
+ width: 6.9*3.125rem;
background-color: #fafafa;
- border-radius: 0.1rem;
- margin-top: 0.48rem;
+ border-radius: 0.1*3.125rem;
+ margin-top: 0.48*3.125rem;
}
.evaluate-con .score .textarea textarea {
- font-size: 0.28rem;
- padding: 0.38rem 0.3rem 0 0.3rem;
+ font-size: 0.28*3.125rem;
+ padding: 0.38*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
width: 100%;
- height: 1.6rem;
+ height: 1.6*3.125rem;
}
.evaluate-con .score .textarea textarea::placeholder {
@@ -5373,85 +5372,85 @@
}
.evaluate-con .score .textarea .list {
- margin-top: 0.25rem;
- padding-left: 0.05rem;
+ margin-top: 0.25*3.125rem;
+ padding-left: 0.05*3.125rem;
}
.evaluate-con .score .textarea .list .pictrue {
- width: 1.4rem;
- height: 1.4rem;
- margin: 0 0 0.35rem 0.25rem;
+ width: 1.4*3.125rem;
+ height: 1.4*3.125rem;
+ margin: 0 0 0.35*3.125rem 0.25*3.125rem;
position: relative;
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #bbb;
}
.evaluate-con .score .textarea .list .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.03rem;
+ border-radius: 0.03*3.125rem;
}
.evaluate-con .score .textarea .list .pictrue .icon-guanbi1 {
- font-size: 0.45rem;
+ font-size: 0.45*3.125rem;
position: absolute;
- top: -0.2rem;
- right: -0.2rem;
+ top: -0.2*3.125rem;
+ right: -0.2*3.125rem;
}
.evaluate-con .score .textarea .list .pictrue .icon-icon25201 {
color: #bfbfbf;
- font-size: 0.5rem;
+ font-size: 0.5*3.125rem;
}
.evaluate-con .score .evaluateBnt {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
- width: 6.9rem;
- height: 0.86rem;
- border-radius: 0.43rem;
+ width: 6.9*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.43*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin-top: 0.45rem;
+ line-height: 0.86*3.125rem;
+ margin-top: 0.45*3.125rem;
}
/*签到*/
.sign .header {
width: 100%;
- height: 3.1rem;
+ height: 3.1*3.125rem;
}
.sign .header .headerCon {
- padding: 0 0 0 0.3rem;
- height: 2.34rem;
+ padding: 0 0 0 0.3*3.125rem;
+ height: 2.34*3.125rem;
}
.sign .header .headerCon .left {
- width: 5.3rem;
- font-size: 0.32rem;
+ width: 5.3*3.125rem;
+ font-size: 0.32*3.125rem;
color: #fff;
font-weight: bold;
}
.sign .header .headerCon .left .integral span {
- font-size: 0.24rem;
- margin-top: 0.19rem;
+ font-size: 0.24*3.125rem;
+ margin-top: 0.19*3.125rem;
background-color: #ff9000;
text-align: center;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
font-weight: normal;
- padding: 0.06rem 0.15rem;
+ padding: 0.06*3.125rem 0.15*3.125rem;
}
.sign .header .headerCon .text {
- width: 4.1rem;
+ width: 4.1*3.125rem;
}
.sign .header .headerCon .left .pictrue {
- width: 0.86rem;
- height: 0.86rem;
+ width: 0.86*3.125rem;
+ height: 0.86*3.125rem;
border-radius: 50%;
- border: 0.04rem solid #ecddbc;
+ border: 0.04*3.125rem solid #ecddbc;
}
.sign .header .headerCon .left .pictrue img {
@@ -5461,52 +5460,52 @@
}
.sign .header .headerCon .right {
- width: 1.42rem;
- height: 0.66rem;
+ width: 1.42*3.125rem;
+ height: 0.66*3.125rem;
background-color: #fff;
- border-radius: 0.5rem 0 0 0.5rem;
- font-size: 0.24rem;
+ border-radius: 0.5*3.125rem 0 0 0.5*3.125rem;
+ font-size: 0.24*3.125rem;
color: #ff9000;
}
.sign .header .headerCon .right .iconfont {
- font-size: 0.33rem;
- padding: 0 0.1rem 0 0.3rem;
- height: 0.35rem;
- line-height: 0.35rem;
+ font-size: 0.33*3.125rem;
+ padding: 0 0.1*3.125rem 0 0.3*3.125rem;
+ height: 0.35*3.125rem;
+ line-height: 0.35*3.125rem;
}
.sign .wrapper {
background-color: #fff;
- margin: -0.8rem 0.2rem 0 0.2rem;
- border-radius: 0.15rem;
- padding-bottom: 0.8rem;
+ margin: -0.8*3.125rem 0.2*3.125rem 0 0.2*3.125rem;
+ border-radius: 0.15*3.125rem;
+ padding-bottom: 0.8*3.125rem;
position: relative;
}
.sign .wrapper .list {
- padding: 0 0.3rem;
- height: 2.4rem;
+ padding: 0 0.3*3.125rem;
+ height: 2.4*3.125rem;
}
.sign .wrapper .list .item {
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #8a8886;
text-align: center;
}
.sign .wrapper .list .item .rewardTxt {
- width: 0.74rem;
- height: 0.32rem;
+ width: 0.74*3.125rem;
+ height: 0.32*3.125rem;
background-color: #f4b409;
- border-radius: 0.16rem;
- font-size: 0.2rem;
+ border-radius: 0.16*3.125rem;
+ font-size: 0.2*3.125rem;
color: #a57d3f;
- line-height: 0.32rem;
+ line-height: 0.32*3.125rem;
}
.sign .wrapper .list .item .num {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999;
}
@@ -5518,9 +5517,9 @@
background-image: url('https://h5.dayouqiantu.cn/static/images/stars2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 0.56rem;
- height: 0.56rem;
- margin: 0.1rem 0;
+ width: 0.56*3.125rem;
+ height: 0.56*3.125rem;
+ margin: 0.1*3.125rem 0;
}
.sign .wrapper .list .item .venus.venusSelect {
@@ -5529,17 +5528,17 @@
.sign .wrapper .list .item .venus.reward {
background-image: url('https://h5.dayouqiantu.cn/static/images/stars3.png');
- width: 0.75rem;
- height: 0.56rem;
+ width: 0.75*3.125rem;
+ height: 0.56*3.125rem;
}
.sign .wrapper .but {
- width: 4rem;
- height: 0.76rem;
- font-size: 0.3rem;
- line-height: 0.76rem;
+ width: 4*3.125rem;
+ height: 0.76*3.125rem;
+ font-size: 0.3*3.125rem;
+ line-height: 0.76*3.125rem;
color: #fff;
- border-radius: 0.5rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
margin: 0 auto;
}
@@ -5552,91 +5551,91 @@
background-image: url('https://h5.dayouqiantu.cn/static/images/lock2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 5.58rem;
- height: 0.68rem;
+ width: 5.58*3.125rem;
+ height: 0.68*3.125rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
- bottom: -0.41rem;
+ bottom: -0.41*3.125rem;
z-index: 9;
}
.sign .wrapper2 {
- margin-top: 0.15rem;
- padding: 0.73rem 0 0 0;
+ margin-top: 0.15*3.125rem;
+ padding: 0.73*3.125rem 0 0 0;
}
.sign .wrapper2 .tip {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #666;
text-align: center;
}
.sign .wrapper2 .list2 {
- margin: 0.45rem 0 0.49rem 0;
+ margin: 0.45*3.125rem 0 0.49*3.125rem 0;
}
.sign .wrapper2 .list2 .item {
- width: 0.8rem;
- height: 1.16rem;
+ width: 0.8*3.125rem;
+ height: 1.16*3.125rem;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
- font-size: 0.72rem;
+ font-size: 0.72*3.125rem;
text-align: center;
- line-height: 1.16rem;
- margin-right: 0.19rem;
+ line-height: 1.16*3.125rem;
+ margin-right: 0.19*3.125rem;
background-image: url('https://h5.dayouqiantu.cn/static/images/redBg.png');
}
.sign .wrapper2 .list2 .data {
- font-size: 0.30rem;
+ font-size: 0.30*3.125rem;
color: #232323;
}
.sign .wrapper2 .tip2 {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999999;
- padding: 0 0.55rem;
+ padding: 0 0.55*3.125rem;
text-align: center;
line-height: 1.5;
}
.sign .list3 {
- margin: 0.45rem 0.37rem 0 0.37rem;
+ margin: 0.45*3.125rem 0.37*3.125rem 0 0.37*3.125rem;
border-top: 1px dashed #eee;
}
.sign .list3 .item {
border-bottom: 1px solid #eee;
- height: 1.3rem;
+ height: 1.3*3.125rem;
}
.sign .list3 .item .name {
color: #232323;
- font-size: 0.3rem;
- width: 4rem;
+ font-size: 0.3*3.125rem;
+ width: 4*3.125rem;
}
.sign .list3 .item .data {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #bbbbbb;
- margin-top: 0.09rem;
+ margin-top: 0.09*3.125rem;
}
.sign .list3 .item .num {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
font-family: 'GuildfordProBook 5';
}
.sign .signTip {
- width: 6.44rem;
- height: 6.45rem;
+ width: 6.44*3.125rem;
+ height: 6.45*3.125rem;
position: fixed;
top: 50%;
left: 50%;
- margin-left: -3.22rem;
- margin-top: -3.225rem;
+ margin-left: -3.22*3.125rem;
+ margin-top: -3.225*3.125rem;
z-index: 99;
text-align: center;
transition: all 0.3s ease-in-out 0s;
@@ -5660,66 +5659,66 @@
background-image: url('https://h5.dayouqiantu.cn/static/images/register.png');
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 4.2rem;
- height: 4.2rem;
- margin-top: -7rem;
+ width: 4.2*3.125rem;
+ height: 4.2*3.125rem;
+ margin-top: -7*3.125rem;
position: relative;
}
.sign .signTip .signTipCon .state {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
color: #fff;
- margin-top: 1.5rem;
+ margin-top: 1.5*3.125rem;
}
.sign .signTip .signTipCon .integral {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: rgba(255, 255, 255, 0.6);
- margin-top: 0.09rem;
+ margin-top: 0.09*3.125rem;
}
.sign .signTip .signTipCon .signTipBnt {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #eb4331;
- width: 2.6rem;
- height: 0.76rem;
+ width: 2.6*3.125rem;
+ height: 0.76*3.125rem;
background-color: #f8d168;
- border-radius: 0.38rem;
- line-height: 0.76rem;
- margin: 0.48rem auto 0 auto;
+ border-radius: 0.38*3.125rem;
+ line-height: 0.76*3.125rem;
+ margin: 0.48*3.125rem auto 0 auto;
}
/*签到记录、账单明细列表*/
.sign-record .list .item .data {
- height: 0.8rem;
- line-height: 0.8rem;
- padding: 0 0.3rem;
- font-size: 0.24rem;
+ height: 0.8*3.125rem;
+ line-height: 0.8*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.24*3.125rem;
color: #666;
}
.sign-record .list .item .listn {
background-color: #fff;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
.sign-record .list .item .listn .itemn {
- height: 1.2rem;
+ height: 1.2*3.125rem;
border-bottom: 1px solid #eee;
- padding-right: 0.3rem;
- margin-left: 0.3rem;
+ padding-right: 0.3*3.125rem;
+ margin-left: 0.3*3.125rem;
}
.sign-record .list .item .listn .itemn .name {
- width: 3.9rem;
- font-size: 0.28rem;
+ width: 3.9*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-bottom: 0.06rem;
+ margin-bottom: 0.06*3.125rem;
}
.sign-record .list .item .listn .itemn .num {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
font-family: 'GuildfordProBook 5';
color: #16ac57;
}
@@ -5727,15 +5726,15 @@
/*申请退货*/
.apply-return .list {
background-color: #fff;
- margin-top: 0.18rem;
+ margin-top: 0.18*3.125rem;
}
.apply-return .list .item {
- margin-left: 0.3rem;
- padding-right: 0.3rem;
- min-height: 0.9rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
+ min-height: 0.9*3.125rem;
border-bottom: 1px solid #eee;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #333;
}
@@ -5752,7 +5751,7 @@
.apply-return .list .item .num .iconfont {
color: #666;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
position: absolute;
right: 0;
top: 50%;
@@ -5760,12 +5759,12 @@
}
.apply-return .list .item.textarea {
- padding: 0.3rem 0.3rem 0.3rem 0;
+ padding: 0.3*3.125rem 0.3*3.125rem 0.3*3.125rem 0;
}
.apply-return .list .item textarea {
- height: 1rem;
- font-size: 0.3rem;
+ height: 1*3.125rem;
+ font-size: 0.3*3.125rem;
}
.apply-return .list .item textarea::placeholder {
@@ -5773,25 +5772,25 @@
}
.apply-return .list .item .title {
- height: 0.95rem;
+ height: 0.95*3.125rem;
width: 100%;
}
.apply-return .list .item .title .tip {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #bbb;
}
.apply-return .list .item .upload {
- padding-bottom: 0.36rem;
+ padding-bottom: 0.36*3.125rem;
}
.apply-return .list .item .upload .pictrue {
- margin: 0.22rem 0.23rem 0 0;
- width: 1.56rem;
- height: 1.56rem;
+ margin: 0.22*3.125rem 0.23*3.125rem 0 0;
+ width: 1.56*3.125rem;
+ height: 1.56*3.125rem;
position: relative;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #bbb;
border: 1px solid #bbb;
}
@@ -5803,25 +5802,25 @@
.apply-return .list .item .upload .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.03rem;
+ border-radius: 0.03*3.125rem;
}
.apply-return .list .item .upload .pictrue .icon-guanbi1 {
position: absolute;
- font-size: 0.45rem;
- top: -0.1rem;
- right: -0.1rem;
- width: 0.45rem;
- height: 0.45rem;
- line-height: 0.45rem;
+ font-size: 0.45*3.125rem;
+ top: -0.1*3.125rem;
+ right: -0.1*3.125rem;
+ width: 0.45*3.125rem;
+ height: 0.45*3.125rem;
+ line-height: 0.45*3.125rem;
}
.apply-return .list .item .upload .pictrue .icon-icon25201 {
color: #bfbfbf;
- font-size: 0.5rem;
- width: 0.5rem;
- height: 0.6rem;
- line-height: 0.6rem;
+ font-size: 0.5*3.125rem;
+ width: 0.5*3.125rem;
+ height: 0.6*3.125rem;
+ line-height: 0.6*3.125rem;
}
.apply-return .list .item .upload .pictrue:nth-last-child(1) {
@@ -5829,29 +5828,29 @@
}
.apply-return .returnBnt {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 6.9rem;
- height: 0.86rem;
- border-radius: 0.5rem;
+ width: 6.9*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin: 0.43rem auto;
+ line-height: 0.86*3.125rem;
+ margin: 0.43*3.125rem auto;
}
/*退货列表*/
.return-list .goodWrapper {
background-color: #fff;
- margin-bottom: 0.13rem;
+ margin-bottom: 0.13*3.125rem;
position: relative;
}
.return-list .goodWrapper .orderNum {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
border-bottom: 1px solid #eee;
- height: 0.87rem;
- line-height: 0.87rem;
- font-size: 0.3rem;
+ height: 0.87*3.125rem;
+ line-height: 0.87*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
@@ -5860,26 +5859,26 @@
}
.return-list .goodWrapper .totalSum {
- padding: 0 0.3rem 0.32rem 0.3rem;
+ padding: 0 0.3*3.125rem 0.32*3.125rem 0.3*3.125rem;
text-align: right;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
}
.return-list .goodWrapper .totalSum .price {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
}
.return-list .goodWrapper .iconfont {
position: absolute;
- font-size: 1.09rem;
- top: 0.07rem;
- right: 0.3rem;
+ font-size: 1.09*3.125rem;
+ top: 0.07*3.125rem;
+ right: 0.3*3.125rem;
color: #ccc;
- width: 1.09rem;
- height: 1.09rem;
- line-height: 1.09rem;
+ width: 1.09*3.125rem;
+ height: 1.09*3.125rem;
+ line-height: 1.09*3.125rem;
}
.return-list .goodWrapper .iconfont.powder {
@@ -5893,27 +5892,27 @@
}
.collectionGoods .item {
- margin-left: 0.3rem;
- padding-right: 0.3rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
border-bottom: 1px solid #eee;
- height: 1.8rem;
+ height: 1.8*3.125rem;
}
.collectionGoods .item .pictrue {
- width: 1.3rem;
- height: 1.3rem;
+ width: 1.3*3.125rem;
+ height: 1.3*3.125rem;
}
.collectionGoods .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.collectionGoods .item .text {
- width: 5.35rem;
- height: 1.3rem;
- font-size: 0.28rem;
+ width: 5.35*3.125rem;
+ height: 1.3*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
@@ -5922,41 +5921,41 @@
}
.collectionGoods .item .text .money {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
}
.collectionGoods .item .text .delete {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- width: 1.14rem;
- height: 0.46rem;
+ width: 1.14*3.125rem;
+ height: 0.46*3.125rem;
border: 1px solid #bbb;
- border-radius: 0.04rem;
+ border-radius: 0.04*3.125rem;
text-align: center;
- line-height: 0.46rem;
+ line-height: 0.46*3.125rem;
}
/*搜索商品*/
.searchGood .search {
- padding-left: 0.3rem;
+ padding-left: 0.3*3.125rem;
}
.searchGood .search {
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.searchGood .search .input {
flex: 1;
box-sizing: border-box;
background-color: #f7f7f7;
- border-radius: 0.33rem;
- padding: 0 0.35rem;
- height: 0.66rem;
+ border-radius: 0.33*3.125rem;
+ padding: 0 0.35*3.125rem;
+ height: 0.66*3.125rem;
}
.searchGood .search .input input {
flex: 1;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
margin-left: 15rpx;
}
@@ -5966,54 +5965,54 @@
.searchGood .search .input .iconfont {
color: #000;
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
}
.searchGood .search .bnt {
- width: 1.2rem;
+ width: 1.2*3.125rem;
text-align: center;
- height: 0.66rem;
- line-height: 0.66rem;
- font-size: 0.3rem;
+ height: 0.66*3.125rem;
+ line-height: 0.66*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.searchGood .title {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #999;
- margin: 0.5rem 0.3rem 0.25rem 0.3rem;
+ margin: 0.5*3.125rem 0.3*3.125rem 0.25*3.125rem 0.3*3.125rem;
}
.searchGood .list {
- padding-left: 0.1rem;
+ padding-left: 0.1*3.125rem;
}
.searchGood .list .item {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #454545;
- padding: 0 0.21rem;
- height: 0.6rem;
- border-radius: 0.03rem;
- line-height: 0.6rem;
+ padding: 0 0.21*3.125rem;
+ height: 0.6*3.125rem;
+ border-radius: 0.03*3.125rem;
+ line-height: 0.6*3.125rem;
border: 1px solid #aaa;
- margin: 0 0 0.2rem 0.2rem;
+ margin: 0 0 0.2*3.125rem 0.2*3.125rem;
}
.searchGood .line {
border-bottom: 1px solid #eee;
- margin: 0.2rem 0.3rem 0 0.3rem;
+ margin: 0.2*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
}
/*银行卡提现*/
.cash-withdrawal .nav {
- height: 1.3rem;
- box-shadow: 0 0.1rem 0.1rem #f8f8f8;
- -moz-box-shadow: 0 0.1rem 0.1rem #f8f8f8;
- -o-box-shadow: 0 0.1rem 0.1rem #f8f8f8;
+ height: 1.3*3.125rem;
+ box-shadow: 0 0.1*3.125rem 0.1*3.125rem #f8f8f8;
+ -moz-box-shadow: 0 0.1*3.125rem 0.1*3.125rem #f8f8f8;
+ -o-box-shadow: 0 0.1*3.125rem 0.1*3.125rem #f8f8f8;
}
.cash-withdrawal .nav .item {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
@@ -6025,14 +6024,14 @@
}
.cash-withdrawal .nav .item .iconfont {
- width: 0.4rem;
- height: 0.4rem;
+ width: 0.4*3.125rem;
+ height: 0.4*3.125rem;
border-radius: 50%;
- border: 0.02rem solid #e93323;
+ border: 0.02*3.125rem solid #e93323;
text-align: center;
- line-height: 0.37rem;
- margin: 0 auto 0.06rem auto;
- font-size: 0.22rem;
+ line-height: 0.37*3.125rem;
+ margin: 0 auto 0.06*3.125rem auto;
+ font-size: 0.22*3.125rem;
}
.cash-withdrawal .nav .item .iconfont.on {
@@ -6042,33 +6041,33 @@
}
.cash-withdrawal .nav .item .line {
- width: 0.02rem;
- height: 0.2rem;
+ width: 0.02*3.125rem;
+ height: 0.2*3.125rem;
margin: 0 auto;
transition: height 0.3s;
}
.cash-withdrawal .nav .item .line.on {
- height: 0.39rem;
+ height: 0.39*3.125rem;
}
.cash-withdrawal .wrapper .list {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.cash-withdrawal .wrapper .list .item {
border-bottom: 1px solid #eee;
- height: 1.07rem;
- font-size: 0.3rem;
+ height: 1.07*3.125rem;
+ font-size: 0.3*3.125rem;
color: #333;
}
.cash-withdrawal .wrapper .list .item .name {
- width: 1.3rem;
+ width: 1.3*3.125rem;
}
.cash-withdrawal .wrapper .list .item .input {
- width: 5.05rem;
+ width: 5.05*3.125rem;
}
.cash-withdrawal .wrapper .list .item .input input::placeholder {
@@ -6076,41 +6075,41 @@
}
.cash-withdrawal .wrapper .list .tip {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
- margin-top: 0.25rem;
+ margin-top: 0.25*3.125rem;
}
.cash-withdrawal .wrapper .list .bnt {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 6.9rem;
- height: 0.9rem;
+ width: 6.9*3.125rem;
+ height: 0.9*3.125rem;
text-align: center;
- border-radius: 0.5rem;
- line-height: 0.9rem;
- margin: 0.64rem auto;
+ border-radius: 0.5*3.125rem;
+ line-height: 0.9*3.125rem;
+ margin: 0.64*3.125rem auto;
}
.cash-withdrawal .wrapper .list .tip2 {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
text-align: center;
- margin: 0.44rem 0 0.2rem 0;
+ margin: 0.44*3.125rem 0 0.2*3.125rem 0;
}
.cash-withdrawal .wrapper .list .value {
- height: 1.35rem;
- line-height: 1.35rem;
+ height: 1.35*3.125rem;
+ line-height: 1.35*3.125rem;
border-bottom: 1px solid #eee;
- width: 6.9rem;
+ width: 6.9*3.125rem;
margin: 0 auto;
}
.cash-withdrawal .wrapper .list .value input {
- font-size: 0.8rem;
+ font-size: 0.8*3.125rem;
color: #282828;
- height: 1.35rem;
+ height: 1.35*3.125rem;
text-align: center;
width: 100%;
}
@@ -6121,18 +6120,18 @@
/*提现审核*/
.cash-audit {
- width: 7.1rem;
+ width: 7.1*3.125rem;
background-color: #fff;
- border-radius: 0.06rem;
- margin: 0.25rem auto 0 auto;
- padding: 0.53rem 0 0.58rem 0;
+ border-radius: 0.06*3.125rem;
+ margin: 0.25*3.125rem auto 0 auto;
+ padding: 0.53*3.125rem 0 0.58*3.125rem 0;
left: 50%;
- margin-left: -3.55rem;
+ margin-left: -3.55*3.125rem;
}
.cash-audit .pictrue {
- width: 2.14rem;
- height: 1.79rem;
+ width: 2.14*3.125rem;
+ height: 1.79*3.125rem;
margin: 0 auto;
}
@@ -6142,43 +6141,43 @@
}
.cash-audit .tip {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #282828;
- margin-top: 0.4rem;
+ margin-top: 0.4*3.125rem;
text-align: center;
- padding: 0 0.4rem;
+ padding: 0 0.4*3.125rem;
}
.cash-audit .time {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
text-align: center;
- margin-top: 0.15rem;
+ margin-top: 0.15*3.125rem;
}
.cash-audit .bnt {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 5rem;
- height: 0.86rem;
- border-radius: 0.43rem;
+ width: 5*3.125rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.43*3.125rem;
text-align: center;
- line-height: 0.86rem;
- margin: 0.5rem auto 0 auto;
+ line-height: 0.86*3.125rem;
+ margin: 0.5*3.125rem auto 0 auto;
}
/*推广人订单*/
.promoter-order .list .item .title {
- height: 1.33rem;
- padding: 0 0.3rem;
- font-size: 0.26rem;
+ height: 1.33*3.125rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
.promoter-order .list .item .title .data {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
- margin-bottom: 0.05rem;
+ margin-bottom: 0.05*3.125rem;
}
.promoter-order .list .item .listn .itenm {
@@ -6186,50 +6185,50 @@
}
.promoter-order .list .item .listn .itenm~.itenm {
- margin-top: 0.12rem;
+ margin-top: 0.12*3.125rem;
}
.promoter-order .list .item .listn .itenm .top {
- margin-left: 0.3rem;
- padding-right: 0.3rem;
+ margin-left: 0.3*3.125rem;
+ padding-right: 0.3*3.125rem;
border-bottom: 1px solid #eee;
- height: 1rem;
+ height: 1*3.125rem;
}
.promoter-order .list .item .listn .itenm .top .pictxt {
- width: 3.2rem;
+ width: 3.2*3.125rem;
}
.promoter-order .list .item .listn .itenm .top .pictxt .text {
- width: 2.3rem;
- font-size: 0.3rem;
+ width: 2.3*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue {
- width: 0.66rem;
- height: 0.66rem;
+ width: 0.66*3.125rem;
+ height: 0.66*3.125rem;
}
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue img {
width: 100%;
height: 100%;
border-radius: 50%;
- border: 0.03rem solid #fff;
- box-shadow: 0 0 0.1rem #aaa;
- -moz-box-shadow: 0 0 0.1rem #aaa;
- -o-box-shadow: 0 0 0.1rem #aaa;
+ border: 0.03*3.125rem solid #fff;
+ box-shadow: 0 0 0.1*3.125rem #aaa;
+ -moz-box-shadow: 0 0 0.1*3.125rem #aaa;
+ -o-box-shadow: 0 0 0.1*3.125rem #aaa;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.promoter-order .list .item .listn .itenm .top .money {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.promoter-order .list .item .listn .itenm .bottom {
- padding: 0.2rem 0.3rem;
- font-size: 0.28rem;
+ padding: 0.2*3.125rem 0.3*3.125rem;
+ font-size: 0.28*3.125rem;
color: #666;
line-height: 1.6;
}
@@ -6240,14 +6239,14 @@
/*推广人列表*/
.promoter-list .header {
- padding-bottom: 0.12rem;
+ padding-bottom: 0.12*3.125rem;
}
.promoter-list .nav {
background-color: #fff;
- height: 0.86rem;
- line-height: 0.86rem;
- font-size: 0.28rem;
+ height: 0.86*3.125rem;
+ line-height: 0.86*3.125rem;
+ font-size: 0.28*3.125rem;
color: #282828;
border-bottom: 1px solid #eee;
}
@@ -6258,7 +6257,7 @@
.promoter-list .nav .item.on {
color: #73CBB6;
- border-bottom: 0.05rem solid #73CBB6;
+ border-bottom: 0.05*3.125rem solid #73CBB6;
}
.promoter-list .search {
@@ -6266,14 +6265,14 @@
width: 100%;
background-color: #fff;
- height: 0.86rem;
- padding: 0 0.3rem;
+ height: 0.86*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.promoter-list .search .input {
- width: 6.3rem;
- height: 0.6rem;
- border-radius: 0.5rem;
+ width: 6.3*3.125rem;
+ height: 0.6*3.125rem;
+ border-radius: 0.5*3.125rem;
background-color: #f5f5f5;
text-align: center;
position: relative;
@@ -6281,8 +6280,8 @@
.promoter-list .search .input input {
height: 100%;
- font-size: 0.26rem;
- width: 6.2rem;
+ font-size: 0.26*3.125rem;
+ width: 6.2*3.125rem;
text-align: center;
}
@@ -6292,24 +6291,24 @@
.promoter-list .search .input .iconfont {
position: absolute;
- right: 0.28rem;
+ right: 0.28*3.125rem;
color: #999;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
top: 50%;
transform: translateY(-50%);
}
.promoter-list .search .iconfont {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #515151;
}
.promoter-list .list .sortNav {
background-color: #fff;
- height: 0.76rem;
+ height: 0.76*3.125rem;
border-bottom: 1px solid #eee;
color: #333;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.promoter-list .list .sortNav.on {
@@ -6328,32 +6327,32 @@
}
.promoter-list .list .sortNav .sortItem img {
- width: 0.24rem;
- height: 0.24rem;
- margin-left: 0.06rem;
- vertical-align: -0.03rem;
+ width: 0.24*3.125rem;
+ height: 0.24*3.125rem;
+ margin-left: 0.06*3.125rem;
+ vertical-align: -0.03*3.125rem;
}
.promoter-list .list .sortList {
- margin-top: 0.76rem;
+ margin-top: 0.76*3.125rem;
}
.promoter-list .list .item {
background-color: #fff;
border-bottom: 1px solid #eee;
- height: 1.52rem;
- padding: 0 0.3rem 0 0.2rem;
- font-size: 0.24rem;
+ height: 1.52*3.125rem;
+ padding: 0 0.3*3.125rem 0 0.2*3.125rem;
+ font-size: 0.24*3.125rem;
color: #666;
}
.promoter-list .list .item .picTxt {
- width: 4.4rem;
+ width: 4.4*3.125rem;
}
.promoter-list .list .item .picTxt .pictrue {
- width: 1.06rem;
- height: 1.06rem;
+ width: 1.06*3.125rem;
+ height: 1.06*3.125rem;
border-radius: 50%;
}
@@ -6361,30 +6360,30 @@
width: 100%;
height: 100%;
border-radius: 50%;
- border: 0.03rem solid #fff;
- box-shadow: 0 0 0.07rem #aaa;
- -moz-box-shadow: 0 0 0.07rem #aaa;
- -o-box-shadow: 0 0 0.07rem #aaa;
+ border: 0.03*3.125rem solid #fff;
+ box-shadow: 0 0 0.07*3.125rem #aaa;
+ -moz-box-shadow: 0 0 0.07*3.125rem #aaa;
+ -o-box-shadow: 0 0 0.07*3.125rem #aaa;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.promoter-list .list .item .picTxt .text {
- width: 3.04rem;
- font-size: 0.24rem;
+ width: 3.04*3.125rem;
+ font-size: 0.24*3.125rem;
color: #666;
}
.promoter-list .list .item .picTxt .text .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #333;
- margin-bottom: 0.13rem;
+ margin-bottom: 0.13*3.125rem;
}
.promoter-list .list .item .right {
- width: 2.4rem;
+ width: 2.4*3.125rem;
text-align: right;
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #333;
}
@@ -6394,103 +6393,103 @@
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 3.75rem;
+ height: 3.75*3.125rem;
}
.my-promotion .header .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #fff;
- padding-top: 0.57rem;
+ padding-top: 0.57*3.125rem;
position: relative;
}
.my-promotion .header .name .record {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: rgba(255, 255, 255, 0.8);
position: absolute;
- right: 0.2rem;
+ right: 0.2*3.125rem;
}
.my-promotion .header .name .record .iconfont {
- font-size: 0.25rem;
- margin-left: 0.1rem;
+ font-size: 0.25*3.125rem;
+ margin-left: 0.1*3.125rem;
}
.my-promotion .header .num {
text-align: center;
color: #fff;
- margin-top: 0.25rem;
- font-size: 0.9rem;
+ margin-top: 0.25*3.125rem;
+ font-size: 0.9*3.125rem;
font-family: 'GuildfordProBook 5';
}
.my-promotion .header .profit {
- padding: 0 0.2rem;
- margin-top: 0.33rem;
- font-size: 0.24rem;
+ padding: 0 0.2*3.125rem;
+ margin-top: 0.33*3.125rem;
+ font-size: 0.24*3.125rem;
color: rgba(255, 255, 255, 0.8);
}
.my-promotion .header .profit .item {
- min-width: 2rem;
+ min-width: 2*3.125rem;
text-align: center;
}
.my-promotion .header .profit .item .money {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
color: #fff;
}
.my-promotion .bnt {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #fff;
- width: 2.58rem;
- height: 0.68rem;
- border-radius: 0.5rem;
+ width: 2.58*3.125rem;
+ height: 0.68*3.125rem;
+ border-radius: 0.5*3.125rem;
text-align: center;
- line-height: 0.68rem;
- margin: -0.32rem auto 0 auto;
+ line-height: 0.68*3.125rem;
+ margin: -0.32*3.125rem auto 0 auto;
}
.my-promotion .list {
- padding: 0 0.2rem;
- margin-top: 0.1rem;
+ padding: 0 0.2*3.125rem;
+ margin-top: 0.1*3.125rem;
}
.my-promotion .list .item {
- width: 3.45rem;
- height: 2.4rem;
- border-radius: 0.2rem;
+ width: 3.45*3.125rem;
+ height: 2.4*3.125rem;
+ border-radius: 0.2*3.125rem;
background-color: #fff;
- margin-top: 0.2rem;
- font-size: 0.3rem;
+ margin-top: 0.2*3.125rem;
+ font-size: 0.3*3.125rem;
color: #666;
}
.my-promotion .list .item .iconfont {
- font-size: 0.7rem;
+ font-size: 0.7*3.125rem;
/* background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */
/* background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */
- margin-bottom: 0.2rem;
+ margin-bottom: 0.2*3.125rem;
color: #73cbb6
}
/*我的账户*/
.my-account .wrapper {
background-color: #fff;
- padding: 0.32rem 0 0.34rem 0;
- margin-bottom: 0.14rem;
+ padding: 0.32*3.125rem 0 0.34*3.125rem 0;
+ margin-bottom: 0.14*3.125rem;
}
.my-account .wrapper .header {
- width: 6.9rem;
- height: 3.3rem;
+ width: 6.9*3.125rem;
+ height: 3.3*3.125rem;
background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%);
- border-radius: 0.16rem;
+ border-radius: 0.16*3.125rem;
margin: 0 auto;
color: rgba(255, 255, 255, 0.6);
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
}
.my-account .wrapper .header .headerCon {
@@ -6499,52 +6498,52 @@
background-size: 100%;
height: 100%;
width: 100%;
- padding: 0.36rem 0 0.29rem 0;
+ padding: 0.36*3.125rem 0 0.29*3.125rem 0;
}
.my-account .wrapper .header .headerCon .account {
- padding: 0 0.35rem;
+ padding: 0 0.35*3.125rem;
}
.my-account .wrapper .header .headerCon .account .assets .money {
- font-size: 0.72rem;
+ font-size: 0.72*3.125rem;
color: #fff;
font-family: 'GuildfordProBook 5';
- margin-top: 0.1rem;
- height: 0.75rem;
- line-height: 0.75rem;
+ margin-top: 0.1*3.125rem;
+ height: 0.75*3.125rem;
+ line-height: 0.75*3.125rem;
}
.my-account .wrapper .header .headerCon .account .recharge {
- font-size: 0.28rem;
- width: 1.5rem;
- height: 0.54rem;
- border-radius: 0.27rem;
+ font-size: 0.28*3.125rem;
+ width: 1.5*3.125rem;
+ height: 0.54*3.125rem;
+ border-radius: 0.27*3.125rem;
background-color: #fff9f8;
text-align: center;
- line-height: 0.54rem;
+ line-height: 0.54*3.125rem;
}
.my-account .wrapper .header .headerCon .cumulative {
- margin-top: 0.46rem;
+ margin-top: 0.46*3.125rem;
}
.my-account .wrapper .header .headerCon .cumulative .item {
flex: 1;
-o-flex: 1;
-ms-flex: 1;
- padding-left: 0.35rem;
+ padding-left: 0.35*3.125rem;
}
.my-account .wrapper .header .headerCon .cumulative .item .money {
- font-size: 0.48rem;
+ font-size: 0.48*3.125rem;
font-family: 'GuildfordProBook 5';
color: #fff;
- margin-top: 0.06rem;
+ margin-top: 0.06*3.125rem;
}
.my-account .wrapper .nav {
- height: 1.55rem;
+ height: 1.55*3.125rem;
border-bottom: 1px solid #f5f5f5;
}
@@ -6553,15 +6552,15 @@
-o-flex: 1;
-ms-flex: 1;
text-align: center;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
.my-account .wrapper .nav .item .pictrue {
- width: 0.44rem;
- height: 0.44rem;
+ width: 0.44*3.125rem;
+ height: 0.44*3.125rem;
margin: 0 auto;
- margin-bottom: 0.2rem;
+ margin-bottom: 0.2*3.125rem;
}
.my-account .wrapper .nav .item .pictrue img {
@@ -6570,17 +6569,17 @@
}
.my-account .wrapper .advert {
- padding: 0 0.3rem;
- margin-top: 0.3rem;
+ padding: 0 0.3*3.125rem;
+ margin-top: 0.3*3.125rem;
}
.my-account .wrapper .advert .item {
background-color: #fff6d1;
- width: 3.32rem;
- height: 1.18rem;
- border-radius: 0.1rem;
- padding: 0 0.27rem 0 0.25rem;
- font-size: 0.24rem;
+ width: 3.32*3.125rem;
+ height: 1.18*3.125rem;
+ border-radius: 0.1*3.125rem;
+ padding: 0 0.27*3.125rem 0 0.25*3.125rem;
+ font-size: 0.24*3.125rem;
color: #e44609;
}
@@ -6590,8 +6589,8 @@
}
.my-account .wrapper .advert .item .pictrue {
- width: 0.78rem;
- height: 0.78rem;
+ width: 0.78*3.125rem;
+ height: 0.78*3.125rem;
}
.my-account .wrapper .advert .item .pictrue img {
@@ -6600,10 +6599,10 @@
}
.my-account .wrapper .advert .item .text .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
font-weight: bold;
color: #f33c2b;
- margin-bottom: 0.07rem;
+ margin-bottom: 0.07*3.125rem;
}
.my-account .wrapper .advert .item.on .text .name {
@@ -6611,23 +6610,23 @@
}
.my-account .wrapper .list {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.my-account .wrapper .list .item {
- margin-top: 0.44rem;
+ margin-top: 0.44*3.125rem;
}
.my-account .wrapper .list .item .picTxt .iconfont {
- width: 0.82rem;
- height: 0.82rem;
+ width: 0.82*3.125rem;
+ height: 0.82*3.125rem;
border-radius: 50%;
background-image: linear-gradient(to right, #ff9389 0%, #f9776b 100%);
background-image: -moz-linear-gradient(to right, #ff9389 0%, #f9776b 100%);
text-align: center;
- line-height: 0.82rem;
+ line-height: 0.82*3.125rem;
color: #fff;
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
}
.my-account .wrapper .list .item .picTxt .iconfont.yellow {
@@ -6641,34 +6640,34 @@
}
.my-account .wrapper .list .item .picTxt {
- width: 4.28rem;
- font-size: 0.3rem;
+ width: 4.28*3.125rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.my-account .wrapper .list .item .picTxt .text {
- width: 3.17rem;
+ width: 3.17*3.125rem;
}
.my-account .wrapper .list .item .picTxt .text .infor {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- margin-top: 0.05rem;
+ margin-top: 0.05*3.125rem;
}
.my-account .wrapper .list .item .bnt {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- width: 1.56rem;
- height: 0.52rem;
+ width: 1.56*3.125rem;
+ height: 0.52*3.125rem;
border: 1px solid #ddd;
- border-radius: 0.26rem;
+ border-radius: 0.26*3.125rem;
text-align: center;
- line-height: 0.5rem;
+ line-height: 0.5*3.125rem;
}
.my-account .wrapper .list .item .bnt.end {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #aaa;
background-color: #f2f2f2;
border-color: #f2f2f2;
@@ -6677,9 +6676,9 @@
/*账单明细*/
.bill-details .nav {
background-color: #fff;
- height: 0.9rem;
+ height: 0.9*3.125rem;
width: 100%;
- line-height: 0.9rem;
+ line-height: 0.9*3.125rem;
}
.bill-details .nav .item {
@@ -6687,20 +6686,20 @@
-o-flex: 1;
-ms-flex: 1;
text-align: center;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
height: 100%;
}
.bill-details .nav .item.on {
color: #e93323;
- border-bottom: 0.03rem solid #e93323;
+ border-bottom: 0.03*3.125rem solid #e93323;
}
/*限时抢购*/
.flash-sale .header {
width: 100%;
- height: 2.4rem;
+ height: 2.4*3.125rem;
}
.flash-sale .header img {
@@ -6721,24 +6720,24 @@
width: 100%;
white-space: nowrap;
overflow: hidden;
- height: 1.1rem;
+ height: 1.1*3.125rem;
}
.flash-sale .timeLsit .rush-time {
overflow-y: hidden;
overflow-x: auto;
width: 100%;
- height: 1.5rem;
+ height: 1.5*3.125rem;
}
.flash-sale .timeLsit .item {
display: inline-block;
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
color: #282828;
- width: 2rem;
+ width: 2*3.125rem;
text-align: center;
- padding: 0.11rem 0;
- height: 0.96rem;
+ padding: 0.11*3.125rem 0;
+ height: 0.96*3.125rem;
background-color: #efc58f;
}
@@ -6747,10 +6746,10 @@
}
.flash-sale .timeLsit .item .time {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
- height: 0.37rem;
- line-height: 0.37rem;
+ height: 0.37*3.125rem;
+ line-height: 0.37*3.125rem;
}
.flash-sale .timeLsit .item.on {
@@ -6763,20 +6762,20 @@
content: "";
width: 0;
height: 0;
- border-left: 0.08rem solid transparent;
- border-right: 0.08rem solid transparent;
- border-top: 0.1rem solid #e93323;
+ border-left: 0.08*3.125rem solid transparent;
+ border-right: 0.08*3.125rem solid transparent;
+ border-top: 0.1*3.125rem solid #e93323;
position: absolute;
- bottom: -0.09rem;
+ bottom: -0.09*3.125rem;
z-index: 99;
left: 50%;
transform: translateX(-50%);
}
.flash-sale .countDown {
- height: 0.92rem;
+ height: 0.92*3.125rem;
border-bottom: 1px solid #f0f0f0;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
@@ -6785,67 +6784,67 @@
}
.flash-sale .countDown .time {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828
}
.flash-sale .countDown .styleAll {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
font-weight: bold;
background-color: #ffcfcb;
- padding: 0.04rem 0.07rem;
- border-radius: 0.03rem;
+ padding: 0.04*3.125rem 0.07*3.125rem;
+ border-radius: 0.03*3.125rem;
color: #fc4141;
}
.flash-sale .countDown .text {}
.flash-sale .list.on {
- margin-top: 2.02rem;
+ margin-top: 2.02*3.125rem;
}
.flash-sale .list .item {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
border-bottom: 1px solid #f0f0f0;
- height: 2.27rem;
+ height: 2.27*3.125rem;
position: relative;
}
.flash-sale .list .item .pictrue {
- width: 1.66rem;
- height: 1.66rem;
+ width: 1.66*3.125rem;
+ height: 1.66*3.125rem;
}
.flash-sale .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.flash-sale .list .item .text {
- width: 5rem;
- font-size: 0.3rem;
+ width: 5*3.125rem;
+ font-size: 0.3*3.125rem;
color: #333;
- height: 1.66rem;
+ height: 1.66*3.125rem;
}
.flash-sale .list .item .text .money {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #282828;
- margin-top: -0.13rem;
+ margin-top: -0.13*3.125rem;
}
.flash-sale .list .item .text .money .num {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
font-weight: bold;
}
.flash-sale .list .item .text .progress {
overflow: hidden;
background-color: #fff;
- width: 2.6rem;
- border-radius: 0.2rem;
- height: 0.34rem;
+ width: 2.6*3.125rem;
+ border-radius: 0.2*3.125rem;
+ height: 0.34*3.125rem;
position: relative;
}
@@ -6861,20 +6860,20 @@
left: 50%;
transform: translate(-50%, -50%);
top: 49%;
- font-size: 0.22rem;
+ font-size: 0.22*3.125rem;
}
.flash-sale .list .item .grab {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #fff;
- width: 1.4rem;
- height: 0.54rem;
- border-radius: 0.04rem;
+ width: 1.4*3.125rem;
+ height: 0.54*3.125rem;
+ border-radius: 0.04*3.125rem;
text-align: center;
- line-height: 0.54rem;
+ line-height: 0.54*3.125rem;
position: absolute;
- right: 0.3rem;
- bottom: 0.3rem;
+ right: 0.3*3.125rem;
+ bottom: 0.3*3.125rem;
}
/*抢购详情页*/
@@ -6884,124 +6883,124 @@
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 1rem;
- padding: 0 0.3rem;
+ height: 1*3.125rem;
+ padding: 0 0.3*3.125rem;
}
.product-con .nav .money {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #fff;
}
.product-con .nav .money .num {
- font-size: 0.48rem;
+ font-size: 0.48*3.125rem;
}
.product-con .nav .money .y-money {
- font-size: 0.26rem;
- margin-left: 0.1rem;
+ font-size: 0.26*3.125rem;
+ margin-left: 0.1*3.125rem;
text-decoration: line-through;
}
.product-con .nav .times {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #fff;
text-align: center;
- margin-bottom: 0.04rem;
+ margin-bottom: 0.04*3.125rem;
}
.product-con .nav .times .time {
- margin-top: 0.07rem;
+ margin-top: 0.07*3.125rem;
}
.product-con .nav .times .time .styleAll {
- padding: 0 0.07rem;
- font-size: 0.22rem;
+ padding: 0 0.07*3.125rem;
+ font-size: 0.22*3.125rem;
color: #ff3d3d;
background-color: #fff;
- border-radius: 0.02rem;
+ border-radius: 0.02*3.125rem;
}
.product-con .nav .iconfont {
color: #fff;
- font-size: 0.3rem;
- margin-left: 0.2rem;
+ font-size: 0.3*3.125rem;
+ margin-left: 0.2*3.125rem;
}
.product-con .wrapperRush {
- padding: 0.32rem 0.3rem;
+ padding: 0.32*3.125rem 0.3*3.125rem;
background-color: #fff;
}
.product-con .wrapperRush .introduce .infor {
- width: 5.7rem;
- font-size: 0.32rem;
+ width: 5.7*3.125rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
}
.product-con .wrapperRush .introduce .iconfont {
- font-size: 0.37rem;
+ font-size: 0.37*3.125rem;
color: #515151;
}
.product-con .wrapperRush .label {
- margin: 0.18rem 0 0 0;
- font-size: 0.24rem;
+ margin: 0.18*3.125rem 0 0 0;
+ font-size: 0.24*3.125rem;
color: #82848f;
}
.product-con .wrapperRush .label .stock {
- width: 2.55rem;
- margin-right: 0.28rem;
+ width: 2.55*3.125rem;
+ margin-right: 0.28*3.125rem;
}
.product-con .footerRush {
position: fixed;
bottom: 0;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
background-color: #fff;
- font-size: 0.18rem;
+ font-size: 0.18*3.125rem;
color: #666;
z-index: 99;
}
.product-con .footerRush .customerSer {
width: 14%;
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #666;
}
.product-con .footerRush .bnt {
width: 86%;
text-align: center;
- line-height: 1rem;
+ line-height: 1*3.125rem;
height: 100%;
color: #fff;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
}
/*新闻*/
.newsList .swiperNews {
- width: 6.9rem;
- height: 3.67rem;
- margin: 0.3rem auto 0 auto;
+ width: 6.9*3.125rem;
+ height: 3.67*3.125rem;
+ margin: 0.3*3.125rem auto 0 auto;
}
.newsList .swiperNews .swiper-slide {
width: 100%;
- height: 3.3rem;
+ height: 3.3*3.125rem;
}
.newsList .swiperNews .slide-image {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.newsList .swiperNews .swiper-pagination-bullet {
- width: 0.12rem;
- height: 0.12rem;
+ width: 0.12*3.125rem;
+ height: 0.12*3.125rem;
border-radius: 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
@@ -7009,7 +7008,7 @@
-o-transform-origin: 0 100%;
background-color: #d1d1d1;
opacity: 1;
- margin: 0 0.1rem;
+ margin: 0 0.1*3.125rem;
}
.newsList .swiperNews .swiper-pagination-bullet-active {
@@ -7018,14 +7017,14 @@
}
.newsList .swiperNews .swiper-pagination {
- bottom: -0.07rem;
+ bottom: -0.07*3.125rem;
width: 100%;
}
.newsList .nav {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
width: 100%;
- height: 1.05rem;
+ height: 1.05*3.125rem;
overflow: hidden;
background-color: #fff;
}
@@ -7047,9 +7046,9 @@
.newsList .nav .item {
display: inline-block;
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #999;
- margin-top: 0.4rem;
+ margin-top: 0.4*3.125rem;
}
.newsList .nav .item.on {
@@ -7057,71 +7056,71 @@
}
.newsList .nav .item~.item {
- margin-left: 0.46rem;
+ margin-left: 0.46*3.125rem;
}
.newsList .nav .item .line {
- width: 0.24rem;
- height: 0.04rem;
- border-radius: 0.02rem;
- margin: 0.1rem auto 0 auto;
+ width: 0.24*3.125rem;
+ height: 0.04*3.125rem;
+ border-radius: 0.02*3.125rem;
+ margin: 0.1*3.125rem auto 0 auto;
}
.newsList .list.on {
- margin-top: 1.05rem;
+ margin-top: 1.05*3.125rem;
}
.newsList .list .item {
- margin: 0 0.3rem;
+ margin: 0 0.3*3.125rem;
border-bottom: 1px solid #f0f0f0;
- padding: 0.35rem 0;
+ padding: 0.35*3.125rem 0;
}
.newsList .list .item .pictrue {
- width: 2.5rem;
- height: 1.56rem;
+ width: 2.5*3.125rem;
+ height: 1.56*3.125rem;
}
.newsList .list .item .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.newsList .list .item .text {
- width: 4.2rem;
- height: 1.56rem;
- font-size: 0.24rem;
+ width: 4.2*3.125rem;
+ height: 1.56*3.125rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
.newsList .list .item .text .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
}
.newsList .list .item .picList .pictrue {
- width: 3.35rem;
- height: 2.1rem;
- margin-top: 0.3rem;
+ width: 3.35*3.125rem;
+ height: 2.1*3.125rem;
+ margin-top: 0.3*3.125rem;
}
.newsList .list .item .picList.on .pictrue {
- width: 2.17rem;
- height: 1.36rem;
+ width: 2.17*3.125rem;
+ height: 1.36*3.125rem;
}
.newsList .list .item .picList .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.newsList .list .item .time {
text-align: right;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- margin-top: 0.22rem;
+ margin-top: 0.22*3.125rem;
}
.newsList .van-tabs__wrap {
@@ -7130,52 +7129,52 @@
/*新闻详情*/
.newsDetail .title {
- padding: 0 0.3rem;
- font-size: 0.34rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.34*3.125rem;
color: #282828;
font-weight: bold;
- margin: 0.45rem 0 0.23rem 0;
+ margin: 0.45*3.125rem 0 0.23*3.125rem 0;
line-height: 1.5;
}
.newsDetail .list {
- margin: 0 0.3rem;
+ margin: 0 0.3*3.125rem;
border-bottom: 1px solid #eee;
- padding-bottom: 0.25rem;
+ padding-bottom: 0.25*3.125rem;
}
.newsDetail .list .label {
- font-size: 0.24rem;
- height: 0.38rem;
- border-radius: 0.03rem;
+ font-size: 0.24*3.125rem;
+ height: 0.38*3.125rem;
+ border-radius: 0.03*3.125rem;
text-align: center;
- line-height: 0.36rem;
- padding: 0 0.1rem;
- max-width: 1.9rem;
+ line-height: 0.36*3.125rem;
+ padding: 0 0.1*3.125rem;
+ max-width: 1.9*3.125rem;
width: unset;
}
.newsDetail .list .item {
- margin-left: 0.27rem;
- font-size: 0.24rem;
+ margin-left: 0.27*3.125rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
.newsDetail .list .item .iconfont {
- font-size: 0.28rem;
- margin-right: 0.1rem;
+ font-size: 0.28*3.125rem;
+ margin-right: 0.1*3.125rem;
}
.newsDetail .list .item .iconfont.icon-shenhezhong {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
}
.newsDetail .conter {
- padding: 0 0.3rem;
- font-size: 0.3rem;
+ padding: 0 0.3*3.125rem;
+ font-size: 0.3*3.125rem;
color: #333;
line-height: 1.8;
- padding-top: 0.35rem;
+ padding-top: 0.35*3.125rem;
}
.newsDetail .conter img {
@@ -7185,7 +7184,7 @@
/*佣金明细*/
.commission-details .promoterHeader .headerCon .money {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
}
.commission-details .promoterHeader .headerCon .money .num {
@@ -7205,48 +7204,48 @@
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 2.86rem;
- padding-top: 0.7rem;
+ height: 2.86*3.125rem;
+ padding-top: 0.7*3.125rem;
}
.register .shading .pictrue {
- width: 1.72rem;
- height: 1.72rem;
+ width: 1.72*3.125rem;
+ height: 1.72*3.125rem;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.8);
margin: 0 auto;
}
.register .shading .pictrue img {
- width: 1.64rem;
- height: 1.64rem;
+ width: 1.64*3.125rem;
+ height: 1.64*3.125rem;
border-radius: 50%;
display: block;
}
.register .whiteBg {
- width: 6.2rem;
- border-radius: 0.16rem;
+ width: 6.2*3.125rem;
+ border-radius: 0.16*3.125rem;
background-color: #fff;
- margin: 0.3rem auto 0 auto;
- padding: 0.45rem 0.3rem 0 0.3rem;
+ margin: 0.3*3.125rem auto 0 auto;
+ padding: 0.45*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
}
.register .whiteBg .title {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
color: #282828;
text-align: center;
font-weight: bold;
}
.register .whiteBg .title .item~.item {
- margin-left: 0.85rem;
+ margin-left: 0.85*3.125rem;
}
.register .whiteBg .title .item {
color: #999999;
- border-bottom: 0.05rem solid #fff;
- padding-bottom: 0.1rem;
+ border-bottom: 0.05*3.125rem solid #fff;
+ padding-bottom: 0.1*3.125rem;
}
.register .whiteBg .title .item.on {
@@ -7256,25 +7255,25 @@
.register .whiteBg .list .item {
border-bottom: 1px solid #ededed;
- padding: 0.47rem 0 0.13rem 0;
+ padding: 0.47*3.125rem 0 0.13*3.125rem 0;
position: relative;
}
.register .whiteBg .list .item .name {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #2d3342;
- margin-bottom: 0.27rem;
+ margin-bottom: 0.27*3.125rem;
text-align: left;
}
.register .whiteBg .list .item .icon {
- font-size: 0.35rem;
- margin-right: 0.32rem;
+ font-size: 0.35*3.125rem;
+ margin-right: 0.32*3.125rem;
}
.register .whiteBg .list .item input {
- font-size: 0.33rem;
- width: 4.9rem;
+ font-size: 0.33*3.125rem;
+ width: 4.9*3.125rem;
}
.register .whiteBg .list .item input::placeholder {
@@ -7282,21 +7281,21 @@
}
.register .whiteBg .list .item .codeIput {
- width: 2.5rem;
+ width: 2.5*3.125rem;
}
.register .whiteBg .list .item .code {
position: absolute;
- width: 1.5rem;
- height: 0.5rem;
+ width: 1.5*3.125rem;
+ height: 0.5*3.125rem;
background-color: #f35446;
- border-radius: 0.3rem;
+ border-radius: 0.3*3.125rem;
color: #fff;
- line-height: 0.5rem;
+ line-height: 0.5*3.125rem;
text-align: center;
- bottom: 0.17rem;
+ bottom: 0.17*3.125rem;
right: 0;
- font-size: 0.25rem;
+ font-size: 0.25*3.125rem;
}
.register .whiteBg .list .item .code.on {
@@ -7305,35 +7304,35 @@
.register .whiteBg .list .forgetPwd {
text-align: right;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #cccccc;
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.register .whiteBg .list .forgetPwd .iconfont {
- font-size: 0.3rem;
- margin-right: 0.1rem;
+ font-size: 0.3*3.125rem;
+ margin-right: 0.1*3.125rem;
vertical-align: middle;
}
.register .whiteBg .logon {
- font-size: 0.34rem;
+ font-size: 0.34*3.125rem;
color: #fff;
font-weight: bold;
- height: 0.86rem;
- border-radius: 0.43rem;
+ height: 0.86*3.125rem;
+ border-radius: 0.43*3.125rem;
background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
text-align: center;
- line-height: 0.86rem;
- margin-top: 0.47rem;
+ line-height: 0.86*3.125rem;
+ margin-top: 0.47*3.125rem;
}
.register .whiteBg .tip {
- height: 1.1rem;
+ height: 1.1*3.125rem;
text-align: center;
- line-height: 1.05rem;
- font-size: 0.3rem;
+ line-height: 1.05*3.125rem;
+ font-size: 0.3*3.125rem;
color: #cccccc;
}
@@ -7341,8 +7340,8 @@
background-image: url("https://h5.dayouqiantu.cn/static/images/registerB.png");
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 6.2rem;
- height: 0.36rem;
+ width: 6.2*3.125rem;
+ height: 0.36*3.125rem;
margin: 0 auto;
}
@@ -7353,7 +7352,7 @@
.productSort .header {
width: 100%;
- height: 0.96rem;
+ height: 0.96*3.125rem;
background-color: #fff;
position: fixed;
left: 0;
@@ -7364,22 +7363,22 @@
}
.productSort .header .input {
- width: 7rem;
- height: 0.6rem;
+ width: 7*3.125rem;
+ height: 0.6*3.125rem;
background-color: #f5f5f5;
- border-radius: 0.5rem;
- padding: 0 0.25rem;
+ border-radius: 0.5*3.125rem;
+ padding: 0 0.25*3.125rem;
}
.productSort .header .input .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #555;
}
.productSort .header .input input {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
height: 100%;
- width: 5.97rem;
+ width: 5.97*3.125rem;
}
.productSort .header .input input::placeholder {
@@ -7388,10 +7387,10 @@
.productSort .aside {
position: fixed;
- width: 1.8rem;
+ width: 1.8*3.125rem;
left: 0;
- top: 0.96rem;
- bottom: 1rem;
+ top: 0.96*3.125rem;
+ bottom: 1*3.125rem;
background-color: #f7f7f7;
overflow-y: auto;
overflow-x: hidden;
@@ -7399,15 +7398,15 @@
}
.productSort .aside .item {
- height: 0.8rem;
+ height: 0.8*3.125rem;
width: 100%;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #424242;
}
.productSort .aside .item.on {
background-color: #fff;
- border-left: 0.04rem solid #73CBB6;
+ border-left: 0.04*3.125rem solid #73CBB6;
width: 100%;
text-align: center;
color: #73CBB6;
@@ -7415,29 +7414,29 @@
}
.productSort .conter {
- margin-left: 1.8rem;
- padding: 0 0.14rem;
- margin-top: 0.96rem;
+ margin-left: 1.8*3.125rem;
+ padding: 0 0.14*3.125rem;
+ margin-top: 0.96*3.125rem;
}
.productSort .conter .listw {
- padding-top: 0.2rem;
+ padding-top: 0.2*3.125rem;
}
.productSort .conter .listw .title {
- height: 0.9rem;
+ height: 0.9*3.125rem;
}
.productSort .conter .listw .title .line {
- width: 1rem;
- height: 0.02rem;
+ width: 1*3.125rem;
+ height: 0.02*3.125rem;
background-color: #999;
}
.productSort .conter .listw .title .name {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #333;
- margin: 0 0.3rem;
+ margin: 0 0.3*3.125rem;
font-weight: bold;
}
@@ -7447,13 +7446,13 @@
}
.productSort .conter .list .item {
- width: 1.77rem;
- margin-top: 0.26rem;
+ width: 1.77*3.125rem;
+ margin-top: 0.26*3.125rem;
}
.productSort .conter .list .item .picture {
- width: 1.2rem;
- height: 1.2rem;
+ width: 1.2*3.125rem;
+ height: 1.2*3.125rem;
border-radius: 50%;
}
@@ -7464,28 +7463,28 @@
}
.productSort .conter .list .item .name {
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #333;
- height: 0.56rem;
- line-height: 0.56rem;
- width: 1.2rem;
+ height: 0.56*3.125rem;
+ line-height: 0.56*3.125rem;
+ width: 1.2*3.125rem;
text-align: center;
}
/*返回主页按钮*/
.home {
position: fixed;
- top: 7.8rem;
+ top: 7.8*3.125rem;
color: white;
text-align: center;
z-index: 33;
- right: 0.1rem;
+ right: 0.1*3.125rem;
}
.home .homeCon {
overflow: hidden;
- width: 0.86rem;
- border-radius: 0.5rem;
+ width: 0.86*3.125rem;
+ border-radius: 0.5*3.125rem;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
transform: scale(0);
@@ -7496,22 +7495,22 @@
.home .homeCon.on {
opacity: 1;
transform: scale(1);
- height: 3rem;
- padding: 0.34rem 0;
- margin-bottom: 0.2rem;
+ height: 3*3.125rem;
+ padding: 0.34*3.125rem 0;
+ margin-bottom: 0.2*3.125rem;
}
.home .homeCon .iconfont {
- font-size: 0.48rem;
+ font-size: 0.48*3.125rem;
color: #fff;
display: inline-block;
- height: 0.9rem;
+ height: 0.9*3.125rem;
margin: 0 auto;
}
.home .pictrue {
- width: 0.86rem;
- height: 0.86rem;
+ width: 0.86*3.125rem;
+ height: 0.86*3.125rem;
border-radius: 50%;
}
@@ -7523,12 +7522,12 @@
/*商户管理公共样式*/
.pos-order-goods {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
background-color: #fff;
}
.pos-order-goods .goods {
- height: 1.85rem;
+ height: 1.85*3.125rem;
}
.pos-order-goods .goods~.goods {
@@ -7536,39 +7535,39 @@
}
.pos-order-goods .goods .picTxt {
- width: 5.15rem;
+ width: 5.15*3.125rem;
}
.pos-order-goods .goods .picTxt .pictrue {
- width: 1.3rem;
- height: 1.3rem;
+ width: 1.3*3.125rem;
+ height: 1.3*3.125rem;
}
.pos-order-goods .goods .picTxt .pictrue img {
width: 100%;
height: 100%;
- border-radius: 0.06rem;
+ border-radius: 0.06*3.125rem;
}
.pos-order-goods .goods .picTxt .text {
- width: 3.65rem;
- height: 1.3rem;
+ width: 3.65*3.125rem;
+ height: 1.3*3.125rem;
}
.pos-order-goods .goods .picTxt .text .info {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
}
.pos-order-goods .goods .picTxt .text .attr {
- font-size: 0.2rem;
+ font-size: 0.2*3.125rem;
color: #999;
}
.pos-order-goods .goods .money {
- width: 1.64rem;
+ width: 1.64*3.125rem;
text-align: right;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
}
.pos-order-goods .goods .money .x-money {
@@ -7577,7 +7576,7 @@
.pos-order-goods .goods .money .num {
color: #ff9600;
- margin: 0.05rem 0;
+ margin: 0.05*3.125rem 0;
}
.pos-order-goods .goods .money .y-money {
@@ -7586,13 +7585,13 @@
}
.public-total {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #282828;
border-top: 1px solid #eee;
- height: 0.92rem;
- line-height: 0.92rem;
+ height: 0.92*3.125rem;
+ line-height: 0.92*3.125rem;
text-align: right;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
background-color: #fff;
}
@@ -7602,14 +7601,14 @@
.priceChange {
position: fixed;
- width: 5.8rem;
- height: 6.7rem;
+ width: 5.8*3.125rem;
+ height: 6.7*3.125rem;
background-color: #fff;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
top: 50%;
left: 50%;
- margin-left: -2.9rem;
- margin-top: -3.35rem;
+ margin-left: -2.9*3.125rem;
+ margin-top: -3.35*3.125rem;
z-index: 99;
transition: all 0.3s ease-in-out 0s;
transform: scale(0);
@@ -7625,45 +7624,45 @@
background: url("https://h5.dayouqiantu.cn/static/images/pricetitle.jpg") no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 1.6rem;
- border-radius: 0.1rem 0.1rem 0 0;
+ height: 1.6*3.125rem;
+ border-radius: 0.1*3.125rem 0.1*3.125rem 0 0;
text-align: center;
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #fff;
- line-height: 1.6rem;
+ line-height: 1.6*3.125rem;
position: relative;
}
.priceChange .priceTitle .iconfont {
position: absolute;
- font-size: 0.4rem;
- right: 0.26rem;
- top: 0.23rem;
- width: 0.4rem;
- height: 0.4rem;
- line-height: 0.4rem;
+ font-size: 0.4*3.125rem;
+ right: 0.26*3.125rem;
+ top: 0.23*3.125rem;
+ width: 0.4*3.125rem;
+ height: 0.4*3.125rem;
+ line-height: 0.4*3.125rem;
}
.priceChange .listChange {
- padding: 0 0.4rem;
+ padding: 0 0.4*3.125rem;
}
.priceChange .listChange .item {
- height: 1.03rem;
+ height: 1.03*3.125rem;
border-bottom: 1px solid #e3e3e3;
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #333;
}
.priceChange .listChange .item .money {
color: #666;
- width: 3rem;
+ width: 3*3.125rem;
text-align: right;
}
.priceChange .listChange .item .money .iconfont {
- font-size: 0.32rem;
- margin-left: 0.2rem;
+ font-size: 0.32*3.125rem;
+ margin-left: 0.2*3.125rem;
}
.priceChange .listChange .item .money input {
@@ -7678,82 +7677,82 @@
}
.priceChange .modify {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
- width: 4.9rem;
- height: 0.9rem;
+ width: 4.9*3.125rem;
+ height: 0.9*3.125rem;
text-align: center;
- line-height: 0.9rem;
- border-radius: 0.45rem;
+ line-height: 0.9*3.125rem;
+ border-radius: 0.45*3.125rem;
background-color: #2291f8;
- margin: 0.53rem auto 0 auto;
+ margin: 0.53*3.125rem auto 0 auto;
}
.priceChange .modify1 {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #312b2b;
- width: 4.9rem;
- height: 0.9rem;
+ width: 4.9*3.125rem;
+ height: 0.9*3.125rem;
text-align: center;
- line-height: 0.9rem;
- border-radius: 0.45rem;
+ line-height: 0.9*3.125rem;
+ border-radius: 0.45*3.125rem;
background-color: #eee;
- margin: 0.3rem auto 0 auto;
+ margin: 0.3*3.125rem auto 0 auto;
}
.public-wrapper .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- padding: 0 0.3rem;
- margin-bottom: 0.2rem;
+ padding: 0 0.3*3.125rem;
+ margin-bottom: 0.2*3.125rem;
}
.public-wrapper .title .iconfont {
color: #2291f8;
- font-size: 0.4rem;
- margin-right: 0.13rem;
+ font-size: 0.4*3.125rem;
+ margin-right: 0.13*3.125rem;
vertical-align: middle;
}
.public-wrapper {
- margin: 0.18rem auto 0 auto;
- width: 6.9rem;
+ margin: 0.18*3.125rem auto 0 auto;
+ width: 6.9*3.125rem;
background-color: #fff;
- border-radius: 0.1rem;
- padding-top: 0.25rem;
+ border-radius: 0.1*3.125rem;
+ padding-top: 0.25*3.125rem;
}
.public-wrapper .nav {
- padding: 0 0.3rem;
- height: 0.7rem;
- line-height: 0.7rem;
- font-size: 0.24rem;
+ padding: 0 0.3*3.125rem;
+ height: 0.7*3.125rem;
+ line-height: 0.7*3.125rem;
+ font-size: 0.24*3.125rem;
color: #999;
}
.public-wrapper .data {
- width: 2.1rem;
+ width: 2.1*3.125rem;
text-align: left;
}
.public-wrapper .browse {
- width: 1.92rem;
+ width: 1.92*3.125rem;
text-align: right;
}
.public-wrapper .turnover {
- width: 2.27rem;
+ width: 2.27*3.125rem;
text-align: right;
}
.public-wrapper .conter {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.public-wrapper .conter .item {
border-bottom: 1px solid #f7f7f7;
- height: 0.7rem;
- font-size: 0.24rem;
+ height: 0.7*3.125rem;
+ font-size: 0.24*3.125rem;
}
.public-wrapper .conter .item .turnover {
@@ -7763,9 +7762,9 @@
/*商户管理订单列表*/
.pos-order-list .nav {
width: 100%;
- height: 0.96rem;
+ height: 0.96*3.125rem;
background-color: #fff;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
position: fixed;
top: 0;
@@ -7777,7 +7776,7 @@
}
.pos-order-list .list {
- margin-top: 1.2rem;
+ margin-top: 1.2*3.125rem;
}
.pos-order-list .list .item {
@@ -7786,22 +7785,22 @@
}
.pos-order-list .list .item~.item {
- margin-top: 0.24rem;
+ margin-top: 0.24*3.125rem;
}
.pos-order-list .list .item .order-num {
border-bottom: 1px solid #eee;
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
font-weight: bold;
color: #282828;
- padding: .2rem 0.3rem;
+ padding: .2*3.125rem 0.3*3.125rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.pos-order-list .list .item .order-num .time {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
font-weight: normal;
color: #999;
display: flex;
@@ -7809,8 +7808,8 @@
}
.pos-order-list .list .item .operation {
- padding: 0.2rem 0.3rem;
- margin-top: 0.03rem;
+ padding: 0.2*3.125rem 0.3*3.125rem;
+ margin-top: 0.03*3.125rem;
}
.pos-order-list .list .item .operation .more {
@@ -7818,46 +7817,46 @@
}
.pos-order-list .list .item .operation .icon-gengduo {
- font-size: 0.5rem;
+ font-size: 0.5*3.125rem;
color: #aaa;
}
.pos-order-list .list .item .operation .order .arrow {
width: 0;
height: 0;
- border-left: 0.11rem solid transparent;
- border-right: 0.11rem solid transparent;
- border-top: 0.2rem solid #e5e5e5;
+ border-left: 0.11*3.125rem solid transparent;
+ border-right: 0.11*3.125rem solid transparent;
+ border-top: 0.2*3.125rem solid #e5e5e5;
position: absolute;
- left: 0.15rem;
- bottom: -0.18rem;
+ left: 0.15*3.125rem;
+ bottom: -0.18*3.125rem;
}
.pos-order-list .list .item .operation .order .arrow:before {
content: '';
width: 0;
height: 0;
- border-left: 0.07rem solid transparent;
- border-right: 0.07rem solid transparent;
- border-top: 0.2rem solid #fff;
+ border-left: 0.07*3.125rem solid transparent;
+ border-right: 0.07*3.125rem solid transparent;
+ border-top: 0.2*3.125rem solid #fff;
position: absolute;
- left: -0.07rem;
+ left: -0.07*3.125rem;
bottom: 0;
}
.pos-order-list .list .item .operation .order {
- width: 2rem;
+ width: 2*3.125rem;
background-color: #fff;
border: 1px solid #eee;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
position: absolute;
- top: -1rem;
+ top: -1*3.125rem;
z-index: 9;
}
.pos-order-list .list .item .operation .order .items {
- height: 0.77rem;
- line-height: 0.77rem;
+ height: 0.77*3.125rem;
+ line-height: 0.77*3.125rem;
text-align: center;
}
@@ -7866,18 +7865,18 @@
}
.pos-order-list .list .item .operation .bnt {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #5c5c5c;
- width: 1.7rem;
- height: 0.6rem;
- border-radius: 0.3rem;
+ width: 1.7*3.125rem;
+ height: 0.6*3.125rem;
+ border-radius: 0.3*3.125rem;
border: 1px solid #bbb;
text-align: center;
- line-height: 0.6rem;
+ line-height: 0.6*3.125rem;
}
.pos-order-list .list .item .operation .bnt~.bnt {
- margin-left: 0.14rem;
+ margin-left: 0.14*3.125rem;
}
/*商户管理订单详情*/
@@ -7887,36 +7886,36 @@
}
.pos-order-details .header .state {
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
color: #fff;
}
.pos-order-details .header .data {
- margin-left: 0.35rem;
- font-size: 0.28rem;
+ margin-left: 0.35*3.125rem;
+ font-size: 0.28*3.125rem;
}
.pos-order-details .header .data .order-num {
- font-size: 0.3rem;
- margin-bottom: 0.08rem;
+ font-size: 0.3*3.125rem;
+ margin-bottom: 0.08*3.125rem;
}
.pos-order-details .remarks {
width: 100%;
- height: 0.86rem;
+ height: 0.86*3.125rem;
background-color: #fff;
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
}
.pos-order-details .remarks .iconfont {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #2a7efb;
}
.pos-order-details .remarks input {
- width: 6.3rem;
+ width: 6.3*3.125rem;
height: 100%;
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
}
.pos-order-details .remarks input::placeholder {
@@ -7924,19 +7923,19 @@
}
.pos-order-details .orderingUser {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #282828;
- padding: 0 0.3rem;
- height: 0rem;
+ padding: 0 0.3*3.125rem;
+ height: 0*3.125rem;
background-color: #fff;
- margin-top: 0.16rem;
+ margin-top: 0.16*3.125rem;
border-bottom: 1px solid #f5f5f5;
}
.pos-order-details .orderingUser .iconfont {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #2a7efb;
- margin-right: 0.15rem;
+ margin-right: 0.15*3.125rem;
}
.pos-order-details .address {
@@ -7944,17 +7943,17 @@
}
.pos-order-details .pos-order-goods {
- margin-top: 0.17rem;
+ margin-top: 0.17*3.125rem;
}
.pos-order-details .footer .more {
- font-size: 0.27rem;
+ font-size: 0.27*3.125rem;
color: #aaa;
- width: 1rem;
- height: 0.64rem;
+ width: 1*3.125rem;
+ height: 0.64*3.125rem;
text-align: center;
- line-height: 0.64rem;
- margin-right: 0.25rem;
+ line-height: 0.64*3.125rem;
+ margin-right: 0.25*3.125rem;
position: relative;
}
@@ -7966,39 +7965,39 @@
.pos-order-details .footer .more .order .arrow {
width: 0;
height: 0;
- border-left: 0.11rem solid transparent;
- border-right: 0.11rem solid transparent;
- border-top: 0.2rem solid #e5e5e5;
+ border-left: 0.11*3.125rem solid transparent;
+ border-right: 0.11*3.125rem solid transparent;
+ border-top: 0.2*3.125rem solid #e5e5e5;
position: absolute;
- left: 0.15rem;
- bottom: -0.18rem;
+ left: 0.15*3.125rem;
+ bottom: -0.18*3.125rem;
}
.pos-order-details .footer .more .order .arrow:before {
content: '';
width: 0;
height: 0;
- border-left: 0.09rem solid transparent;
- border-right: 0.09rem solid transparent;
- border-top: 0.19rem solid #fff;
+ border-left: 0.09*3.125rem solid transparent;
+ border-right: 0.09*3.125rem solid transparent;
+ border-top: 0.19*3.125rem solid #fff;
position: absolute;
- left: -0.1rem;
+ left: -0.1*3.125rem;
bottom: 0;
}
.pos-order-details .footer .more .order {
- width: 2rem;
+ width: 2*3.125rem;
background-color: #fff;
border: 1px solid #eee;
- border-radius: 0.1rem;
+ border-radius: 0.1*3.125rem;
position: absolute;
- top: -2rem;
+ top: -2*3.125rem;
z-index: 9;
}
.pos-order-details .footer .more .order .item {
- height: 0.77rem;
- line-height: 0.77rem;
+ height: 0.77*3.125rem;
+ line-height: 0.77*3.125rem;
}
.pos-order-details .footer .more .order .item~.item {
@@ -8014,18 +8013,18 @@
.deliver-goods header {
width: 100%;
background-color: #fff;
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.deliver-goods header .order-num {
- padding: 0 0.3rem;
+ padding: 0 0.3*3.125rem;
border-bottom: 1px solid #f5f5f5;
- height: 0.67rem;
+ height: 0.67*3.125rem;
}
.deliver-goods header .order-num .num {
- width: 4.3rem;
- font-size: 0.26rem;
+ width: 4.3*3.125rem;
+ font-size: 0.26*3.125rem;
color: #282828;
position: relative;
}
@@ -8034,47 +8033,47 @@
position: absolute;
content: '';
width: 1px;
- height: 0.3rem;
+ height: 0.3*3.125rem;
background-color: #ddd;
top: 50%;
- margin-top: -0.15rem;
+ margin-top: -0.15*3.125rem;
right: 0;
}
.deliver-goods header .order-num .name {
- width: 2.6rem;
- font-size: 0.26rem;
+ width: 2.6*3.125rem;
+ font-size: 0.26*3.125rem;
color: #282828;
text-align: center;
}
.deliver-goods header .order-num .name .iconfont {
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #477ef3;
vertical-align: middle;
- margin-right: 0.1rem;
+ margin-right: 0.1*3.125rem;
}
.deliver-goods header .address {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #868686;
background-color: #fff;
- padding: 0.3rem;
+ padding: 0.3*3.125rem;
}
.deliver-goods header .address .name {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- margin-bottom: 0.1rem;
+ margin-bottom: 0.1*3.125rem;
}
.deliver-goods header .address .name .phone {
- margin-left: 0.4rem;
+ margin-left: 0.4*3.125rem;
}
.deliver-goods header .line {
width: 100%;
- height: 0.03rem;
+ height: 0.03*3.125rem;
}
.deliver-goods header .line img {
@@ -8090,26 +8089,26 @@
.deliver-goods .wrapper .item {
border-bottom: 1px solid #f0f0f0;
- padding: 0 0.3rem;
- height: 0.96rem;
- font-size: 0.32rem;
+ padding: 0 0.3*3.125rem;
+ height: 0.96*3.125rem;
+ font-size: 0.32*3.125rem;
color: #282828;
position: relative;
}
.deliver-goods .wrapper .item .mode {
- width: 4.6rem;
+ width: 4.6*3.125rem;
height: 100%;
text-align: right;
}
.deliver-goods .wrapper .item .mode .iconfont {
- font-size: 0.3rem;
- margin-left: 0.13rem;
+ font-size: 0.3*3.125rem;
+ margin-left: 0.13*3.125rem;
}
.deliver-goods .wrapper .item .mode .goods~.goods {
- margin-left: 0.3rem;
+ margin-left: 0.3*3.125rem;
}
.deliver-goods .wrapper .item .mode .goods {
@@ -8122,14 +8121,14 @@
.deliver-goods .wrapper .item .icon-up {
position: absolute;
- font-size: 0.35rem;
+ font-size: 0.35*3.125rem;
color: #2c2c2c;
- right: 0.3rem;
+ right: 0.3*3.125rem;
}
.deliver-goods .wrapper .item select {
direction: rtl;
- padding-right: 0.6rem;
+ padding-right: 0.6*3.125rem;
position: relative;
z-index: 2;
}
@@ -8139,13 +8138,13 @@
}
.deliver-goods .confirm {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #fff;
width: 100%;
- height: 1rem;
+ height: 1*3.125rem;
background-color: #477ef3;
text-align: center;
- line-height: 1rem;
+ line-height: 1*3.125rem;
position: fixed;
bottom: 0;
}
@@ -8157,8 +8156,8 @@
background: url("https://h5.dayouqiantu.cn/static/images/orderIndex.png") no-repeat;
background-size: 100% 100%;
width: 100%;
- height: 3.02rem;
- padding: 0.45rem 0.3rem 0 0.3rem;
+ height: 3.02*3.125rem;
+ padding: 0.45*3.125rem 0.3*3.125rem 0 0.3*3.125rem;
}
.order-index .header .item {
@@ -8166,57 +8165,57 @@
-o-flex: 1;
-ms-flex: 1;
text-align: center;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #fff;
}
.order-index .header .item .num {
- font-size: 0.4rem;
- margin-bottom: 0.07rem;
+ font-size: 0.4*3.125rem;
+ margin-bottom: 0.07*3.125rem;
}
.order-index .wrapper {
- width: 6.9rem;
+ width: 6.9*3.125rem;
background-color: #fff;
- border-radius: 0.1rem;
- margin: -1.15rem auto 0 auto;
- padding-top: 0.25rem;
+ border-radius: 0.1*3.125rem;
+ margin: -1.15*3.125rem auto 0 auto;
+ padding-top: 0.25*3.125rem;
}
.order-index .wrapper .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #282828;
- padding: 0 0.3rem;
- margin-bottom: 0.4rem;
+ padding: 0 0.3*3.125rem;
+ margin-bottom: 0.4*3.125rem;
}
.order-index .wrapper .title .iconfont {
color: #2291f8;
- font-size: 0.4rem;
- margin-right: 0.13rem;
+ font-size: 0.4*3.125rem;
+ margin-right: 0.13*3.125rem;
vertical-align: middle;
}
.order-index .wrapper .list .item {
width: 33.33%;
text-align: center;
- font-size: 0.24rem;
+ font-size: 0.24*3.125rem;
color: #999;
- margin-bottom: 0.45rem;
+ margin-bottom: 0.45*3.125rem;
}
.order-index .wrapper .list .item .num {
- font-size: 0.4rem;
+ font-size: 0.4*3.125rem;
color: #333;
}
/*交易额统计*/
.statistical-page .navs {
width: 100%;
- height: 0.96rem;
+ height: 0.96*3.125rem;
background-color: #fff;
overflow: hidden;
- line-height: 0.96rem;
+ line-height: 0.96*3.125rem;
position: fixed;
top: 0;
left: 0;
@@ -8231,9 +8230,9 @@
}
.statistical-page .navs .item {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
color: #282828;
- margin-left: 0.78rem;
+ margin-left: 0.78*3.125rem;
display: inline-block;
}
@@ -8242,36 +8241,36 @@
}
.statistical-page .navs .item .iconfont {
- font-size: 0.25rem;
- margin-left: 0.13rem;
+ font-size: 0.25*3.125rem;
+ margin-left: 0.13*3.125rem;
}
.statistical-page .wrapper {
box-sizing: border-box;
width: 100%;
background-color: #fff;
- border-radius: 0.1rem;
- margin: 1.19rem auto 0 auto;
- padding: 0.3rem 0.6rem;
+ border-radius: 0.1*3.125rem;
+ margin: 1.19*3.125rem auto 0 auto;
+ padding: 0.3*3.125rem 0.6*3.125rem;
}
.statistical-page .wrapper .title {
- font-size: 0.3rem;
+ font-size: 0.3*3.125rem;
color: #999;
text-align: center;
}
.statistical-page .wrapper .money {
- font-size: 0.72rem;
+ font-size: 0.72*3.125rem;
color: #fba02a;
text-align: center;
- margin-top: 0.1rem;
+ margin-top: 0.1*3.125rem;
}
.statistical-page .wrapper .increase {
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #999;
- margin-top: 0.2rem;
+ margin-top: 0.2*3.125rem;
}
.statistical-page .wrapper .increase .red {
@@ -8283,21 +8282,21 @@
}
.statistical-page .wrapper .increase .iconfont {
- font-size: 0.23rem;
- margin-left: 0.15rem;
+ font-size: 0.23*3.125rem;
+ margin-left: 0.15*3.125rem;
}
.statistical-page .chart {
- width: 6.9rem;
- height: 4.8rem;
+ width: 6.9*3.125rem;
+ height: 4.8*3.125rem;
background-color: #fff;
- border-radius: 0.1rem;
- margin: 0.23rem auto 0 auto;
- padding: 0.25rem 0.22rem 0 0.22rem;
+ border-radius: 0.1*3.125rem;
+ margin: 0.23*3.125rem auto 0 auto;
+ padding: 0.25*3.125rem 0.22*3.125rem 0 0.22*3.125rem;
}
.statistical-page .chart .company {
- font-size: 0.26rem;
+ font-size: 0.26*3.125rem;
color: #999;
}
@@ -8325,9 +8324,9 @@
.yd-confirm {
background-color: #fff;
font-size: unset;
- width: 5.4rem;
- height: 2.5rem;
- border-radius: 0.4rem;
+ width: 5.4*3.125rem;
+ height: 2.5*3.125rem;
+ border-radius: 0.4*3.125rem;
}
.yd-confirm-hd {
@@ -8337,19 +8336,19 @@
.yd-confirm-title {
color: #030303;
font-weight: bold;
- font-size: 0.36rem;
+ font-size: 0.36*3.125rem;
}
.yd-confirm-bd {
text-align: center;
- font-size: 0.28rem;
+ font-size: 0.28*3.125rem;
color: #333333;
}
.yd-confirm-ft {
- line-height: 0.9rem;
+ line-height: 0.9*3.125rem;
margin-top: 14px;
- border-top: 0.01rem solid #eee;
+ border-top: 0.01*3.125rem solid #eee;
}
.yd-confirm-ft>a {
@@ -8357,33 +8356,33 @@
}
.yd-confirm-ft>a.primary {
- border-left: 0.01rem solid #eee;
+ border-left: 0.01*3.125rem solid #eee;
color: #e93323;
}
/*修改密码*/
.ChangePassword .phone {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
font-weight: bold;
text-align: center;
- margin-top: 0.55rem;
+ margin-top: 0.55*3.125rem;
}
.ChangePassword .list {
- width: 5.8rem;
- margin: 0.53rem auto 0 auto;
+ width: 5.8*3.125rem;
+ margin: 0.53*3.125rem auto 0 auto;
}
.ChangePassword .list .item {
width: 100%;
- height: 1.1rem;
- border-bottom: 0.02rem solid #f0f0f0;
+ height: 1.1*3.125rem;
+ border-bottom: 0.02*3.125rem solid #f0f0f0;
}
.ChangePassword .list .item input {
width: 100%;
height: 100%;
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
}
.ChangePassword .list .item input::placeholder {
@@ -8391,11 +8390,11 @@
}
.ChangePassword .list .item input.codeIput {
- width: 3.4rem;
+ width: 3.4*3.125rem;
}
.ChangePassword .list .item .code {
- font-size: 0.32rem;
+ font-size: 0.32*3.125rem;
}
.ChangePassword .list .item .code.on {
@@ -8403,14 +8402,14 @@
}
.ChangePassword .confirmBnt {
- font-size: 0.32rem;
- width: 5.8rem;
- height: 0.9rem;
- border-radius: 0.45rem;
+ font-size: 0.32*3.125rem;
+ width: 5.8*3.125rem;
+ height: 0.9*3.125rem;
+ border-radius: 0.45*3.125rem;
color: #fff;
- margin: 0.92rem auto 0 auto;
+ margin: 0.92*3.125rem auto 0 auto;
text-align: center;
- line-height: 0.9rem;
+ line-height: 0.9*3.125rem;
}
.swiper-wrapper {}
diff --git a/components/AddressWindow.vue b/components/AddressWindow.vue
index bbbdb9c..2d9b8b3 100644
--- a/components/AddressWindow.vue
+++ b/components/AddressWindow.vue
@@ -65,7 +65,7 @@ export default {
this.$emit("input", false);
},
goAddressPages: function() {
- this.$yrouter.push({ path: "/pages/user/address/AddAddress/main" });
+ this.$yrouter.push({ path: "/pages/user/address/AddAddress/index" });
this.$emit("redirect");
},
tapAddress: function(index) {
diff --git a/components/Footer.vue b/components/Footer.vue
index 21e75f1..9241869 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -31,25 +31,25 @@ export default {
name: "首页",
icon1: "icon-shouye-xianxing",
icon2: "icon-shouye",
- url: "/pages/home/main"
+ url: "/pages/home/index"
},
{
name: "分类",
icon1: "icon-yingyongchengxu-xianxing",
icon2: "icon-yingyongchengxu",
- url: "/pages/shop/GoodsClass/main"
+ url: "/pages/shop/GoodsClass/index"
},
{
name: "购物车",
icon1: "icon-caigou-xianxing",
icon2: "icon-caigou",
- url: "/pages/shop/ShoppingCart/main"
+ url: "/pages/shop/ShoppingCart/index"
},
{
name: "我的",
icon1: "icon-yonghu-xianxing",
icon2: "icon-yonghu",
- url: "/pages/user/User/main"
+ url: "/pages/user/User/index"
}
],
isIpx: false
diff --git a/components/GoodList.vue b/components/GoodList.vue
index ba0d11e..5651dff 100644
--- a/components/GoodList.vue
+++ b/components/GoodList.vue
@@ -1,36 +1,28 @@
-
-
-
-
-
+
+
+
+