2318 lines
45 KiB
SCSS
2318 lines
45 KiB
SCSS
@charset "UTF-8";
|
|
|
|
/* ================================ */
|
|
|
|
/* 触屏版会员中心、登录、订单等样式 */
|
|
|
|
/* Author: qianyistore */
|
|
|
|
/* Support Site: www.qianyistore.com */
|
|
|
|
/* Retrofit Date: Aug-08-2016 */
|
|
|
|
/* ================================ */
|
|
|
|
/*注册登录*/
|
|
|
|
.form-item .input-box {
|
|
.input-del.code {
|
|
right: 281.25rpx;
|
|
}
|
|
.code-countdown, .code-again {
|
|
position: absolute;
|
|
right: 23.4375rpx;
|
|
top: 14.0625rpx;
|
|
z-index: 1;
|
|
width: 201.5625rpx;
|
|
height: 65.625rpx;
|
|
}
|
|
.code-countdown {
|
|
.p {
|
|
display: block;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 32.8125rpx;
|
|
color: #999;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 32.8125rpx;
|
|
}
|
|
.em {
|
|
color: #f30213;
|
|
margin: 0 4.6875rpx;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.code-again .a {
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
font-weight: 600;
|
|
text-decoration: underline;
|
|
line-height: 65.625rpx;
|
|
color: #3BAEDA;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 65.625rpx;
|
|
}
|
|
.code-img {
|
|
position: absolute;
|
|
right: 23.4375rpx;
|
|
top: 14.0625rpx;
|
|
z-index: 1;
|
|
width: 187.5rpx;
|
|
height: 65.625rpx;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.remember-form {
|
|
height: 42.1875rpx;
|
|
margin: 46.875rpx 93.75rpx 0 93.75rpx;
|
|
position: relative;
|
|
input[type="checkbox"] {
|
|
margin-top: -9.375rpx;
|
|
&:checked {
|
|
border-color: #48CFAE;
|
|
background-color: #48CFAE;
|
|
}
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
height: 42.1875rpx;
|
|
line-height: 42.1875rpx;
|
|
font-size: 28.125rpx;
|
|
color: #666;
|
|
vertical-align: top;
|
|
}
|
|
.forgot-password {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
line-height: 42.1875rpx;
|
|
font-size: 28.125rpx;
|
|
color: #5D9CEC;
|
|
&:visited {
|
|
color: #4B89DC;
|
|
}
|
|
}
|
|
.reg-cms {
|
|
line-height: 42.1875rpx;
|
|
font-size: 28.125rpx;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
height: 42.1875rpx;
|
|
color: #5D9CEC;
|
|
&:visited {
|
|
color: #4B89DC;
|
|
}
|
|
}
|
|
}
|
|
|
|
.register-mobile-tip {
|
|
height: 42.1875rpx;
|
|
padding: 28.125rpx 46.875rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #212121;
|
|
.em {
|
|
margin: 0 4.6875rpx;
|
|
font-size: 28.125rpx;
|
|
color: #999;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.form-notes {
|
|
text-align: center;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 32.8125rpx;
|
|
color: #999;
|
|
margin: 46.875rpx 70.3125rpx;
|
|
}
|
|
|
|
/*注册协议*/
|
|
|
|
.reg-document {
|
|
padding: 46.875rpx;
|
|
.p {
|
|
font-size: 65.625rpx;
|
|
line-height: 20rpx;
|
|
overflow: hidden;
|
|
}
|
|
strong {
|
|
font-size: 70.3125rpx;
|
|
font-weight: 600;
|
|
line-height: 24rpx;
|
|
}
|
|
.ol, .ul {
|
|
margin-left: 24rpx;
|
|
}
|
|
.ol .li {
|
|
font-size: 60.9375rpx;
|
|
line-height: 20rpx;
|
|
}
|
|
.ul .li {
|
|
font-size: 56.25rpx;
|
|
line-height: 20rpx;
|
|
}
|
|
}
|
|
|
|
/*我的商城*/
|
|
|
|
.transparent .header-r navigator sup {
|
|
right: 14.0625rpx !important;
|
|
top: 14.0625rpx !important;
|
|
}
|
|
|
|
.member-body .header-back {
|
|
display: none;
|
|
}
|
|
|
|
.member-top {
|
|
-webkit-animation: changeBg 20s infinite;
|
|
-moz-animation: changeBg 20s infinite;
|
|
animation: changeBg 20s infinite;
|
|
background-color: #f30213;
|
|
background-size: cover;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 515.625rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
@-webkit-keyframes changeBg {
|
|
0% {
|
|
background-color: #f30213;
|
|
}
|
|
|
|
10% {
|
|
background-color: #FB6E52;
|
|
}
|
|
|
|
20% {
|
|
background-color: #FFCE55;
|
|
}
|
|
|
|
30% {
|
|
background-color: #A0D468;
|
|
}
|
|
|
|
40% {
|
|
background-color: #48CFAE;
|
|
}
|
|
|
|
50% {
|
|
background-color: #4FC0E8;
|
|
}
|
|
|
|
60% {
|
|
background-color: #5D9CEC;
|
|
}
|
|
|
|
70% {
|
|
background-color: #AC92ED;
|
|
}
|
|
|
|
80% {
|
|
background-color: #EC87BF;
|
|
}
|
|
|
|
90% {
|
|
background-color: #f30213;
|
|
}
|
|
}
|
|
|
|
|
|
@-moz-keyframes changeBg {
|
|
0% {
|
|
background-color: #f30213;
|
|
}
|
|
|
|
10% {
|
|
background-color: #FB6E52;
|
|
}
|
|
|
|
20% {
|
|
background-color: #FFCE55;
|
|
}
|
|
|
|
30% {
|
|
background-color: #A0D468;
|
|
}
|
|
|
|
40% {
|
|
background-color: #48CFAE;
|
|
}
|
|
|
|
50% {
|
|
background-color: #4FC0E8;
|
|
}
|
|
|
|
60% {
|
|
background-color: #5D9CEC;
|
|
}
|
|
|
|
70% {
|
|
background-color: #AC92ED;
|
|
}
|
|
|
|
80% {
|
|
background-color: #EC87BF;
|
|
}
|
|
|
|
90% {
|
|
background-color: #f30213;
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes changeBg {
|
|
0% {
|
|
background-color: #f30213;
|
|
}
|
|
|
|
10% {
|
|
background-color: #FB6E52;
|
|
}
|
|
|
|
20% {
|
|
background-color: #FFCE55;
|
|
}
|
|
|
|
30% {
|
|
background-color: #A0D468;
|
|
}
|
|
|
|
40% {
|
|
background-color: #48CFAE;
|
|
}
|
|
|
|
50% {
|
|
background-color: #4FC0E8;
|
|
}
|
|
|
|
60% {
|
|
background-color: #5D9CEC;
|
|
}
|
|
|
|
70% {
|
|
background-color: #AC92ED;
|
|
}
|
|
|
|
80% {
|
|
background-color: #EC87BF;
|
|
}
|
|
|
|
90% {
|
|
background-color: #f30213;
|
|
}
|
|
}
|
|
|
|
|
|
.member-info {
|
|
width: 562.5rpx;
|
|
height: 281.25rpx;
|
|
margin: -164.0625rpx 0 0 -281.25rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 50%;
|
|
left: 50%;
|
|
animation: memberInfoDown 1000ms ease-in;
|
|
-webkit-animation: memberInfoDown 1000ms ease-in;
|
|
.default-avatar {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 60%;
|
|
width: 187.5rpx;
|
|
height: 187.5rpx;
|
|
margin: 0 auto;
|
|
border-radius: 100%;
|
|
}
|
|
.to-login {
|
|
font-size: 37.5rpx;
|
|
color: #FFF;
|
|
line-height: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin: 11.71875rpx auto;
|
|
}
|
|
.user-avatar {
|
|
background-color: #FFF;
|
|
width: 187.5rpx;
|
|
height: 187.5rpx;
|
|
margin: 0 auto;
|
|
border-radius: 100%;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
.user-name, .store-name {
|
|
color: #FFF;
|
|
}
|
|
.user-name span, .store-name .span {
|
|
font-weight: lighter;
|
|
font-size: 37.5rpx;
|
|
line-height: 56.25rpx;
|
|
height: 56.25rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.user-name sup, .store-name sup {
|
|
font-size: 21.09375rpx;
|
|
line-height: 28.125rpx;
|
|
background-color: #f30213;
|
|
display: block;
|
|
height: 28.125rpx;
|
|
padding: 0 4.6875rpx;
|
|
margin-left: 9.375rpx;
|
|
border-radius: 4.6875rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: -42.1875rpx;
|
|
box-shadow: 1rpx 1rpx 1rpx rgba(0, 0, 0, 0.15);
|
|
}
|
|
}
|
|
|
|
@keyframes memberInfoDown {
|
|
0% {
|
|
top: -50%;
|
|
}
|
|
|
|
30% {
|
|
top: -10%;
|
|
}
|
|
|
|
75% {
|
|
top: 55%;
|
|
}
|
|
|
|
85% {
|
|
top: 47%;
|
|
}
|
|
|
|
95% {
|
|
top: 52%;
|
|
}
|
|
|
|
100% {
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes memberInfoDown {
|
|
0% {
|
|
top: -50%;
|
|
}
|
|
|
|
30% {
|
|
top: -10%;
|
|
}
|
|
|
|
75% {
|
|
top: 55%;
|
|
}
|
|
|
|
85% {
|
|
top: 47%;
|
|
}
|
|
|
|
95% {
|
|
top: 52%;
|
|
}
|
|
|
|
100% {
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
.member-collect {
|
|
font-size: 0;
|
|
height: 140.625rpx;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');
|
|
background: rgba(0, 0, 0, 0.1);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
.span {
|
|
display: inline-block;
|
|
width: 33.33%;
|
|
height: 93.75rpx;
|
|
padding: 23.4375rpx 0;
|
|
.a {
|
|
display: block;
|
|
}
|
|
.em {
|
|
font-weight: lighter;
|
|
font-size: 42.1875rpx;
|
|
color: #FFF;
|
|
line-height: 46.875rpx;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
min-width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin: 0 auto;
|
|
}
|
|
.i {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin: 0 auto;
|
|
&.favorite-goods, &.favorite-store {
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;
|
|
}
|
|
&.goods-browse {
|
|
/*
|
|
background-image: url(../images/goods-browse_w.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;*/
|
|
font-family: "zc" !important;
|
|
font-size: 46.875rpx;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: #ffffff;
|
|
&:before {
|
|
content: "\e662";
|
|
}
|
|
}
|
|
}
|
|
.p {
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #FFF;
|
|
height: 46.875rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.member-center {
|
|
.dl {
|
|
background-color: #FFF;
|
|
box-shadow: 0 1rpx 0 rgba(0, 0, 0, 0.05);
|
|
}
|
|
.dt {
|
|
line-height: 42.1875rpx;
|
|
display: block;
|
|
height: 46.875rpx;
|
|
padding: 23.4375rpx 32.8125rpx 23.4375rpx 0;
|
|
margin-left: 23.4375rpx;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
&:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.a {
|
|
display: block;
|
|
}
|
|
.h3 {
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #111;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
height: 46.875rpx;
|
|
.i {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
font-size: 46.875rpx;
|
|
margin-right: 4.6875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 70%;
|
|
color: #212121;
|
|
}
|
|
}
|
|
.h5 {
|
|
font-size: 28.125rpx;
|
|
color: #999;
|
|
float: right;
|
|
line-height: 46.875rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 46.875rpx;
|
|
margin-bottom: 4.6875rpx;
|
|
/* background-image: url(../images/arrow_right_b.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 75%;*/
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
}
|
|
.dd {
|
|
display: block;
|
|
padding: 9.375rpx 0;
|
|
.ul {
|
|
font-size: 0;
|
|
.li {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 25%;
|
|
padding: 23.4375rpx 0 9.375rpx 0;
|
|
.a {
|
|
display: block;
|
|
position: relative;
|
|
.em {
|
|
background-color: #f30213;
|
|
border-radius: 10rpx;
|
|
position: absolute;
|
|
top: -7.03125rpx;
|
|
right: calc(50% - 28rpx);
|
|
padding: 3rpx;
|
|
color: #fff;
|
|
line-height: 10rpx;
|
|
font-size: 10rpx;
|
|
/*
|
|
top: -8rpx;
|
|
right: calc(50% - 25rpx);
|
|
border-radius: 10rpx;*/
|
|
}
|
|
}
|
|
.i {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin: 0 auto 9.375rpx auto;
|
|
/*opacity: 0.6;*/
|
|
font-size: 46.875rpx;
|
|
color: #888;
|
|
}
|
|
.p {
|
|
font-size: 25.781250000000004rpx;
|
|
color: #888;
|
|
line-height: 46.875rpx;
|
|
height: 46.875rpx;
|
|
}
|
|
.number {
|
|
font-size: 46.875rpx;
|
|
font-weight: bold;
|
|
color: #06bf04;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*每日签到*/
|
|
|
|
.my-pointnum {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 117.1875rpx;
|
|
left: 37.5rpx;
|
|
text-align: center;
|
|
font-size: 25.781250000000004rpx;
|
|
color: #FFF;
|
|
line-height: 42.1875rpx;
|
|
text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.15);
|
|
.span {
|
|
display: block;
|
|
font-size: 32.8125rpx;
|
|
font-weight: 600;
|
|
color: #FF0;
|
|
}
|
|
}
|
|
|
|
.sign-box {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 187.5rpx;
|
|
height: 187.5rpx;
|
|
padding: 9.375rpx;
|
|
margin: -93.75rpx auto auto -93.75rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.sign-btn {
|
|
width: 140.625rpx;
|
|
height: 93.75rpx;
|
|
padding: 28.125rpx 23.4375rpx 35.15625rpx 23.4375rpx;
|
|
color: #f30213;
|
|
.h2 {
|
|
font-size: 37.5rpx;
|
|
line-height: 65.625rpx;
|
|
font-weight: 500;
|
|
}
|
|
.h6 {
|
|
font-size: 28.125rpx;
|
|
line-height: 56.25rpx;
|
|
border-top: solid 2.34375rpx #EEE;
|
|
}
|
|
}
|
|
|
|
.signin-help {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 117.1875rpx;
|
|
right: 37.5rpx;
|
|
text-align: center;
|
|
font-size: 25.781250000000004rpx;
|
|
color: #FFF;
|
|
line-height: 42.1875rpx;
|
|
text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.15);
|
|
.i {
|
|
border: solid 2.34375rpx #FFF;
|
|
width: 32.8125rpx;
|
|
height: 32.8125rpx;
|
|
display: block;
|
|
border-radius: 100%;
|
|
line-height: 32.8125rpx;
|
|
color: #FFF;
|
|
font-weight: 600;
|
|
margin: 4.6875rpx auto 0 auto;
|
|
}
|
|
}
|
|
|
|
.signin-list {
|
|
display: block;
|
|
.h3 {
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
padding: 18.75rpx;
|
|
overflow: hidden;
|
|
.a {
|
|
float: right;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 46.875rpx;
|
|
color: #333;
|
|
}
|
|
}
|
|
}
|
|
|
|
.signin-c {
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
.em {
|
|
font-size: 46.875rpx;
|
|
color: #f30213;
|
|
margin: 0 23.4375rpx 0 9.375rpx;
|
|
}
|
|
.span {
|
|
color: #999;
|
|
font-size: 25.781250000000004rpx;
|
|
}
|
|
}
|
|
|
|
/*订单搜索*/
|
|
|
|
.sstouch-order-search {
|
|
height: 91.40625rpx;
|
|
background-color: #FAFAFA;
|
|
border-bottom: solid #EEE 2.34375rpx;
|
|
.form {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.input-del {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 23.4375rpx;
|
|
left: 75%;
|
|
display: none;
|
|
width: 45.703125rpx;
|
|
height: 45.703125rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 60%;
|
|
opacity: 0.4;
|
|
}
|
|
.write .input-del {
|
|
display: block;
|
|
}
|
|
input {
|
|
&[type="text"] {
|
|
display: inline-block;
|
|
width: 75%;
|
|
height: 46.875rpx;
|
|
padding: 11.71875rpx;
|
|
margin: 11.71875rpx auto auto 35.15625rpx;
|
|
border: none;
|
|
border-radius: 9.375rpx;
|
|
font-size: 28.125rpx;
|
|
background-color: #EEE;
|
|
line-height: 46.875rpx;
|
|
}
|
|
&[type="button"] {
|
|
display: inline-block;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-left: 23.4375rpx;
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;
|
|
opacity: 0.5;
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*订单列表*/
|
|
|
|
.sstouch-order-list {
|
|
display: block;
|
|
clear: both;
|
|
width: 100%;
|
|
padding-bottom: 117.1875rpx;
|
|
}
|
|
|
|
.sstouch-order-item {
|
|
width: 95%;
|
|
padding: 0 2.5%;
|
|
background-color: #FFF;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
margin-bottom: 12.890625000000002rpx;
|
|
}
|
|
|
|
.sstouch-order-item-head {
|
|
height: 42.1875rpx;
|
|
padding: 23.4375rpx 0;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
line-height: 42.1875rpx;
|
|
.store {
|
|
display: block;
|
|
float: left;
|
|
font-size: 32.8125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #000;
|
|
.i {
|
|
&.icon {
|
|
display: inline-block;
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
margin: 0 14.0625rpx 0 4.6875rpx;
|
|
vertical-align: top;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 80%;
|
|
}
|
|
&.arrow-r {
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 46.875rpx;
|
|
color: #212121;
|
|
opacity: 0.75;
|
|
}
|
|
}
|
|
}
|
|
.state {
|
|
dispaly: blcok;
|
|
float: right;
|
|
font-size: 28.125rpx;
|
|
color: #f30213;
|
|
}
|
|
}
|
|
|
|
.sstouch-order-item-con {
|
|
.goods-block {
|
|
position: relative;
|
|
z-index: 1;
|
|
border-bottom: solid #EEE 2.34375rpx;
|
|
&:nth-last-child(1) {
|
|
border: none;
|
|
}
|
|
&.detail {
|
|
height: 201.5625rpx;
|
|
}
|
|
.a {
|
|
display: block;
|
|
color: #111;
|
|
}
|
|
}
|
|
.goods-pic {
|
|
display: block;
|
|
width: 131.25rpx;
|
|
height: 131.25rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 17.8125rpx;
|
|
left: 0;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.goods-info {
|
|
display: block;
|
|
height: 131.25rpx;
|
|
padding: 17.8125rpx 0;
|
|
margin: 0 187.5rpx 0 145.3125rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
.goods-name {
|
|
overflow: hidden;
|
|
height: 70.3125rpx;
|
|
font-size: 26rpx;
|
|
line-height: 35.15625rpx;
|
|
margin-bottom: 4.6875rpx;
|
|
color: #333;
|
|
}
|
|
.goods-type {
|
|
overflow: hidden;
|
|
height: 56.25rpx;
|
|
font-size: 21.09375rpx;
|
|
line-height: 28.125rpx;
|
|
color: #999;
|
|
}
|
|
}
|
|
.goods-subtotal {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 17.8125rpx;
|
|
right: 0;
|
|
width: 159.375rpx;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
.goods-price {
|
|
display: block;
|
|
color: #888;
|
|
font-size: 25.781250000000004rpx;
|
|
font-weight: 600;
|
|
.em {
|
|
font-size: 28.125rpx;
|
|
}
|
|
}
|
|
.goods-num {
|
|
display: block;
|
|
font-size: 25.781250000000004rpx;
|
|
color: #888;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.goods-return {
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 0rpx;
|
|
bottom: 18.75rpx;
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
line-height: 56.25rpx;
|
|
height: 56.25rpx;
|
|
padding: 0 18.75rpx;
|
|
border: solid 2.34375rpx #EEE;
|
|
border-radius: 9.375rpx;
|
|
color: #f30213 !important;
|
|
background-color: #FFF;
|
|
}
|
|
.goods-refund {
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 103.12500000000001rpx;
|
|
bottom: 18.75rpx;
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
line-height: 56.25rpx;
|
|
height: 56.25rpx;
|
|
padding: 0 18.75rpx;
|
|
border: solid 2.34375rpx #EEE;
|
|
border-radius: 9.375rpx;
|
|
color: #f30213 !important;
|
|
background-color: #FFF;
|
|
}
|
|
.goods-gift {
|
|
display: block;
|
|
clear: both;
|
|
padding: 9.375rpx;
|
|
margin: 18.75rpx 0 0;
|
|
border: dashed 1rpx #EEE;
|
|
background-color: #FCFCFC;
|
|
.span {
|
|
display: block;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
/* height: 0.9rem; */
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
padding-bottom: 9.375rpx;
|
|
margin-bottom: 9.375rpx;
|
|
color: #212121;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
&:last-child {
|
|
border: none;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.em {
|
|
display: inline-block;
|
|
height: 23.4375rpx;
|
|
vertical-align: middle;
|
|
padding: 4.6875rpx 9.375rpx;
|
|
margin-right: 9.375rpx;
|
|
background: #BBB;
|
|
font-size: 21.09375rpx;
|
|
line-height: 23.4375rpx;
|
|
color: #FFF;
|
|
border-radius: 4.6875rpx;
|
|
}
|
|
}
|
|
}
|
|
.goods-subtotle {
|
|
padding: 18.75rpx 0;
|
|
.dl {
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
overflow: hidden;
|
|
margin-bottom: 4.6875rpx;
|
|
}
|
|
.dt {
|
|
float: left;
|
|
color: #999;
|
|
}
|
|
.dd {
|
|
float: right;
|
|
color: #000;
|
|
text-align: right;
|
|
.span {
|
|
display: block;
|
|
width: 375rpx;
|
|
height: 42.1875rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #000;
|
|
}
|
|
.em {
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.dl.t {
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
.dt {
|
|
color: #333;
|
|
}
|
|
.dd {
|
|
color: #f30213;
|
|
.em {
|
|
font-size: 32.8125rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*订单商品图片*/
|
|
|
|
/*订单商品简介*/
|
|
|
|
.sstouch-order-item-bottom {
|
|
font-size: 0;
|
|
border-top: solid 2.34375rpx #EEE;
|
|
padding: 23.4375rpx 0;
|
|
.span {
|
|
display: inline-block;
|
|
height: 46.875rpx;
|
|
width: 49%;
|
|
&:first-child {
|
|
border-right: #DDD 2.34375rpx solid;
|
|
}
|
|
.a {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #000;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-right: 9.375rpx;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 70%;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.sstouch-order-item-footer {
|
|
border-top: solid 2.34375rpx #EEE;
|
|
margin-top: 18.75rpx;
|
|
.store-totle {
|
|
min-height: 42.1875rpx;
|
|
padding: 23.4375rpx 0;
|
|
font-size: 0;
|
|
text-align: right;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
.span {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
.sum {
|
|
font-size: 25.781250000000004rpx;
|
|
font-weight: 600;
|
|
color: #f30213;
|
|
margin: 0 7.03125rpx;
|
|
.em {
|
|
font-size: 32.8125rpx;
|
|
}
|
|
}
|
|
.freight {
|
|
font-size: 21.09375rpx;
|
|
color: #999;
|
|
}
|
|
time {
|
|
float: left;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #BBB;
|
|
}
|
|
.refund-sum {
|
|
font-size: 28.125rpx;
|
|
color: #000;
|
|
line-height: 42.1875rpx;
|
|
.em {
|
|
color: #f30213;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
.handle {
|
|
position: relative;
|
|
z-index: 1;
|
|
text-align: right;
|
|
height: 56.25rpx;
|
|
padding: 18.75rpx 0;
|
|
.del {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 18.75rpx;
|
|
left: 0;
|
|
display: block;
|
|
height: 56.25rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 56.25rpx;
|
|
color: #212121;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 56.25rpx;
|
|
height: 56.25rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 50%;
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
.p {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 18.75rpx;
|
|
left: 0;
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
line-height: 56.25rpx;
|
|
color: #f30213;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.check-payment em {
|
|
font-size: 32.8125rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/*订单详情*/
|
|
|
|
.sstouch-oredr-detail-block {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
padding: 18.75rpx 0;
|
|
background: #FFF;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
.h3 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: 46.875rpx;
|
|
margin-left: 18.75rpx;
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #000;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-right: 9.375rpx;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 60%;
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
.order-state {
|
|
float: right;
|
|
height: 46.875rpx;
|
|
margin-right: 23.4375rpx;
|
|
font-size: 28.125rpx;
|
|
color: #f30213;
|
|
line-height: 46.875rpx;
|
|
}
|
|
.msg-phone {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 28.125rpx;
|
|
font-weight: 600;
|
|
line-height: 46.875rpx;
|
|
color: #000;
|
|
height: 46.875rpx;
|
|
margin-left: 9.375rpx;
|
|
}
|
|
.msg-again {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 9.375rpx;
|
|
right: 23.4375rpx;
|
|
background: #F5F5F5;
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
padding: 9.375rpx 14.0625rpx;
|
|
color: #333;
|
|
border: solid #EEE 2.34375rpx;
|
|
border-radius: 9.375rpx;
|
|
}
|
|
.info {
|
|
margin-left: 75rpx;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
.i.icon-arrow {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 50%;
|
|
right: 23.4375rpx;
|
|
display: block;
|
|
font-size: 46.875rpx;
|
|
margin-bottom: 4.6875rpx;
|
|
/* background-image: url(../images/arrow_right_b.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;*/
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.sstouch-oredr-detail-add {
|
|
position: relative;
|
|
z-index: 1;
|
|
width: 100%;
|
|
.i.icon-add {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0rpx;
|
|
left: 18.75rpx;
|
|
display: block;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 80%;
|
|
}
|
|
.dl {
|
|
margin: 0 0 0 75rpx;
|
|
padding: 0 23.4375rpx 0 0;
|
|
}
|
|
.dt {
|
|
display: block;
|
|
height: 46.875rpx;
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
.span {
|
|
margin-left: 14.0625rpx;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.dd {
|
|
display: block;
|
|
min-height: 42.1875rpx;
|
|
max-height: 75rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
}
|
|
|
|
/*虚拟订单码列表*/
|
|
|
|
.sstouch-vr-order-codes {
|
|
background-color: #FFF;
|
|
margin-top: 23.4375rpx;
|
|
border-top: solid 2.34375rpx #EEE;
|
|
.tit {
|
|
display: block;
|
|
overflow: hidden;
|
|
height: 46.875rpx;
|
|
padding: 18.75rpx;
|
|
.h3 {
|
|
float: left;
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-right: 9.375rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 70%;
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
.span {
|
|
float: right;
|
|
text-align: right;
|
|
width: 60%;
|
|
height: 46.875rpx;
|
|
overflow: hidden;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 46.875rpx;
|
|
color: #333;
|
|
}
|
|
}
|
|
.ul {
|
|
border-top: solid #EEE 2.34375rpx;
|
|
padding-left: 23.4375rpx;
|
|
}
|
|
.li {
|
|
display: block;
|
|
height: 46.875rpx;
|
|
padding: 18.75rpx 9.375rpx;
|
|
font-size: 37.5rpx;
|
|
line-height: 46.875rpx;
|
|
color: #36BC9B;
|
|
border-bottom: solid #EEE 2.34375rpx;
|
|
.em {
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 28.125rpx;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #FFF;
|
|
background: #36BC9B;
|
|
padding: 2.34375rpx 7.03125rpx;
|
|
border-radius: 7.03125rpx;
|
|
margin: 4.6875rpx 23.4375rpx;
|
|
}
|
|
&.lose {
|
|
color: #AAA;
|
|
text-decoration: line-through;
|
|
.em {
|
|
background-color: #BBB;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*虚拟订单店铺信息*/
|
|
|
|
.sstouch-vr-order-location {
|
|
background-color: #FFF;
|
|
margin-top: 23.4375rpx;
|
|
border-top: solid 2.34375rpx #EEE;
|
|
.tit {
|
|
display: block;
|
|
overflow: hidden;
|
|
height: 46.875rpx;
|
|
padding: 18.75rpx;
|
|
.h3 {
|
|
float: left;
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-right: 9.375rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 70%;
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
}
|
|
.default {
|
|
margin-left: 23.4375rpx;
|
|
border-top: solid #EEE 2.34375rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
.dl {
|
|
padding: 37.5rpx 0;
|
|
}
|
|
.dt {
|
|
display: block;
|
|
font-size: 32.8125rpx;
|
|
line-height: 42.1875rpx;
|
|
font-weight: 600;
|
|
}
|
|
.dd {
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #999;
|
|
}
|
|
.p {
|
|
position: absolute;
|
|
z-index: 1;
|
|
right: 23.4375rpx;
|
|
top: 23.4375rpx;
|
|
border-left: solid 2.34375rpx #EEE;
|
|
padding-left: 23.4375rpx;
|
|
.a {
|
|
display: block;
|
|
width: 93.75rpx;
|
|
height: 93.75rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 50%;
|
|
opacity: 0.65;
|
|
}
|
|
}
|
|
}
|
|
.more-location {
|
|
border-top: solid #EEE 2.34375rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
padding: 23.4375rpx;
|
|
position: relative;
|
|
.a {
|
|
display: block;
|
|
color: #f30213;
|
|
font-weight: 600;
|
|
}
|
|
.i {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 23.4375rpx;
|
|
right: 23.4375rpx;
|
|
font-size: 46.875rpx;
|
|
margin-bottom: 4.6875rpx;
|
|
/* background-image: url(../images/arrow_right_b.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 78%;*/
|
|
opacity: 0.65;
|
|
}
|
|
}
|
|
}
|
|
|
|
.transparent-map {
|
|
background-color: transparent;
|
|
border-bottom: none;
|
|
.header-l .a {
|
|
width: 63.28125000000001rpx;
|
|
height: 63.28125000000001rpx;
|
|
margin: 13.007812500000002rpx;
|
|
padding: 0;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFFFFFFF', endColorstr='#BFFFFFFF');
|
|
background: rgba(255, 255, 255, 0.75);
|
|
border: solid 2.34375rpx #EEE;
|
|
border-radius: 100%;
|
|
.i.back {
|
|
width: 60%;
|
|
height: 60%;
|
|
color: #f30213;
|
|
font-size: 56.25rpx;
|
|
/*
|
|
background-image: url(../images/arrow_left_r.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;*/
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 虚拟码再次发送 */
|
|
|
|
.msg-again-layout {
|
|
text-align: center;
|
|
display: block;
|
|
padding: 23.4375rpx 0;
|
|
.h4 {
|
|
font-size: 30.46875rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #000;
|
|
}
|
|
.h5 {
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #212121;
|
|
margin-bottom: 46.875rpx;
|
|
}
|
|
.inp-tel {
|
|
display: block;
|
|
width: 80%;
|
|
height: 56.25rpx;
|
|
padding: 9.375rpx;
|
|
margin: 4.6875rpx auto 0 auto;
|
|
border: solid #f30213 2.34375rpx;
|
|
border-radius: 9.375rpx;
|
|
font-size: 37.5rpx;
|
|
text-align: center;
|
|
line-height: 56.25rpx;
|
|
background-color: #FEF6F7;
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
.rpt_error_tip {
|
|
font-size: 28.125rpx;
|
|
color: #f30213 !important;
|
|
display: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.sstouch-oredr-detail-block .order-log {
|
|
padding: 0 23.4375rpx;
|
|
.li {
|
|
display: block;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #999;
|
|
}
|
|
}
|
|
|
|
.sstouch-oredr-detail-bottom {
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: auto;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
height: 93.75rpx;
|
|
text-align: right;
|
|
background-color: rgba(255, 255, 255, 0.85);
|
|
border-top: solid 2.34375rpx #EEE;
|
|
.a.btn {
|
|
display: inline-block;
|
|
height: 56.25rpx;
|
|
padding: 0 18.75rpx;
|
|
margin: 16.40625rpx 18.75rpx 0 0;
|
|
line-height: 56.25rpx;
|
|
}
|
|
.p {
|
|
font-size: 32.8125rpx;
|
|
line-height: 93.75rpx;
|
|
color: #f30213;
|
|
margin-right: 23.4375rpx;
|
|
}
|
|
}
|
|
|
|
.sstouch-oredr-detail-delivery {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
padding: 18.75rpx;
|
|
background-color: #FAFAFA;
|
|
border-bottom: solid 1.171875rpx #DDD;
|
|
.time-line {
|
|
position: absolute;
|
|
top: 28.125rpx;
|
|
left: 37.5rpx;
|
|
bottom: 18.75rpx;
|
|
z-index: auto;
|
|
border-left: dotted #36BC9B 1rpx;
|
|
.i {
|
|
position: absolute;
|
|
top: -7.5rpx;
|
|
left: -17.8125rpx;
|
|
display: block;
|
|
width: 15.937500000000002rpx;
|
|
height: 15.937500000000002rpx;
|
|
background-color: #36BC9B;
|
|
border: solid 9.375rpx #A3E7D6;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
.info {
|
|
margin: 0 46.875rpx 0 56.25rpx;
|
|
min-height: 75rpx;
|
|
.p {
|
|
font-size: 32.8125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #000;
|
|
}
|
|
time {
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #777;
|
|
}
|
|
}
|
|
.arrow-r {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 42.1875rpx;
|
|
right: 23.4375rpx;
|
|
display: block;
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
font-size: 46.875rpx;
|
|
color: #212121;
|
|
opacity: 0.65;
|
|
}
|
|
}
|
|
|
|
/*订单物流*/
|
|
|
|
.sstouch-order-deivery-info {
|
|
background: #FFF;
|
|
position: relative;
|
|
z-index: 1;
|
|
.i {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 37.5rpx;
|
|
left: 28.125rpx;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 100%;
|
|
opacity: 0.7;
|
|
}
|
|
.dl {
|
|
height: 84.375rpx;
|
|
margin-left: 117.1875rpx;
|
|
padding: 23.4375rpx 0;
|
|
}
|
|
.dt {
|
|
font-size: 32.8125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #333;
|
|
}
|
|
.dd {
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #212121;
|
|
}
|
|
}
|
|
|
|
.sstouch-order-deivery-con {
|
|
background-color: #FFF;
|
|
margin-top: 11.71875rpx;
|
|
.ul {
|
|
padding: 0 2.5%;
|
|
overflow: hidden;
|
|
.li {
|
|
position: relative;
|
|
z-index: 1;
|
|
border-bottom: solid #EEE 2.34375rpx;
|
|
margin-left: 93.75rpx;
|
|
padding: 23.4375rpx 11.71875rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #666;
|
|
&:nth-child(1) {
|
|
color: #36BC9B;
|
|
}
|
|
&:nth-last-child(1) {
|
|
border: none;
|
|
.span {
|
|
border: none;
|
|
}
|
|
}
|
|
.span {
|
|
position: absolute;
|
|
z-index: auto;
|
|
left: -58.59375rpx;
|
|
top: 35.15625rpx;
|
|
rgiht: -4.6875rpx;
|
|
bottom: -46.875rpx;
|
|
border-left: dotted 1rpx #CCC;
|
|
.i {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: -9.375rpx;
|
|
width: 15.937500000000002rpx;
|
|
height: 15.937500000000002rpx;
|
|
border-radius: 100%;
|
|
background-color: #CCC;
|
|
}
|
|
}
|
|
&:nth-child(1) .span {
|
|
border-color: #36BC9B;
|
|
.i {
|
|
width: 15.937500000000002rpx;
|
|
height: 15.937500000000002rpx;
|
|
top: -2.8125rpx;
|
|
left: -18.75rpx;
|
|
background: #36BC9B;
|
|
border: solid 9.375rpx #A3E7D6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.sstouch-delivery-tip {
|
|
font-size: 21.09375rpx;
|
|
line-height: 32.8125rpx;
|
|
color: #999;
|
|
text-align: center;
|
|
width: 60%;
|
|
margin: 11.71875rpx auto 0 auto;
|
|
}
|
|
|
|
/*订单评价*/
|
|
|
|
.sstouch-evaluation-goods .li {
|
|
width: 95%;
|
|
padding: 18.75rpx 2.5%;
|
|
background-color: #FFF;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
margin-bottom: 12.890625000000002rpx;
|
|
}
|
|
|
|
.evaluation-info {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
.goods-pic {
|
|
display: block;
|
|
width: 131.25rpx;
|
|
height: 131.25rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 17.8125rpx;
|
|
left: 0;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.goods-info {
|
|
display: block;
|
|
min-height: 131.25rpx;
|
|
padding: 17.8125rpx 0;
|
|
margin: 0 0 0 145.3125rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
.goods-name {
|
|
overflow: hidden;
|
|
height: 75rpx;
|
|
font-size: 26rpx;
|
|
line-height: 42.1875rpx;
|
|
margin-bottom: 18.75rpx;
|
|
color: #333;
|
|
}
|
|
.goods-rate {
|
|
display: block;
|
|
min-height: 42.1875rpx;
|
|
font-size: 25.781250000000004rpx;
|
|
color: #212121;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
}
|
|
.star-level {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-weight: 0;
|
|
margin-left: 9.375rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 35.15625rpx;
|
|
height: 35.15625rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 90%;
|
|
&.star-level-hollow {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.evaluation-inp-block {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
margin: 0 0 18.75rpx 0;
|
|
input[type="text"] {
|
|
display: block;
|
|
width: 80%;
|
|
height: 75rpx;
|
|
padding: 9.375rpx;
|
|
background-color: #F5F5F5;
|
|
border: none;
|
|
border-radius: 9.375rpx;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
resize: none;
|
|
}
|
|
label {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 9.375rpx;
|
|
display: block;
|
|
width: 93.75rpx;
|
|
text-align: center;
|
|
input[type="checkbox"] {
|
|
margin: 0 auto;
|
|
}
|
|
.p {
|
|
display: block;
|
|
height: 42.1875rpx;
|
|
font-size: 25.781250000000004rpx;
|
|
color: #212121;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.evaluation-upload-block {
|
|
font-size: 0;
|
|
.tit {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 70.3125rpx;
|
|
height: 79.6875rpx;
|
|
padding: 14.0625rpx 14.0625rpx 0 0;
|
|
.i {
|
|
display: block;
|
|
width: 100%;
|
|
height: 42.1875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 70%;
|
|
opacity: 0.15;
|
|
}
|
|
.p {
|
|
display: block;
|
|
width: 100%;
|
|
height: 42.1875rpx;
|
|
text-align: center;
|
|
color: #BBB;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
}
|
|
.sstouch-upload {
|
|
margin-right: 14.0625rpx;
|
|
}
|
|
}
|
|
|
|
.sstouch-evaluation-store {
|
|
background-color: #FFF;
|
|
padding: 23.4375rpx;
|
|
.dl {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
height: 75rpx;
|
|
}
|
|
.dt {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 18.75rpx;
|
|
left: 93.75rpx;
|
|
display: block;
|
|
width: 140.625rpx;
|
|
height: 42.1875rpx;
|
|
font-size: 32.8125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
.dd {
|
|
display: block;
|
|
margin: 0 0 0 281.25rpx;
|
|
padding-top: 18.75rpx;
|
|
height: 42.1875rpx;
|
|
}
|
|
.star-level {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-weight: 0;
|
|
margin-left: 9.375rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 95%;
|
|
&.star-level-hollow {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*我的收货地址*/
|
|
|
|
.sstouch-address-list .li {
|
|
background-color: #FFF;
|
|
padding: 0 0 0 23.4375rpx;
|
|
margin-bottom: 23.4375rpx;
|
|
.dl {
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
padding: 23.4375rpx 23.4375rpx 23.4375rpx 0;
|
|
}
|
|
.dt {
|
|
height: 42.1875rpx;
|
|
margin-bottom: 14.0625rpx;
|
|
font-size: 0;
|
|
.span {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 42.1875rpx;
|
|
height: 42.1875rpx;
|
|
&.name {
|
|
min-width: 187.5rpx;
|
|
font-size: 32.8125rpx;
|
|
font-weight: 600;
|
|
color: #999;
|
|
}
|
|
&.phone {
|
|
font-size: 28.125rpx;
|
|
color: #333;
|
|
}
|
|
}
|
|
}
|
|
.dd {
|
|
height: 60.9375rpx;
|
|
font-size: 28.125rpx;
|
|
line-height: 30.46875rpx;
|
|
color: #777;
|
|
}
|
|
.handle {
|
|
height: 42.1875rpx;
|
|
padding: 23.4375rpx 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #999;
|
|
.span {
|
|
display: block;
|
|
height: 42.1875rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 23.4375rpx;
|
|
right: 0;
|
|
.a {
|
|
font-size: 28.125rpx;
|
|
color: #999;
|
|
margin-right: 23.4375rpx;
|
|
.i {
|
|
display: inline-block;
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
vertical-align: top;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 60%;
|
|
margin-right: 4.6875rpx;
|
|
margin-top: 2.34375rpx;
|
|
&.del, &.edit {
|
|
font-size: 32.8125rpx;
|
|
line-height: 32.8125rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 触屏版用户账户资产简介 */
|
|
|
|
.sstouch-asset-info {
|
|
display: block;
|
|
.container {
|
|
position: relative;
|
|
z-index: 1;
|
|
height: 140.625rpx;
|
|
&.pre {
|
|
background: #f30213;
|
|
}
|
|
&.voucher {
|
|
background: #FB6E52;
|
|
}
|
|
&.point {
|
|
background: #F6BB43;
|
|
}
|
|
&.rcard {
|
|
background: #EC87BF;
|
|
}
|
|
&.packet {
|
|
background: #AC92ED;
|
|
}
|
|
.icon {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 70.3125rpx;
|
|
display: block;
|
|
width: 140.625rpx;
|
|
height: 140.625rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: contain;
|
|
opacity: 0.3;
|
|
-webkit-transform: rotate(-25deg);
|
|
-ms-transform: rotate(25deg);
|
|
transform: rotate(25deg);
|
|
}
|
|
.dl {
|
|
margin: 0 23.4375rpx 0 234.375rpx;
|
|
padding: 23.4375rpx 0;
|
|
text-align: right;
|
|
}
|
|
.dt {
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #FFF;
|
|
height: 42.1875rpx;
|
|
margin-bottom: 9.375rpx;
|
|
}
|
|
.dd {
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #FFF;
|
|
height: 46.875rpx;
|
|
.em {
|
|
font-size: 46.875rpx;
|
|
}
|
|
}
|
|
.rule {
|
|
.dt {
|
|
font-size: 32.8125rpx;
|
|
margin-bottom: 9.375rpx;
|
|
height: auto;
|
|
}
|
|
.dd {
|
|
font-size: 23.4375rpx;
|
|
line-height: 31.875000000000004rpx;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 触屏版资产日志形列表 */
|
|
|
|
.sstouch-log-list {
|
|
padding-left: 23.4375rpx;
|
|
background-color: #FFF;
|
|
.li {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
padding: 23.4375rpx 0;
|
|
border-bottom: solid 2.34375rpx #EEE;
|
|
.detail {
|
|
min-height: 84.375rpx;
|
|
margin: 0 50% 0 0;
|
|
font-size: 25.781250000000004rpx;
|
|
word-wrap: break-word;
|
|
line-height: 42.1875rpx;
|
|
color: #999;
|
|
}
|
|
.money {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 23.4375rpx;
|
|
right: 23.4375rpx;
|
|
height: 42.1875rpx;
|
|
font-weight: 32.8125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
}
|
|
&.tx .money {
|
|
right: 70.3125rpx;
|
|
}
|
|
.li {
|
|
.money {
|
|
&.add {
|
|
color: #f30213;
|
|
}
|
|
&.reduce {
|
|
color: #36BC9B;
|
|
}
|
|
}
|
|
.date {
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 18.75rpx;
|
|
right: 23.4375rpx;
|
|
height: 42.1875rpx;
|
|
font-size: 23.4375rpx;
|
|
line-height: 42.1875rpx;
|
|
color: #999;
|
|
}
|
|
}
|
|
&.tx .date {
|
|
right: 70.3125rpx;
|
|
}
|
|
.li {
|
|
.dt {
|
|
font-size: 23.4375rpx;
|
|
line-height: 46.875rpx;
|
|
font-weight: 600;
|
|
color: #333;
|
|
height: 46.875rpx;
|
|
margin-bottom: 9.375rpx;
|
|
.i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 46.875rpx;
|
|
height: 46.875rpx;
|
|
margin-right: 4.6875rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 65%;
|
|
opacity: 0.4;
|
|
}
|
|
.span {
|
|
font-size: 25.781250000000004rpx;
|
|
color: #4FC0E8;
|
|
}
|
|
}
|
|
.dd {
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 30.46875rpx;
|
|
color: #777;
|
|
}
|
|
.arrow-r {
|
|
position: absolute;
|
|
z-index: 2;
|
|
top: 50%;
|
|
right: 18.75rpx;
|
|
display: block;
|
|
width: 37.5rpx;
|
|
height: 42.1875rpx;
|
|
margin-top: -23.4375rpx;
|
|
font-size: 46.875rpx;
|
|
color: #212121;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 触屏版代金卡券列表 */
|
|
|
|
.sstouch-tickets {
|
|
display: block;
|
|
padding: 23.4375rpx 23.4375rpx 0 23.4375rpx;
|
|
.ticket-item {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
margin-bottom: 23.4375rpx;
|
|
.border-left {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
width: 9.375rpx;
|
|
background-repeat: repeat-y;
|
|
background-position: 0 50%;
|
|
background-size: 89%;
|
|
}
|
|
.border-right {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
width: 9.375rpx;
|
|
background-repeat: repeat-y;
|
|
background-position: 0 50%;
|
|
background-size: 89%;
|
|
}
|
|
.block-center {
|
|
display: block;
|
|
height: 140.625rpx;
|
|
margin: 0 9.375rpx;
|
|
background: #FFF;
|
|
font-size: 0;
|
|
box-shadow: 0 2.34375rpx 2.34375rpx rgba(0, 0, 0, 0.1);
|
|
}
|
|
.store-info {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 65%;
|
|
height: 140.625rpx;
|
|
}
|
|
.store-avatar {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 23.4375rpx;
|
|
left: 23.4375rpx;
|
|
width: 93.75rpx;
|
|
height: 93.75rpx;
|
|
background: #FFF;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.store-info {
|
|
.dl {
|
|
padding: 23.4375rpx 0 23.4375rpx 140.625rpx;
|
|
}
|
|
.dt {
|
|
font-size: 28.125rpx;
|
|
line-height: 46.875rpx;
|
|
color: #212121;
|
|
}
|
|
.dd {
|
|
/*font-size: 0.55rem;*/
|
|
font-size: 12rpx;
|
|
line-height: 46.875rpx;
|
|
color: #212121;
|
|
}
|
|
}
|
|
.ticket-info {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 35%;
|
|
height: 140.625rpx;
|
|
}
|
|
}
|
|
.normal .ticket-info {
|
|
background-color: #f30213;
|
|
}
|
|
.invalid .ticket-info {
|
|
background-color: #AAB2BD;
|
|
}
|
|
.ticket-item .bg-ico {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 50%;
|
|
opacity: 0.15;
|
|
}
|
|
.invalid .watermark {
|
|
position: absolute;
|
|
z-index: 3;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: 60% 50%;
|
|
background-size: 50%;
|
|
opacity: 0.50;
|
|
}
|
|
.ticket-item .ticket-info {
|
|
.dl {
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 23.4375rpx;
|
|
bottom: 23.4375rpx;
|
|
display: block;
|
|
text-align: right;
|
|
height: 84.375rpx;
|
|
}
|
|
.dt {
|
|
font-size: 46.875rpx;
|
|
line-height: 56.25rpx;
|
|
color: #FFF;
|
|
}
|
|
.dd {
|
|
font-size: 23.4375rpx;
|
|
line-height: 28.125rpx;
|
|
color: #FFF;
|
|
}
|
|
}
|
|
}
|
|
|
|
.spacing-div {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
height: 46.875rpx;
|
|
margin: -23.4375rpx 23.4375rpx 46.875rpx 23.4375rpx;
|
|
border-bottom: solid #CCC 2.34375rpx;
|
|
.span {
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: -14.0625rpx;
|
|
left: 50%;
|
|
display: block;
|
|
width: 234.375rpx;
|
|
margin-left: -117.1875rpx;
|
|
text-align: center;
|
|
font-size: 25.781250000000004rpx;
|
|
line-height: 28.125rpx;
|
|
height: 28.125rpx;
|
|
background-color: #F5F5F5;
|
|
color: #212121;
|
|
}
|
|
}
|
|
|
|
/*用户反馈*/
|
|
|
|
.feedback textarea {
|
|
background-color: #FFF;
|
|
width: 90%;
|
|
height: 187.5rpx;
|
|
padding: 23.4375rpx 2.5%;
|
|
margin: 23.4375rpx 2.5%;
|
|
border: none;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|
|
|
|
/*返利A*/
|
|
|
|
.invitea {
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin: 23.4375rpx 2.5%;
|
|
border: none;
|
|
font-size: 28.125rpx;
|
|
line-height: 42.1875rpx;
|
|
}
|