java-mall-app/unpackage/dist/dev/mp-weixin/seller/order/write.wxss
2025-12-12 17:04:03 +08:00

6247 lines
132 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
page {
font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";
background-color: #f4f4f4;
}
input {
font-family: Arial, "Microsoft YaHei", sans-serif;
}
._a {
text-decoration: none;
-webkit-touch-callout: none;
}
page, view ._div, ._dl, ._dt, ._dd, ._ul, ._ol, ._li, ._h1, ._h2, ._h3, ._h4, ._h5, ._h6, ._pre, ._code, form, ._fieldset, ._legend, input, textarea, ._p, ._blockquote, ._th, ._td, view, .a {
margin: 0;
padding: 0;
}
._table {
border-collapse: collapse;
border-spacing: 0;
}
._fieldset, ._img, ._iframe {
border: 0;
}
:focus {
outline: 0;
}
._i, ._address, ._caption, ._cite, ._code, ._dfn, ._em, ._strong, ._th, ._var {
font-style: normal;
}
._ol, ._ul, view {
list-style: none;
}
._caption, ._th {
text-align: left;
}
._h1, ._h2, ._h3, ._h4, ._h5, ._h6 {
font-size: 100%;
font-weight: normal;
}
._blockquote:before, ._blockquote:after {
content: "";
}
._q:before, ._q:after {
content: "";
}
._abbr, acronym {
border: 0;
font-variant: normal;
}
._img {
vertical-align: top;
border: none;
}
input, textarea {
-webkit-user-select: text;
user-select: text;
-webkit-appearance: none;
}
input:focus, ._select:focus, textarea:focus, button:focus {
outline: none;
}
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"] {
-webkit-appearance: none;
border: 1rpx solid;
border-radius: 0;
}
.default-input[type="text"], .default-input[type="password"], .default-input[type="search"], .default-input[type="tel"], .default-input[type="number"], .default-input[type="email"], .default-input[type="url"], .default-input[type="date"], .default-input[type="time"], .default-input[type="datetime-local"] {
/*display: block;*/
height: 42.1875rpx;
padding: 2%;
margin: 0 2.5%;
background-color: #FFF;
border: none;
border-radius: 9.375rpx;
line-height: 42.1875rpx;
font-size: 28.125rpx;
}
/*
input {
&[type="date"], &[type="time"], &[type="datetime-local"]:before{
color:#A9A9A9;
content:attr(placeholder);
}
}
input {
&[type="date"].full, &[type="time"].full, &[type="datetime-local"].full:before{
color:black;
content:""!important;
}
}
*/
textarea {
-webkit-appearance: none;
border: 1rpx solid;
border-radius: 0;
}
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
._em, .i {
font-style: normal;
}
._li {
list-style: none;
}
input[type="checkbox"] {
position: relative;
width: 35.15625rpx;
height: 35.15625rpx;
background-color: #f4f4f4;
border: 2.34375rpx solid #CCC;
border-radius: 50%;
vertical-align: middle;
}
input[type="checkbox"]:checked {
border-color: #f30213;
background-color: #f30213;
}
input[type="checkbox"]:checked:after {
content: '';
position: absolute;
left: 4.6875rpx;
top: 6.562500000000001rpx;
width: 18.75rpx;
height: 9.375rpx;
border-left: 3.046875rpx solid #fff;
border-bottom: 3.046875rpx solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
._sup {
vertical-align: text-top;
}
._sub {
vertical-align: text-bottom;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
/*clear float*/
.clearfix {
zoom: 1;
}
.clearfix:after {
display: block;
clear: both;
content: " ";
}
:not(input) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
}
.posr {
position: relative !important;
}
.posa {
position: absolute;
z-index: auto;
}
.posf {
position: fixed;
}
.w20h view {
width: 20%;
}
.w25h view {
width: 25%;
}
.w33h view {
width: 33.33%;
}
.w50h view {
width: 50%;
}
.mt5 {
margin-top: 23.4375rpx !important;
}
.mt10 {
margin-top: 46.875rpx !important;
}
.mt20 {
margin-top: 93.75rpx !important;
}
.mt40 {
margin-top: 187.5rpx !important;
}
.mr2 {
margin-right: 9.375rpx;
}
.mb5 {
margin-bottom: 23.4375rpx !important;
}
.mb20 {
margin-bottom: 93.75rpx !important;
}
.mb-20 {
margin-bottom: -93.75rpx !important;
}
.mb25 {
margin-bottom: 117.1875rpx !important;
}
.pl5 {
padding-left: 23.4375rpx;
}
.pb5 {
padding-bottom: 23.4375rpx;
}
.bgc-t {
background-color: transparent !important;
}
.opera-tips {
color: #D9434E;
font-size: 14rpx;
}
.error-tips {
display: none;
background-color: rgba(255, 255, 255, 0.95);
border: solid 2.34375rpx #CCC;
padding: 37.5rpx 28.125rpx;
text-align: center;
border-radius: 9.375rpx;
position: fixed;
z-index: 9999;
top: 40%;
left: 25%;
right: 25%;
color: #333;
font-size: 32.8125rpx;
line-height: 46.875rpx;
box-shadow: 0 0 46.875rpx rgba(0, 0, 0, 0.15);
}
.error-tips .p {
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #333;
}
/*操作提示弹出层*/
.s-dialog-mask {
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');
background: rgba(0, 0, 0, 0.75);
}
.s-dialog-wrapper {
position: fixed;
z-index: 9999;
max-width: 562.5rpx;
min-width: 468.75rpx;
margin-top: -93.75rpx;
border-radius: 9.375rpx;
}
.s-dialog-skin-green, .s-dialog-skin-block, .s-dialog-skin-red {
background-color: rgba(255, 255, 255, 0.9);
border: solid 2.34375rpx #000;
}
.s-dialog-content {
padding: 37.5rpx 28.125rpx;
text-align: center;
font-size: 35.15625rpx;
line-height: 42.1875rpx;
}
.s-dialog-skin-green .s-dialog-content, .s-dialog-skin-red .s-dialog-content, .s-dialog-skin-block .s-dialog-content {
color: #000;
}
.s-dialog-content ._h6 {
display: block;
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
color: #333;
}
.s-dialog-btn-wapper {
display: block;
padding: 28.125rpx 0;
border-top: solid 2.34375rpx rgba(0, 0, 0, 0.15);
font-size: 0;
}
.s-dialog-btn-wapper .a {
display: inline-block;
width: 49%;
font-size: 32.8125rpx;
font-weight: 600;
line-height: 42.1875rpx;
color: #0080FF;
text-align: center;
}
.s-dialog-btn-wapper .a:last-child {
border-left: solid 2.34375rpx rgba(0, 0, 0, 0.15);
}
.s-dialog-skin-block .s-dialog-btn-wapper .a {
color: #0080FF;
}
#scroller {
position: absolute;
z-index: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
#scroller view {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
text-align: left;
padding: 0 10rpx;
height: 40rpx;
line-height: 40rpx;
border-bottom: 1rpx solid #ccc;
border-top: 1rpx solid #fff;
background-color: #fafafa;
font-size: 14rpx;
}
/*页面固定宽度*/
.fixed-Width {
/* min-width: 320rpx;
max-width: 640rpx;
margin: 0 auto;*/
}
/*默认顶部*/
._header, .header {
display: none;
background: #F8F8F8;
height: 91.40625rpx;
position: absolute;
z-index: 8;
top: 0;
left: 0;
right: 0;
bottom: auto;
border-bottom: solid 2.34375rpx #EEE;
}
._header.fixed {
position: fixed;
background: rgba(248, 248, 248, 0.95);
z-index: 9;
}
.header-wrap {
display: block;
max-width: 320rpx;
max-width: 640rpx;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.header-l {
display: block;
width: 91.40625rpx;
height: 91.40625rpx;
position: absolute;
top: 0;
left: 0;
}
.header-l .a {
position: relative;
z-index: 1;
display: inline-block;
width: 46.875rpx;
height: 46.875rpx;
padding: 22.3828125rpx;
}
.header-l .a .i {
display: block;
width: 100%;
height: 100%;
}
.header-l .a .i.back {
width: 80%;
height: 80%;
font-size: 46.875rpx;
color: #212121;
/*
background-image: url(https://test.lancerdt.com/wap/images/arrow_left_b.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;*/
opacity: 0.75;
}
.header-l .a .i.close {
width: 80%;
height: 80%;
margin: 10%;
background-image: url(https://test.lancerdt.com/wap/images/close_window.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
opacity: 0.75;
}
.header-l .a .i.set {
background-image: url(https://test.lancerdt.com/wap/images/set_b.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
opacity: 0.65;
}
.header-l .a .i.home {
width: 80%;
height: 80%;
margin: 10%;
opacity: 0.7;
font-size: 46.875rpx;
color: #212121;
}
/*单一标题*/
.header-title {
display: inline-block;
margin: 0 auto;
}
.header-title ._h1 {
font-size: 37.5rpx;
line-height: 91.40625rpx;
height: 91.40625rpx;
}
/*商家和会员切换*/
.header-ls {
display: block;
width: 187.5rpx;
height: 91.40625rpx;
position: absolute;
top: 9.375rpx;
left: 0;
}
.header-ls .a {
position: relative;
z-index: 1;
opacity: 0.65;
display: inline-block;
line-break: 46.875rpx;
padding: 2rpx 4rpx;
color: #fff;
font-size: 28.125rpx;
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');
background: rgba(0, 0, 0, 0.1);
border-radius: 3rpx;
}
/*模拟输入框*/
.header-inp {
position: relative;
display: block;
height: 65.625rpx;
border: solid 2.34375rpx #DEDEDE;
border-radius: 9.375rpx;
margin: 12.890625000000002rpx 117.1875rpx 0 93.75rpx;
background-color: #FFF;
text-align: left;
}
.header-inp .icon {
float: left;
vertical-align: top;
width: 37.5rpx;
height: 37.5rpx;
margin: 14.0625rpx 9.375rpx;
font-size: 37.5rpx;
line-height: 37.5rpx;
/* background-image: url(https://test.lancerdt.com/wap/images/search_ico.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 70%;*/
opacity: 0.3;
}
.header-inp .search-input {
float: left;
width: 351.5625rpx;
height: 46.875rpx;
padding: 9.375rpx 0;
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #BBB;
vertical-align: top;
border: none 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.header-inp .input-del {
position: absolute;
z-index: 1;
top: 0;
right: 0;
display: none;
width: 64.6875rpx;
height: 64.6875rpx;
background-image: url(https://test.lancerdt.com/wap/images/cancel_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50%;
opacity: 0.2;
}
.header-inp.write .search-input {
color: #111;
}
.header-inp.write .input-del {
display: block;
}
/*标题切换*/
.header-tab {
display: inline-block;
height: 65.625rpx;
margin: 12.890625000000002rpx auto 0 auto;
font-size: 0;
border-radius: 9.375rpx;
}
.header-tab .a {
display: inline-block;
height: 60.9375rpx;
padding: 0 46.875rpx;
text-align: center;
font-size: 31.875000000000004rpx;
color: #333;
line-height: 60.9375rpx;
border: solid 2.34375rpx #f30213;
}
.header-tab .a:first-child {
border-radius: 11.71875rpx 0 0 11.71875rpx;
}
.header-tab .a:last-child {
border-radius: 0 11.71875rpx 11.71875rpx 0;
}
.header-tab .a.cur {
color: #FFF;
background-color: #f30213;
}
/*标题导航*/
.header-nav {
display: inline-block;
margin: 0 auto;
vertical-align: top;
font-size: 0;
white-space: nowrap;
}
.header-nav view {
display: inline-block;
vertical-align: top;
text-align: center;
height: 91.40625rpx;
}
.header-nav view .a {
display: inline-block;
padding: 4.6875rpx 11.71875rpx;
margin: 0 23.4375rpx;
font-size: 32.8125rpx;
line-height: 85.546875rpx;
color: #333;
}
.header-nav view.cur .a {
padding: 4.6875rpx 2.34375rpx 0 2.34375rpx;
color: #f30213;
border-bottom: solid 4.6875rpx #f30213;
font-size: 37.5rpx;
font-weight: 600;
}
.header-r {
position: absolute;
z-index: 1;
top: 0;
right: 0;
font-size: 0;
text-align: right;
}
.header-r .a {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 44.53125rpx;
height: 44.53125rpx;
padding: 23.4375rpx 23.4375rpx;
}
.header-r .a.text {
position: relative;
z-index: 1;
display: inline-block;
white-space: nowrap;
width: 75rpx;
height: 44.53125rpx;
padding: 28.125rpx 32.8125rpx 18.75rpx 0;
font-size: 32.8125rpx;
line-height: 45.703125rpx;
color: #f30213;
}
.header-r .a .i {
display: block;
width: 100%;
height: 100%;
}
.header-r .a ._sup {
display: none;
position: absolute;
z-index: 1;
top: 14.0625rpx;
right: 14.0625rpx;
width: 16.875rpx;
height: 16.875rpx;
background-color: #f30213;
border-radius: 100%;
}
.header-r .a .i.more {
font-size: 46.875rpx;
color: #212121;
opacity: 0.65;
}
.header-r .a .i.refresh {
background-image: url(https://test.lancerdt.com/wap/images/reload_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 85%;
opacity: 0.60;
}
.header-r .a .i.add {
/*
background-image: url(https://test.lancerdt.com/wap/images/value_add.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;*/
opacity: 0.65;
color: #999;
}
.header-r .a .i.save {
/*
background-image: url(https://test.lancerdt.com/wap/images/save_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;*/
opacity: 0.65;
margin-top: 4.6875rpx;
font-size: 37.5rpx;
color: #212121;
/*
background-image: url(https://test.lancerdt.com/wap/images/save_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;*/
opacity: 0.65;
margin-top: 4.6875rpx;
font-size: 37.5rpx;
color: #212121;
}
.header-r .a.search-btn {
width: 117.1875rpx;
height: 91.40625rpx;
text-align: center;
padding: 0;
font-size: 32.8125rpx;
line-height: 91.40625rpx;
color: #333;
}
.header-r .a.msg-log {
width: 114.84375000000001rpx;
height: 91.40625rpx;
padding: 0;
}
.header-r .a.msg-log .i {
background-image: url(https://test.lancerdt.com/wap/images/msg_log_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 70%;
opacity: 0.7;
}
/*头部下拉菜单*/
.sstouch-nav-layout {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
}
.sstouch-nav-menu {
display: block;
position: absolute;
top: 56.25rpx;
right: 9.375rpx;
width: 234.375rpx;
}
.sstouch-nav-menu .arrow {
display: block;
float: right;
width: 0;
height: 0;
margin-right: 18.75rpx;
font-size: 0;
line-height: 0;
border-width: 18.75rpx;
border-color: transparent transparent rgba(85, 85, 85, 0.95) transparent;
border-style: dashed dashed solid dashed;
}
.sstouch-nav-menu view {
display: block;
clear: both;
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');
background: rgba(85, 85, 85, 0.95);
border-radius: 9.375rpx;
position: relative;
z-index: 1;
border-bottom: solid 2.34375rpx #999;
}
.sstouch-nav-menu view:last-child {
border-bottom: none 0;
}
.sstouch-nav-menu view .a {
display: block;
height: 42.1875rpx;
padding: 23.4375rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #FFF;
}
.sstouch-nav-menu view .a .i {
display: inline-block;
width: 33.75rpx;
vertical-align: middle;
margin-right: 14.0625rpx;
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.member-center ._dt ._h3 .i.mc-06 {
background-image: url(https://test.lancerdt.com/wap/images/mc_06.png);
}
.sstouch-nav-menu view ._sup {
display: none;
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
width: 16.875rpx;
height: 16.875rpx;
background-color: #f30213;
border-radius: 100%;
}
/*头部透明*/
.transparent {
background-color: transparent;
border-bottom: none;
}
.transparent .header-l navigator .i.set {
background-image: url(https://test.lancerdt.com/wap/images/set_w.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
opacity: 1;
}
.transparent .header-title, .transparent .header-nav {
display: none;
}
.transparent .header-r .a .i.more {
font-size: 46.875rpx;
opacity: 1;
color: #fff;
}
.transparent .header-r .a ._sup {
top: -2.34375rpx;
right: -2.34375rpx;
width: 16.40625rpx;
height: 16.40625rpx;
background-color: #f30213;
border: solid 2.34375rpx #FFF;
border-radius: 100%;
}
.transparent .sstouch-nav-menu .arrow {
opacity: 0.55;
}
.transparent .sstouch-nav-menu view {
background: rgba(85, 85, 85, 0.55);
}
.transparent .sstouch-nav-menu view view {
border-bottom-color: #CCC;
}
._header.posf {
animation: headerFixed 0.5s ease-in-out;
-webkit-animation: headerFixed 0.5s ease-in-out;
}
@keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
@-webkit-keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
/*默认底部*/
._footer {
display: block;
position: relative;
z-index: 5;
left: 0;
right: 0;
width: 100%;
padding-top: 103.12500000000001rpx;
}
.sstouch-footer-wrap {
position: relative;
z-index: 5;
bottom: 103.12500000000001rpx;
left: 0;
right: 0;
width: 100%;
background-color: #f4f4f4;
border-top: solid 1rpx #EEE;
}
.sstouch-footer-wrap .nav-text {
background-color: #fff;
padding: 28.125rpx 0;
font-size: 0;
text-align: center;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-footer-wrap .nav-text .a {
display: inline-block !important;
width: 18%;
height: 28.125rpx;
font-size: 28.125rpx;
line-height: 28.125rpx;
color: #555 !important;
border-left: solid 2.34375rpx #EEE;
}
.sstouch-footer-wrap .nav-text .a:first-child {
border-left: 0;
}
.sstouch-footer-wrap .nav-pic {
padding: 14.0625rpx 93.75rpx;
font-size: 0;
text-align: center;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-footer-wrap .nav-pic .a {
display: inline-block !important;
width: 33.33%;
font-size: 21.09375rpx;
color: #999 !important;
text-align: center;
}
.sstouch-footer-wrap .nav-pic .a.touch {
color: #333 !important;
}
.sstouch-footer-wrap .nav-pic .a view {
display: inline-block;
width: 56.25rpx;
height: 56.25rpx;
margin: 0 auto;
padding: 7.03125rpx;
border: solid #CCC 1rpx;
border-radius: 100%;
}
.sstouch-footer-wrap .nav-pic .a.touch view {
border-color: #555;
}
.sstouch-footer-wrap .nav-pic .a .i {
display: block;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 80%;
opacity: 0.4;
}
.sstouch-footer-wrap .nav-pic .a.app .i {
background-image: url(https://test.lancerdt.com/wap/images/foot_app.png);
}
.sstouch-footer-wrap .nav-pic .a.touch .i {
background-image: url(https://test.lancerdt.com/wap/images/foot_touch.png);
opacity: 0.8;
}
.sstouch-footer-wrap .nav-pic .a.pc .i {
background-image: url(https://test.lancerdt.com/wap/images/foot_pc.png);
}
.sstouch-footer-wrap .copyright {
height: 75rpx;
font-size: 21.09375rpx;
line-height: 75rpx;
color: #555;
text-align: center;
text-shadow: 1rpx 1rpx 0 white;
}
.sstouch-footer-wrap .copyright .a {
display: inline-block !important;
margin: 0 2.34375rpx;
font-size: 21.09375rpx;
font-weight: 600;
color: #555;
}
/*底部固定下方*/
._footer.bottom .nav-text, ._footer.bottom .nav-pic {
display: none;
}
._footer.bottom .sstouch-footer-wrap {
background-color: transparent;
border: none;
}
/*默认内容区域*/
.sstouch-main-layout {
display: block;
margin-top: 0rpx;
background-color: #f4f4f4;
}
.sstouch-main-layout-a {
display: block;
position: absolute;
top: 187.5rpx;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
z-index: 1;
}
/*特别提示*/
.special-tips {
display: block;
padding: 18.75rpx 5%;
}
.special-tips .p {
font-size: 25.781250000000004rpx;
line-height: 32.8125rpx;
padding: 9.375rpx 18.75rpx;
background: #AAA;
color: #FFF;
border-radius: 23.4375rpx;
}
/*单行导航*/
.sstouch-single-nav {
display: block;
width: 98%;
height: 91.40625rpx;
padding: 0 1%;
background: #FFF;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-single-nav view {
display: block;
font-size: 0;
white-space: nowrap;
overflow: visible !important;
}
.sstouch-single-nav view view {
display: inline-block;
vertical-align: top;
text-align: center;
height: 91.40625rpx;
padding: 0 !important;
}
.sstouch-single-nav .area view {
width: 33.33%;
}
.sstouch-single-nav view view .a {
display: inline-block;
padding: 4.6875rpx 2.34375rpx;
font-size: 28.125rpx;
line-height: 86.71875rpx;
color: #333;
}
.sstouch-single-nav view view .a .i {
display: inline-block;
width: 46.875rpx;
height: 46.875rpx;
vertical-align: middle;
margin-right: 4.6875rpx;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 70%;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
/* Firefox 3.5+ */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
opacity: 1;
}
.sstouch-single-nav view view.selected .a {
padding: 4.6875rpx 2.34375rpx 0 2.34375rpx;
color: #f30213;
border-bottom: solid 4.6875rpx #f30213 !important;
}
.sstouch-single-nav view view.selected .a .i {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
-webkit-filter: gray;
filter: gray;
opacity: 1;
}
.sstouch-single-nav.fixed {
background-color: rgba(248, 248, 248, 0.95);
position: fixed;
z-index: 3;
top: 0rpx;
/*top: 2rem;*/
left: 0;
right: 0;
}
/*标签式导航*/
.sstouch-tag-nav {
background-color: #EEE;
padding: 23.4375rpx 23.4375rpx 0 23.4375rpx;
}
.sstouch-tag-nav view {
font-size: 0;
display: block;
}
.sstouch-tag-nav view view {
display: inline-block;
background-color: #AAA;
margin: 0 23.4375rpx 23.4375rpx 0;
border-radius: 9.375rpx;
}
.sstouch-tag-nav view view.selected {
background-color: #f30213;
}
.sstouch-tag-nav view view .a {
display: block;
height: 42.1875rpx;
padding: 9.375rpx 23.4375rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #FFF;
}
/*默认单行列表*/
.sstouch-default-list-tit {
font-size: 32.8125rpx;
line-height: 46.875rpx;
padding: 23.4375rpx;
}
.sstouch-default-list {
overflow: hidden;
padding: 0 0 0 23.4375rpx;
background-color: #FFF;
border-top: solid 2.34375rpx #EEE;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-default-list view {
position: relative;
z-index: 1;
display: block;
clear: both;
overflow: hidden;
padding: 23.4375rpx 0;
line-height: 46.875rpx;
border-top: solid 2.34375rpx #EEE;
}
.sstouch-default-list view:first-child {
border-top: none;
}
.sstouch-default-list view .a {
display: block;
overflow: hidden;
font-size: 30.46875rpx;
color: #000;
}
.sstouch-default-list view .h4 {
float: left;
margin-left: 14.0625rpx;
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #333;
}
.sstouch-default-list view .h4 .i {
display: inline-block;
vertical-align: top;
margin-right: 9.375rpx;
width: 42.1875rpx;
height: 42.1875rpx;
opacity: 0.5;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 80%;
font-size: 37.5rpx;
}
.sstouch-default-list view ._h6 {
float: left;
clear: both;
margin-left: 14.0625rpx;
font-size: 25.781250000000004rpx;
line-height: 46.875rpx;
color: #212121;
}
.sstouch-default-list view view.num {
float: right;
margin-right: 56.25rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.sstouch-default-list view view.tip {
position: absolute;
z-index: 1;
top: 50%;
right: 56.25rpx;
height: 42.1875rpx;
margin-top: -18.75rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #111;
}
.sstouch-default-list view view.arrow-r {
position: absolute;
z-index: 1;
right: 23.4375rpx;
display: block;
top: 50%;
margin-top: -23.4375rpx;
font-size: 46.875rpx;
color: #212121;
opacity: 0.65;
}
.sstouch-default-list view view.pics {
float: right;
margin-right: 56.25rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.sstouch-default-list view view.pics image {
width: 46.875rpx;
height: 46.875rpx;
}
.sstouch-default-list view label.num {
float: right;
margin-right: 56.25rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.sstouch-default-list view label.tip {
position: absolute;
z-index: 1;
top: 50%;
right: 56.25rpx;
height: 42.1875rpx;
margin-top: -18.75rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #111;
}
.sstouch-default-list view label.arrow-r {
position: absolute;
z-index: 1;
right: 23.4375rpx;
display: block;
top: 50%;
margin-top: -23.4375rpx;
font-size: 46.875rpx;
color: #212121;
opacity: 0.65;
}
.sstouch-default-list view label.pics {
float: right;
margin-right: 56.25rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.sstouch-default-list view label.pics image {
width: 46.875rpx;
height: 46.875rpx;
}
/*默认输入表单*/
.sstouch-inp-con {
display: block;
clear: both;
}
.sstouch-inp-con view {
background: #FFF;
}
.sstouch-inp-con view view {
position: relative;
z-index: 1;
display: block;
min-height: 93.75rpx;
margin-left: 23.4375rpx;
background-color: #FFF;
border-bottom: solid #EEE 2.34375rpx;
}
.sstouch-inp-con view view:nth-last-child(1) {
border-bottom: none 0;
}
.sstouch-inp-con view view.upload-item {
height: 119.53124999999999rpx;
}
.sstouch-inp-con view view .h4 {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 140.625rpx;
font-size: 28.125rpx;
line-height: 91.40625rpx;
color: #444;
text-align: right;
}
.sstouch-inp-con view view .input-box {
display: block;
height: 91.40625rpx;
margin: 0 23.4375rpx 0 164.0625rpx;
position: relative;
z-index: 1;
}
.sstouch-inp-con view view.upload-item .input-box {
height: 91.40625rpx;
padding: 14.0625rpx 0;
}
.sstouch-inp-con view view .input-box .inp {
width: 100%;
min-height: 44.53125rpx;
padding: 23.4375rpx 0;
border: 0 none;
font-size: 28.125rpx;
line-height: 44.53125rpx;
color: #000;
}
.sstouch-inp-con view view .input-box .input-del {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
display: none;
width: 45.703125rpx;
height: 45.703125rpx;
background-image: url(https://test.lancerdt.com/wap/images/cancel_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 60%;
opacity: 0.4;
}
.sstouch-inp-con view view .input-box.write .input-del {
display: block;
}
.sstouch-inp-con view view .input-box .checkbox {
position: absolute;
z-index: 1;
top: 23.4375rpx;
left: 23.4375rpx;
}
.sstouch-inp-con view view .input-box .txt {
margin: 0 0 0 70.3125rpx;
font-size: 32.8125rpx;
line-height: 91.40625rpx;
color: #555;
}
.sstouch-inp-con view view .input-box .note {
position: absolute;
z-index: 1;
right: 0;
top: 11.71875rpx;
height: 75rpx;
text-align: right;
}
.sstouch-inp-con view view .input-box .note .em {
display: block;
vertical-align: top;
font-size: 28.125rpx;
font-weight: 600;
color: #36BC9B;
line-height: 37.5rpx;
}
.sstouch-inp-con view view .input-box .note ._h6 {
display: block;
vertical-align: top;
font-size: 25.781250000000004rpx;
color: #999;
line-height: 37.5rpx;
}
.sstouch-inp-con view view .input-box .select {
width: 95%;
height: 91.40625rpx;
margin: 0;
font-size: 25.781250000000004rpx;
background-color: transparent;
line-height: 91.40625rpx;
border: 0 none;
appearance: none;
-webkit-appearance: none;
/*for chrome*/
}
.sstouch-inp-con view view .input-box .arrow-down {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 0;
display: block;
width: 45.703125rpx;
height: 45.703125rpx;
background-image: url(https://test.lancerdt.com/wap/images/arrow_down_b.png);
background-repeat: no-repeat;
background-repeat: 50% 50%;
background-size: 50%;
opacity: 0.5;
}
.sstouch-inp-con .form-btn {
margin-top: 46.875rpx;
padding-bottom: 103.12500000000001rpx;
}
.sstouch-inp-con .form-btn .btn {
display: inline-block;
width: 90%;
height: 84.375rpx;
padding: 0;
margin: 0 5%;
font-size: 37.5rpx;
line-height: 84.375rpx;
text-align: center;
color: #212121;
background: #EEE;
border: none;
border-radius: 9.375rpx;
}
.sstouch-inp-con .form-btn.ok .btn {
color: #FFF !important;
background: #f30213;
}
/*开关*/
.input-box label {
display: inline-block !important;
height: 91.40625rpx !important;
width: 100%;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 32.8125rpx !important;
line-height: 91.40625rpx !important;
color: #555 !important;
}
.input-box label.checked {
background-color: transparent !important;
padding: 0 !important;
color: #555 !important;
}
.input-box label input[type="checkbox"] {
display: none;
}
.input-box label .power {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
width: 75rpx;
height: 42.1875rpx;
margin: 0 9.375rpx;
border: solid 2.34375rpx #DDD;
border-radius: 23.4375rpx;
}
.input-box label .power .i {
position: absolute;
z-index: 1;
top: 0rpx;
left: 0rpx;
width: 42.1875rpx;
height: 42.1875rpx;
background-color: #FFF;
border-radius: 100%;
box-shadow: 2.34375rpx 4.6875rpx 11.71875rpx rgba(0, 0, 0, 0.3);
}
.input-box label.checked .power {
background-color: #48CFAE;
border-color: #48CFAE;
}
.input-box label.checked .power .i {
left: auto;
right: 0;
box-shadow: -2.34375rpx 4.6875rpx 11.71875rpx rgba(0, 0, 0, 0.3);
}
/*无数据信息为空提示*/
.sstouch-norecord {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 468.75rpx;
height: 384.37499999999994rpx;
margin: -140.625rpx 0 0 -234.375rpx;
text-align: center;
font-size: 0;
}
.sstouch-norecord .norecord-ico {
display: inline-block;
width: 103.12500000000001rpx;
height: 103.12500000000001rpx;
padding: 18.75rpx;
margin: 0 auto;
background-color: #DDD;
border-radius: 100%;
}
.sstouch-norecord .norecord-ico .i {
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;
}
.sstouch-norecord .dl {
height: 128.90625rpx;
margin-top: 35.15625rpx;
}
.sstouch-norecord .dl .dt {
display: block;
height: 46.875rpx;
margin-bottom: 11.71875rpx;
font-size: 35.15625rpx;
line-height: 46.875rpx;
}
.sstouch-norecord .dl .dd {
display: block;
height: 46.875rpx;
margin-bottom: 23.4375rpx;
font-size: 25.781250000000004rpx;
line-height: 46.875rpx;
color: #999;
}
.sstouch-norecord.search .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/search_w.png);
}
.sstouch-norecord.cart .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/cart_w.png);
}
.sstouch-norecord.eval .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_04_w.png);
}
.sstouch-norecord.talk .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/talk_w.png);
}
.sstouch-norecord.order .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/order_w.png);
}
.sstouch-norecord.refund .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_05_w.png);
}
.sstouch-norecord.address .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/address_w.png);
}
.sstouch-norecord.favorite-store .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/store_w.png);
}
.sstouch-norecord.favorite-goods .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/favorite_w.png);
}
.sstouch-norecord.views .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/goods-browse_w.png);
}
.sstouch-norecord.signin .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_04_w.png);
}
.sstouch-norecord.pdre .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_06_w.png);
}
.sstouch-norecord.recharge .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_07_w.png);
}
.sstouch-norecord.voucher .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_08_w.png);
}
.sstouch-norecord.redpacket .norecord-ico .i {
background-image: url(https://test.lancerdt.com/wap/images/mcc_09_w.png);
}
/*无数据提示图标*/
/*退款、退货*/
/*签到*/
/*账户余额*/
/*充值卡*/
/*优惠券*/
/*红包*/
.sstouch-single-nav .area view {
width: 33.33%;
}
/*加减数量控件*/
.value-box {
display: inline-block;
float: right;
font-size: 0;
border: solid 2.34375rpx #CCC;
border-radius: 9.375rpx;
}
.value-box view {
display: inline-block;
vertical-align: top;
line-height: 0;
}
.value-box view .a {
display: block;
width: 18.75rpx;
height: 18.75rpx;
margin: 18.75rpx;
opacity: 0.65;
}
.value-box view.add {
background-color: #FAFAFA;
border-radius: 0 9.375rpx 9.375rpx 0;
}
.value-box view.minus {
background-color: #FAFAFA;
border-radius: 9.375rpx 0 0 9.375rpx;
}
.value-box view.add .a {
background-image: url(https://test.lancerdt.com/wap/images/value_add.png);
background-repeat: no-repeat;
background-repeat: 50% 50%;
background-size: 100%;
}
.value-box view.minus .a {
background-image: url(https://test.lancerdt.com/wap/images/value_minus.png);
background-repeat: no-repeat;
background-repeat: 50% 50%;
background-size: 100%;
}
.value-box view .buy-num {
width: 56.25rpx;
height: 56.25rpx;
padding: 0;
font-size: 28.125rpx;
font-weight: lighter;
line-height: 60.9375rpx;
text-align: center;
border: solid #CCC;
border-width: 0 2.34375rpx;
border-radius: 0;
}
/*默认按钮样式*/
.btn {
vertical-align: top;
display: inline-block !important;
/*height: 1.1rem;*/
padding: 0 14.0625rpx;
margin: 0 auto;
font-size: 28.125rpx;
color: #555 !important;
line-height: 51.56250000000001rpx;
text-align: center;
background-color: #FFF;
border: solid 1rpx #CCC;
border-radius: 7.03125rpx;
}
.btn.key {
border-color: #f30213;
color: #f30213 !important;
font-weight: 600;
}
.btn-l {
display: inline-block;
width: 90%;
margin: 0 5%;
font-size: 37.5rpx;
line-height: 84.375rpx;
text-align: center;
color: #FFF;
background: #f30213;
border-radius: 9.375rpx;
}
/*图片选择上传*/
.sstouch-upload {
display: inline-block;
width: 90.9375rpx;
height: 90.9375rpx;
border: solid 2.34375rpx #EEE;
border-radius: 4.6875rpx;
vertical-align: top;
}
.sstouch-upload .a {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.sstouch-upload view {
position: absolute;
z-index: 3;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.sstouch-upload .input-file {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none 0;
opacity: 0;
filter: alpha(opacity=0);
}
.sstouch-upload .p {
position: absolute;
z-index: 1;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: transparent;
}
.sstouch-upload .p .i {
display: block;
width: 100%;
height: 100%;
background-image: url(https://test.lancerdt.com/wap/images/value_add.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50%;
opacity: 0.25;
}
.sstouch-upload .pic-thumb {
position: absolute;
z-index: 2;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: #FFFFFF;
border-radius: 4.6875rpx;
}
.sstouch-upload .pic-thumb image {
width: 95%;
height: 95%;
margin: 2.5%;
}
.sstouch-upload .upload-loading {
position: absolute;
z-index: 4;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');
background: rgba(255, 255, 255, 0.25);
border-radius: 4.6875rpx;
}
.sstouch-upload .upload-loading .i {
display: block;
width: 100%;
height: 5%;
margin: 93% 0 2% 0;
background: #4FC0E8;
animation: optionLoading 0.5s ease-in-out;
-webkit-animation: optionLoading 1s ease-in-out;
}
@keyframes optionLoading {
from {
width: 0%;
}
to {
width: 100%;
}
}
@-webkit-keyframes optionLoading {
from {
width: 0%;
}
to {
width: 100%;
}
}
/*页内固定块*/
.fix-block-r {
width: 89.0625rpx;
position: fixed;
z-index: 5;
right: 23.4375rpx;
bottom: 117.1875rpx;
}
.fix-block-r .a {
display: block;
width: 91.40625rpx;
height: 91.40625rpx;
background: rgba(255, 255, 255, 0.85);
border-radius: 100%;
border: solid 2.34375rpx #EEE;
}
.fix-block-r .a .i {
width: 100%;
height: 100%;
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 60%;
opacity: 0.5;
}
.fix-block-r .a.gotop-btn {
margin-top: 11.71875rpx;
}
.fix-block-r .a.gotop-btn .i {
background-image: url(https://test.lancerdt.com/wap/images/gotop_b.png);
}
.fix-block-r .a.browse-btn .i {
background-image: url(https://test.lancerdt.com/wap/images/goods_browse_b.png);
}
/*页面整体下拉缓冲*/
.scroller-body {
top: 0;
bottom: 60rpx;
right: 0;
left: 0;
position: absolute;
z-index: auto;
}
.scroller-more {
z-index: 179;
}
/* loading */
/*下拉读取*/
.loading {
text-align: center;
display: block;
padding: 46.875rpx 0;
font-size: 25.781250000000004rpx;
color: #666;
}
.spinner {
display: inline-block;
vertical-align: middle;
margin-right: 0.4em;
font-size: 1em;
width: 1em;
height: 1em;
text-align: left;
border-radius: 50%;
box-shadow: inset 0 0 0 0.1em rgba(58, 168, 237, 0.3);
}
.spinner .i {
position: absolute;
clip: rect(0, 1em, 1em, 0.5em);
width: 1em;
height: 1em;
animation: spinner-circle-clipper 1s ease-in-out infinite;
-webkit-animation: spinner-circle-clipper 1s ease-in-out infinite;
}
.spinner .i:after {
position: absolute;
clip: rect(0, 1em, 1em, 0.5em);
width: 1em;
height: 1em;
content: '';
animation: spinner-circle 1s ease-in-out infinite;
-webkit-animation: spinner-circle 1s ease-in-out infinite;
border-radius: 50%;
box-shadow: inset 0 0 0 .1em #3aa8ed;
}
@keyframes spinner-circle-clipper {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle-clipper {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
}
}
@keyframes spinner-circle {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle {
0% {
-webkit-transform: rotate(-180deg);
}
100% {
-webkit-transform: rotate(180deg);
}
}
/*异步读取*/
.pre-loading {
background: rgba(248, 248, 248, 0.95);
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pre-block {
text-align: center;
position: absolute;
z-index: 1;
width: 281.25rpx;
height: 46.875rpx;
font-size: 25.781250000000004rpx;
color: #666;
top: 50%;
left: 50%;
margin: -23.4375rpx 0 0 -140.625rpx;
}
.footnav {
min-width: 320rpx;
background: #fff;
border-top: 1rpx solid #e3e3e3;
box-shadow: 0 10rpx 20rpx #000;
bottom: 0;
font-size: 13.125000000000002rpx;
/*height: 2.4rem;*/
position: fixed;
width: 100%;
z-index: 6;
}
.footnav view {
font-size: 0;
}
.footnav view view {
vertical-align: top;
display: inline-block;
text-align: center;
width: 25%;
padding: 14.0625rpx 0 14.0625rpx 0;
}
.footnav view view .a {
display: block;
position: relative;
}
.footnav view view .a .em {
background-color: #f30213;
width: 14.0625rpx;
height: 14.0625rpx;
border-radius: 100%;
position: absolute;
top: -7.03125rpx;
right: 39.84375rpx;
}
.footnav view view .i {
vertical-align: top;
display: inline-block;
width: 46.875rpx;
height: 46.875rpx;
margin: 0 auto 4.6875rpx auto;
font-size: 46.875rpx;
color: #888;
}
.footnav view view .p {
font-size: 23.4375rpx;
color: #888;
line-height: 25.781250000000004rpx;
height: 25.781250000000004rpx;
margin-top: 4.6875rpx;
}
.footnav view view ._sup {
position: absolute;
top: -8rpx;
right: calc(50% - 25rpx);
color: #f30213;
border-radius: 10rpx;
padding: 2rpx 5rpx;
background-color: #f30213;
color: #fff;
line-height: 10rpx;
font-size: 10rpx;
}
.footnav view view .a.current ._p, .footnav view view .a.current .i {
color: #f30213;
}
/*
i {
&.home {
background-image: url(https://test.lancerdt.com/wap/images/home_b.png);
background-size: cover;
opacity: 0.5;
}
&.categroy {
background-image: url(https://test.lancerdt.com/wap/images/browse_list.png);
background-size: cover;
opacity: 0.5;
}
&.search {
background-image: url(https://test.lancerdt.com/wap/images/search_ico.png);
background-size: cover;
opacity: 0.5;
}
&.cart {
background-image: url(https://test.lancerdt.com/wap/images/cart_b.png);
background-size: cover;
opacity: 0.5;
}
&.member {
background-image: url(https://test.lancerdt.com/wap/images/member_b.png);
background-size: cover;
opacity: 0.5;
}
&.home2 {
background-image: url(https://test.lancerdt.com/wap/images/home_b_2.png);
background-size: cover;
opacity: 1;
}
&.categroy2 {
background-image: url(https://test.lancerdt.com/wap/images/browse_list_2.png);
background-size: cover;
opacity: 1;
}
&.search2 {
background-image: url(https://test.lancerdt.com/wap/images/search_ico_2.png);
background-size: cover;
opacity: 1;
}
&.cart2 {
background-image: url(https://test.lancerdt.com/wap/images/cart_b_2.png);
background-size: cover;
opacity: 1;
}
&.member2 {
background-image: url(https://test.lancerdt.com/wap/images/member_b_2.png);
background-size: cover;
opacity: 1;
}
}
*/
/*加红*/
/*文章*/
#article-content {
font-size: 32.8125rpx;
background: #fff;
padding: 5rpx 10rpx;
min-width: 320rpx;
margin: 0 auto;
overflow: hidden;
min-height: 320rpx;
}
#article-content ._embed[type="application/x-shockwave-flash"] {
display: none;
}
#article-content ._p, #article-content ._div, #article-content ._table, #article-content image {
width: 100% !important;
}
.article_type {
color: #6d6d6d;
margin-bottom: 5rpx;
display: block;
text-align: center;
width: 100%;
font-size: 37.5rpx;
font-weight: bold;
}
.article-list {
padding: 1rpx 0rpx 0rpx;
}
.article-list-item {
padding-right: 50rpx;
padding-left: 10rpx;
border-top: 1rpx dotted #ded6c9;
cursor: pointer;
font-size: 14rpx;
position: relative;
}
.article-list-item .a {
display: block;
color: #6d6d6d;
line-height: 40rpx;
}
.article-title {
color: #6d6d6d;
margin-bottom: 5rpx;
height: 40rpx;
line-height: 40rpx;
display: block;
text-align: center;
width: 100%;
font-size: 37.5rpx;
font-weight: bold;
border-bottom: 1rpx dotted #ded6c9;
}
.article-class {
display: block;
margin-top: 131.25rpx;
padding-left: 37.5rpx;
}
.article-class view {
display: inline-block;
background-color: #F8F8F8;
border: solid 2.34375rpx #EEE;
margin: 0 18.75rpx 18.75rpx 0;
border-radius: 35.15625rpx;
}
.article-class view .a {
display: block;
padding: 9.375rpx 23.4375rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
color: #555;
}
/* dialog */
::-moz-focus-inner {
border-color: transparent;
}
.dialog {
position: fixed;
left: 0;
top: 0;
z-index: 10001;
width: 100%;
height: 100%;
}
.dialog-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10002;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.dialog-content {
position: absolute;
top: 50%;
left: 50%;
z-index: 10003;
width: 90%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1.5;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 10rpx;
/*
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
outline: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
font-family: Helvetica;
font-size: 15rpx;
}
*/
}
.dialog-btn, .dialog-btn-hl {
position: relative;
display: inline-block;
height: 44rpx;
line-height: 44rpx;
color: #007aff;
font-size: 17rpx;
font-weight: 400;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
.dialog-btn:hover, .dialog-btn:active {
background-color: rgba(0, 0, 0, 0.05);
}
.dialog-btn-hl:hover, .dialog-btn-hl:active {
background-color: rgba(0, 0, 0, 0.05);
}
.dialog-content-hd {
position: relative;
padding: 20rpx 20rpx 10rpx;
margin-bottom: -25rpx;
text-align: center;
}
.dialog-content-hd .dialog-content-title {
font-size: 18rpx;
font-weight: 400;
color: #333;
}
.dialog-content-hd .dialog-btn-close {
display: block;
width: 26rpx;
height: 26rpx;
overflow: hidden;
position: absolute;
top: 18rpx;
right: 15rpx;
cursor: pointer;
background-color: transparent;
}
.dialog-content-hd .dialog-btn-close view {
display: none;
}
.dialog-content-hd .dialog-btn-close:before, .dialog-content-hd .dialog-btn-close:after {
content: "";
display: block;
width: 18rpx;
height: 1rpx;
background-color: #808080;
position: absolute;
top: 13rpx;
right: 3rpx;
}
.dialog-content-hd .dialog-btn-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dialog-content-hd .dialog-btn-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.dialog-content-bd {
margin: 25rpx 20rpx;
color: #666;
text-align: center;
}
.dialog-content-bd .p {
padding: 5rpx 0;
}
.content-scroll {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.dialog-content-ft {
display: flex;
position: relative;
font-size: 0;
}
.dialog-content-ft:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1rpx;
border-top: 1rpx solid #d5d5d5;
color: #d5d5d5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.dialog-content-ft .dialog-btn {
flex: 1;
display: block;
}
.dialog-content-ft .dialog-btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1rpx;
height: 100%;
border-left: 1rpx solid #d5d5d5;
color: #d5d5d5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.dialog-content-ft .dialog-btn:first-child {
border-bottom-left-radius: 8rpx;
}
.dialog-content-ft .dialog-btn:first-child:after {
border-left: none;
}
.dialog-content-ft .dialog-btn:last-child {
border-bottom-right-radius: 8rpx;
}
.dialog-content-ft.stacked {
flex-flow: column;
display: block;
}
.dialog-content-ft.stacked:after {
border: none;
}
.dialog-content-ft.stacked .dialog-btn {
position: relative;
display: block;
width: 100%;
}
.dialog-content-ft.stacked .dialog-btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1rpx;
border-top: 1rpx solid #d5d5d5;
color: #d5d5d5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.dialog-open .dialog-content, .dialog-open .dialog-overlay {
-webkit-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-close .dialog-content, .dialog-close .dialog-overlay {
-webkit-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-open .dialog-content {
-webkit-animation-name: zoom-in;
animation-name: zoom-in;
}
.dialog-open .dialog-overlay {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
.dialog-close .dialog-content, .dialog-close .dialog-overlay {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
[data-style=android] .dialog-content {
box-sizing: content-box;
border-radius: 0;
background-color: #fff;
}
[data-style=android] .dialog-content-hd {
text-align: left;
padding: 20rpx 20rpx 0;
margin-bottom: -10rpx;
}
[data-style=android] .dialog-content-hd .dialog-btn-close {
top: 15rpx;
right: 15rpx;
}
[data-style=android] .dialog-content-bd {
margin: 25rpx 20rpx;
text-align: left;
}
[data-style=android] .dialog-content-ft {
display: block;
padding: 8rpx;
margin-top: -10rpx;
text-align: right;
}
[data-style=android] .dialog-content-ft:after {
border: none;
}
[data-style=android] .dialog-content-ft .dialog-btn {
display: inline-block;
min-width: 60rpx;
height: 36rpx;
line-height: 36rpx;
overflow: hidden;
padding: 0 13rpx;
font-size: 16rpx;
color: #808080;
text-align: center;
border-radius: 2rpx;
}
[data-style=android] .dialog-content-ft .dialog-btn:after {
border: none;
}
[data-style=android] .dialog-content-ft .dialog-btn-confirm, [data-style=android] .dialog-content-ft .dialog-btn-hl {
color: #00bbd3;
}
[data-style=android] .dialog-content-ft.stacked .dialog-btn {
display: block;
text-align: right;
width: 100%;
}
[data-style=android] .dialog-content-ft-border:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1rpx;
border-top: 1rpx solid #d5d5d5;
color: #d5d5d5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
[data-style=android] .ripple {
border-radius: 99999rpx;
pointer-events: none;
position: absolute;
width: 200rpx;
height: 200rpx;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
animation: ripple .75s ease-out;
-webkit-animation: ripple .75s ease-out;
}
[data-style=android].dialog-open .dialog-content {
-webkit-animation-name: bounce-in-down;
animation-name: bounce-in-down;
}
[data-style=android].dialog-open .dialog-overlay {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
[data-style=android].dialog-close .dialog-content {
-webkit-animation-name: bounce-out-up;
animation-name: bounce-out-up;
}
[data-style=android].dialog-close .dialog-overlay {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
@-webkit-keyframes ripple {
0% {
-webkit-transform: scale(0);
opacity: .5;
}
100% {
-webkit-transform: scale(2);
opacity: 0;
}
}
@keyframes ripple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: .5;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
.dialog-toast .dialog-overlay {
background-color: transparent;
}
.dialog-toast .dialog-content {
width: 148rpx;
height: 148rpx;
border-radius: 10rpx;
background-color: rgba(0, 0, 0, 0.8);
display: table;
}
.dialog-toast .dialog-content-bd {
margin: 0;
padding: 0;
font-size: 0;
position: relative;
width: 100%;
height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.dialog-toast .dialog-content-bd .p {
margin: 0;
padding: 0;
}
.dialog-toast .info-icon {
width: 56rpx;
max-width: 56rpx;
}
.dialog-toast .info-text {
display: block;
width: 90%;
margin: 12rpx auto 0;
font-size: 16rpx;
color: #fff;
}
.dialog-toast.dialog-open .dialog-content, .dialog-toast.dialog-open .dialog-overlay {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-toast.dialog-close .dialog-content, .dialog-toast.dialog-close .dialog-overlay {
-webkit-animation-duration: .35s;
animation-duration: .35s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-toast.dialog-open .dialog-content, .dialog-toast.dialog-open .dialog-overlay {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
.dialog-toast.dialog-close .dialog-content, .dialog-toast.dialog-close .dialog-overlay {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
.dialog-notice .dialog-overlay {
background-color: transparent;
}
.dialog-notice .dialog-content {
display: table;
width: auto;
max-width: 85%;
border-radius: 4rpx;
background-color: rgba(0, 0, 0, 0.8);
}
.dialog-notice .dialog-content-bd {
margin: 0;
font-size: 0;
padding: 10rpx 15rpx;
line-height: normal;
}
.dialog-notice .info-icon {
width: 16rpx;
max-width: 16rpx;
margin: 0 2rpx;
vertical-align: middle;
position: relative;
top: -1rpx;
}
.dialog-notice .info-text {
margin: 0 2rpx;
font-size: 14rpx;
color: #fff;
line-height: 1.3;
vertical-align: middle;
}
.dialog-notice.dialog-open .dialog-content, .dialog-notice.dialog-open .dialog-overlay {
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-notice.dialog-close .dialog-content, .dialog-notice.dialog-close .dialog-overlay {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-notice.dialog-open .dialog-content, .dialog-notice.dialog-open .dialog-overlay {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
.dialog-notice.dialog-close .dialog-content, .dialog-notice.dialog-close .dialog-overlay {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
.dialog-notice-bottom .dialog-content {
top: auto;
bottom: 0;
-webkit-transform: translate(-50%, -20rpx);
transform: translate(-50%, -20rpx);
}
.dialog-notice-bottom.dialog-open .dialog-content, .dialog-notice-bottom.dialog-open .dialog-overlay {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-notice-bottom.dialog-close .dialog-content, .dialog-notice-bottom.dialog-close .dialog-overlay {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-notice-bottom.dialog-open .dialog-content {
-webkit-animation-name: bounce-in-up;
animation-name: bounce-in-up;
}
.dialog-notice-bottom.dialog-close .dialog-content {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
@media screen and (min-width: 1023rpx) {
.dialog-content {
max-width: 40%;
}
}
@media screen and (min-width: 767rpx) {
.dialog-content {
max-width: 60%;
}
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1, 1);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
transform: translate(-50%, -50%) scale(1.2, 1.2);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
transform: translate(-50%, -50%) scale(0.8, 0.8);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bounce-in-down {
0% {
opacity: 0;
-webkit-transform: translate(-50%, -75%);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
}
}
@keyframes bounce-in-down {
0% {
opacity: 0;
-webkit-transform: translate(-50%, -75%);
transform: translate(-50%, -75%);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@-webkit-keyframes bounce-out-up {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -75%);
}
}
@keyframes bounce-out-up {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -75%);
transform: translate(-50%, -75%);
}
}
@-webkit-keyframes bounce-in-up {
0% {
opacity: 0;
-webkit-transform: translate(-50%, 0);
}
80% {
opacity: 1;
-webkit-transform: translate(-50%, -24rpx);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -20rpx);
}
}
@keyframes bounce-in-up {
0% {
opacity: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
80% {
opacity: 1;
-webkit-transform: translate(-50%, -24rpx);
transform: translate(-50%, -24rpx);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -20rpx);
transform: translate(-50%, -20rpx);
}
}
@-webkit-keyframes bounce-out-down {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -20rpx);
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, 0);
}
}
@keyframes bounce-out-down {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -20rpx);
transform: translate(-50%, -20rpx);
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.virtual-enable .o2o-enable .evaluation-enable .multishop-enable {
display: none;
}
.fancybox-enabled {
overflow: hidden;
touch-action: none;
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-container ~ .fancybox-container {
z-index: 99992;
}
/* Make sure that the first one is on the top */
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-container--ready .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity 100ms;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-show-controls .fancybox-controls {
opacity: 1;
}
.fancybox-infobar {
display: none;
}
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all;
}
.fancybox-infobar__body {
display: inline-block;
width: 70rpx;
line-height: 44rpx;
font-size: 13rpx;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
}
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all;
}
.fancybox-show-buttons .fancybox-buttons {
display: block;
}
.fancybox-slider-wrap {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
/*
> * {
display: inline-block;
position: relative;
padding: 24rpx;
margin: 44rpx 0 44rpx;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box;
}*/
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.fancybox-slide--image {
overflow: hidden;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-content {
display: inline-block;
position: relative;
margin: 44rpx auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88rpx);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16rpx;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
background: transparent;
}
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%;
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: zoom-out;
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: zoom-in;
}
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: grab;
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: grabbing;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-tmp {
position: absolute;
top: -9999rpx;
left: -9999rpx;
visibility: hidden;
}
.fancybox-error {
position: absolute;
margin: 0;
padding: 40rpx;
top: 50%;
left: 50%;
width: 380rpx;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default;
}
.fancybox-error .p {
margin: 0;
padding: 0;
color: #444;
font: 16rpx/20rpx "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-close-small {
position: absolute;
top: 4rpx;
right: 4rpx;
padding: 0;
margin: 0;
width: 30rpx;
height: 30rpx;
font: 21rpx/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
cursor: pointer;
background: #fff;
transition: background 0.2s;
box-sizing: border-box;
z-index: 5;
}
.fancybox-close-small:focus {
outline: 1rpx dotted #888;
}
.fancybox-slide--video .fancybox-close-small {
top: -36rpx;
right: -36rpx;
background: transparent;
}
.fancybox-close-small:hover {
color: #555;
background: #eee;
}
/* Caption */
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60rpx 30rpx 0 30rpx;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
}
.fancybox-caption {
padding: 30rpx 0;
border-top: 1rpx solid rgba(255, 255, 255, 0.4);
font-size: 14rpx;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20rpx;
-webkit-text-size-adjust: none;
}
.fancybox-caption ._a, .fancybox-caption button {
pointer-events: all;
}
.fancybox-caption .a {
color: #fff;
text-decoration: underline;
}
/* Buttons */
.fancybox-button {
display: inline-block;
position: relative;
width: 44rpx;
height: 44rpx;
line-height: 44rpx;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none;
}
.fancybox-button--disabled {
cursor: default;
}
.fancybox-infobar__body {
background: rgba(30, 30, 30, 0.6);
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
}
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8);
}
.fancybox-button::before, .fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block;
}
.fancybox-button--left::after {
left: 20rpx;
top: 18rpx;
width: 6rpx;
height: 6rpx;
background: transparent;
border-top: solid 2rpx currentColor;
border-right: solid 2rpx currentColor;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.fancybox-button--right::after {
right: 20rpx;
top: 18rpx;
width: 6rpx;
height: 6rpx;
background: transparent;
border-top: solid 2rpx currentColor;
border-right: solid 2rpx currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-button--left {
border-bottom-left-radius: 5rpx;
}
.fancybox-button--right {
border-bottom-right-radius: 5rpx;
}
.fancybox-button--close {
float: right;
}
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2rpx;
width: 16rpx;
top: calc(50% - 1rpx);
left: calc(50% - 8rpx);
}
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Loading spinner */
.fancybox-loading {
border: 6rpx solid rgba(100, 100, 100, 0.4);
border-top: 6rpx solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50rpx;
width: 50rpx;
-webkit-animation: fancybox-rotate .6s infinite linear;
animation: fancybox-rotate .6s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25rpx;
margin-left: -25rpx;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800rpx) {
.fancybox-controls {
text-align: left;
}
.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
display: none !important;
}
.fancybox-caption {
padding: 20rpx 0;
margin: 0;
}
}
/* Fullscreen */
.fancybox-button--fullscreen::before {
width: 15rpx;
height: 11rpx;
left: 15rpx;
top: 16rpx;
border: 2rpx solid;
background: none;
}
/* Slideshow button */
.fancybox-button--play::before {
top: 16rpx;
left: 18rpx;
width: 0;
height: 0;
border-top: 6rpx inset transparent;
border-bottom: 6rpx inset transparent;
border-left: 10rpx solid;
border-radius: 1rpx;
background: transparent;
}
.fancybox-button--pause::before {
top: 16rpx;
left: 18rpx;
width: 7rpx;
height: 11rpx;
border-style: solid;
border-width: 0 2rpx 0 2rpx;
background: transparent;
}
/* Thumbs */
.fancybox-button--thumbs view {
font-size: 23rpx;
}
.fancybox-button--thumbs::before {
top: 20rpx;
left: 21rpx;
width: 3rpx;
height: 3rpx;
box-shadow: 0 -4rpx 0, -4rpx -4rpx 0, 4rpx -4rpx 0, 0 0 0 32rpx inset, -4rpx 0 0, 4rpx 0 0, 0 4rpx 0, -4rpx 4rpx 0, 4rpx 4rpx 0;
}
.fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap {
right: 220rpx;
}
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220rpx;
margin: 0;
padding: 5rpx 5rpx 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
}
.fancybox-thumbs > view {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
}
.fancybox-thumbs > view > view {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105rpx;
height: 75rpx;
position: relative;
cursor: pointer;
outline: none;
border: 5rpx solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
}
._li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > view > view > image {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.fancybox-thumbs > view > view:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2rpx;
border: 4rpx solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > view > view.fancybox-thumbs-active:before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800rpx) {
.fancybox-thumbs {
display: none !important;
}
.fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap {
right: 0;
}
}
/* end fancybox */
.text-overflow {
overflow: hidden;
/*内容超出宽度时隐藏超出部分的内容 */
text-overflow: ellipsis;
/* 当对象内文本溢出时显示省略标记(...) 需与overflow:hidden;一起使用。*/
white-space: nowrap;
/*不换行 */
}
.inp-black {
position: relative;
z-index: 1;
display: inline-block;
height: 42.1875rpx;
padding: 11.71875rpx 23.4375rpx;
color: #212121;
line-height: 42.1875rpx;
background: #f4f4f4;
border: solid 2.34375rpx #EEE;
border-radius: 7.03125rpx;
}
.inp-black.add {
padding-right: 46.875rpx;
}
.inp-black.add .i {
position: absolute;
z-index: 1;
right: 9.375rpx;
top: 11.71875rpx;
display: block;
width: 37.5rpx;
height: 42.1875rpx;
background-image: url(https://test.lancerdt.com/wap/images/location_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;
}
.inp-black ._select {
height: 42.1875rpx;
font-size: 25.781250000000004rpx;
background-color: transparent;
line-height: 42.1875rpx;
border: 0 none;
appearance: none;
-webkit-appearance: none;
/*for chrome*/
}
[v-cloak] {
display: none;
}
/* ================================ */
/* 触屏版会员中心、登录、订单等样式 */
/* Author: qianyistore */
/* Support Site: www.qianyistore.com */
/* Retrofit Date: Aug-08-2016 */
/* ================================ */
/*注册登录*/
.form-item .input-box .input-del.code {
right: 281.25rpx;
}
.form-item .input-box .code-countdown, .form-item .input-box .code-again {
position: absolute;
right: 23.4375rpx;
top: 14.0625rpx;
z-index: 1;
width: 201.5625rpx;
height: 65.625rpx;
}
.form-item .input-box .code-countdown .p {
display: block;
font-size: 25.781250000000004rpx;
line-height: 32.8125rpx;
color: #999;
text-align: center;
width: 100%;
height: 32.8125rpx;
}
.form-item .input-box .code-countdown .em {
color: #f30213;
margin: 0 4.6875rpx;
font-weight: 600;
}
.form-item .input-box .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;
}
.form-item .input-box .code-img {
position: absolute;
right: 23.4375rpx;
top: 14.0625rpx;
z-index: 1;
width: 187.5rpx;
height: 65.625rpx;
}
.form-item .input-box .code-img image {
width: 100%;
height: 100%;
}
.remember-form {
height: 42.1875rpx;
margin: 46.875rpx 93.75rpx 0 93.75rpx;
position: relative;
}
.remember-form input[type="checkbox"] {
margin-top: -9.375rpx;
}
.remember-form input[type="checkbox"]:checked {
border-color: #48CFAE;
background-color: #48CFAE;
}
.remember-form label {
display: inline-block;
height: 42.1875rpx;
line-height: 42.1875rpx;
font-size: 28.125rpx;
color: #666;
vertical-align: top;
}
.remember-form .forgot-password {
position: absolute;
right: 0;
top: 0;
line-height: 42.1875rpx;
font-size: 28.125rpx;
color: #5D9CEC;
}
.remember-form .forgot-password:visited {
color: #4B89DC;
}
.remember-form .reg-cms {
line-height: 42.1875rpx;
font-size: 28.125rpx;
vertical-align: top;
display: inline-block;
height: 42.1875rpx;
color: #5D9CEC;
}
.remember-form .reg-cms:visited {
color: #4B89DC;
}
.register-mobile-tip {
height: 42.1875rpx;
padding: 28.125rpx 46.875rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #212121;
}
.register-mobile-tip .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;
}
.reg-document .p {
font-size: 65.625rpx;
line-height: 20rpx;
overflow: hidden;
}
.reg-document ._strong {
font-size: 70.3125rpx;
font-weight: 600;
line-height: 24rpx;
}
.reg-document .ol, .reg-document .ul {
margin-left: 24rpx;
}
.reg-document .ol .li {
font-size: 60.9375rpx;
line-height: 20rpx;
}
.reg-document .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;
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;
}
}
@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;
}
.member-info .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%;
}
.member-info .to-login {
font-size: 37.5rpx;
color: #FFF;
line-height: 46.875rpx;
height: 46.875rpx;
margin: 11.71875rpx auto;
}
.member-info .user-avatar {
background-color: #FFF;
width: 187.5rpx;
height: 187.5rpx;
margin: 0 auto;
border-radius: 100%;
}
.member-info .user-avatar image {
width: 100%;
height: 100%;
border-radius: 100%;
}
.member-info .user-name, .member-info .store-name {
color: #FFF;
}
.member-info .user-name ._span, .member-info .store-name .span {
font-weight: lighter;
font-size: 37.5rpx;
line-height: 56.25rpx;
height: 56.25rpx;
position: relative;
z-index: 1;
}
.member-info .user-name ._sup, .member-info .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;
}
.member-collect .span {
display: inline-block;
width: 33.33%;
height: 93.75rpx;
padding: 23.4375rpx 0;
}
.member-collect .span .a {
display: block;
}
.member-collect .span .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;
}
.member-collect .span .i {
vertical-align: top;
display: inline-block;
width: 46.875rpx;
height: 46.875rpx;
margin: 0 auto;
}
.member-collect .span .i.favorite-goods, .member-collect .span .i.favorite-store {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100%;
}
.member-collect .span .i.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;
}
.member-collect .span .i.goods-browse:before {
content: "\e662";
}
.member-collect .span .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);
}
.member-center .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;
}
.member-center .dt:last-child {
border-bottom: none;
}
.member-center .dt .a {
display: block;
}
.member-center .dt .h3 {
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #111;
vertical-align: top;
display: inline-block;
height: 46.875rpx;
}
.member-center .dt .h3 .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;
}
.member-center .dt .h5 {
font-size: 28.125rpx;
color: #999;
float: right;
line-height: 46.875rpx;
}
.member-center .dt .h5 .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;
}
.member-center .dd {
display: block;
padding: 9.375rpx 0;
}
.member-center .dd .ul {
font-size: 0;
}
.member-center .dd .ul .li {
vertical-align: top;
display: inline-block;
text-align: center;
width: 25%;
padding: 23.4375rpx 0 9.375rpx 0;
}
.member-center .dd .ul .li .a {
display: block;
position: relative;
}
.member-center .dd .ul .li .a .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;*/
}
.member-center .dd .ul .li .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;
}
.member-center .dd .ul .li .p {
font-size: 25.781250000000004rpx;
color: #888;
line-height: 46.875rpx;
height: 46.875rpx;
}
.member-center .dd .ul .li .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);
}
.my-pointnum .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;
}
.sign-btn .h2 {
font-size: 37.5rpx;
line-height: 65.625rpx;
font-weight: 500;
}
.sign-btn .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);
}
.signin-help .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;
}
.signin-list .h3 {
font-size: 32.8125rpx;
line-height: 46.875rpx;
padding: 18.75rpx;
overflow: hidden;
}
.signin-list .h3 .a {
float: right;
font-size: 25.781250000000004rpx;
line-height: 46.875rpx;
color: #333;
}
.signin-c {
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.signin-c .em {
font-size: 46.875rpx;
color: #f30213;
margin: 0 23.4375rpx 0 9.375rpx;
}
.signin-c .span {
color: #999;
font-size: 25.781250000000004rpx;
}
/*订单搜索*/
.sstouch-order-search {
height: 91.40625rpx;
background-color: #FAFAFA;
border-bottom: solid #EEE 2.34375rpx;
}
.sstouch-order-search .form {
position: relative;
z-index: 1;
}
.sstouch-order-search .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;
}
.sstouch-order-search .write .input-del {
display: block;
}
.sstouch-order-search 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;
}
.sstouch-order-search input[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;
}
.sstouch-order-item-head .store {
display: block;
float: left;
font-size: 32.8125rpx;
line-height: 42.1875rpx;
color: #000;
}
.sstouch-order-item-head .store .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%;
}
.sstouch-order-item-head .store .i.arrow-r {
width: 37.5rpx;
height: 42.1875rpx;
display: inline-block;
vertical-align: top;
font-size: 46.875rpx;
color: #212121;
opacity: 0.75;
}
.sstouch-order-item-head .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;
}
.sstouch-order-item-con .goods-block:nth-last-child(1) {
border: none;
}
.sstouch-order-item-con .goods-block.detail {
height: 201.5625rpx;
}
.sstouch-order-item-con .goods-block .a {
display: block;
color: #111;
}
.sstouch-order-item-con .goods-pic {
display: block;
width: 131.25rpx;
height: 131.25rpx;
position: absolute;
z-index: 1;
top: 17.8125rpx;
left: 0;
}
.sstouch-order-item-con .goods-pic image {
width: 100%;
height: 100%;
}
.sstouch-order-item-con .goods-info {
display: block;
height: 131.25rpx;
padding: 17.8125rpx 0;
margin: 0 187.5rpx 0 145.3125rpx;
position: relative;
z-index: 1;
}
.sstouch-order-item-con .goods-info .goods-name {
overflow: hidden;
height: 70.3125rpx;
font-size: 26rpx;
line-height: 35.15625rpx;
margin-bottom: 4.6875rpx;
color: #333;
}
.sstouch-order-item-con .goods-info .goods-type {
overflow: hidden;
height: 56.25rpx;
font-size: 21.09375rpx;
line-height: 28.125rpx;
color: #999;
}
.sstouch-order-item-con .goods-subtotal {
display: block;
position: absolute;
z-index: 1;
top: 17.8125rpx;
right: 0;
width: 159.375rpx;
text-align: right;
overflow: hidden;
}
.sstouch-order-item-con .goods-subtotal .goods-price {
display: block;
color: #888;
font-size: 25.781250000000004rpx;
font-weight: 600;
}
.sstouch-order-item-con .goods-subtotal .goods-price .em {
font-size: 28.125rpx;
}
.sstouch-order-item-con .goods-subtotal .goods-num {
display: block;
font-size: 25.781250000000004rpx;
color: #888;
font-weight: 600;
}
.sstouch-order-item-con .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;
}
.sstouch-order-item-con .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;
}
.sstouch-order-item-con .goods-gift {
display: block;
clear: both;
padding: 9.375rpx;
margin: 18.75rpx 0 0;
border: dashed 1rpx #EEE;
background-color: #FCFCFC;
}
.sstouch-order-item-con .goods-gift .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;
}
.sstouch-order-item-con .goods-gift .span:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sstouch-order-item-con .goods-gift .span .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;
}
.sstouch-order-item-con .goods-subtotle {
padding: 18.75rpx 0;
}
.sstouch-order-item-con .goods-subtotle .dl {
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
overflow: hidden;
margin-bottom: 4.6875rpx;
}
.sstouch-order-item-con .goods-subtotle .dt {
float: left;
color: #999;
}
.sstouch-order-item-con .goods-subtotle .dd {
float: right;
color: #000;
text-align: right;
}
.sstouch-order-item-con .goods-subtotle .dd .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;
}
.sstouch-order-item-con .goods-subtotle .dd .em {
font-weight: 600;
}
.sstouch-order-item-con .goods-subtotle .dl.t {
font-size: 28.125rpx;
line-height: 46.875rpx;
}
.sstouch-order-item-con .goods-subtotle .dl.t .dt {
color: #333;
}
.sstouch-order-item-con .goods-subtotle .dl.t .dd {
color: #f30213;
}
.sstouch-order-item-con .goods-subtotle .dl.t .dd .em {
font-size: 32.8125rpx;
}
/*订单商品图片*/
/*订单商品简介*/
.sstouch-order-item-bottom {
font-size: 0;
border-top: solid 2.34375rpx #EEE;
padding: 23.4375rpx 0;
}
.sstouch-order-item-bottom .span {
display: inline-block;
height: 46.875rpx;
width: 49%;
}
.sstouch-order-item-bottom .span:first-child {
border-right: #DDD 2.34375rpx solid;
}
.sstouch-order-item-bottom .span .a {
display: block;
text-align: center;
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #000;
}
.sstouch-order-item-bottom .span .a .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;
}
.sstouch-order-item-footer .store-totle {
min-height: 42.1875rpx;
padding: 23.4375rpx 0;
font-size: 0;
text-align: right;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-order-item-footer .store-totle .span {
vertical-align: middle;
display: inline-block;
font-size: 28.125rpx;
line-height: 42.1875rpx;
}
.sstouch-order-item-footer .store-totle .sum {
font-size: 25.781250000000004rpx;
font-weight: 600;
color: #f30213;
margin: 0 7.03125rpx;
}
.sstouch-order-item-footer .store-totle .sum .em {
font-size: 32.8125rpx;
}
.sstouch-order-item-footer .store-totle .freight {
font-size: 21.09375rpx;
color: #999;
}
.sstouch-order-item-footer .store-totle ._time {
float: left;
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
color: #BBB;
}
.sstouch-order-item-footer .store-totle .refund-sum {
font-size: 28.125rpx;
color: #000;
line-height: 42.1875rpx;
}
.sstouch-order-item-footer .store-totle .refund-sum .em {
color: #f30213;
font-weight: 600;
}
.sstouch-order-item-footer .handle {
position: relative;
z-index: 1;
text-align: right;
height: 56.25rpx;
padding: 18.75rpx 0;
}
.sstouch-order-item-footer .handle .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;
}
.sstouch-order-item-footer .handle .del .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;
}
.sstouch-order-item-footer .handle .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;
}
.sstouch-oredr-detail-block .h3 {
display: inline-block;
vertical-align: top;
height: 46.875rpx;
margin-left: 18.75rpx;
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #000;
}
.sstouch-oredr-detail-block .h3 .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;
}
.sstouch-oredr-detail-block .order-state {
float: right;
height: 46.875rpx;
margin-right: 23.4375rpx;
font-size: 28.125rpx;
color: #f30213;
line-height: 46.875rpx;
}
.sstouch-oredr-detail-block .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;
}
.sstouch-oredr-detail-block .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;
}
.sstouch-oredr-detail-block .info {
margin-left: 75rpx;
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
}
.sstouch-oredr-detail-block .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%;
}
.sstouch-oredr-detail-add .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%;
}
.sstouch-oredr-detail-add .dl {
margin: 0 0 0 75rpx;
padding: 0 23.4375rpx 0 0;
}
.sstouch-oredr-detail-add .dt {
display: block;
height: 46.875rpx;
font-size: 32.8125rpx;
line-height: 46.875rpx;
}
.sstouch-oredr-detail-add .dt .span {
margin-left: 14.0625rpx;
font-weight: 600;
}
.sstouch-oredr-detail-add .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;
}
.sstouch-vr-order-codes .tit {
display: block;
overflow: hidden;
height: 46.875rpx;
padding: 18.75rpx;
}
.sstouch-vr-order-codes .tit .h3 {
float: left;
font-size: 32.8125rpx;
line-height: 46.875rpx;
}
.sstouch-vr-order-codes .tit .h3 .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;
}
.sstouch-vr-order-codes .tit .span {
float: right;
text-align: right;
width: 60%;
height: 46.875rpx;
overflow: hidden;
font-size: 25.781250000000004rpx;
line-height: 46.875rpx;
color: #333;
}
.sstouch-vr-order-codes .ul {
border-top: solid #EEE 2.34375rpx;
padding-left: 23.4375rpx;
}
.sstouch-vr-order-codes .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;
}
.sstouch-vr-order-codes .li .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;
}
.sstouch-vr-order-codes .li.lose {
color: #AAA;
text-decoration: line-through;
}
.sstouch-vr-order-codes .li.lose .em {
background-color: #BBB;
}
/*虚拟订单店铺信息*/
.sstouch-vr-order-location {
background-color: #FFF;
margin-top: 23.4375rpx;
border-top: solid 2.34375rpx #EEE;
}
.sstouch-vr-order-location .tit {
display: block;
overflow: hidden;
height: 46.875rpx;
padding: 18.75rpx;
}
.sstouch-vr-order-location .tit .h3 {
float: left;
font-size: 32.8125rpx;
line-height: 46.875rpx;
}
.sstouch-vr-order-location .tit .h3 .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;
}
.sstouch-vr-order-location .default {
margin-left: 23.4375rpx;
border-top: solid #EEE 2.34375rpx;
position: relative;
z-index: 1;
}
.sstouch-vr-order-location .default .dl {
padding: 37.5rpx 0;
}
.sstouch-vr-order-location .default .dt {
display: block;
font-size: 32.8125rpx;
line-height: 42.1875rpx;
font-weight: 600;
}
.sstouch-vr-order-location .default .dd {
display: block;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #999;
}
.sstouch-vr-order-location .default .p {
position: absolute;
z-index: 1;
right: 23.4375rpx;
top: 23.4375rpx;
border-left: solid 2.34375rpx #EEE;
padding-left: 23.4375rpx;
}
.sstouch-vr-order-location .default .p .a {
display: block;
width: 93.75rpx;
height: 93.75rpx;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50%;
opacity: 0.65;
}
.sstouch-vr-order-location .more-location {
border-top: solid #EEE 2.34375rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
padding: 23.4375rpx;
position: relative;
}
.sstouch-vr-order-location .more-location .a {
display: block;
color: #f30213;
font-weight: 600;
}
.sstouch-vr-order-location .more-location .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;
}
.transparent-map .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%;
}
.transparent-map .header-l .a .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;
}
.msg-again-layout .h4 {
font-size: 30.46875rpx;
line-height: 42.1875rpx;
color: #000;
}
.msg-again-layout .h5 {
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
color: #212121;
margin-bottom: 46.875rpx;
}
.msg-again-layout .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;
}
.sstouch-oredr-detail-block .order-log .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;
}
.sstouch-oredr-detail-bottom .a.btn {
display: inline-block;
height: 56.25rpx;
padding: 0 18.75rpx;
margin: 16.40625rpx 18.75rpx 0 0;
line-height: 56.25rpx;
}
.sstouch-oredr-detail-bottom .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;
}
.sstouch-oredr-detail-delivery .time-line {
position: absolute;
top: 28.125rpx;
left: 37.5rpx;
bottom: 18.75rpx;
z-index: auto;
border-left: dotted #36BC9B 1rpx;
}
.sstouch-oredr-detail-delivery .time-line .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%;
}
.sstouch-oredr-detail-delivery .info {
margin: 0 46.875rpx 0 56.25rpx;
min-height: 75rpx;
}
.sstouch-oredr-detail-delivery .info .p {
font-size: 32.8125rpx;
line-height: 42.1875rpx;
color: #000;
}
.sstouch-oredr-detail-delivery .info ._time {
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #777;
}
.sstouch-oredr-detail-delivery .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;
}
.sstouch-order-deivery-info .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;
}
.sstouch-order-deivery-info .dl {
height: 84.375rpx;
margin-left: 117.1875rpx;
padding: 23.4375rpx 0;
}
.sstouch-order-deivery-info .dt {
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #333;
}
.sstouch-order-deivery-info .dd {
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #212121;
}
.sstouch-order-deivery-con {
background-color: #FFF;
margin-top: 11.71875rpx;
}
.sstouch-order-deivery-con .ul {
padding: 0 2.5%;
overflow: hidden;
}
.sstouch-order-deivery-con .ul .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;
}
.sstouch-order-deivery-con .ul .li:nth-child(1) {
color: #36BC9B;
}
.sstouch-order-deivery-con .ul .li:nth-last-child(1) {
border: none;
}
.sstouch-order-deivery-con .ul .li:nth-last-child(1) .span {
border: none;
}
.sstouch-order-deivery-con .ul .li .span {
position: absolute;
z-index: auto;
left: -58.59375rpx;
top: 35.15625rpx;
rgiht: -4.6875rpx;
bottom: -46.875rpx;
border-left: dotted 1rpx #CCC;
}
.sstouch-order-deivery-con .ul .li .span .i {
position: absolute;
z-index: 1;
top: 0;
left: -9.375rpx;
width: 15.937500000000002rpx;
height: 15.937500000000002rpx;
border-radius: 100%;
background-color: #CCC;
}
.sstouch-order-deivery-con .ul .li:nth-child(1) .span {
border-color: #36BC9B;
}
.sstouch-order-deivery-con .ul .li:nth-child(1) .span .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;
}
.evaluation-info .goods-pic {
display: block;
width: 131.25rpx;
height: 131.25rpx;
position: absolute;
z-index: 1;
top: 17.8125rpx;
left: 0;
}
.evaluation-info .goods-pic image {
width: 100%;
height: 100%;
}
.evaluation-info .goods-info {
display: block;
min-height: 131.25rpx;
padding: 17.8125rpx 0;
margin: 0 0 0 145.3125rpx;
position: relative;
z-index: 1;
}
.evaluation-info .goods-info .goods-name {
overflow: hidden;
height: 75rpx;
font-size: 26rpx;
line-height: 42.1875rpx;
margin-bottom: 18.75rpx;
color: #333;
}
.evaluation-info .goods-info .goods-rate {
display: block;
min-height: 42.1875rpx;
font-size: 25.781250000000004rpx;
color: #212121;
line-height: 42.1875rpx;
}
.evaluation-info .star-level {
display: inline-block;
vertical-align: top;
font-weight: 0;
margin-left: 9.375rpx;
}
.evaluation-info .star-level .i {
display: inline-block;
vertical-align: top;
width: 35.15625rpx;
height: 35.15625rpx;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 90%;
}
.evaluation-info .star-level .i.star-level-hollow {
opacity: 0.3;
}
.evaluation-inp-block {
position: relative;
z-index: 1;
display: block;
margin: 0 0 18.75rpx 0;
}
.evaluation-inp-block 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;
}
.evaluation-inp-block label {
position: absolute;
z-index: 1;
top: 0;
right: 9.375rpx;
display: block;
width: 93.75rpx;
text-align: center;
}
.evaluation-inp-block label input[type="checkbox"] {
margin: 0 auto;
}
.evaluation-inp-block label .p {
display: block;
height: 42.1875rpx;
font-size: 25.781250000000004rpx;
color: #212121;
line-height: 42.1875rpx;
}
.evaluation-upload-block {
font-size: 0;
}
.evaluation-upload-block .tit {
display: inline-block;
vertical-align: top;
width: 70.3125rpx;
height: 79.6875rpx;
padding: 14.0625rpx 14.0625rpx 0 0;
}
.evaluation-upload-block .tit .i {
display: block;
width: 100%;
height: 42.1875rpx;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 70%;
opacity: 0.15;
}
.evaluation-upload-block .tit .p {
display: block;
width: 100%;
height: 42.1875rpx;
text-align: center;
color: #BBB;
font-size: 25.781250000000004rpx;
line-height: 42.1875rpx;
}
.evaluation-upload-block .sstouch-upload {
margin-right: 14.0625rpx;
}
.sstouch-evaluation-store {
background-color: #FFF;
padding: 23.4375rpx;
}
.sstouch-evaluation-store .dl {
position: relative;
z-index: 1;
display: block;
height: 75rpx;
}
.sstouch-evaluation-store .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;
}
.sstouch-evaluation-store .dd {
display: block;
margin: 0 0 0 281.25rpx;
padding-top: 18.75rpx;
height: 42.1875rpx;
}
.sstouch-evaluation-store .star-level {
display: inline-block;
vertical-align: top;
font-weight: 0;
margin-left: 9.375rpx;
}
.sstouch-evaluation-store .star-level .i {
display: inline-block;
vertical-align: top;
width: 37.5rpx;
height: 42.1875rpx;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 95%;
}
.sstouch-evaluation-store .star-level .i.star-level-hollow {
opacity: 0.3;
}
/*我的收货地址*/
.sstouch-address-list .li {
background-color: #FFF;
padding: 0 0 0 23.4375rpx;
margin-bottom: 23.4375rpx;
}
.sstouch-address-list .li .dl {
border-bottom: solid 2.34375rpx #EEE;
padding: 23.4375rpx 23.4375rpx 23.4375rpx 0;
}
.sstouch-address-list .li .dt {
height: 42.1875rpx;
margin-bottom: 14.0625rpx;
font-size: 0;
}
.sstouch-address-list .li .dt .span {
display: inline-block;
vertical-align: top;
line-height: 42.1875rpx;
height: 42.1875rpx;
}
.sstouch-address-list .li .dt .span.name {
min-width: 187.5rpx;
font-size: 32.8125rpx;
font-weight: 600;
color: #999;
}
.sstouch-address-list .li .dt .span.phone {
font-size: 28.125rpx;
color: #333;
}
.sstouch-address-list .li .dd {
height: 60.9375rpx;
font-size: 28.125rpx;
line-height: 30.46875rpx;
color: #777;
}
.sstouch-address-list .li .handle {
height: 42.1875rpx;
padding: 23.4375rpx 0;
position: relative;
z-index: 1;
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #999;
}
.sstouch-address-list .li .handle .span {
display: block;
height: 42.1875rpx;
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 0;
}
.sstouch-address-list .li .handle .span .a {
font-size: 28.125rpx;
color: #999;
margin-right: 23.4375rpx;
}
.sstouch-address-list .li .handle .span .a .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;
}
.sstouch-address-list .li .handle .span .a .i.del, .sstouch-address-list .li .handle .span .a .i.edit {
font-size: 32.8125rpx;
line-height: 32.8125rpx;
}
/* 触屏版用户账户资产简介 */
.sstouch-asset-info {
display: block;
}
.sstouch-asset-info .container {
position: relative;
z-index: 1;
height: 140.625rpx;
}
.sstouch-asset-info .container.pre {
background: #f30213;
}
.sstouch-asset-info .container.voucher {
background: #FB6E52;
}
.sstouch-asset-info .container.point {
background: #F6BB43;
}
.sstouch-asset-info .container.rcard {
background: #EC87BF;
}
.sstouch-asset-info .container.packet {
background: #AC92ED;
}
.sstouch-asset-info .container .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);
transform: rotate(25deg);
}
.sstouch-asset-info .container .dl {
margin: 0 23.4375rpx 0 234.375rpx;
padding: 23.4375rpx 0;
text-align: right;
}
.sstouch-asset-info .container .dt {
font-size: 28.125rpx;
line-height: 42.1875rpx;
color: #FFF;
height: 42.1875rpx;
margin-bottom: 9.375rpx;
}
.sstouch-asset-info .container .dd {
font-size: 28.125rpx;
line-height: 46.875rpx;
color: #FFF;
height: 46.875rpx;
}
.sstouch-asset-info .container .dd .em {
font-size: 46.875rpx;
}
.sstouch-asset-info .container .rule .dt {
font-size: 32.8125rpx;
margin-bottom: 9.375rpx;
height: auto;
}
.sstouch-asset-info .container .rule .dd {
font-size: 23.4375rpx;
line-height: 31.875000000000004rpx;
height: auto;
}
/* 触屏版资产日志形列表 */
.sstouch-log-list {
padding-left: 23.4375rpx;
background-color: #FFF;
}
.sstouch-log-list .li {
position: relative;
z-index: 1;
display: block;
padding: 23.4375rpx 0;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-log-list .li .detail {
min-height: 84.375rpx;
margin: 0 50% 0 0;
font-size: 25.781250000000004rpx;
word-wrap: break-word;
line-height: 42.1875rpx;
color: #999;
}
.sstouch-log-list .li .money {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
height: 42.1875rpx;
font-weight: 32.8125rpx;
line-height: 42.1875rpx;
}
.sstouch-log-list.tx .money {
right: 70.3125rpx;
}
.sstouch-log-list .li .money.add {
color: #f30213;
}
.sstouch-log-list .li .money.reduce {
color: #36BC9B;
}
.sstouch-log-list .li .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;
}
.sstouch-log-list.tx .date {
right: 70.3125rpx;
}
.sstouch-log-list .li .dt {
font-size: 23.4375rpx;
line-height: 46.875rpx;
font-weight: 600;
color: #333;
height: 46.875rpx;
margin-bottom: 9.375rpx;
}
.sstouch-log-list .li .dt .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;
}
.sstouch-log-list .li .dt .span {
font-size: 25.781250000000004rpx;
color: #4FC0E8;
}
.sstouch-log-list .li .dd {
font-size: 25.781250000000004rpx;
line-height: 30.46875rpx;
color: #777;
}
.sstouch-log-list .li .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;
}
.sstouch-tickets .ticket-item {
position: relative;
z-index: 1;
display: block;
margin-bottom: 23.4375rpx;
}
.sstouch-tickets .ticket-item .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%;
}
.sstouch-tickets .ticket-item .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%;
}
.sstouch-tickets .ticket-item .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);
}
.sstouch-tickets .ticket-item .store-info {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 65%;
height: 140.625rpx;
}
.sstouch-tickets .ticket-item .store-avatar {
position: absolute;
z-index: 1;
top: 23.4375rpx;
left: 23.4375rpx;
width: 93.75rpx;
height: 93.75rpx;
background: #FFF;
}
.sstouch-tickets .ticket-item .store-avatar image {
width: 100%;
height: 100%;
}
.sstouch-tickets .ticket-item .store-info .dl {
padding: 23.4375rpx 0 23.4375rpx 140.625rpx;
}
.sstouch-tickets .ticket-item .store-info .dt {
font-size: 28.125rpx;
line-height: 46.875rpx;
color: #212121;
}
.sstouch-tickets .ticket-item .store-info .dd {
/*font-size: 0.55rem;*/
font-size: 12rpx;
line-height: 46.875rpx;
color: #212121;
}
.sstouch-tickets .ticket-item .ticket-info {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 35%;
height: 140.625rpx;
}
.sstouch-tickets .normal .ticket-info {
background-color: #f30213;
}
.sstouch-tickets .invalid .ticket-info {
background-color: #AAB2BD;
}
.sstouch-tickets .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;
}
.sstouch-tickets .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;
}
.sstouch-tickets .ticket-item .ticket-info .dl {
position: absolute;
z-index: 2;
right: 23.4375rpx;
bottom: 23.4375rpx;
display: block;
text-align: right;
height: 84.375rpx;
}
.sstouch-tickets .ticket-item .ticket-info .dt {
font-size: 46.875rpx;
line-height: 56.25rpx;
color: #FFF;
}
.sstouch-tickets .ticket-item .ticket-info .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;
}
.spacing-div .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;
}
/* ================================ */
/* 触屏版常用层与动作等样式 */
/* ================================ */
/* Author: qianyistore */
/* Support Site: www.qianyistore.com */
/* Retrofit Date: Aug-08-2016 */
/* ================================ */
.sstouch-search-layout {
margin-top: 93.75rpx;
}
.sstouch-search-layout .dl {
padding: 37.5rpx 23.4375rpx 23.4375rpx;
text-align: left;
}
.sstouch-search-layout .dt {
font-size: 32.8125rpx;
line-height: 46.875rpx;
color: #111;
margin-bottom: 18.75rpx;
}
.sstouch-search-layout view {
font-size: 0;
display: block;
display: inline-block;
background-color: #FFF;
border: solid 2.34375rpx #EEE;
margin: 0 18.75rpx 18.75rpx 0;
}
.sstouch-search-layout view .a {
display: block;
padding: 9.375rpx 23.4375rpx;
font-size: 28.125rpx;
line-height: 46.875rpx;
color: #555;
}
.sstouch-search-layout .hot-keyword view {
border-radius: 35.15625rpx;
}
.sstouch-search-layout .a.clear-history {
display: inline-block;
width: 79%;
height: 90.9375rpx;
text-align: center;
margin: 70.3125rpx 10% 0 10%;
background-color: #EEE;
border-radius: 9.375rpx;
font-size: 32.8125rpx;
line-height: 90.9375rpx;
color: #555;
}
/*页内全屏遮罩层*/
.sstouch-full-mask {
position: fixed;
z-index: 19;
top: 0;
bottom: 0;
}
.sstouch-full-mask-bg {
display: block;
position: absolute;
z-index: 11;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.75);
}
.sstouch-full-mask-block {
display: block;
position: absolute;
z-index: 12;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #f4f4f4;
box-shadow: -11.71875rpx 0 9.375rpx rgba(0, 0, 0, 0.2);
}
.sstouch-full-mask.left {
display: block;
left: 0;
right: 0;
animation: optionBlockLeft 0.3s ease-in-out;
-webkit-animation: optionBlockLeft 0.3s ease-in-out;
}
.sstouch-full-mask.right {
left: 110%;
right: -110%;
animation: optionBlockRight 0.5s ease-in-out;
-webkit-animation: optionBlockRight 0.5s ease-in-out;
}
@keyframes optionBlockLeft {
from {
display: none;
left: 100%;
right: -100%;
}
to {
display: block;
left: 0;
right: 0;
}
}
@-webkit-keyframes optionBlockLeft {
from {
display: none;
left: 100%;
right: -100%;
}
to {
display: block;
left: 0;
right: 0;
}
}
@keyframes optionBlockRight {
from {
display: block;
left: 0;
right: 0;
}
to {
display: none;
left: 110%;
right: -110%;
}
}
@-webkit-keyframes optionBlockRight {
from {
display: block;
left: 0;
right: 0;
}
to {
display: none;
left: 110%;
right: -110%;
}
}
/*页内下部滑入遮罩*/
.sstouch-bottom-mask {
position: fixed;
z-index: 20;
top: 0;
left: 0;
right: 0;
display: block;
}
.sstouch-bottom-mask-bg {
display: block;
position: absolute;
z-index: 21;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.65);
}
.sstouch-bottom-mask-block {
display: block;
position: absolute;
z-index: 22;
bottom: 0;
left: 0;
right: 0;
min-height: 562.5rpx;
background: #FFF;
}
.sstouch-bottom-mask.up {
display: block;
bottom: 0;
animation: optionBlockUp 0.5s ease-in-out;
-webkit-animation: optionBlockUp 0.5s ease-in-out;
}
.sstouch-bottom-mask.down {
animation: optionBlockDown 0.5s ease-in-out;
-webkit-animation: optionBlockDown 0.5s ease-in-out;
}
@keyframes optionBlockUp {
from {
display: none;
bottom: -100%;
}
to {
display: block;
bottom: 0;
}
}
@-webkit-keyframes optionBlockUp {
from {
display: none;
bottom: -100%;
}
to {
display: block;
bottom: 0;
}
}
@keyframes optionBlockDown {
from {
display: block;
bottom: 0;
}
to {
display: none;
bottom: -100%;
}
}
@-webkit-keyframes optionBlockDown {
from {
display: block;
bottom: 0;
opacity: 1;
}
to {
display: none;
bottom: -100%;
opacity: 0;
}
}
.sstouch-bottom-mask-tip {
position: absolute;
z-index: 1;
top: -56.25rpx;
left: 0;
right: 0;
text-align: center;
font-size: 28.125rpx;
font-weight: 600;
line-height: 42.1875rpx;
color: #FFF;
text-shadow: 0 0 23.4375rpx rgba(0, 0, 0, 0.5);
}
.sstouch-bottom-mask-tip .i {
background-image: url(https://test.lancerdt.com/wap/images/back_down.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 75%;
width: 37.5rpx;
height: 42.1875rpx;
display: inline-block;
vertical-align: top;
margin-right: 4.6875rpx;
}
.sstouch-bottom-mask-top {
position: relative;
z-index: 1;
display: block;
padding: 23.4375rpx;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-bottom-mask-close {
position: absolute;
z-index: 1;
top: -28.125rpx;
right: 0;
background: #FFF;
width: 42.1875rpx;
height: 42.1875rpx;
padding: 7.03125rpx;
border-radius: 100%;
}
.sstouch-bottom-mask-close .i {
display: block;
width: 100%;
height: 100%;
background-image: url(https://test.lancerdt.com/wap/images/close_window.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100%;
opacity: 23.4375rpx;
}
.sstouch-bottom-mask-rolling {
min-height: 89.0625rpx;
max-height: 562.5rpx;
overflow: hidden;
position: relative;
z-index: 1;
}
/*页内大图显示*/
.sstouch-bigimg-layout {
display: block;
position: fixed;
z-index: 11;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
}
.sstouch-bigimg-layout .close {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
width: 56.25rpx;
height: 56.25rpx;
background-color: #FFF;
background-image: url(https://test.lancerdt.com/wap/images/close_window.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 90%;
border-radius: 100%;
opacity: 0.5;
}
.sstouch-bigimg-layout .pic-box {
margin: 25% auto 0 auto;
overflow: hidden;
position: relative;
width: 750rpx;
z-index: 1;
}
.sstouch-bigimg-layout .pic-box view {
font-size: 0;
overflow: hidden;
position: relative;
white-space: nowrap;
display: inline-block;
position: relative;
width: 750rpx;
height: 750rpx;
text-align: center;
z-index: auto;
padding: 0 !important;
margin: 0 !important;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.sstouch-bigimg-turn {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.sstouch-bigimg-turn view {
font-size: 0;
margin: 0 auto;
white-space: nowrap;
display: block;
width: 100%;
}
.sstouch-bigimg-turn view view {
display: inline-block;
min-width: 19%;
max-width: 99%;
margin: 0 1% 0 0 !important;
height: 11.71875rpx;
padding: 0 !important;
background: rgba(255, 255, 255, 0.75);
}
.sstouch-bigimg-turn view view.cur {
background-color: #f30213;
}
/*选择型按钮*/
.sstouch-sel-box {
display: block;
background: #FFF;
padding: 0 37.5rpx;
}
.sstouch-sel-box .tit {
display: block;
padding: 23.4375rpx 0;
font-size: 32.8125rpx;
line-height: 42.1875rpx;
}
.sstouch-sel-box .sel-con {
padding: 0 0 23.4375rpx 0;
}
.sstouch-sel-box .sel-con .a {
display: inline-block;
height: 42.1875rpx;
padding: 11.71875rpx 23.4375rpx;
margin: 14.0625rpx 14.0625rpx 0 0;
font-size: 25.781250000000004rpx;
color: #212121;
line-height: 42.1875rpx;
background: #FFF;
border: solid 2.34375rpx #BBB;
border-radius: 7.03125rpx;
}
.sstouch-sel-box .sel-con .a.sel {
padding: 13.125000000000002rpx 24.84375rpx;
color: #FFF;
background: #f30213;
border: none;
}
.sstouch-sel-list {
background-color: #FFF;
margin-top: 23.4375rpx;
}
.sstouch-sel-list label {
position: relative;
z-index: 1;
display: block;
height: 42.1875rpx;
padding: 23.4375rpx 0;
margin: 0 23.4375rpx;
font-size: 28.125rpx;
line-height: 42.1875rpx;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-sel-list label input[type="radio"] {
display: none;
}
.sstouch-sel-list label .i {
position: relative;
display: inline-block;
width: 35.15625rpx;
height: 35.15625rpx;
margin-right: 9.375rpx;
background-color: #f4f4f4;
border: 2.34375rpx solid #CCC;
border-radius: 50%;
vertical-align: middle;
}
.sstouch-sel-list label.checked .i {
border-color: #f30213;
background-color: #f30213;
}
.sstouch-sel-list label.checked .i:after {
content: '';
position: absolute;
left: 4.6875rpx;
top: 8.203125rpx;
width: 18.75rpx;
height: 9.375rpx;
border-left: 3.046875rpx solid #fff;
border-bottom: 3.046875rpx solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sstouch-sel-list .a.del-invoice {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
display: block;
width: 37.5rpx;
height: 42.1875rpx;
background-image: url(https://test.lancerdt.com/wap/images/del_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;
}
.sstouch-inp-con .input-box.btn-style label {
display: inline-block !important;
height: 42.1875rpx !important;
padding: 11.71875rpx 23.4375rpx !important;
margin: 14.0625rpx 14.0625rpx 0 0 !important;
font-size: 25.781250000000004rpx !important;
color: #212121 !important;
line-height: 42.1875rpx !important;
background: #FFF !important;
border: solid 2.34375rpx #BBB !important;
border-radius: 7.03125rpx !important;
width: auto;
}
.sstouch-inp-con .input-box.btn-style label.checked {
padding: 13.125000000000002rpx 24.84375rpx !important;
color: #FFF !important;
background: #f30213 !important;
border: none !important;
}
.sstouch-inp-con .input-box label input[type="radio"] {
display: none;
}
/*店铺优惠券*/
.store-voucher {
font-size: 32.8125rpx;
}
.store-voucher .i.icon-store {
display: inline-block;
width: 37.5rpx;
height: 42.1875rpx;
margin-right: 9.375rpx;
vertical-align: middle;
background: url(https://test.lancerdt.com/wap/images/store_b.png) no-repeat 50% 50%;
background-size: 90%;
opacity: 0.8;
}
.sstouch-voucher-list {
margin-left: 23.4375rpx;
}
.sstouch-voucher-list view {
position: relative;
z-index: 1;
background-color: #FFF;
border-top: solid #EEE 2.34375rpx;
padding: 23.4375rpx 23.4375rpx 23.4375rpx 0;
}
.sstouch-voucher-list .dl {
margin: 0 140.625rpx 0 0;
}
.sstouch-voucher-list .dt {
font-size: 25.781250000000004rpx;
color: #f30213;
line-height: 56.25rpx;
}
.sstouch-voucher-list .dt .em {
font-size: 56.25rpx;
margin: 0 4.6875rpx;
}
.sstouch-voucher-list .dd.need {
font-size: 25.781250000000004rpx;
line-height: 28.125rpx;
color: #333;
}
.sstouch-voucher-list .dd.time {
font-size: 21.09375rpx;
line-height: 28.125rpx;
color: #212121;
}
.sstouch-voucher-list .a {
position: absolute;
z-index: 1;
top: 46.875rpx;
right: 46.875rpx;
}
/*020店铺地址*/
.sstouch-o2o-tip {
padding: 0 23.4375rpx;
font-size: 32.8125rpx;
line-height: 84.375rpx;
display: block;
}
.sstouch-o2o-tip .a {
font-weight: 600;
color: #000;
display: block;
position: relative;
}
.sstouch-o2o-tip .a .i {
display: inline-block;
vertical-align: top;
width: 46.875rpx;
height: 46.875rpx;
margin: 14.0625rpx 9.375rpx 0 0;
background-image: url(https://test.lancerdt.com/wap/images/mc_03.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 80%;
opacity: 1;
}
.sstouch-o2o-tip .a view {
position: absolute;
z-index: 1;
top: 23.4375rpx;
right: 23.4375rpx;
width: 37.5rpx;
height: 42.1875rpx;
font-size: 46.875rpx;
/* background-image: url(https://test.lancerdt.com/wap/images/arrow_right_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 78%;*/
opacity: 0.5;
}
.sstouch-o2o-list {
background: #FFF;
}
.sstouch-o2o-list view {
position: relative;
padding: 23.4375rpx 0 23.4375rpx 23.4375rpx;
border-bottom: solid 2.34375rpx #EEE;
}
.sstouch-o2o-list .dl {
margin-right: 140.625rpx;
}
.sstouch-o2o-list .dl .a {
display: block;
}
.sstouch-o2o-list .dt {
display: block;
font-size: 32.8125rpx;
line-height: 46.875rpx;
font-weight: 600;
color: #000;
}
.sstouch-o2o-list .dt view {
display: inline-block;
vertical-align: top;
line-height: 46.875rpx;
font-size: 28.125rpx;
color: #AC92ED;
}
.sstouch-o2o-list .dt view .i {
display: inline-block;
vertical-align: top;
width: 46.875rpx;
height: 46.875rpx;
margin-right: 9.375rpx;
background-image: url(https://test.lancerdt.com/wap/images/location_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 70%;
opacity: 0.9;
}
.sstouch-o2o-list .dd {
display: block;
font-size: 28.125rpx;
line-height: 46.875rpx;
color: #555;
}
.sstouch-o2o-list .tel {
position: absolute;
z-index: 1;
right: 23.4375rpx;
top: 23.4375rpx;
border-left: solid 2.34375rpx #EEE;
padding-left: 23.4375rpx;
}
.sstouch-o2o-list .tel .a {
display: block;
width: 93.75rpx;
height: 93.75rpx;
background-image: url(https://test.lancerdt.com/wap/images/tel_b.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50%;
opacity: 0.65;
}
.sstouch-map-layout {
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sstouch-map {
display: block;
width: 100%;
height: 100%;
}
.input-view {
width: 100%;
display: flex;
background-color: #FFFFFF;
height: 30px;
border-radius: 15px;
padding: 0 5%;
flex-wrap: nowrap;
margin: 7px 0;
line-height: 30px;
}
.input-view .uni-icon {
line-height: 30px !important;
}
.input-view .input {
height: 30px;
line-height: 30px;
width: 94%;
padding: 0 3%;
border: 0;
outline: none;
background-color: rgba(0, 0, 0, 0);
}
input::-webkit-input-placeholder {
width: 357rpx;
height: 25rpx;
font-size: 26rpx;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #6DA62F;
}
input::placeholder {
width: 357rpx;
height: 25rpx;
font-size: 26rpx;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #6DA62F;
}
.sstouch-order-search {
height: 70rpx;
}
.form-btn {
background-color: #f5f5f5;
}
.inp {
width: 100%;
margin-top: 16rpx;
}
.zc {
width: 50rpx;
height: 80rpx;
line-height: 70rpx;
font-size: 40rpx;
float: right;
opacity: 0.6;
padding: 20rpx;
}
.false-image {
width: 36rpx;
height: 36rpx;
float: left;
margin: 18rpx auto;
z-index: 18;
}
.m-panel-hd {
padding: 20rpx;
}
.m-panel-hd label {
float: right;
color: #f30213;
font-size: 26rpx;
}
.m-total-info {
text-align: right;
padding: 10rpx;
font-size: 24rpx;
}
.m-total-info label {
font-size: 32rpx;
color: #f30213;
}
.m-total-info text {
font-size: 24rpx;
color: #f30213;
}
.m-total-btn {
text-align: right;
padding: 20rpx 20rpx 20rpx 20rpx;
position: relative;
}
.m-total-btn::before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.m-total-btn .u-link-btn {
margin: 0 10rpx;
vertical-align: middle;
display: inline-block;
line-height: 40rpx;
background-color: #fff;
font-size: 24rpx;
}
.m-sort {
position: relative;
}
.m-sort image {
width: 24rpx;
height: 24rpx;
position: absolute;
/*top: 50%;*/
margin-top: 10rpx;
margin-left: 2rpx;
}
.m-product-price text {
font-size: 24rpx;
color: #999999;
margin-left: 6rpx;
}
.m-freight {
color: #999;
font-size: 20rpx;
}
.u-loadmore {
width: 100%;
}
.m-product-name {
font-size: 24rpx;
}
.m-product-img image {
padding: 20rpx;
}
.m-product-item {
margin-top: 0rpx;
}