5105 lines
111 KiB
Plaintext
5105 lines
111 KiB
Plaintext
@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;
|
||
}
|
||
/* ================================ */
|
||
/* 触屏版商品列表样式类型 */
|
||
/* by qianyistore.com v 5 */
|
||
/* ================================ */
|
||
/*商品列表头部特征*/
|
||
.sstouch-product-header .header-inp {
|
||
margin: 12.890625000000002rpx 178.125rpx 0 93.75rpx;
|
||
}
|
||
.sstouch-product-header .header-r .a {
|
||
padding: 23.4375rpx 28.125rpx 23.4375rpx 9.375rpx;
|
||
}
|
||
.sstouch-product-header .header-r .a .i {
|
||
width: 100%;
|
||
font-size: 46.875rpx;
|
||
color: #212121;
|
||
opacity: 0.60;
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.sstouch-product-header .header-r .a .i.categroy {
|
||
margin-top: 4.6875rpx;
|
||
font-size: 37.5rpx;
|
||
}
|
||
/* 商品列表筛选条 */
|
||
.goods-search-list-nav {
|
||
display: block;
|
||
width: 100%;
|
||
height: 91.40625rpx;
|
||
background: rgba(255, 255, 255, 0.95);
|
||
border-bottom: solid 2.34375rpx #EEE;
|
||
position: fixed;
|
||
z-index: 2;
|
||
top: 93.75rpx;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.goods-search-list-nav view {
|
||
font-size: 0;
|
||
display: block;
|
||
width: 85%;
|
||
float: left;
|
||
}
|
||
.goods-search-list-nav view view {
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 30%;
|
||
}
|
||
.goods-search-list-nav view view:first-child {
|
||
width: 40%;
|
||
}
|
||
.goods-search-list-nav view view label {
|
||
font-size: 30.46875rpx;
|
||
color: #212121;
|
||
line-height: 91.40625rpx;
|
||
text-align: center;
|
||
display: block;
|
||
height: 91.40625rpx;
|
||
}
|
||
.goods-search-list-nav view view label.current {
|
||
color: #f30213;
|
||
}
|
||
.goods-search-list-nav view view label .aa {
|
||
font-size: 0rpx;
|
||
line-height: 0;
|
||
vertical-align: middle;
|
||
display: inline-block;
|
||
width: 0rpx;
|
||
height: 0rpx;
|
||
margin-left: 9.375rpx;
|
||
border-width: 9.375rpx;
|
||
border-color: #AAA transparent transparent transparent;
|
||
border-style: solid dashed dashed dashed;
|
||
position: absolute;
|
||
top: 46rpx;
|
||
}
|
||
.goods-search-list-nav view view label.current .aa {
|
||
border-color: #f30213 transparent transparent transparent;
|
||
}
|
||
.goods-search-list-nav view view label view.screen {
|
||
background-image: url(https://test.lancerdt.com/wap/images/screen.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 100%;
|
||
}
|
||
.goods-search-list-nav .browse-mode {
|
||
display: block;
|
||
width: 14.5%;
|
||
float: right;
|
||
border-left: solid 2.34375rpx #EEE;
|
||
}
|
||
.goods-search-list-nav .browse-mode label {
|
||
text-align: center;
|
||
display: block;
|
||
height: 91.40625rpx;
|
||
}
|
||
.goods-search-list-nav .browse-mode label view {
|
||
display: inline-block;
|
||
width: 56.25rpx;
|
||
height: 56.25rpx;
|
||
opacity: 0.5;
|
||
margin: 0rpx auto 18.75rpx 24rpx;
|
||
}
|
||
.goods-search-list-nav .browse-mode .browse-list {
|
||
/*background-image: url(https://test.lancerdt.com/wap/images/browse_list.png);*/
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 80%;
|
||
font-size: 60.9375rpx;
|
||
color: #212121;
|
||
font-family: "zc" !important;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
margin-left: 30rpx;
|
||
}
|
||
.goods-search-list-nav .browse-mode .browse-grid {
|
||
/*background-image: url(https://test.lancerdt.com/wap/images/browse_grid.png);*/
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 80%;
|
||
font-size: 60.9375rpx;
|
||
color: #212121;
|
||
font-family: "zc" !important;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
margin-left: 30rpx;
|
||
}
|
||
.goods-search-list-nav .browse-mode .browse-grid:before {
|
||
content: "\e6b0";
|
||
}
|
||
.goods-search-list-nav .browse-mode .browse-list:before {
|
||
content: "\e625";
|
||
}
|
||
.goods-sort-inner {
|
||
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');
|
||
background: rgba(0, 0, 0, 0.1);
|
||
position: fixed;
|
||
z-index: 4;
|
||
top: 185.15625rpx;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
.goods-sort-inner view {
|
||
background-color: #FFF;
|
||
display: block;
|
||
padding-left: 17.8125rpx;
|
||
}
|
||
.goods-sort-inner view label {
|
||
font-size: 28.125rpx;
|
||
line-height: 46.875rpx;
|
||
color: #777;
|
||
display: block;
|
||
height: 46.875rpx;
|
||
padding: 23.4375rpx 35.15625rpx 23.4375rpx 17.8125rpx;
|
||
border-top: solid 2.34375rpx #EEE;
|
||
}
|
||
.goods-sort-inner view label .aa {
|
||
background-image: url(https://test.lancerdt.com/wap/images/ok.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 100%;
|
||
display: none;
|
||
width: 32.8125rpx;
|
||
height: 32.8125rpx;
|
||
float: right;
|
||
margin: 7.03125rpx;
|
||
}
|
||
.goods-sort-inner view label.cur {
|
||
color: #f30213;
|
||
}
|
||
.goods-sort-inner view label.cur .aa {
|
||
display: block;
|
||
}
|
||
/*商品筛选层*/
|
||
.secreen-layout .dl {
|
||
display: block;
|
||
padding: 0 23.4375rpx;
|
||
background-color: #FFF;
|
||
border-bottom: solid #EEE 2.34375rpx;
|
||
}
|
||
.secreen-layout .dt {
|
||
display: block;
|
||
height: 42.1875rpx;
|
||
padding: 23.4375rpx 0 0 0;
|
||
font-size: 28.125rpx;
|
||
color: #212121;
|
||
line-height: 42.1875rpx;
|
||
}
|
||
.secreen-layout .dd {
|
||
display: block;
|
||
font-size: 0;
|
||
padding: 0 0 23.4375rpx 0;
|
||
}
|
||
.secreen-layout .dd view.inp-balck {
|
||
position: relative;
|
||
z-index: 1;
|
||
display: inline-block;
|
||
height: 42.1875rpx;
|
||
padding: 11.71875rpx 23.4375rpx;
|
||
margin-top: 14.0625rpx;
|
||
color: #212121;
|
||
line-height: 42.1875rpx;
|
||
background: #f4f4f4;
|
||
border: solid 2.34375rpx #EEE;
|
||
border-radius: 7.03125rpx;
|
||
}
|
||
.secreen-layout .dd view.inp-balck.add {
|
||
padding-right: 46.875rpx;
|
||
}
|
||
.secreen-layout .dd view.inp-balck.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%;
|
||
}
|
||
.secreen-layout .dd ._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*/
|
||
}
|
||
.secreen-layout .dd .a {
|
||
display: inline-block;
|
||
height: 42.1875rpx;
|
||
padding: 11.71875rpx 23.4375rpx;
|
||
margin-left: 14.0625rpx;
|
||
margin-top: 14.0625rpx;
|
||
font-size: 25.781250000000004rpx;
|
||
color: #212121;
|
||
line-height: 42.1875rpx;
|
||
background: #FFF;
|
||
border: solid 2.34375rpx #EEE;
|
||
border-radius: 7.03125rpx;
|
||
}
|
||
.secreen-layout .dd .a:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.secreen-layout .dd .a.current {
|
||
padding: 13.125000000000002rpx 24.84375rpx;
|
||
color: #FFF;
|
||
background: #f30213;
|
||
border: none;
|
||
}
|
||
.secreen-layout .dd .line {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
width: 37.5rpx;
|
||
height: 42.1875rpx;
|
||
margin: 23.4375rpx 9.375rpx;
|
||
background-image: url(https://test.lancerdt.com/wap/images/value_minus.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 60%;
|
||
opacity: 0.5;
|
||
}
|
||
.secreen-layout .dd .inp {
|
||
width: 140.625rpx;
|
||
height: 42.1875rpx;
|
||
text-align: center;
|
||
border: none 0;
|
||
font-size: 28.125rpx;
|
||
line-height: 42.1875rpx;
|
||
background-color: transparent;
|
||
}
|
||
.secreen-layout .bottom {
|
||
padding: 46.875rpx 0;
|
||
background-color: #FFF;
|
||
}
|
||
/*列表模式*/
|
||
.list .goods-secrch-list {
|
||
display: block;
|
||
}
|
||
.list .goods-secrch-list .a {
|
||
display: block;
|
||
color: #111;
|
||
line-height: 40rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-item {
|
||
background-color: #FFF;
|
||
display: block;
|
||
clear: both;
|
||
position: relative;
|
||
z-index: auot;
|
||
}
|
||
.list .goods-secrch-list .goods-pic {
|
||
display: block;
|
||
width: 218rpx;
|
||
height: 218rpx;
|
||
padding: 18rpx;
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.list .goods-secrch-list .goods-pic navigator, .list .goods-secrch-list .goods-pic image {
|
||
width: 200rpx;
|
||
height: 200rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-info {
|
||
display: block;
|
||
height: 227.34374999999997rpx;
|
||
padding: 17.8125rpx 17.8125rpx 0 0;
|
||
margin-left: 252.1875rpx;
|
||
border-bottom: solid 2.34375rpx #EEE;
|
||
}
|
||
.list .goods-secrch-list .goods-name {
|
||
display: block;
|
||
height: 112.5rpx;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-name .h4 {
|
||
font-size: 30.46875rpx;
|
||
line-height: 37.5rpx;
|
||
height: 75rpx;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-name ._h6 {
|
||
font-size: 23.4375rpx;
|
||
color: #999;
|
||
line-height: 42.1875rpx;
|
||
height: 42.1875rpx;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-sale {
|
||
display: block;
|
||
height: 42.1875rpx;
|
||
padding: 9.375rpx 0;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-price {
|
||
color: #f30213;
|
||
font-size: 28.125rpx;
|
||
line-height: 42.1875rpx;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
.list .goods-secrch-list .goods-price label {
|
||
font-size: 37.5rpx;
|
||
line-height: 42.1875rpx;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
}
|
||
.list .goods-secrch-list .goods-price .phone-sale {
|
||
font-size: 21.09375rpx;
|
||
line-height: 28.125rpx;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
height: 28.125rpx;
|
||
padding-right: 4.6875rpx;
|
||
margin-top: 2.34375rpx;
|
||
border: solid #f30213 2.34375rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-price .phone-sale .i {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-right: 4.6875rpx;
|
||
width: 28.125rpx;
|
||
height: 28.125rpx;
|
||
background: #f30213 url(https://test.lancerdt.com/wap/images/mobile_w.png) no-repeat 50% 50%;
|
||
background-size: 80%;
|
||
}
|
||
.list .goods-secrch-list .sale-type {
|
||
float: right;
|
||
width: 32.8125rpx;
|
||
height: 32.8125rpx;
|
||
margin: 0 0 0 4.6875rpx;
|
||
vertical-align: top;
|
||
text-align: center;
|
||
font-size: 21.09375rpx;
|
||
color: #FFF;
|
||
line-height: 32.8125rpx;
|
||
background-color: #f30213;
|
||
border-radius: 4.6875rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-assist {
|
||
display: block;
|
||
height: 46.875rpx;
|
||
padding-bottom: 9.375rpx;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-sold {
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 46.875rpx;
|
||
color: #999;
|
||
display: block;
|
||
float: left;
|
||
width: 40%;
|
||
height: 46.875rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-sold label {
|
||
color: #999;
|
||
vertical-align: middle;
|
||
font-weight: 600;
|
||
}
|
||
.list .goods-secrch-list .goods-store {
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 46.875rpx;
|
||
text-align: right;
|
||
height: 46.875rpx;
|
||
}
|
||
.list .goods-secrch-list .goods-store .mall {
|
||
display: inline-block;
|
||
padding: 0 4.6875rpx;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 32.8125rpx;
|
||
color: #FFF;
|
||
color: #f30213;
|
||
}
|
||
.list .goods-secrch-list .goods-store .a {
|
||
color: #777;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
}
|
||
.list .goods-secrch-list .goods-store .a .i {
|
||
background-image: url(https://test.lancerdt.com/wap/images/more_b.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 60%;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 46.875rpx;
|
||
height: 46.875rpx;
|
||
margin: 0 0 0 7.03125rpx;
|
||
opacity: 0.4;
|
||
}
|
||
.list .goods-secrch-list .add-cart {
|
||
float: right;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 56.25rpx;
|
||
text-align: right;
|
||
width: 56.25rpx;
|
||
height: 46.875rpx;
|
||
}
|
||
.list .goods-secrch-list .add-cart .mall {
|
||
display: inline-block;
|
||
padding: 0 4.6875rpx;
|
||
font-size: 21.09375rpx;
|
||
line-height: 32.8125rpx;
|
||
color: #FFF;
|
||
background-color: #f30213;
|
||
}
|
||
.list .goods-secrch-list .add-cart .a {
|
||
font-size: 0;
|
||
color: #212121;
|
||
}
|
||
.list .goods-secrch-list .add-cart .a .i {
|
||
background-image: url(https://test.lancerdt.com/wap/images/cart_add.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 100%;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 56.25rpx;
|
||
height: 56.25rpx;
|
||
margin: 0 0 0 7.03125rpx;
|
||
position: absolute;
|
||
right: 5rpx;
|
||
bottom: 5rpx;
|
||
opacity: 0.6;
|
||
}
|
||
.list .goods-secrch-list .sotre-creidt-layout {
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
}
|
||
.list .goods-secrch-list .sotre-creidt-layout .p {
|
||
width: 252.1875rpx;
|
||
height: 252.1875rpx;
|
||
position: absolute;
|
||
z-index: 1;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.list .goods-secrch-list .sotre-creidt-layout .dl {
|
||
background-color: #f4f4f4;
|
||
height: 216.5625rpx;
|
||
padding: 17.8125rpx;
|
||
margin-left: 252.1875rpx;
|
||
}
|
||
/*商品图片*/
|
||
/*右侧商品介绍*/
|
||
/*商品名称*/
|
||
/*商品价格与促销*/
|
||
/*商品相关信息*/
|
||
/*店铺列表使用特殊样式*/
|
||
.sotre-favorites-layout {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
display: none;
|
||
}
|
||
.sotre-favorites-layout .sotre-favorites-bg {
|
||
position: relative;
|
||
z-index: 1;
|
||
width: 100%;
|
||
height: 100%;
|
||
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');
|
||
background: rgba(255, 255, 255, 0.9);
|
||
border: solid 2.34375rpx #EEE;
|
||
}
|
||
.sotre-favorites-layout .add {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 50%;
|
||
left: 50%;
|
||
display: block;
|
||
width: 140.625rpx;
|
||
height: 140.625rpx;
|
||
margin: -70.3125rpx 0 0 -70.3125rpx;
|
||
}
|
||
.sotre-favorites-layout .add .i {
|
||
display: block;
|
||
width: 89.0625rpx;
|
||
height: 89.0625rpx;
|
||
margin: 0 auto 4.6875rpx auto;
|
||
background-image: url(https://test.lancerdt.com/wap/images/star_b.png);
|
||
background-position: 50% 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: 65%;
|
||
border: solid 3.515625rpx #000;
|
||
border-radius: 100%;
|
||
opacity: 0.75;
|
||
}
|
||
.sotre-favorites-layout .add .h5 {
|
||
display: block;
|
||
height: 46.875rpx;
|
||
text-align: center;
|
||
font-size: 28.125rpx;
|
||
line-height: 46.875rpx;
|
||
color: #000;
|
||
}
|
||
.sotre-favorites-layout .add.added {
|
||
display: none;
|
||
}
|
||
.sotre-favorites-layout .add.added .i {
|
||
background-image: url(https://test.lancerdt.com/wap/images/star_r.png);
|
||
border-color: #f30213;
|
||
opacity: 1;
|
||
}
|
||
/*大图模式*/
|
||
.grid .goods-secrch-list {
|
||
font-size: 0;
|
||
display: block;
|
||
}
|
||
.grid .goods-secrch-list .goods-item {
|
||
background-color: #FFF;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 49.25%;
|
||
margin-bottom: 9.375rpx;
|
||
box-shadow: 0 1rpx 0 rgba(0, 0, 0, 0.05);
|
||
position: relative;
|
||
z-index: 1;
|
||
overflow: hidden;
|
||
}
|
||
.grid .goods-secrch-list .goods-item:nth-of-type(even) {
|
||
margin-left: 1.5%;
|
||
}
|
||
.grid .goods-secrch-list .goods-pic {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.grid .goods-secrch-list .goods-pic .a {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.grid .goods-secrch-list .goods-pic image {
|
||
width: 360rpx;
|
||
height: 360rpx;
|
||
}
|
||
.grid .goods-secrch-list .goods-info {
|
||
display: block;
|
||
padding: 0 11.71875rpx;
|
||
}
|
||
.grid .goods-secrch-list .goods-name {
|
||
display: block;
|
||
min-height: 42.1875rpx;
|
||
overflow: hidden;
|
||
}
|
||
.grid .goods-secrch-list .a {
|
||
display: block;
|
||
color: #111;
|
||
line-height: 40rpx;
|
||
}
|
||
.grid .goods-secrch-list .goods-name .h4 {
|
||
font-size: 28.125rpx;
|
||
line-height: 42.1875rpx;
|
||
height: 42.1875rpx;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
}
|
||
/*商品图片*/
|
||
/*下方商品介绍*/
|
||
/*商品名称*/
|
||
.fav-list .goods-name .h4 {
|
||
height: 84.375rpx !important;
|
||
text-overflow: clip !important;
|
||
white-space: pre-wrap !important;
|
||
}
|
||
.grid .goods-secrch-list .goods-name ._h6 {
|
||
display: none;
|
||
}
|
||
.grid .goods-secrch-list .goods-sale {
|
||
display: inline-block;
|
||
height: 42.1875rpx;
|
||
padding: 9.375rpx 0;
|
||
overflow: hidden;
|
||
}
|
||
.grid .goods-secrch-list .goods-price {
|
||
color: #f30213;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 42.1875rpx;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
.grid .goods-secrch-list .goods-price label {
|
||
font-size: 37.5rpx;
|
||
line-height: 42.1875rpx;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
}
|
||
.grid .goods-secrch-list .goods-price .phone-sale {
|
||
font-size: 0;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 28.125rpx;
|
||
height: 28.125rpx;
|
||
border: solid #f30213 0.9375rpx;
|
||
}
|
||
.grid .goods-secrch-list .goods-price .phone-sale .i {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: #f30213 url(https://test.lancerdt.com/wap/images/mobile_w.png) no-repeat 50% 50%;
|
||
background-size: 80%;
|
||
}
|
||
.grid .goods-secrch-list .sale-type {
|
||
display: none;
|
||
}
|
||
.grid .goods-secrch-list .goods-assist {
|
||
display: block;
|
||
height: 46.875rpx;
|
||
padding-bottom: 9.375rpx;
|
||
overflow: hidden;
|
||
}
|
||
.grid .goods-secrch-list .goods-sold {
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 46.875rpx;
|
||
color: #999;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
.grid .goods-secrch-list .goods-sold label {
|
||
color: #999;
|
||
vertical-align: middle;
|
||
font-weight: 600;
|
||
}
|
||
.grid .goods-secrch-list .goods-store {
|
||
float: right;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 46.875rpx;
|
||
}
|
||
.grid .goods-secrch-list .goods-store .mall {
|
||
display: inline-block;
|
||
padding: 0 4.6875rpx;
|
||
font-size: 21.09375rpx;
|
||
line-height: 32.8125rpx;
|
||
color: #FFF;
|
||
background-color: #f30213;
|
||
}
|
||
.grid .goods-secrch-list .goods-store .a {
|
||
font-size: 0;
|
||
color: #212121;
|
||
}
|
||
.grid .goods-secrch-list .goods-store .a .i {
|
||
background-image: url(https://test.lancerdt.com/wap/images/more_b.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 60%;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 46.875rpx;
|
||
height: 46.875rpx;
|
||
margin: 0 0 0 7.03125rpx;
|
||
opacity: 0.5;
|
||
}
|
||
.grid .goods-secrch-list .add-cart {
|
||
float: right;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 56.25rpx;
|
||
text-align: right;
|
||
width: 56.25rpx;
|
||
height: 46.875rpx;
|
||
}
|
||
.grid .goods-secrch-list .add-cart .mall {
|
||
display: inline-block;
|
||
padding: 0 4.6875rpx;
|
||
font-size: 21.09375rpx;
|
||
line-height: 32.8125rpx;
|
||
color: #FFF;
|
||
background-color: #f30213;
|
||
}
|
||
.grid .goods-secrch-list .add-cart .a {
|
||
font-size: 0;
|
||
color: #212121;
|
||
}
|
||
.grid .goods-secrch-list .add-cart .a .i {
|
||
background-image: url(https://test.lancerdt.com/wap/images/cart_add.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 100%;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 56.25rpx;
|
||
height: 56.25rpx;
|
||
margin: 0 0 0 7.03125rpx;
|
||
position: absolute;
|
||
right: 5rpx;
|
||
bottom: 5rpx;
|
||
}
|
||
.grid .goods-secrch-list .store-credit {
|
||
display: none;
|
||
}
|
||
.grid .goods-secrch-list .sotre-creidt-layout {
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
}
|
||
.grid .goods-secrch-list .sotre-creidt-layout .dl {
|
||
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F2EEEEEE', endColorstr='#F2EEEEEE');
|
||
background: rgba(238, 238, 238, 0.95);
|
||
width: 90%;
|
||
height: 196.875rpx;
|
||
padding: 5%;
|
||
position: absolute;
|
||
z-index: inherit;
|
||
bottom: 0;
|
||
}
|
||
.grid .goods-secrch-list .fav-del {
|
||
position: absolute;
|
||
z-index: 1;
|
||
bottom: 9.375rpx;
|
||
right: 9.375rpx;
|
||
width: 46.875rpx;
|
||
height: 46.875rpx;
|
||
background-image: url(https://test.lancerdt.com/wap/images/del_b.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 65%;
|
||
}
|
||
/*商品价格与促销*/
|
||
/*商品相关信息*/
|
||
/*商品收藏列表删除*/
|
||
.goods-secrch-list .sotre-creidt-layout .dt {
|
||
text-align: left;
|
||
display: block;
|
||
line-height: 46.875rpx;
|
||
height: 46.875rpx;
|
||
padding-bottom: 9.375rpx;
|
||
margin-bottom: 18.75rpx;
|
||
border-bottom: solid 1rpx #EEE;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dt .a {
|
||
font-size: 28.125rpx !important;
|
||
color: #333 !important;
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dt .a view {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 0;
|
||
right: 0;
|
||
width: 46.875rpx;
|
||
height: 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: 50%;*/
|
||
opacity: 0.6;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd {
|
||
font-size: 21.09375rpx;
|
||
color: #555;
|
||
line-height: 42.1875rpx;
|
||
text-align: left;
|
||
height: 42.1875rpx;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd label {
|
||
font-size: 25.781250000000004rpx;
|
||
font-weight: 600;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd.high label, .goods-secrch-list .sotre-creidt-layout .dd.equal label {
|
||
color: #f30213;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd.low label {
|
||
color: #48CFAE;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd .i {
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 25.781250000000004rpx;
|
||
height: 25.781250000000004rpx;
|
||
margin: 7.03125rpx;
|
||
border-radius: 2rpx;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd.high .i {
|
||
background: #f30213 url(https://test.lancerdt.com/wap/images/creidt_high.png);
|
||
background-size: cover;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd.equal .i {
|
||
background: #f30213 url(https://test.lancerdt.com/wap/images/creidt_equal.png);
|
||
background-size: cover;
|
||
}
|
||
.goods-secrch-list .sotre-creidt-layout .dd.low .i {
|
||
background: #48CFAE url(https://test.lancerdt.com/wap/images/creidt_low.png);
|
||
background-size: cover;
|
||
}
|
||
/*店铺收藏列表*/
|
||
.favorites-store-list view {
|
||
display: block;
|
||
clear: both;
|
||
position: relative;
|
||
z-index: 1;
|
||
/*padding: 0.5rem 0 0;*/
|
||
padding: 23.4375rpx 0 23.4375rpx 0;
|
||
background-color: #FFF;
|
||
border-bottom: 2.34375rpx solid #EEE;
|
||
}
|
||
.favorites-store-list view .a {
|
||
display: block;
|
||
color: #333;
|
||
margin-right: 93.75rpx;
|
||
}
|
||
.favorites-store-list view .store-avatar {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 14.0625rpx;
|
||
left: 23.4375rpx;
|
||
display: block;
|
||
width: 93.75rpx;
|
||
height: 93.75rpx;
|
||
}
|
||
.favorites-store-list view .store-avatar image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.favorites-store-list view .store-info {
|
||
display: block;
|
||
margin: 0 0 0 140.625rpx;
|
||
/*padding-bottom: 0.5rem;*/
|
||
vertical-align: top;
|
||
text-align: left;
|
||
/* border-bottom: 0.05rem solid #EEE;*/
|
||
width: 100%;
|
||
}
|
||
.favorites-store-list view .store-info .dt {
|
||
font-size: 32.8125rpx;
|
||
line-height: 42.1875rpx;
|
||
}
|
||
.favorites-store-list view .store-info .dd {
|
||
font-size: 0;
|
||
/*line-height: 1.1rem;*/
|
||
line-height: 37.5rpx;
|
||
height: 37.5rpx;
|
||
}
|
||
.favorites-store-list view .store-info .dd view {
|
||
display: inline-block;
|
||
/*font-size: 0.55rem;*/
|
||
/*font-size: 12rpx;*/
|
||
font-size: 18.75rpx;
|
||
color: #212121;
|
||
}
|
||
.favorites-store-list view .store-info .dd view label {
|
||
/*font-size: 0.65rem;*/
|
||
/* font-size: 12rpx;*/
|
||
font-size: 18.75rpx;
|
||
font-weight: 600;
|
||
margin: 0 4.6875rpx;
|
||
/*color: #000;*/
|
||
}
|
||
.favorites-store-list view .del-fav {
|
||
position: absolute;
|
||
z-index: 2;
|
||
right: 23.4375rpx;
|
||
top: 46.875rpx;
|
||
width: 46.875rpx;
|
||
height: 46.875rpx;
|
||
margin: 0;
|
||
background-image: url(https://test.lancerdt.com/wap/images/del_b.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 65%;
|
||
opacity: 0.75;
|
||
}
|
||
/*店铺分页列表*/
|
||
.pagination {
|
||
text-align: center;
|
||
font-size: 21.09375rpx;
|
||
}
|
||
.pagination .a {
|
||
color: #6e6e6e;
|
||
}
|
||
.pagination .a.disabled {
|
||
color: #ccc;
|
||
}
|
||
.pre-page, .page-warp, .next-page, .pagew-size {
|
||
border: 1rpx solid #ccc;
|
||
cursor: pointer;
|
||
padding: 5rpx 10rpx;
|
||
background: #fff;
|
||
}
|
||
.pre-page, .page-warp, .next-page {
|
||
display: inline-block;
|
||
}
|
||
.pagination ._select {
|
||
padding: 4rpx 8rpx;
|
||
border: 1rpx solid #ccc;
|
||
vertical-align: bottom;
|
||
}
|
||
.page-warp {
|
||
width: 80rpx;
|
||
position: relative;
|
||
text-align: center;
|
||
z-index: 10;
|
||
}
|
||
.pagew-size {
|
||
position: absolute;
|
||
width: 80rpx;
|
||
z-index: 10;
|
||
left: -1rpx;
|
||
bottom: 30rpx;
|
||
display: none;
|
||
}
|
||
.pagew-size view {
|
||
border-bottom: 1rpx dashed #ddd;
|
||
padding: 4rpx 0rpx;
|
||
}
|
||
.pagew-size view .a {
|
||
display: block;
|
||
}
|
||
/* ================================ */
|
||
/* 触屏版常用层与动作等样式 */
|
||
/* ================================ */
|
||
/* 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%;
|
||
}
|
||
/* 触屏版店铺样式类型 */
|
||
.goodsName {
|
||
font-size: 28.125rpx;
|
||
color: #333;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
height: 38px;
|
||
}
|
||
.goods-info .p {
|
||
color: #06bf04;
|
||
font-size: 30.46875rpx;
|
||
height: 42.1875rpx;
|
||
line-height: 42.1875rpx;
|
||
padding: 23.4375rpx 0rpx;
|
||
}
|
||
/*订单搜索*/
|
||
.sstouch-order-search {
|
||
height: 100%;
|
||
background-color: #FAFAFA;
|
||
}
|
||
.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-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-order-search .write .input-del {
|
||
display: block;
|
||
}
|
||
.sstouch-order-search input[type="text"] {
|
||
display: inline-block;
|
||
width: 72%;
|
||
height: 46.875rpx;
|
||
padding: 9.375rpx;
|
||
margin: 11.71875rpx auto auto 0rpx;
|
||
border: none;
|
||
border-radius: 9.375rpx;
|
||
font-size: 28.125rpx;
|
||
/* background-color: #EEE; */
|
||
line-height: 46.875rpx;
|
||
border: solid 2.34375rpx #DEDEDE;
|
||
}
|
||
.sstouch-order-search input[type="button"] {
|
||
display: inline-block;
|
||
width: 46.875rpx;
|
||
height: 46.875rpx;
|
||
margin-left: 14.0625rpx;
|
||
background-color: transparent;
|
||
background-image: url(https://test.lancerdt.com/wap/images/store-bg.png);
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: 82%;
|
||
opacity: 0.5;
|
||
border: none;
|
||
}
|
||
/*店铺首页上部*/
|
||
.sstouch-store-top {
|
||
position: relative;
|
||
z-index: 1;
|
||
width: 100%;
|
||
height: 210.9375rpx;
|
||
}
|
||
.sstouch-store-top .store-top-bg {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
background-repeat: no-repeat;
|
||
background-position: 50% 50%;
|
||
background-size: cover;
|
||
}
|
||
.sstouch-store-top .store-top-bg .img {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-position: 50% 50%;
|
||
background-size: cover;
|
||
}
|
||
.sstouch-store-top .store-top-mask {
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
background-color: rgba(0, 0, 0, 0.15);
|
||
}
|
||
.sstouch-store-top .store-avatar {
|
||
position: absolute;
|
||
z-index: 3;
|
||
bottom: 14.0625rpx;
|
||
left: 9.375rpx;
|
||
display: block;
|
||
width: 164.0625rpx;
|
||
height: 164.0625rpx;
|
||
}
|
||
.sstouch-store-top .store-avatar image {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 14.0625rpx;
|
||
}
|
||
.sstouch-store-top .store-name {
|
||
position: absolute;
|
||
z-index: 3;
|
||
top: 93.75rpx;
|
||
left: 187.5rpx;
|
||
width: 375rpx;
|
||
font-size: 32.8125rpx;
|
||
color: #FFF;
|
||
text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.75);
|
||
}
|
||
.sstouch-store-top .store-favorate {
|
||
position: absolute;
|
||
z-index: 3;
|
||
bottom: 23.4375rpx;
|
||
right: 0;
|
||
display: block;
|
||
width: 117.1875rpx;
|
||
height: 75rpx;
|
||
text-align: center;
|
||
}
|
||
.sstouch-store-top .store-favorate .a {
|
||
display: inline-block;
|
||
vertical-align: bottom;
|
||
width: 50%;
|
||
height: 42.1875rpx;
|
||
padding: 18.75rpx 0;
|
||
background-color: #ED5564;
|
||
font-size: 28.125rpx;
|
||
line-height: 42.1875rpx;
|
||
color: #FFF;
|
||
}
|
||
.sstouch-store-top .store-favorate .a.added {
|
||
background-color: #333;
|
||
}
|
||
.sstouch-store-top .store-favorate label {
|
||
display: inline-block;
|
||
vertical-align: bottom;
|
||
width: 100%;
|
||
height: 56.25rpx;
|
||
padding: 11.71875rpx 0;
|
||
background-color: #DB4453;
|
||
font-size: 25.781250000000004rpx;
|
||
line-height: 28.125rpx;
|
||
color: #FFF;
|
||
}
|
||
.u-loadmore {
|
||
width: 100%;
|
||
}
|
||
|