@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,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; opacity: 1; } .sstouch-single-nav view view.selected .a { padding: 4.6875rpx 2.34375rpx 0 2.34375rpx; color: #f30213; border-bottom: solid 4.6875rpx #f30213 !important; } .sstouch-single-nav view view.selected .a .i { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); -webkit-filter: gray; filter: gray; opacity: 1; } .sstouch-single-nav.fixed { background-color: rgba(248, 248, 248, 0.95); position: fixed; z-index: 3; top: 0rpx; /*top: 2rem;*/ left: 0; right: 0; } /*标签式导航*/ .sstouch-tag-nav { background-color: #EEE; padding: 23.4375rpx 23.4375rpx 0 23.4375rpx; } .sstouch-tag-nav view { font-size: 0; display: block; } .sstouch-tag-nav view view { display: inline-block; background-color: #AAA; margin: 0 23.4375rpx 23.4375rpx 0; border-radius: 9.375rpx; } .sstouch-tag-nav view view.selected { background-color: #f30213; } .sstouch-tag-nav view view .a { display: block; height: 42.1875rpx; padding: 9.375rpx 23.4375rpx; font-size: 28.125rpx; line-height: 42.1875rpx; color: #FFF; } /*默认单行列表*/ .sstouch-default-list-tit { font-size: 32.8125rpx; line-height: 46.875rpx; padding: 23.4375rpx; } .sstouch-default-list { overflow: hidden; padding: 0 0 0 23.4375rpx; background-color: #FFF; border-top: solid 2.34375rpx #EEE; border-bottom: solid 2.34375rpx #EEE; } .sstouch-default-list view { position: relative; z-index: 1; display: block; clear: both; overflow: hidden; padding: 23.4375rpx 0; line-height: 46.875rpx; border-top: solid 2.34375rpx #EEE; } .sstouch-default-list view:first-child { border-top: none; } .sstouch-default-list view .a { display: block; overflow: hidden; font-size: 30.46875rpx; color: #000; } .sstouch-default-list view .h4 { float: left; margin-left: 14.0625rpx; font-size: 32.8125rpx; line-height: 46.875rpx; color: #333; } .sstouch-default-list view .h4 .i { display: inline-block; vertical-align: top; margin-right: 9.375rpx; width: 42.1875rpx; height: 42.1875rpx; opacity: 0.5; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; font-size: 37.5rpx; } .sstouch-default-list view ._h6 { float: left; clear: both; margin-left: 14.0625rpx; font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #212121; } .sstouch-default-list view view.num { float: right; margin-right: 56.25rpx; font-size: 28.125rpx; line-height: 46.875rpx; } .sstouch-default-list view view.tip { position: absolute; z-index: 1; top: 50%; right: 56.25rpx; height: 42.1875rpx; margin-top: -18.75rpx; font-size: 28.125rpx; line-height: 42.1875rpx; color: #111; } .sstouch-default-list view view.arrow-r { position: absolute; z-index: 1; right: 23.4375rpx; display: block; top: 50%; margin-top: -23.4375rpx; font-size: 46.875rpx; color: #212121; opacity: 0.65; } .sstouch-default-list view view.pics { float: right; margin-right: 56.25rpx; font-size: 28.125rpx; line-height: 46.875rpx; } .sstouch-default-list view view.pics image { width: 46.875rpx; height: 46.875rpx; } .sstouch-default-list view label.num { float: right; margin-right: 56.25rpx; font-size: 28.125rpx; line-height: 46.875rpx; } .sstouch-default-list view label.tip { position: absolute; z-index: 1; top: 50%; right: 56.25rpx; height: 42.1875rpx; margin-top: -18.75rpx; font-size: 28.125rpx; line-height: 42.1875rpx; color: #111; } .sstouch-default-list view label.arrow-r { position: absolute; z-index: 1; right: 23.4375rpx; display: block; top: 50%; margin-top: -23.4375rpx; font-size: 46.875rpx; color: #212121; opacity: 0.65; } .sstouch-default-list view label.pics { float: right; margin-right: 56.25rpx; font-size: 28.125rpx; line-height: 46.875rpx; } .sstouch-default-list view label.pics image { width: 46.875rpx; height: 46.875rpx; } /*默认输入表单*/ .sstouch-inp-con { display: block; clear: both; } .sstouch-inp-con view { background: #FFF; } .sstouch-inp-con view view { position: relative; z-index: 1; display: block; min-height: 93.75rpx; margin-left: 23.4375rpx; background-color: #FFF; border-bottom: solid #EEE 2.34375rpx; } .sstouch-inp-con view view:nth-last-child(1) { border-bottom: none 0; } .sstouch-inp-con view view.upload-item { height: 119.53124999999999rpx; } .sstouch-inp-con view view .h4 { position: absolute; z-index: 1; top: 0; left: 0; width: 140.625rpx; font-size: 28.125rpx; line-height: 91.40625rpx; color: #444; text-align: right; } .sstouch-inp-con view view .input-box { display: block; height: 91.40625rpx; margin: 0 23.4375rpx 0 164.0625rpx; position: relative; z-index: 1; } .sstouch-inp-con view view.upload-item .input-box { height: 91.40625rpx; padding: 14.0625rpx 0; } .sstouch-inp-con view view .input-box .inp { width: 100%; min-height: 44.53125rpx; padding: 23.4375rpx 0; border: 0 none; font-size: 28.125rpx; line-height: 44.53125rpx; color: #000; } .sstouch-inp-con view view .input-box .input-del { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; display: none; width: 45.703125rpx; height: 45.703125rpx; background-image: url(https://test.lancerdt.com/wap/images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4; } .sstouch-inp-con view view .input-box.write .input-del { display: block; } .sstouch-inp-con view view .input-box .checkbox { position: absolute; z-index: 1; top: 23.4375rpx; left: 23.4375rpx; } .sstouch-inp-con view view .input-box .txt { margin: 0 0 0 70.3125rpx; font-size: 32.8125rpx; line-height: 91.40625rpx; color: #555; } .sstouch-inp-con view view .input-box .note { position: absolute; z-index: 1; right: 0; top: 11.71875rpx; height: 75rpx; text-align: right; } .sstouch-inp-con view view .input-box .note .em { display: block; vertical-align: top; font-size: 28.125rpx; font-weight: 600; color: #36BC9B; line-height: 37.5rpx; } .sstouch-inp-con view view .input-box .note ._h6 { display: block; vertical-align: top; font-size: 25.781250000000004rpx; color: #999; line-height: 37.5rpx; } .sstouch-inp-con view view .input-box .select { width: 95%; height: 91.40625rpx; margin: 0; font-size: 25.781250000000004rpx; background-color: transparent; line-height: 91.40625rpx; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/ } .sstouch-inp-con view view .input-box .arrow-down { position: absolute; z-index: 1; top: 23.4375rpx; right: 0; display: block; width: 45.703125rpx; height: 45.703125rpx; background-image: url(https://test.lancerdt.com/wap/images/arrow_down_b.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 50%; opacity: 0.5; } .sstouch-inp-con .form-btn { margin-top: 46.875rpx; padding-bottom: 103.12500000000001rpx; } .sstouch-inp-con .form-btn .btn { display: inline-block; width: 90%; height: 84.375rpx; padding: 0; margin: 0 5%; font-size: 37.5rpx; line-height: 84.375rpx; text-align: center; color: #212121; background: #EEE; border: none; border-radius: 9.375rpx; } .sstouch-inp-con .form-btn.ok .btn { color: #FFF !important; background: #f30213; } /*开关*/ .input-box label { display: inline-block !important; height: 91.40625rpx !important; width: 100%; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; font-size: 32.8125rpx !important; line-height: 91.40625rpx !important; color: #555 !important; } .input-box label.checked { background-color: transparent !important; padding: 0 !important; color: #555 !important; } .input-box label input[type="checkbox"] { display: none; } .input-box label .power { position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: 75rpx; height: 42.1875rpx; margin: 0 9.375rpx; border: solid 2.34375rpx #DDD; border-radius: 23.4375rpx; } .input-box label .power .i { position: absolute; z-index: 1; top: 0rpx; left: 0rpx; width: 42.1875rpx; height: 42.1875rpx; background-color: #FFF; border-radius: 100%; box-shadow: 2.34375rpx 4.6875rpx 11.71875rpx rgba(0, 0, 0, 0.3); } .input-box label.checked .power { background-color: #48CFAE; border-color: #48CFAE; } .input-box label.checked .power .i { left: auto; right: 0; box-shadow: -2.34375rpx 4.6875rpx 11.71875rpx rgba(0, 0, 0, 0.3); } /*无数据信息为空提示*/ .sstouch-norecord { position: absolute; z-index: -1; top: 50%; left: 50%; width: 468.75rpx; height: 384.37499999999994rpx; margin: -140.625rpx 0 0 -234.375rpx; text-align: center; font-size: 0; } .sstouch-norecord .norecord-ico { display: inline-block; width: 103.12500000000001rpx; height: 103.12500000000001rpx; padding: 18.75rpx; margin: 0 auto; background-color: #DDD; border-radius: 100%; } .sstouch-norecord .norecord-ico .i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .sstouch-norecord .dl { height: 128.90625rpx; margin-top: 35.15625rpx; } .sstouch-norecord .dl .dt { display: block; height: 46.875rpx; margin-bottom: 11.71875rpx; font-size: 35.15625rpx; line-height: 46.875rpx; } .sstouch-norecord .dl .dd { display: block; height: 46.875rpx; margin-bottom: 23.4375rpx; font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #999; } .sstouch-norecord.search .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/search_w.png); } .sstouch-norecord.cart .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/cart_w.png); } .sstouch-norecord.eval .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_04_w.png); } .sstouch-norecord.talk .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/talk_w.png); } .sstouch-norecord.order .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/order_w.png); } .sstouch-norecord.refund .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_05_w.png); } .sstouch-norecord.address .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/address_w.png); } .sstouch-norecord.favorite-store .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/store_w.png); } .sstouch-norecord.favorite-goods .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/favorite_w.png); } .sstouch-norecord.views .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/goods-browse_w.png); } .sstouch-norecord.signin .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_04_w.png); } .sstouch-norecord.pdre .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_06_w.png); } .sstouch-norecord.recharge .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_07_w.png); } .sstouch-norecord.voucher .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_08_w.png); } .sstouch-norecord.redpacket .norecord-ico .i { background-image: url(https://test.lancerdt.com/wap/images/mcc_09_w.png); } /*无数据提示图标*/ /*退款、退货*/ /*签到*/ /*账户余额*/ /*充值卡*/ /*优惠券*/ /*红包*/ .sstouch-single-nav .area view { width: 33.33%; } /*加减数量控件*/ .value-box { display: inline-block; float: right; font-size: 0; border: solid 2.34375rpx #CCC; border-radius: 9.375rpx; } .value-box view { display: inline-block; vertical-align: top; line-height: 0; } .value-box view .a { display: block; width: 18.75rpx; height: 18.75rpx; margin: 18.75rpx; opacity: 0.65; } .value-box view.add { background-color: #FAFAFA; border-radius: 0 9.375rpx 9.375rpx 0; } .value-box view.minus { background-color: #FAFAFA; border-radius: 9.375rpx 0 0 9.375rpx; } .value-box view.add .a { background-image: url(https://test.lancerdt.com/wap/images/value_add.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%; } .value-box view.minus .a { background-image: url(https://test.lancerdt.com/wap/images/value_minus.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%; } .value-box view .buy-num { width: 56.25rpx; height: 56.25rpx; padding: 0; font-size: 28.125rpx; font-weight: lighter; line-height: 60.9375rpx; text-align: center; border: solid #CCC; border-width: 0 2.34375rpx; border-radius: 0; } /*默认按钮样式*/ .btn { vertical-align: top; display: inline-block !important; /*height: 1.1rem;*/ padding: 0 14.0625rpx; margin: 0 auto; font-size: 28.125rpx; color: #555 !important; line-height: 51.56250000000001rpx; text-align: center; background-color: #FFF; border: solid 1rpx #CCC; border-radius: 7.03125rpx; } .btn.key { border-color: #f30213; color: #f30213 !important; font-weight: 600; } .btn-l { display: inline-block; width: 90%; margin: 0 5%; font-size: 37.5rpx; line-height: 84.375rpx; text-align: center; color: #FFF; background: #f30213; border-radius: 9.375rpx; } /*图片选择上传*/ .sstouch-upload { display: inline-block; width: 90.9375rpx; height: 90.9375rpx; border: solid 2.34375rpx #EEE; border-radius: 4.6875rpx; vertical-align: top; } .sstouch-upload .a { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } .sstouch-upload view { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0; } .sstouch-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity: 0; filter: alpha(opacity=0); } .sstouch-upload .p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent; } .sstouch-upload .p .i { display: block; width: 100%; height: 100%; background-image: url(https://test.lancerdt.com/wap/images/value_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.25; } .sstouch-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 4.6875rpx; } .sstouch-upload .pic-thumb image { width: 95%; height: 95%; margin: 2.5%; } .sstouch-upload .upload-loading { position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background: rgba(255, 255, 255, 0.25); border-radius: 4.6875rpx; } .sstouch-upload .upload-loading .i { display: block; width: 100%; height: 5%; margin: 93% 0 2% 0; background: #4FC0E8; animation: optionLoading 0.5s ease-in-out; -webkit-animation: optionLoading 1s ease-in-out; } @keyframes optionLoading { from { width: 0%; } to { width: 100%; } } @-webkit-keyframes optionLoading { from { width: 0%; } to { width: 100%; } } /*页内固定块*/ .fix-block-r { width: 89.0625rpx; position: fixed; z-index: 5; right: 23.4375rpx; bottom: 117.1875rpx; } .fix-block-r .a { display: block; width: 91.40625rpx; height: 91.40625rpx; background: rgba(255, 255, 255, 0.85); border-radius: 100%; border: solid 2.34375rpx #EEE; } .fix-block-r .a .i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.5; } .fix-block-r .a.gotop-btn { margin-top: 11.71875rpx; } .fix-block-r .a.gotop-btn .i { background-image: url(https://test.lancerdt.com/wap/images/gotop_b.png); } .fix-block-r .a.browse-btn .i { background-image: url(https://test.lancerdt.com/wap/images/goods_browse_b.png); } /*页面整体下拉缓冲*/ .scroller-body { top: 0; bottom: 60rpx; right: 0; left: 0; position: absolute; z-index: auto; } .scroller-more { z-index: 179; } /* loading */ /*下拉读取*/ .loading { text-align: center; display: block; padding: 46.875rpx 0; font-size: 25.781250000000004rpx; color: #666; } .spinner { display: inline-block; vertical-align: middle; margin-right: 0.4em; font-size: 1em; width: 1em; height: 1em; text-align: left; border-radius: 50%; box-shadow: inset 0 0 0 0.1em rgba(58, 168, 237, 0.3); } .spinner .i { position: absolute; clip: rect(0, 1em, 1em, 0.5em); width: 1em; height: 1em; animation: spinner-circle-clipper 1s ease-in-out infinite; -webkit-animation: spinner-circle-clipper 1s ease-in-out infinite; } .spinner .i:after { position: absolute; clip: rect(0, 1em, 1em, 0.5em); width: 1em; height: 1em; content: ''; animation: spinner-circle 1s ease-in-out infinite; -webkit-animation: spinner-circle 1s ease-in-out infinite; border-radius: 50%; box-shadow: inset 0 0 0 .1em #3aa8ed; } @keyframes spinner-circle-clipper { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @-webkit-keyframes spinner-circle-clipper { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes spinner-circle { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @-webkit-keyframes spinner-circle { 0% { -webkit-transform: rotate(-180deg); } 100% { -webkit-transform: rotate(180deg); } } /*异步读取*/ .pre-loading { background: rgba(248, 248, 248, 0.95); position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; } .pre-block { text-align: center; position: absolute; z-index: 1; width: 281.25rpx; height: 46.875rpx; font-size: 25.781250000000004rpx; color: #666; top: 50%; left: 50%; margin: -23.4375rpx 0 0 -140.625rpx; } .footnav { min-width: 320rpx; background: #fff; border-top: 1rpx solid #e3e3e3; box-shadow: 0 10rpx 20rpx #000; bottom: 0; font-size: 13.125000000000002rpx; /*height: 2.4rem;*/ position: fixed; width: 100%; z-index: 6; } .footnav view { font-size: 0; } .footnav view view { vertical-align: top; display: inline-block; text-align: center; width: 25%; padding: 14.0625rpx 0 14.0625rpx 0; } .footnav view view .a { display: block; position: relative; } .footnav view view .a .em { background-color: #f30213; width: 14.0625rpx; height: 14.0625rpx; border-radius: 100%; position: absolute; top: -7.03125rpx; right: 39.84375rpx; } .footnav view view .i { vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; margin: 0 auto 4.6875rpx auto; font-size: 46.875rpx; color: #888; } .footnav view view .p { font-size: 23.4375rpx; color: #888; line-height: 25.781250000000004rpx; height: 25.781250000000004rpx; margin-top: 4.6875rpx; } .footnav view view ._sup { position: absolute; top: -8rpx; right: calc(50% - 25rpx); color: #f30213; border-radius: 10rpx; padding: 2rpx 5rpx; background-color: #f30213; color: #fff; line-height: 10rpx; font-size: 10rpx; } .footnav view view .a.current ._p, .footnav view view .a.current .i { color: #f30213; } /* i { &.home { background-image: url(https://test.lancerdt.com/wap/images/home_b.png); background-size: cover; opacity: 0.5; } &.categroy { background-image: url(https://test.lancerdt.com/wap/images/browse_list.png); background-size: cover; opacity: 0.5; } &.search { background-image: url(https://test.lancerdt.com/wap/images/search_ico.png); background-size: cover; opacity: 0.5; } &.cart { background-image: url(https://test.lancerdt.com/wap/images/cart_b.png); background-size: cover; opacity: 0.5; } &.member { background-image: url(https://test.lancerdt.com/wap/images/member_b.png); background-size: cover; opacity: 0.5; } &.home2 { background-image: url(https://test.lancerdt.com/wap/images/home_b_2.png); background-size: cover; opacity: 1; } &.categroy2 { background-image: url(https://test.lancerdt.com/wap/images/browse_list_2.png); background-size: cover; opacity: 1; } &.search2 { background-image: url(https://test.lancerdt.com/wap/images/search_ico_2.png); background-size: cover; opacity: 1; } &.cart2 { background-image: url(https://test.lancerdt.com/wap/images/cart_b_2.png); background-size: cover; opacity: 1; } &.member2 { background-image: url(https://test.lancerdt.com/wap/images/member_b_2.png); background-size: cover; opacity: 1; } } */ /*加红*/ /*文章*/ #article-content { font-size: 32.8125rpx; background: #fff; padding: 5rpx 10rpx; min-width: 320rpx; margin: 0 auto; overflow: hidden; min-height: 320rpx; } #article-content ._embed[type="application/x-shockwave-flash"] { display: none; } #article-content ._p, #article-content ._div, #article-content ._table, #article-content image { width: 100% !important; } .article_type { color: #6d6d6d; margin-bottom: 5rpx; display: block; text-align: center; width: 100%; font-size: 37.5rpx; font-weight: bold; } .article-list { padding: 1rpx 0rpx 0rpx; } .article-list-item { padding-right: 50rpx; padding-left: 10rpx; border-top: 1rpx dotted #ded6c9; cursor: pointer; font-size: 14rpx; position: relative; } .article-list-item .a { display: block; color: #6d6d6d; line-height: 40rpx; } .article-title { color: #6d6d6d; margin-bottom: 5rpx; height: 40rpx; line-height: 40rpx; display: block; text-align: center; width: 100%; font-size: 37.5rpx; font-weight: bold; border-bottom: 1rpx dotted #ded6c9; } .article-class { display: block; margin-top: 131.25rpx; padding-left: 37.5rpx; } .article-class view { display: inline-block; background-color: #F8F8F8; border: solid 2.34375rpx #EEE; margin: 0 18.75rpx 18.75rpx 0; border-radius: 35.15625rpx; } .article-class view .a { display: block; padding: 9.375rpx 23.4375rpx; font-size: 28.125rpx; line-height: 46.875rpx; color: #555; } /* dialog */ ::-moz-focus-inner { border-color: transparent; } .dialog { position: fixed; left: 0; top: 0; z-index: 10001; width: 100%; height: 100%; } .dialog-overlay { position: absolute; top: 0; left: 0; z-index: 10002; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .dialog-content { position: absolute; top: 50%; left: 50%; z-index: 10003; width: 90%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1.5; background-color: rgba(255, 255, 255, 0.95); border-radius: 10rpx; /* * { box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; font-family: Helvetica; font-size: 15rpx; } */ } .dialog-btn, .dialog-btn-hl { position: relative; display: inline-block; height: 44rpx; line-height: 44rpx; color: #007aff; font-size: 17rpx; font-weight: 400; cursor: pointer; text-decoration: none; background-color: transparent; } .dialog-btn:hover, .dialog-btn:active { background-color: rgba(0, 0, 0, 0.05); } .dialog-btn-hl:hover, .dialog-btn-hl:active { background-color: rgba(0, 0, 0, 0.05); } .dialog-content-hd { position: relative; padding: 20rpx 20rpx 10rpx; margin-bottom: -25rpx; text-align: center; } .dialog-content-hd .dialog-content-title { font-size: 18rpx; font-weight: 400; color: #333; } .dialog-content-hd .dialog-btn-close { display: block; width: 26rpx; height: 26rpx; overflow: hidden; position: absolute; top: 18rpx; right: 15rpx; cursor: pointer; background-color: transparent; } .dialog-content-hd .dialog-btn-close view { display: none; } .dialog-content-hd .dialog-btn-close:before, .dialog-content-hd .dialog-btn-close:after { content: ""; display: block; width: 18rpx; height: 1rpx; background-color: #808080; position: absolute; top: 13rpx; right: 3rpx; } .dialog-content-hd .dialog-btn-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dialog-content-hd .dialog-btn-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dialog-content-bd { margin: 25rpx 20rpx; color: #666; text-align: center; } .dialog-content-bd .p { padding: 5rpx 0; } .content-scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; } .dialog-content-ft { display: flex; position: relative; font-size: 0; } .dialog-content-ft:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1rpx; border-top: 1rpx solid #d5d5d5; color: #d5d5d5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .dialog-content-ft .dialog-btn { flex: 1; display: block; } .dialog-content-ft .dialog-btn:after { content: ""; position: absolute; left: 0; top: 0; width: 1rpx; height: 100%; border-left: 1rpx solid #d5d5d5; color: #d5d5d5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .dialog-content-ft .dialog-btn:first-child { border-bottom-left-radius: 8rpx; } .dialog-content-ft .dialog-btn:first-child:after { border-left: none; } .dialog-content-ft .dialog-btn:last-child { border-bottom-right-radius: 8rpx; } .dialog-content-ft.stacked { flex-flow: column; display: block; } .dialog-content-ft.stacked:after { border: none; } .dialog-content-ft.stacked .dialog-btn { position: relative; display: block; width: 100%; } .dialog-content-ft.stacked .dialog-btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1rpx; border-top: 1rpx solid #d5d5d5; color: #d5d5d5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .dialog-open .dialog-content, .dialog-open .dialog-overlay { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-close .dialog-content, .dialog-close .dialog-overlay { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-open .dialog-content { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .dialog-open .dialog-overlay { -webkit-animation-name: fade-in; animation-name: fade-in; } .dialog-close .dialog-content, .dialog-close .dialog-overlay { -webkit-animation-name: fade-out; animation-name: fade-out; } [data-style=android] .dialog-content { box-sizing: content-box; border-radius: 0; background-color: #fff; } [data-style=android] .dialog-content-hd { text-align: left; padding: 20rpx 20rpx 0; margin-bottom: -10rpx; } [data-style=android] .dialog-content-hd .dialog-btn-close { top: 15rpx; right: 15rpx; } [data-style=android] .dialog-content-bd { margin: 25rpx 20rpx; text-align: left; } [data-style=android] .dialog-content-ft { display: block; padding: 8rpx; margin-top: -10rpx; text-align: right; } [data-style=android] .dialog-content-ft:after { border: none; } [data-style=android] .dialog-content-ft .dialog-btn { display: inline-block; min-width: 60rpx; height: 36rpx; line-height: 36rpx; overflow: hidden; padding: 0 13rpx; font-size: 16rpx; color: #808080; text-align: center; border-radius: 2rpx; } [data-style=android] .dialog-content-ft .dialog-btn:after { border: none; } [data-style=android] .dialog-content-ft .dialog-btn-confirm, [data-style=android] .dialog-content-ft .dialog-btn-hl { color: #00bbd3; } [data-style=android] .dialog-content-ft.stacked .dialog-btn { display: block; text-align: right; width: 100%; } [data-style=android] .dialog-content-ft-border:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1rpx; border-top: 1rpx solid #d5d5d5; color: #d5d5d5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } [data-style=android] .ripple { border-radius: 99999rpx; pointer-events: none; position: absolute; width: 200rpx; height: 200rpx; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transform: scale(0); transform: scale(0); animation: ripple .75s ease-out; -webkit-animation: ripple .75s ease-out; } [data-style=android].dialog-open .dialog-content { -webkit-animation-name: bounce-in-down; animation-name: bounce-in-down; } [data-style=android].dialog-open .dialog-overlay { -webkit-animation-name: fade-in; animation-name: fade-in; } [data-style=android].dialog-close .dialog-content { -webkit-animation-name: bounce-out-up; animation-name: bounce-out-up; } [data-style=android].dialog-close .dialog-overlay { -webkit-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(0); opacity: .5; } 100% { -webkit-transform: scale(2); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: .5; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } .dialog-toast .dialog-overlay { background-color: transparent; } .dialog-toast .dialog-content { width: 148rpx; height: 148rpx; border-radius: 10rpx; background-color: rgba(0, 0, 0, 0.8); display: table; } .dialog-toast .dialog-content-bd { margin: 0; padding: 0; font-size: 0; position: relative; width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; } .dialog-toast .dialog-content-bd .p { margin: 0; padding: 0; } .dialog-toast .info-icon { width: 56rpx; max-width: 56rpx; } .dialog-toast .info-text { display: block; width: 90%; margin: 12rpx auto 0; font-size: 16rpx; color: #fff; } .dialog-toast.dialog-open .dialog-content, .dialog-toast.dialog-open .dialog-overlay { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-toast.dialog-close .dialog-content, .dialog-toast.dialog-close .dialog-overlay { -webkit-animation-duration: .35s; animation-duration: .35s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-toast.dialog-open .dialog-content, .dialog-toast.dialog-open .dialog-overlay { -webkit-animation-name: fade-in; animation-name: fade-in; } .dialog-toast.dialog-close .dialog-content, .dialog-toast.dialog-close .dialog-overlay { -webkit-animation-name: fade-out; animation-name: fade-out; } .dialog-notice .dialog-overlay { background-color: transparent; } .dialog-notice .dialog-content { display: table; width: auto; max-width: 85%; border-radius: 4rpx; background-color: rgba(0, 0, 0, 0.8); } .dialog-notice .dialog-content-bd { margin: 0; font-size: 0; padding: 10rpx 15rpx; line-height: normal; } .dialog-notice .info-icon { width: 16rpx; max-width: 16rpx; margin: 0 2rpx; vertical-align: middle; position: relative; top: -1rpx; } .dialog-notice .info-text { margin: 0 2rpx; font-size: 14rpx; color: #fff; line-height: 1.3; vertical-align: middle; } .dialog-notice.dialog-open .dialog-content, .dialog-notice.dialog-open .dialog-overlay { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-notice.dialog-close .dialog-content, .dialog-notice.dialog-close .dialog-overlay { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-notice.dialog-open .dialog-content, .dialog-notice.dialog-open .dialog-overlay { -webkit-animation-name: fade-in; animation-name: fade-in; } .dialog-notice.dialog-close .dialog-content, .dialog-notice.dialog-close .dialog-overlay { -webkit-animation-name: fade-out; animation-name: fade-out; } .dialog-notice-bottom .dialog-content { top: auto; bottom: 0; -webkit-transform: translate(-50%, -20rpx); transform: translate(-50%, -20rpx); } .dialog-notice-bottom.dialog-open .dialog-content, .dialog-notice-bottom.dialog-open .dialog-overlay { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-notice-bottom.dialog-close .dialog-content, .dialog-notice-bottom.dialog-close .dialog-overlay { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog-notice-bottom.dialog-open .dialog-content { -webkit-animation-name: bounce-in-up; animation-name: bounce-in-up; } .dialog-notice-bottom.dialog-close .dialog-content { -webkit-animation-name: fade-out; animation-name: fade-out; } @media screen and (min-width: 1023rpx) { .dialog-content { max-width: 40%; } } @media screen and (min-width: 767rpx) { .dialog-content { max-width: 60%; } } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1, 1); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2); transform: translate(-50%, -50%) scale(1.2, 1.2); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8); } } @keyframes zoom-out { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8); transform: translate(-50%, -50%) scale(0.8, 0.8); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes bounce-in-down { 0% { opacity: 0; -webkit-transform: translate(-50%, -75%); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%); } } @keyframes bounce-in-down { 0% { opacity: 0; -webkit-transform: translate(-50%, -75%); transform: translate(-50%, -75%); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @-webkit-keyframes bounce-out-up { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); } 100% { opacity: 0; -webkit-transform: translate(-50%, -75%); } } @keyframes bounce-out-up { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 100% { opacity: 0; -webkit-transform: translate(-50%, -75%); transform: translate(-50%, -75%); } } @-webkit-keyframes bounce-in-up { 0% { opacity: 0; -webkit-transform: translate(-50%, 0); } 80% { opacity: 1; -webkit-transform: translate(-50%, -24rpx); } 100% { opacity: 1; -webkit-transform: translate(-50%, -20rpx); } } @keyframes bounce-in-up { 0% { opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 80% { opacity: 1; -webkit-transform: translate(-50%, -24rpx); transform: translate(-50%, -24rpx); } 100% { opacity: 1; -webkit-transform: translate(-50%, -20rpx); transform: translate(-50%, -20rpx); } } @-webkit-keyframes bounce-out-down { 0% { opacity: 1; -webkit-transform: translate(-50%, -20rpx); } 100% { opacity: 0; -webkit-transform: translate(-50%, 0); } } @keyframes bounce-out-down { 0% { opacity: 1; -webkit-transform: translate(-50%, -20rpx); transform: translate(-50%, -20rpx); } 100% { opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .virtual-enable .o2o-enable .evaluation-enable .multishop-enable { display: none; } .fancybox-enabled { overflow: hidden; touch-action: none; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container { z-index: 99992; } /* Make sure that the first one is on the top */ .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity 100ms; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70rpx; line-height: 44rpx; font-size: 13rpx; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; /* > * { display: inline-block; position: relative; padding: 24rpx; margin: 44rpx 0 44rpx; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; }*/ } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image::before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44rpx auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88rpx); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16rpx; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999rpx; left: -9999rpx; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40rpx; top: 50%; left: 50%; width: 380rpx; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error .p { margin: 0; padding: 0; color: #444; font: 16rpx/20rpx "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 4rpx; right: 4rpx; padding: 0; margin: 0; width: 30rpx; height: 30rpx; font: 21rpx/1 Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background 0.2s; box-sizing: border-box; z-index: 5; } .fancybox-close-small:focus { outline: 1rpx dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36rpx; right: -36rpx; background: transparent; } .fancybox-close-small:hover { color: #555; background: #eee; } /* Caption */ .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60rpx 30rpx 0 30rpx; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30rpx 0; border-top: 1rpx solid rgba(255, 255, 255, 0.4); font-size: 14rpx; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20rpx; -webkit-text-size-adjust: none; } .fancybox-caption ._a, .fancybox-caption button { pointer-events: all; } .fancybox-caption .a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; width: 44rpx; height: 44rpx; line-height: 44rpx; margin: 0; padding: 0; border: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled { cursor: default; } .fancybox-infobar__body { background: rgba(30, 30, 30, 0.6); } .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover { background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--left::after { left: 20rpx; top: 18rpx; width: 6rpx; height: 6rpx; background: transparent; border-top: solid 2rpx currentColor; border-right: solid 2rpx currentColor; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20rpx; top: 18rpx; width: 6rpx; height: 6rpx; background: transparent; border-top: solid 2rpx currentColor; border-right: solid 2rpx currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5rpx; } .fancybox-button--right { border-bottom-right-radius: 5rpx; } .fancybox-button--close { float: right; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2rpx; width: 16rpx; top: calc(50% - 1rpx); left: calc(50% - 8rpx); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Loading spinner */ .fancybox-loading { border: 6rpx solid rgba(100, 100, 100, 0.4); border-top: 6rpx solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50rpx; width: 50rpx; -webkit-animation: fancybox-rotate .6s infinite linear; animation: fancybox-rotate .6s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25rpx; margin-left: -25rpx; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Styling for Small-Screen Devices */ @media all and (max-width: 800rpx) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20rpx 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15rpx; height: 11rpx; left: 15rpx; top: 16rpx; border: 2rpx solid; background: none; } /* Slideshow button */ .fancybox-button--play::before { top: 16rpx; left: 18rpx; width: 0; height: 0; border-top: 6rpx inset transparent; border-bottom: 6rpx inset transparent; border-left: 10rpx solid; border-radius: 1rpx; background: transparent; } .fancybox-button--pause::before { top: 16rpx; left: 18rpx; width: 7rpx; height: 11rpx; border-style: solid; border-width: 0 2rpx 0 2rpx; background: transparent; } /* Thumbs */ .fancybox-button--thumbs view { font-size: 23rpx; } .fancybox-button--thumbs::before { top: 20rpx; left: 21rpx; width: 3rpx; height: 3rpx; box-shadow: 0 -4rpx 0, -4rpx -4rpx 0, 4rpx -4rpx 0, 0 0 0 32rpx inset, -4rpx 0 0, 4rpx 0 0, 0 4rpx 0, -4rpx 4rpx 0, 4rpx 4rpx 0; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220rpx; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220rpx; margin: 0; padding: 5rpx 5rpx 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > view { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > view > view { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105rpx; height: 75rpx; position: relative; cursor: pointer; outline: none; border: 5rpx solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } ._li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > view > view > image { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .fancybox-thumbs > view > view:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2rpx; border: 4rpx solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > view > view.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800rpx) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } } /* end fancybox */ .text-overflow { overflow: hidden; /*内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ white-space: nowrap; /*不换行 */ } .inp-black { position: relative; z-index: 1; display: inline-block; height: 42.1875rpx; padding: 11.71875rpx 23.4375rpx; color: #212121; line-height: 42.1875rpx; background: #f4f4f4; border: solid 2.34375rpx #EEE; border-radius: 7.03125rpx; } .inp-black.add { padding-right: 46.875rpx; } .inp-black.add .i { position: absolute; z-index: 1; right: 9.375rpx; top: 11.71875rpx; display: block; width: 37.5rpx; height: 42.1875rpx; background-image: url(https://test.lancerdt.com/wap/images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .inp-black ._select { height: 42.1875rpx; font-size: 25.781250000000004rpx; background-color: transparent; line-height: 42.1875rpx; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/ } [v-cloak] { display: none; } /* ================================ */ /* 触屏版会员中心、登录、订单等样式 */ /* Author: qianyistore */ /* Support Site: www.qianyistore.com */ /* Retrofit Date: Aug-08-2016 */ /* ================================ */ /*注册登录*/ .form-item .input-box .input-del.code { right: 281.25rpx; } .form-item .input-box .code-countdown, .form-item .input-box .code-again { position: absolute; right: 23.4375rpx; top: 14.0625rpx; z-index: 1; width: 201.5625rpx; height: 65.625rpx; } .form-item .input-box .code-countdown .p { display: block; font-size: 25.781250000000004rpx; line-height: 32.8125rpx; color: #999; text-align: center; width: 100%; height: 32.8125rpx; } .form-item .input-box .code-countdown .em { color: #f30213; margin: 0 4.6875rpx; font-weight: 600; } .form-item .input-box .code-again .a { display: block; font-size: 28.125rpx; font-weight: 600; text-decoration: underline; line-height: 65.625rpx; color: #3BAEDA; text-align: center; width: 100%; height: 65.625rpx; } .form-item .input-box .code-img { position: absolute; right: 23.4375rpx; top: 14.0625rpx; z-index: 1; width: 187.5rpx; height: 65.625rpx; } .form-item .input-box .code-img image { width: 100%; height: 100%; } .remember-form { height: 42.1875rpx; margin: 46.875rpx 93.75rpx 0 93.75rpx; position: relative; } .remember-form input[type="checkbox"] { margin-top: -9.375rpx; } .remember-form input[type="checkbox"]:checked { border-color: #48CFAE; background-color: #48CFAE; } .remember-form label { display: inline-block; height: 42.1875rpx; line-height: 42.1875rpx; font-size: 28.125rpx; color: #666; vertical-align: top; } .remember-form .forgot-password { position: absolute; right: 0; top: 0; line-height: 42.1875rpx; font-size: 28.125rpx; color: #5D9CEC; } .remember-form .forgot-password:visited { color: #4B89DC; } .remember-form .reg-cms { line-height: 42.1875rpx; font-size: 28.125rpx; vertical-align: top; display: inline-block; height: 42.1875rpx; color: #5D9CEC; } .remember-form .reg-cms:visited { color: #4B89DC; } .register-mobile-tip { height: 42.1875rpx; padding: 28.125rpx 46.875rpx; font-size: 28.125rpx; line-height: 42.1875rpx; color: #212121; } .register-mobile-tip .em { margin: 0 4.6875rpx; font-size: 28.125rpx; color: #999; font-weight: 600; } .form-notes { text-align: center; font-size: 25.781250000000004rpx; line-height: 32.8125rpx; color: #999; margin: 46.875rpx 70.3125rpx; } /*注册协议*/ .reg-document { padding: 46.875rpx; } .reg-document .p { font-size: 65.625rpx; line-height: 20rpx; overflow: hidden; } .reg-document ._strong { font-size: 70.3125rpx; font-weight: 600; line-height: 24rpx; } .reg-document .ol, .reg-document .ul { margin-left: 24rpx; } .reg-document .ol .li { font-size: 60.9375rpx; line-height: 20rpx; } .reg-document .ul .li { font-size: 56.25rpx; line-height: 20rpx; } /*我的商城*/ .transparent .header-r navigator ._sup { right: 14.0625rpx !important; top: 14.0625rpx !important; } .member-body .header-back { display: none; } .member-top { -webkit-animation: changeBg 20s infinite; animation: changeBg 20s infinite; background-color: #f30213; background-size: cover; text-align: center; width: 100%; height: 515.625rpx; position: relative; z-index: 1; } @-webkit-keyframes changeBg { 0% { background-color: #f30213; } 10% { background-color: #FB6E52; } 20% { background-color: #FFCE55; } 30% { background-color: #A0D468; } 40% { background-color: #48CFAE; } 50% { background-color: #4FC0E8; } 60% { background-color: #5D9CEC; } 70% { background-color: #AC92ED; } 80% { background-color: #EC87BF; } 90% { background-color: #f30213; } } @keyframes changeBg { 0% { background-color: #f30213; } 10% { background-color: #FB6E52; } 20% { background-color: #FFCE55; } 30% { background-color: #A0D468; } 40% { background-color: #48CFAE; } 50% { background-color: #4FC0E8; } 60% { background-color: #5D9CEC; } 70% { background-color: #AC92ED; } 80% { background-color: #EC87BF; } 90% { background-color: #f30213; } } .member-info { width: 562.5rpx; height: 281.25rpx; margin: -164.0625rpx 0 0 -281.25rpx; position: absolute; z-index: 1; top: 50%; left: 50%; animation: memberInfoDown 1000ms ease-in; -webkit-animation: memberInfoDown 1000ms ease-in; } .member-info .default-avatar { background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; width: 187.5rpx; height: 187.5rpx; margin: 0 auto; border-radius: 100%; } .member-info .to-login { font-size: 37.5rpx; color: #FFF; line-height: 46.875rpx; height: 46.875rpx; margin: 11.71875rpx auto; } .member-info .user-avatar { background-color: #FFF; width: 187.5rpx; height: 187.5rpx; margin: 0 auto; border-radius: 100%; } .member-info .user-avatar image { width: 100%; height: 100%; border-radius: 100%; } .member-info .user-name, .member-info .store-name { color: #FFF; } .member-info .user-name ._span, .member-info .store-name .span { font-weight: lighter; font-size: 37.5rpx; line-height: 56.25rpx; height: 56.25rpx; position: relative; z-index: 1; } .member-info .user-name ._sup, .member-info .store-name ._sup { font-size: 21.09375rpx; line-height: 28.125rpx; background-color: #f30213; display: block; height: 28.125rpx; padding: 0 4.6875rpx; margin-left: 9.375rpx; border-radius: 4.6875rpx; position: absolute; z-index: 1; top: 0; right: -42.1875rpx; box-shadow: 1rpx 1rpx 1rpx rgba(0, 0, 0, 0.15); } @keyframes memberInfoDown { 0% { top: -50%; } 30% { top: -10%; } 75% { top: 55%; } 85% { top: 47%; } 95% { top: 52%; } 100% { top: 50%; } } @-webkit-keyframes memberInfoDown { 0% { top: -50%; } 30% { top: -10%; } 75% { top: 55%; } 85% { top: 47%; } 95% { top: 52%; } 100% { top: 50%; } } .member-collect { font-size: 0; height: 140.625rpx; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000'); background: rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 0; right: 0; } .member-collect .span { display: inline-block; width: 33.33%; height: 93.75rpx; padding: 23.4375rpx 0; } .member-collect .span .a { display: block; } .member-collect .span .em { font-weight: lighter; font-size: 42.1875rpx; color: #FFF; line-height: 46.875rpx; text-align: center; vertical-align: top; display: inline-block; min-width: 46.875rpx; height: 46.875rpx; margin: 0 auto; } .member-collect .span .i { vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; margin: 0 auto; } .member-collect .span .i.favorite-goods, .member-collect .span .i.favorite-store { background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; } .member-collect .span .i.goods-browse { /* background-image: url(../images/goods-browse_w.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;*/ font-family: "zc" !important; font-size: 46.875rpx; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; } .member-collect .span .i.goods-browse:before { content: "\e662"; } .member-collect .span .p { font-size: 28.125rpx; line-height: 46.875rpx; color: #FFF; height: 46.875rpx; } .member-center .dl { background-color: #FFF; box-shadow: 0 1rpx 0 rgba(0, 0, 0, 0.05); } .member-center .dt { line-height: 42.1875rpx; display: block; height: 46.875rpx; padding: 23.4375rpx 32.8125rpx 23.4375rpx 0; margin-left: 23.4375rpx; border-bottom: solid 2.34375rpx #EEE; } .member-center .dt:last-child { border-bottom: none; } .member-center .dt .a { display: block; } .member-center .dt .h3 { font-size: 32.8125rpx; line-height: 46.875rpx; color: #111; vertical-align: top; display: inline-block; height: 46.875rpx; } .member-center .dt .h3 .i { vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; font-size: 46.875rpx; margin-right: 4.6875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; color: #212121; } .member-center .dt .h5 { font-size: 28.125rpx; color: #999; float: right; line-height: 46.875rpx; } .member-center .dt .h5 .i { display: inline-block; vertical-align: middle; font-size: 46.875rpx; margin-bottom: 4.6875rpx; /* background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%;*/ opacity: 0.4; } .member-center .dd { display: block; padding: 9.375rpx 0; } .member-center .dd .ul { font-size: 0; } .member-center .dd .ul .li { vertical-align: top; display: inline-block; text-align: center; width: 25%; padding: 23.4375rpx 0 9.375rpx 0; } .member-center .dd .ul .li .a { display: block; position: relative; } .member-center .dd .ul .li .a .em { background-color: #f30213; border-radius: 10rpx; position: absolute; top: -7.03125rpx; right: calc(50% - 28rpx); padding: 3rpx; color: #fff; line-height: 10rpx; font-size: 10rpx; /* top: -8rpx; right: calc(50% - 25rpx); border-radius: 10rpx;*/ } .member-center .dd .ul .li .i { vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; margin: 0 auto 9.375rpx auto; /*opacity: 0.6;*/ font-size: 46.875rpx; color: #888; } .member-center .dd .ul .li .p { font-size: 25.781250000000004rpx; color: #888; line-height: 46.875rpx; height: 46.875rpx; } .member-center .dd .ul .li .number { font-size: 46.875rpx; font-weight: bold; color: #06bf04; } /*每日签到*/ .my-pointnum { position: absolute; z-index: 1; top: 117.1875rpx; left: 37.5rpx; text-align: center; font-size: 25.781250000000004rpx; color: #FFF; line-height: 42.1875rpx; text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.15); } .my-pointnum .span { display: block; font-size: 32.8125rpx; font-weight: 600; color: #FF0; } .sign-box { position: absolute; z-index: 1; top: 50%; left: 50%; width: 187.5rpx; height: 187.5rpx; padding: 9.375rpx; margin: -93.75rpx auto auto -93.75rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; border-radius: 100%; } .sign-btn { width: 140.625rpx; height: 93.75rpx; padding: 28.125rpx 23.4375rpx 35.15625rpx 23.4375rpx; color: #f30213; } .sign-btn .h2 { font-size: 37.5rpx; line-height: 65.625rpx; font-weight: 500; } .sign-btn .h6 { font-size: 28.125rpx; line-height: 56.25rpx; border-top: solid 2.34375rpx #EEE; } .signin-help { position: absolute; z-index: 1; top: 117.1875rpx; right: 37.5rpx; text-align: center; font-size: 25.781250000000004rpx; color: #FFF; line-height: 42.1875rpx; text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.15); } .signin-help .i { border: solid 2.34375rpx #FFF; width: 32.8125rpx; height: 32.8125rpx; display: block; border-radius: 100%; line-height: 32.8125rpx; color: #FFF; font-weight: 600; margin: 4.6875rpx auto 0 auto; } .signin-list { display: block; } .signin-list .h3 { font-size: 32.8125rpx; line-height: 46.875rpx; padding: 18.75rpx; overflow: hidden; } .signin-list .h3 .a { float: right; font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #333; } .signin-c { font-size: 28.125rpx; line-height: 46.875rpx; } .signin-c .em { font-size: 46.875rpx; color: #f30213; margin: 0 23.4375rpx 0 9.375rpx; } .signin-c .span { color: #999; font-size: 25.781250000000004rpx; } /*订单搜索*/ .sstouch-order-search { height: 91.40625rpx; background-color: #FAFAFA; border-bottom: solid #EEE 2.34375rpx; } .sstouch-order-search .form { position: relative; z-index: 1; } .sstouch-order-search .input-del { position: absolute; z-index: 1; top: 23.4375rpx; left: 75%; display: none; width: 45.703125rpx; height: 45.703125rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4; } .sstouch-order-search .write .input-del { display: block; } .sstouch-order-search input[type="text"] { display: inline-block; width: 75%; height: 46.875rpx; padding: 11.71875rpx; margin: 11.71875rpx auto auto 35.15625rpx; border: none; border-radius: 9.375rpx; font-size: 28.125rpx; background-color: #EEE; line-height: 46.875rpx; } .sstouch-order-search input[type="button"] { display: inline-block; width: 46.875rpx; height: 46.875rpx; margin-left: 23.4375rpx; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.5; border: none; } /*订单列表*/ .sstouch-order-list { display: block; clear: both; width: 100%; padding-bottom: 117.1875rpx; } .sstouch-order-item { width: 95%; padding: 0 2.5%; background-color: #FFF; border-bottom: solid 2.34375rpx #EEE; margin-bottom: 12.890625000000002rpx; } .sstouch-order-item-head { height: 42.1875rpx; padding: 23.4375rpx 0; border-bottom: solid 2.34375rpx #EEE; line-height: 42.1875rpx; } .sstouch-order-item-head .store { display: block; float: left; font-size: 32.8125rpx; line-height: 42.1875rpx; color: #000; } .sstouch-order-item-head .store .i.icon { display: inline-block; width: 37.5rpx; height: 42.1875rpx; margin: 0 14.0625rpx 0 4.6875rpx; vertical-align: top; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .sstouch-order-item-head .store .i.arrow-r { width: 37.5rpx; height: 42.1875rpx; display: inline-block; vertical-align: top; font-size: 46.875rpx; color: #212121; opacity: 0.75; } .sstouch-order-item-head .state { dispaly: blcok; float: right; font-size: 28.125rpx; color: #f30213; } .sstouch-order-item-con .goods-block { position: relative; z-index: 1; border-bottom: solid #EEE 2.34375rpx; } .sstouch-order-item-con .goods-block:nth-last-child(1) { border: none; } .sstouch-order-item-con .goods-block.detail { height: 201.5625rpx; } .sstouch-order-item-con .goods-block .a { display: block; color: #111; } .sstouch-order-item-con .goods-pic { display: block; width: 131.25rpx; height: 131.25rpx; position: absolute; z-index: 1; top: 17.8125rpx; left: 0; } .sstouch-order-item-con .goods-pic image { width: 100%; height: 100%; } .sstouch-order-item-con .goods-info { display: block; height: 131.25rpx; padding: 17.8125rpx 0; margin: 0 187.5rpx 0 145.3125rpx; position: relative; z-index: 1; } .sstouch-order-item-con .goods-info .goods-name { overflow: hidden; height: 70.3125rpx; font-size: 26rpx; line-height: 35.15625rpx; margin-bottom: 4.6875rpx; color: #333; } .sstouch-order-item-con .goods-info .goods-type { overflow: hidden; height: 56.25rpx; font-size: 21.09375rpx; line-height: 28.125rpx; color: #999; } .sstouch-order-item-con .goods-subtotal { display: block; position: absolute; z-index: 1; top: 17.8125rpx; right: 0; width: 159.375rpx; text-align: right; overflow: hidden; } .sstouch-order-item-con .goods-subtotal .goods-price { display: block; color: #888; font-size: 25.781250000000004rpx; font-weight: 600; } .sstouch-order-item-con .goods-subtotal .goods-price .em { font-size: 28.125rpx; } .sstouch-order-item-con .goods-subtotal .goods-num { display: block; font-size: 25.781250000000004rpx; color: #888; font-weight: 600; } .sstouch-order-item-con .goods-return { position: absolute; z-index: 2; right: 0rpx; bottom: 18.75rpx; display: block; font-size: 28.125rpx; line-height: 56.25rpx; height: 56.25rpx; padding: 0 18.75rpx; border: solid 2.34375rpx #EEE; border-radius: 9.375rpx; color: #f30213 !important; background-color: #FFF; } .sstouch-order-item-con .goods-refund { position: absolute; z-index: 2; right: 103.12500000000001rpx; bottom: 18.75rpx; display: block; font-size: 28.125rpx; line-height: 56.25rpx; height: 56.25rpx; padding: 0 18.75rpx; border: solid 2.34375rpx #EEE; border-radius: 9.375rpx; color: #f30213 !important; background-color: #FFF; } .sstouch-order-item-con .goods-gift { display: block; clear: both; padding: 9.375rpx; margin: 18.75rpx 0 0; border: dashed 1rpx #EEE; background-color: #FCFCFC; } .sstouch-order-item-con .goods-gift .span { display: block; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; /* height: 0.9rem; */ border-bottom: solid 2.34375rpx #EEE; padding-bottom: 9.375rpx; margin-bottom: 9.375rpx; color: #212121; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sstouch-order-item-con .goods-gift .span:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .sstouch-order-item-con .goods-gift .span .em { display: inline-block; height: 23.4375rpx; vertical-align: middle; padding: 4.6875rpx 9.375rpx; margin-right: 9.375rpx; background: #BBB; font-size: 21.09375rpx; line-height: 23.4375rpx; color: #FFF; border-radius: 4.6875rpx; } .sstouch-order-item-con .goods-subtotle { padding: 18.75rpx 0; } .sstouch-order-item-con .goods-subtotle .dl { font-size: 25.781250000000004rpx; line-height: 42.1875rpx; overflow: hidden; margin-bottom: 4.6875rpx; } .sstouch-order-item-con .goods-subtotle .dt { float: left; color: #999; } .sstouch-order-item-con .goods-subtotle .dd { float: right; color: #000; text-align: right; } .sstouch-order-item-con .goods-subtotle .dd .span { display: block; width: 375rpx; height: 42.1875rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; color: #000; } .sstouch-order-item-con .goods-subtotle .dd .em { font-weight: 600; } .sstouch-order-item-con .goods-subtotle .dl.t { font-size: 28.125rpx; line-height: 46.875rpx; } .sstouch-order-item-con .goods-subtotle .dl.t .dt { color: #333; } .sstouch-order-item-con .goods-subtotle .dl.t .dd { color: #f30213; } .sstouch-order-item-con .goods-subtotle .dl.t .dd .em { font-size: 32.8125rpx; } /*订单商品图片*/ /*订单商品简介*/ .sstouch-order-item-bottom { font-size: 0; border-top: solid 2.34375rpx #EEE; padding: 23.4375rpx 0; } .sstouch-order-item-bottom .span { display: inline-block; height: 46.875rpx; width: 49%; } .sstouch-order-item-bottom .span:first-child { border-right: #DDD 2.34375rpx solid; } .sstouch-order-item-bottom .span .a { display: block; text-align: center; font-size: 32.8125rpx; line-height: 46.875rpx; color: #000; } .sstouch-order-item-bottom .span .a .i { display: inline-block; vertical-align: middle; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; opacity: 0.5; } .sstouch-order-item-footer { border-top: solid 2.34375rpx #EEE; margin-top: 18.75rpx; } .sstouch-order-item-footer .store-totle { min-height: 42.1875rpx; padding: 23.4375rpx 0; font-size: 0; text-align: right; border-bottom: solid 2.34375rpx #EEE; } .sstouch-order-item-footer .store-totle .span { vertical-align: middle; display: inline-block; font-size: 28.125rpx; line-height: 42.1875rpx; } .sstouch-order-item-footer .store-totle .sum { font-size: 25.781250000000004rpx; font-weight: 600; color: #f30213; margin: 0 7.03125rpx; } .sstouch-order-item-footer .store-totle .sum .em { font-size: 32.8125rpx; } .sstouch-order-item-footer .store-totle .freight { font-size: 21.09375rpx; color: #999; } .sstouch-order-item-footer .store-totle ._time { float: left; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; color: #BBB; } .sstouch-order-item-footer .store-totle .refund-sum { font-size: 28.125rpx; color: #000; line-height: 42.1875rpx; } .sstouch-order-item-footer .store-totle .refund-sum .em { color: #f30213; font-weight: 600; } .sstouch-order-item-footer .handle { position: relative; z-index: 1; text-align: right; height: 56.25rpx; padding: 18.75rpx 0; } .sstouch-order-item-footer .handle .del { position: absolute; z-index: 1; top: 18.75rpx; left: 0; display: block; height: 56.25rpx; font-size: 28.125rpx; line-height: 56.25rpx; color: #212121; } .sstouch-order-item-footer .handle .del .i { display: inline-block; vertical-align: top; width: 56.25rpx; height: 56.25rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.9; } .sstouch-order-item-footer .handle .p { position: absolute; z-index: 1; top: 18.75rpx; left: 0; display: block; font-size: 28.125rpx; line-height: 56.25rpx; color: #f30213; display: inline-block; } .check-payment ._em { font-size: 32.8125rpx; font-weight: 600; } /*订单详情*/ .sstouch-oredr-detail-block { position: relative; z-index: 1; display: block; padding: 18.75rpx 0; background: #FFF; border-bottom: solid 2.34375rpx #EEE; } .sstouch-oredr-detail-block .h3 { display: inline-block; vertical-align: top; height: 46.875rpx; margin-left: 18.75rpx; font-size: 32.8125rpx; line-height: 46.875rpx; color: #000; } .sstouch-oredr-detail-block .h3 .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.9; } .sstouch-oredr-detail-block .order-state { float: right; height: 46.875rpx; margin-right: 23.4375rpx; font-size: 28.125rpx; color: #f30213; line-height: 46.875rpx; } .sstouch-oredr-detail-block .msg-phone { display: inline-block; vertical-align: top; font-size: 28.125rpx; font-weight: 600; line-height: 46.875rpx; color: #000; height: 46.875rpx; margin-left: 9.375rpx; } .sstouch-oredr-detail-block .msg-again { position: absolute; z-index: 1; top: 9.375rpx; right: 23.4375rpx; background: #F5F5F5; font-size: 28.125rpx; line-height: 46.875rpx; padding: 9.375rpx 14.0625rpx; color: #333; border: solid #EEE 2.34375rpx; border-radius: 9.375rpx; } .sstouch-oredr-detail-block .info { margin-left: 75rpx; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; } .sstouch-oredr-detail-block .i.icon-arrow { position: absolute; z-index: 1; top: 50%; right: 23.4375rpx; display: block; font-size: 46.875rpx; margin-bottom: 4.6875rpx; /* background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;*/ opacity: 0.5; } .sstouch-oredr-detail-add { position: relative; z-index: 1; width: 100%; } .sstouch-oredr-detail-add .i.icon-add { position: absolute; z-index: 1; top: 0rpx; left: 18.75rpx; display: block; width: 46.875rpx; height: 46.875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .sstouch-oredr-detail-add .dl { margin: 0 0 0 75rpx; padding: 0 23.4375rpx 0 0; } .sstouch-oredr-detail-add .dt { display: block; height: 46.875rpx; font-size: 32.8125rpx; line-height: 46.875rpx; } .sstouch-oredr-detail-add .dt .span { margin-left: 14.0625rpx; font-weight: 600; } .sstouch-oredr-detail-add .dd { display: block; min-height: 42.1875rpx; max-height: 75rpx; font-size: 28.125rpx; line-height: 42.1875rpx; } /*虚拟订单码列表*/ .sstouch-vr-order-codes { background-color: #FFF; margin-top: 23.4375rpx; border-top: solid 2.34375rpx #EEE; } .sstouch-vr-order-codes .tit { display: block; overflow: hidden; height: 46.875rpx; padding: 18.75rpx; } .sstouch-vr-order-codes .tit .h3 { float: left; font-size: 32.8125rpx; line-height: 46.875rpx; } .sstouch-vr-order-codes .tit .h3 .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9; } .sstouch-vr-order-codes .tit .span { float: right; text-align: right; width: 60%; height: 46.875rpx; overflow: hidden; font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #333; } .sstouch-vr-order-codes .ul { border-top: solid #EEE 2.34375rpx; padding-left: 23.4375rpx; } .sstouch-vr-order-codes .li { display: block; height: 46.875rpx; padding: 18.75rpx 9.375rpx; font-size: 37.5rpx; line-height: 46.875rpx; color: #36BC9B; border-bottom: solid #EEE 2.34375rpx; } .sstouch-vr-order-codes .li .em { font-size: 25.781250000000004rpx; line-height: 28.125rpx; display: inline-block; vertical-align: top; color: #FFF; background: #36BC9B; padding: 2.34375rpx 7.03125rpx; border-radius: 7.03125rpx; margin: 4.6875rpx 23.4375rpx; } .sstouch-vr-order-codes .li.lose { color: #AAA; text-decoration: line-through; } .sstouch-vr-order-codes .li.lose .em { background-color: #BBB; } /*虚拟订单店铺信息*/ .sstouch-vr-order-location { background-color: #FFF; margin-top: 23.4375rpx; border-top: solid 2.34375rpx #EEE; } .sstouch-vr-order-location .tit { display: block; overflow: hidden; height: 46.875rpx; padding: 18.75rpx; } .sstouch-vr-order-location .tit .h3 { float: left; font-size: 32.8125rpx; line-height: 46.875rpx; } .sstouch-vr-order-location .tit .h3 .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9; } .sstouch-vr-order-location .default { margin-left: 23.4375rpx; border-top: solid #EEE 2.34375rpx; position: relative; z-index: 1; } .sstouch-vr-order-location .default .dl { padding: 37.5rpx 0; } .sstouch-vr-order-location .default .dt { display: block; font-size: 32.8125rpx; line-height: 42.1875rpx; font-weight: 600; } .sstouch-vr-order-location .default .dd { display: block; font-size: 28.125rpx; line-height: 42.1875rpx; color: #999; } .sstouch-vr-order-location .default .p { position: absolute; z-index: 1; right: 23.4375rpx; top: 23.4375rpx; border-left: solid 2.34375rpx #EEE; padding-left: 23.4375rpx; } .sstouch-vr-order-location .default .p .a { display: block; width: 93.75rpx; height: 93.75rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.65; } .sstouch-vr-order-location .more-location { border-top: solid #EEE 2.34375rpx; font-size: 28.125rpx; line-height: 42.1875rpx; padding: 23.4375rpx; position: relative; } .sstouch-vr-order-location .more-location .a { display: block; color: #f30213; font-weight: 600; } .sstouch-vr-order-location .more-location .i { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; font-size: 46.875rpx; margin-bottom: 4.6875rpx; /* background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 78%;*/ opacity: 0.65; } .transparent-map { background-color: transparent; border-bottom: none; } .transparent-map .header-l .a { width: 63.28125000000001rpx; height: 63.28125000000001rpx; margin: 13.007812500000002rpx; padding: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFFFFFFF', endColorstr='#BFFFFFFF'); background: rgba(255, 255, 255, 0.75); border: solid 2.34375rpx #EEE; border-radius: 100%; } .transparent-map .header-l .a .i.back { width: 60%; height: 60%; color: #f30213; font-size: 56.25rpx; /* background-image: url(../images/arrow_left_r.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;*/ opacity: 1; } /* 虚拟码再次发送 */ .msg-again-layout { text-align: center; display: block; padding: 23.4375rpx 0; } .msg-again-layout .h4 { font-size: 30.46875rpx; line-height: 42.1875rpx; color: #000; } .msg-again-layout .h5 { font-size: 25.781250000000004rpx; line-height: 42.1875rpx; color: #212121; margin-bottom: 46.875rpx; } .msg-again-layout .inp-tel { display: block; width: 80%; height: 56.25rpx; padding: 9.375rpx; margin: 4.6875rpx auto 0 auto; border: solid #f30213 2.34375rpx; border-radius: 9.375rpx; font-size: 37.5rpx; text-align: center; line-height: 56.25rpx; background-color: #FEF6F7; color: #000; } .rpt_error_tip { font-size: 28.125rpx; color: #f30213 !important; display: none; text-align: center; } .sstouch-oredr-detail-block .order-log { padding: 0 23.4375rpx; } .sstouch-oredr-detail-block .order-log .li { display: block; font-size: 28.125rpx; line-height: 42.1875rpx; color: #999; } .sstouch-oredr-detail-bottom { position: fixed; z-index: 1; top: auto; left: 0; right: 0; bottom: 0; display: block; height: 93.75rpx; text-align: right; background-color: rgba(255, 255, 255, 0.85); border-top: solid 2.34375rpx #EEE; } .sstouch-oredr-detail-bottom .a.btn { display: inline-block; height: 56.25rpx; padding: 0 18.75rpx; margin: 16.40625rpx 18.75rpx 0 0; line-height: 56.25rpx; } .sstouch-oredr-detail-bottom .p { font-size: 32.8125rpx; line-height: 93.75rpx; color: #f30213; margin-right: 23.4375rpx; } .sstouch-oredr-detail-delivery { position: relative; z-index: 1; display: block; padding: 18.75rpx; background-color: #FAFAFA; border-bottom: solid 1.171875rpx #DDD; } .sstouch-oredr-detail-delivery .time-line { position: absolute; top: 28.125rpx; left: 37.5rpx; bottom: 18.75rpx; z-index: auto; border-left: dotted #36BC9B 1rpx; } .sstouch-oredr-detail-delivery .time-line .i { position: absolute; top: -7.5rpx; left: -17.8125rpx; display: block; width: 15.937500000000002rpx; height: 15.937500000000002rpx; background-color: #36BC9B; border: solid 9.375rpx #A3E7D6; border-radius: 100%; } .sstouch-oredr-detail-delivery .info { margin: 0 46.875rpx 0 56.25rpx; min-height: 75rpx; } .sstouch-oredr-detail-delivery .info .p { font-size: 32.8125rpx; line-height: 42.1875rpx; color: #000; } .sstouch-oredr-detail-delivery .info ._time { font-size: 28.125rpx; line-height: 42.1875rpx; color: #777; } .sstouch-oredr-detail-delivery .arrow-r { position: absolute; z-index: 1; top: 42.1875rpx; right: 23.4375rpx; display: block; width: 37.5rpx; height: 42.1875rpx; font-size: 46.875rpx; color: #212121; opacity: 0.65; } /*订单物流*/ .sstouch-order-deivery-info { background: #FFF; position: relative; z-index: 1; } .sstouch-order-deivery-info .i { position: absolute; z-index: 1; top: 37.5rpx; left: 28.125rpx; width: 46.875rpx; height: 46.875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.7; } .sstouch-order-deivery-info .dl { height: 84.375rpx; margin-left: 117.1875rpx; padding: 23.4375rpx 0; } .sstouch-order-deivery-info .dt { font-size: 32.8125rpx; line-height: 46.875rpx; color: #333; } .sstouch-order-deivery-info .dd { font-size: 28.125rpx; line-height: 42.1875rpx; color: #212121; } .sstouch-order-deivery-con { background-color: #FFF; margin-top: 11.71875rpx; } .sstouch-order-deivery-con .ul { padding: 0 2.5%; overflow: hidden; } .sstouch-order-deivery-con .ul .li { position: relative; z-index: 1; border-bottom: solid #EEE 2.34375rpx; margin-left: 93.75rpx; padding: 23.4375rpx 11.71875rpx; font-size: 28.125rpx; line-height: 42.1875rpx; color: #666; } .sstouch-order-deivery-con .ul .li:nth-child(1) { color: #36BC9B; } .sstouch-order-deivery-con .ul .li:nth-last-child(1) { border: none; } .sstouch-order-deivery-con .ul .li:nth-last-child(1) .span { border: none; } .sstouch-order-deivery-con .ul .li .span { position: absolute; z-index: auto; left: -58.59375rpx; top: 35.15625rpx; rgiht: -4.6875rpx; bottom: -46.875rpx; border-left: dotted 1rpx #CCC; } .sstouch-order-deivery-con .ul .li .span .i { position: absolute; z-index: 1; top: 0; left: -9.375rpx; width: 15.937500000000002rpx; height: 15.937500000000002rpx; border-radius: 100%; background-color: #CCC; } .sstouch-order-deivery-con .ul .li:nth-child(1) .span { border-color: #36BC9B; } .sstouch-order-deivery-con .ul .li:nth-child(1) .span .i { width: 15.937500000000002rpx; height: 15.937500000000002rpx; top: -2.8125rpx; left: -18.75rpx; background: #36BC9B; border: solid 9.375rpx #A3E7D6; } .sstouch-delivery-tip { font-size: 21.09375rpx; line-height: 32.8125rpx; color: #999; text-align: center; width: 60%; margin: 11.71875rpx auto 0 auto; } /*订单评价*/ .sstouch-evaluation-goods .li { width: 95%; padding: 18.75rpx 2.5%; background-color: #FFF; border-bottom: solid 2.34375rpx #EEE; margin-bottom: 12.890625000000002rpx; } .evaluation-info { position: relative; z-index: 1; display: block; } .evaluation-info .goods-pic { display: block; width: 131.25rpx; height: 131.25rpx; position: absolute; z-index: 1; top: 17.8125rpx; left: 0; } .evaluation-info .goods-pic image { width: 100%; height: 100%; } .evaluation-info .goods-info { display: block; min-height: 131.25rpx; padding: 17.8125rpx 0; margin: 0 0 0 145.3125rpx; position: relative; z-index: 1; } .evaluation-info .goods-info .goods-name { overflow: hidden; height: 75rpx; font-size: 26rpx; line-height: 42.1875rpx; margin-bottom: 18.75rpx; color: #333; } .evaluation-info .goods-info .goods-rate { display: block; min-height: 42.1875rpx; font-size: 25.781250000000004rpx; color: #212121; line-height: 42.1875rpx; } .evaluation-info .star-level { display: inline-block; vertical-align: top; font-weight: 0; margin-left: 9.375rpx; } .evaluation-info .star-level .i { display: inline-block; vertical-align: top; width: 35.15625rpx; height: 35.15625rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; } .evaluation-info .star-level .i.star-level-hollow { opacity: 0.3; } .evaluation-inp-block { position: relative; z-index: 1; display: block; margin: 0 0 18.75rpx 0; } .evaluation-inp-block input[type="text"] { display: block; width: 80%; height: 75rpx; padding: 9.375rpx; background-color: #F5F5F5; border: none; border-radius: 9.375rpx; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; resize: none; } .evaluation-inp-block label { position: absolute; z-index: 1; top: 0; right: 9.375rpx; display: block; width: 93.75rpx; text-align: center; } .evaluation-inp-block label input[type="checkbox"] { margin: 0 auto; } .evaluation-inp-block label .p { display: block; height: 42.1875rpx; font-size: 25.781250000000004rpx; color: #212121; line-height: 42.1875rpx; } .evaluation-upload-block { font-size: 0; } .evaluation-upload-block .tit { display: inline-block; vertical-align: top; width: 70.3125rpx; height: 79.6875rpx; padding: 14.0625rpx 14.0625rpx 0 0; } .evaluation-upload-block .tit .i { display: block; width: 100%; height: 42.1875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.15; } .evaluation-upload-block .tit .p { display: block; width: 100%; height: 42.1875rpx; text-align: center; color: #BBB; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; } .evaluation-upload-block .sstouch-upload { margin-right: 14.0625rpx; } .sstouch-evaluation-store { background-color: #FFF; padding: 23.4375rpx; } .sstouch-evaluation-store .dl { position: relative; z-index: 1; display: block; height: 75rpx; } .sstouch-evaluation-store .dt { position: absolute; z-index: 1; top: 18.75rpx; left: 93.75rpx; display: block; width: 140.625rpx; height: 42.1875rpx; font-size: 32.8125rpx; line-height: 42.1875rpx; } .sstouch-evaluation-store .dd { display: block; margin: 0 0 0 281.25rpx; padding-top: 18.75rpx; height: 42.1875rpx; } .sstouch-evaluation-store .star-level { display: inline-block; vertical-align: top; font-weight: 0; margin-left: 9.375rpx; } .sstouch-evaluation-store .star-level .i { display: inline-block; vertical-align: top; width: 37.5rpx; height: 42.1875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 95%; } .sstouch-evaluation-store .star-level .i.star-level-hollow { opacity: 0.3; } /*我的收货地址*/ .sstouch-address-list .li { background-color: #FFF; padding: 0 0 0 23.4375rpx; margin-bottom: 23.4375rpx; } .sstouch-address-list .li .dl { border-bottom: solid 2.34375rpx #EEE; padding: 23.4375rpx 23.4375rpx 23.4375rpx 0; } .sstouch-address-list .li .dt { height: 42.1875rpx; margin-bottom: 14.0625rpx; font-size: 0; } .sstouch-address-list .li .dt .span { display: inline-block; vertical-align: top; line-height: 42.1875rpx; height: 42.1875rpx; } .sstouch-address-list .li .dt .span.name { min-width: 187.5rpx; font-size: 32.8125rpx; font-weight: 600; color: #999; } .sstouch-address-list .li .dt .span.phone { font-size: 28.125rpx; color: #333; } .sstouch-address-list .li .dd { height: 60.9375rpx; font-size: 28.125rpx; line-height: 30.46875rpx; color: #777; } .sstouch-address-list .li .handle { height: 42.1875rpx; padding: 23.4375rpx 0; position: relative; z-index: 1; font-size: 28.125rpx; line-height: 42.1875rpx; color: #999; } .sstouch-address-list .li .handle .span { display: block; height: 42.1875rpx; position: absolute; z-index: 1; top: 23.4375rpx; right: 0; } .sstouch-address-list .li .handle .span .a { font-size: 28.125rpx; color: #999; margin-right: 23.4375rpx; } .sstouch-address-list .li .handle .span .a .i { display: inline-block; width: 37.5rpx; height: 42.1875rpx; vertical-align: top; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; margin-right: 4.6875rpx; margin-top: 2.34375rpx; } .sstouch-address-list .li .handle .span .a .i.del, .sstouch-address-list .li .handle .span .a .i.edit { font-size: 32.8125rpx; line-height: 32.8125rpx; } /* 触屏版用户账户资产简介 */ .sstouch-asset-info { display: block; } .sstouch-asset-info .container { position: relative; z-index: 1; height: 140.625rpx; } .sstouch-asset-info .container.pre { background: #f30213; } .sstouch-asset-info .container.voucher { background: #FB6E52; } .sstouch-asset-info .container.point { background: #F6BB43; } .sstouch-asset-info .container.rcard { background: #EC87BF; } .sstouch-asset-info .container.packet { background: #AC92ED; } .sstouch-asset-info .container .icon { position: absolute; z-index: 1; top: 0; left: 70.3125rpx; display: block; width: 140.625rpx; height: 140.625rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; opacity: 0.3; -webkit-transform: rotate(-25deg); transform: rotate(25deg); } .sstouch-asset-info .container .dl { margin: 0 23.4375rpx 0 234.375rpx; padding: 23.4375rpx 0; text-align: right; } .sstouch-asset-info .container .dt { font-size: 28.125rpx; line-height: 42.1875rpx; color: #FFF; height: 42.1875rpx; margin-bottom: 9.375rpx; } .sstouch-asset-info .container .dd { font-size: 28.125rpx; line-height: 46.875rpx; color: #FFF; height: 46.875rpx; } .sstouch-asset-info .container .dd .em { font-size: 46.875rpx; } .sstouch-asset-info .container .rule .dt { font-size: 32.8125rpx; margin-bottom: 9.375rpx; height: auto; } .sstouch-asset-info .container .rule .dd { font-size: 23.4375rpx; line-height: 31.875000000000004rpx; height: auto; } /* 触屏版资产日志形列表 */ .sstouch-log-list { padding-left: 23.4375rpx; background-color: #FFF; } .sstouch-log-list .li { position: relative; z-index: 1; display: block; padding: 23.4375rpx 0; border-bottom: solid 2.34375rpx #EEE; } .sstouch-log-list .li .detail { min-height: 84.375rpx; margin: 0 50% 0 0; font-size: 25.781250000000004rpx; word-wrap: break-word; line-height: 42.1875rpx; color: #999; } .sstouch-log-list .li .money { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; height: 42.1875rpx; font-weight: 32.8125rpx; line-height: 42.1875rpx; } .sstouch-log-list.tx .money { right: 70.3125rpx; } .sstouch-log-list .li .money.add { color: #f30213; } .sstouch-log-list .li .money.reduce { color: #36BC9B; } .sstouch-log-list .li .date { position: absolute; z-index: 1; bottom: 18.75rpx; right: 23.4375rpx; height: 42.1875rpx; font-size: 23.4375rpx; line-height: 42.1875rpx; color: #999; } .sstouch-log-list.tx .date { right: 70.3125rpx; } .sstouch-log-list .li .dt { font-size: 23.4375rpx; line-height: 46.875rpx; font-weight: 600; color: #333; height: 46.875rpx; margin-bottom: 9.375rpx; } .sstouch-log-list .li .dt .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 4.6875rpx; background-repeat: no-repeat; background-position: 50% 50%; background-size: 65%; opacity: 0.4; } .sstouch-log-list .li .dt .span { font-size: 25.781250000000004rpx; color: #4FC0E8; } .sstouch-log-list .li .dd { font-size: 25.781250000000004rpx; line-height: 30.46875rpx; color: #777; } .sstouch-log-list .li .arrow-r { position: absolute; z-index: 2; top: 50%; right: 18.75rpx; display: block; width: 37.5rpx; height: 42.1875rpx; margin-top: -23.4375rpx; font-size: 46.875rpx; color: #212121; opacity: 0.3; } /* 触屏版代金卡券列表 */ .sstouch-tickets { display: block; padding: 23.4375rpx 23.4375rpx 0 23.4375rpx; } .sstouch-tickets .ticket-item { position: relative; z-index: 1; display: block; margin-bottom: 23.4375rpx; } .sstouch-tickets .ticket-item .border-left { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; display: block; width: 9.375rpx; background-repeat: repeat-y; background-position: 0 50%; background-size: 89%; } .sstouch-tickets .ticket-item .border-right { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; display: block; width: 9.375rpx; background-repeat: repeat-y; background-position: 0 50%; background-size: 89%; } .sstouch-tickets .ticket-item .block-center { display: block; height: 140.625rpx; margin: 0 9.375rpx; background: #FFF; font-size: 0; box-shadow: 0 2.34375rpx 2.34375rpx rgba(0, 0, 0, 0.1); } .sstouch-tickets .ticket-item .store-info { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 65%; height: 140.625rpx; } .sstouch-tickets .ticket-item .store-avatar { position: absolute; z-index: 1; top: 23.4375rpx; left: 23.4375rpx; width: 93.75rpx; height: 93.75rpx; background: #FFF; } .sstouch-tickets .ticket-item .store-avatar image { width: 100%; height: 100%; } .sstouch-tickets .ticket-item .store-info .dl { padding: 23.4375rpx 0 23.4375rpx 140.625rpx; } .sstouch-tickets .ticket-item .store-info .dt { font-size: 28.125rpx; line-height: 46.875rpx; color: #212121; } .sstouch-tickets .ticket-item .store-info .dd { /*font-size: 0.55rem;*/ font-size: 12rpx; line-height: 46.875rpx; color: #212121; } .sstouch-tickets .ticket-item .ticket-info { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 35%; height: 140.625rpx; } .sstouch-tickets .normal .ticket-info { background-color: #f30213; } .sstouch-tickets .invalid .ticket-info { background-color: #AAB2BD; } .sstouch-tickets .ticket-item .bg-ico { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.15; } .sstouch-tickets .invalid .watermark { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: 60% 50%; background-size: 50%; opacity: 0.50; } .sstouch-tickets .ticket-item .ticket-info .dl { position: absolute; z-index: 2; right: 23.4375rpx; bottom: 23.4375rpx; display: block; text-align: right; height: 84.375rpx; } .sstouch-tickets .ticket-item .ticket-info .dt { font-size: 46.875rpx; line-height: 56.25rpx; color: #FFF; } .sstouch-tickets .ticket-item .ticket-info .dd { font-size: 23.4375rpx; line-height: 28.125rpx; color: #FFF; } .spacing-div { position: relative; z-index: 1; display: block; height: 46.875rpx; margin: -23.4375rpx 23.4375rpx 46.875rpx 23.4375rpx; border-bottom: solid #CCC 2.34375rpx; } .spacing-div .span { position: absolute; z-index: 1; bottom: -14.0625rpx; left: 50%; display: block; width: 234.375rpx; margin-left: -117.1875rpx; text-align: center; font-size: 25.781250000000004rpx; line-height: 28.125rpx; height: 28.125rpx; background-color: #F5F5F5; color: #212121; } /*用户反馈*/ .feedback textarea { background-color: #FFF; width: 90%; height: 187.5rpx; padding: 23.4375rpx 2.5%; margin: 23.4375rpx 2.5%; border: none; font-size: 28.125rpx; line-height: 42.1875rpx; } /*返利A*/ .invitea { position: absolute; z-index: 1; margin: 23.4375rpx 2.5%; border: none; font-size: 28.125rpx; line-height: 42.1875rpx; } /* ================================ */ /* 触屏版常用层与动作等样式 */ /* ================================ */ /* Author: qianyistore */ /* Support Site: www.qianyistore.com */ /* Retrofit Date: Aug-08-2016 */ /* ================================ */ .sstouch-search-layout { margin-top: 93.75rpx; } .sstouch-search-layout .dl { padding: 37.5rpx 23.4375rpx 23.4375rpx; text-align: left; } .sstouch-search-layout .dt { font-size: 32.8125rpx; line-height: 46.875rpx; color: #111; margin-bottom: 18.75rpx; } .sstouch-search-layout view { font-size: 0; display: block; display: inline-block; background-color: #FFF; border: solid 2.34375rpx #EEE; margin: 0 18.75rpx 18.75rpx 0; } .sstouch-search-layout view .a { display: block; padding: 9.375rpx 23.4375rpx; font-size: 28.125rpx; line-height: 46.875rpx; color: #555; } .sstouch-search-layout .hot-keyword view { border-radius: 35.15625rpx; } .sstouch-search-layout .a.clear-history { display: inline-block; width: 79%; height: 90.9375rpx; text-align: center; margin: 70.3125rpx 10% 0 10%; background-color: #EEE; border-radius: 9.375rpx; font-size: 32.8125rpx; line-height: 90.9375rpx; color: #555; } /*页内全屏遮罩层*/ .sstouch-full-mask { position: fixed; z-index: 19; top: 0; bottom: 0; } .sstouch-full-mask-bg { display: block; position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); } .sstouch-full-mask-block { display: block; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; background: #f4f4f4; box-shadow: -11.71875rpx 0 9.375rpx rgba(0, 0, 0, 0.2); } .sstouch-full-mask.left { display: block; left: 0; right: 0; animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation: optionBlockLeft 0.3s ease-in-out; } .sstouch-full-mask.right { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation: optionBlockRight 0.5s ease-in-out; } @keyframes optionBlockLeft { from { display: none; left: 100%; right: -100%; } to { display: block; left: 0; right: 0; } } @-webkit-keyframes optionBlockLeft { from { display: none; left: 100%; right: -100%; } to { display: block; left: 0; right: 0; } } @keyframes optionBlockRight { from { display: block; left: 0; right: 0; } to { display: none; left: 110%; right: -110%; } } @-webkit-keyframes optionBlockRight { from { display: block; left: 0; right: 0; } to { display: none; left: 110%; right: -110%; } } /*页内下部滑入遮罩*/ .sstouch-bottom-mask { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: block; } .sstouch-bottom-mask-bg { display: block; position: absolute; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); } .sstouch-bottom-mask-block { display: block; position: absolute; z-index: 22; bottom: 0; left: 0; right: 0; min-height: 562.5rpx; background: #FFF; } .sstouch-bottom-mask.up { display: block; bottom: 0; animation: optionBlockUp 0.5s ease-in-out; -webkit-animation: optionBlockUp 0.5s ease-in-out; } .sstouch-bottom-mask.down { animation: optionBlockDown 0.5s ease-in-out; -webkit-animation: optionBlockDown 0.5s ease-in-out; } @keyframes optionBlockUp { from { display: none; bottom: -100%; } to { display: block; bottom: 0; } } @-webkit-keyframes optionBlockUp { from { display: none; bottom: -100%; } to { display: block; bottom: 0; } } @keyframes optionBlockDown { from { display: block; bottom: 0; } to { display: none; bottom: -100%; } } @-webkit-keyframes optionBlockDown { from { display: block; bottom: 0; opacity: 1; } to { display: none; bottom: -100%; opacity: 0; } } .sstouch-bottom-mask-tip { position: absolute; z-index: 1; top: -56.25rpx; left: 0; right: 0; text-align: center; font-size: 28.125rpx; font-weight: 600; line-height: 42.1875rpx; color: #FFF; text-shadow: 0 0 23.4375rpx rgba(0, 0, 0, 0.5); } .sstouch-bottom-mask-tip .i { background-image: url(https://test.lancerdt.com/wap/images/back_down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%; width: 37.5rpx; height: 42.1875rpx; display: inline-block; vertical-align: top; margin-right: 4.6875rpx; } .sstouch-bottom-mask-top { position: relative; z-index: 1; display: block; padding: 23.4375rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-bottom-mask-close { position: absolute; z-index: 1; top: -28.125rpx; right: 0; background: #FFF; width: 42.1875rpx; height: 42.1875rpx; padding: 7.03125rpx; border-radius: 100%; } .sstouch-bottom-mask-close .i { display: block; width: 100%; height: 100%; background-image: url(https://test.lancerdt.com/wap/images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 23.4375rpx; } .sstouch-bottom-mask-rolling { min-height: 89.0625rpx; max-height: 562.5rpx; overflow: hidden; position: relative; z-index: 1; } /*页内大图显示*/ .sstouch-bigimg-layout { display: block; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); } .sstouch-bigimg-layout .close { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; width: 56.25rpx; height: 56.25rpx; background-color: #FFF; background-image: url(https://test.lancerdt.com/wap/images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; border-radius: 100%; opacity: 0.5; } .sstouch-bigimg-layout .pic-box { margin: 25% auto 0 auto; overflow: hidden; position: relative; width: 750rpx; z-index: 1; } .sstouch-bigimg-layout .pic-box view { font-size: 0; overflow: hidden; position: relative; white-space: nowrap; display: inline-block; position: relative; width: 750rpx; height: 750rpx; text-align: center; z-index: auto; padding: 0 !important; margin: 0 !important; background-color: transparent !important; background-repeat: no-repeat; background-position: center center; background-size: contain; } .sstouch-bigimg-turn { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center; } .sstouch-bigimg-turn view { font-size: 0; margin: 0 auto; white-space: nowrap; display: block; width: 100%; } .sstouch-bigimg-turn view view { display: inline-block; min-width: 19%; max-width: 99%; margin: 0 1% 0 0 !important; height: 11.71875rpx; padding: 0 !important; background: rgba(255, 255, 255, 0.75); } .sstouch-bigimg-turn view view.cur { background-color: #f30213; } /*选择型按钮*/ .sstouch-sel-box { display: block; background: #FFF; padding: 0 37.5rpx; } .sstouch-sel-box .tit { display: block; padding: 23.4375rpx 0; font-size: 32.8125rpx; line-height: 42.1875rpx; } .sstouch-sel-box .sel-con { padding: 0 0 23.4375rpx 0; } .sstouch-sel-box .sel-con .a { display: inline-block; height: 42.1875rpx; padding: 11.71875rpx 23.4375rpx; margin: 14.0625rpx 14.0625rpx 0 0; font-size: 25.781250000000004rpx; color: #212121; line-height: 42.1875rpx; background: #FFF; border: solid 2.34375rpx #BBB; border-radius: 7.03125rpx; } .sstouch-sel-box .sel-con .a.sel { padding: 13.125000000000002rpx 24.84375rpx; color: #FFF; background: #f30213; border: none; } .sstouch-sel-list { background-color: #FFF; margin-top: 23.4375rpx; } .sstouch-sel-list label { position: relative; z-index: 1; display: block; height: 42.1875rpx; padding: 23.4375rpx 0; margin: 0 23.4375rpx; font-size: 28.125rpx; line-height: 42.1875rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-sel-list label input[type="radio"] { display: none; } .sstouch-sel-list label .i { position: relative; display: inline-block; width: 35.15625rpx; height: 35.15625rpx; margin-right: 9.375rpx; background-color: #f4f4f4; border: 2.34375rpx solid #CCC; border-radius: 50%; vertical-align: middle; } .sstouch-sel-list label.checked .i { border-color: #f30213; background-color: #f30213; } .sstouch-sel-list label.checked .i:after { content: ''; position: absolute; left: 4.6875rpx; top: 8.203125rpx; width: 18.75rpx; height: 9.375rpx; border-left: 3.046875rpx solid #fff; border-bottom: 3.046875rpx solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sstouch-sel-list .a.del-invoice { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; display: block; width: 37.5rpx; height: 42.1875rpx; background-image: url(https://test.lancerdt.com/wap/images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .sstouch-inp-con .input-box.btn-style label { display: inline-block !important; height: 42.1875rpx !important; padding: 11.71875rpx 23.4375rpx !important; margin: 14.0625rpx 14.0625rpx 0 0 !important; font-size: 25.781250000000004rpx !important; color: #212121 !important; line-height: 42.1875rpx !important; background: #FFF !important; border: solid 2.34375rpx #BBB !important; border-radius: 7.03125rpx !important; width: auto; } .sstouch-inp-con .input-box.btn-style label.checked { padding: 13.125000000000002rpx 24.84375rpx !important; color: #FFF !important; background: #f30213 !important; border: none !important; } .sstouch-inp-con .input-box label input[type="radio"] { display: none; } /*店铺优惠券*/ .store-voucher { font-size: 32.8125rpx; } .store-voucher .i.icon-store { display: inline-block; width: 37.5rpx; height: 42.1875rpx; margin-right: 9.375rpx; vertical-align: middle; background: url(https://test.lancerdt.com/wap/images/store_b.png) no-repeat 50% 50%; background-size: 90%; opacity: 0.8; } .sstouch-voucher-list { margin-left: 23.4375rpx; } .sstouch-voucher-list view { position: relative; z-index: 1; background-color: #FFF; border-top: solid #EEE 2.34375rpx; padding: 23.4375rpx 23.4375rpx 23.4375rpx 0; } .sstouch-voucher-list .dl { margin: 0 140.625rpx 0 0; } .sstouch-voucher-list .dt { font-size: 25.781250000000004rpx; color: #f30213; line-height: 56.25rpx; } .sstouch-voucher-list .dt .em { font-size: 56.25rpx; margin: 0 4.6875rpx; } .sstouch-voucher-list .dd.need { font-size: 25.781250000000004rpx; line-height: 28.125rpx; color: #333; } .sstouch-voucher-list .dd.time { font-size: 21.09375rpx; line-height: 28.125rpx; color: #212121; } .sstouch-voucher-list .a { position: absolute; z-index: 1; top: 46.875rpx; right: 46.875rpx; } /*020店铺地址*/ .sstouch-o2o-tip { padding: 0 23.4375rpx; font-size: 32.8125rpx; line-height: 84.375rpx; display: block; } .sstouch-o2o-tip .a { font-weight: 600; color: #000; display: block; position: relative; } .sstouch-o2o-tip .a .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin: 14.0625rpx 9.375rpx 0 0; background-image: url(https://test.lancerdt.com/wap/images/mc_03.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 1; } .sstouch-o2o-tip .a view { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; width: 37.5rpx; height: 42.1875rpx; font-size: 46.875rpx; /* background-image: url(https://test.lancerdt.com/wap/images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 78%;*/ opacity: 0.5; } .sstouch-o2o-list { background: #FFF; } .sstouch-o2o-list view { position: relative; padding: 23.4375rpx 0 23.4375rpx 23.4375rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-o2o-list .dl { margin-right: 140.625rpx; } .sstouch-o2o-list .dl .a { display: block; } .sstouch-o2o-list .dt { display: block; font-size: 32.8125rpx; line-height: 46.875rpx; font-weight: 600; color: #000; } .sstouch-o2o-list .dt view { display: inline-block; vertical-align: top; line-height: 46.875rpx; font-size: 28.125rpx; color: #AC92ED; } .sstouch-o2o-list .dt view .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-image: url(https://test.lancerdt.com/wap/images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9; } .sstouch-o2o-list .dd { display: block; font-size: 28.125rpx; line-height: 46.875rpx; color: #555; } .sstouch-o2o-list .tel { position: absolute; z-index: 1; right: 23.4375rpx; top: 23.4375rpx; border-left: solid 2.34375rpx #EEE; padding-left: 23.4375rpx; } .sstouch-o2o-list .tel .a { display: block; width: 93.75rpx; height: 93.75rpx; background-image: url(https://test.lancerdt.com/wap/images/tel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.65; } .sstouch-map-layout { display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } .sstouch-map { display: block; width: 100%; height: 100%; } .input-view { width: 100%; display: flex; background-color: #FFFFFF; height: 30px; border-radius: 15px; padding: 0 5%; flex-wrap: nowrap; margin: 7px 0; line-height: 30px; } .input-view .uni-icon { line-height: 30px !important; } .input-view .input { height: 30px; line-height: 30px; width: 94%; padding: 0 3%; border: 0; outline: none; background-color: rgba(0, 0, 0, 0); } input::-webkit-input-placeholder { width: 357rpx; height: 25rpx; font-size: 26rpx; font-family: Alibaba PuHuiTi; font-weight: 400; color: #6DA62F; } input::placeholder { width: 357rpx; height: 25rpx; font-size: 26rpx; font-family: Alibaba PuHuiTi; font-weight: 400; color: #6DA62F; } .sstouch-order-search { height: 70rpx; } .form-btn { background-color: #f5f5f5; } .inp { width: 100%; margin-top: 16rpx; } .zc { width: 50rpx; height: 80rpx; line-height: 70rpx; font-size: 40rpx; float: right; opacity: 0.6; padding: 20rpx; } .false-image { width: 36rpx; height: 36rpx; float: left; margin: 18rpx auto; z-index: 18; } .m-panel-hd { padding: 20rpx; } .m-panel-hd label { float: right; color: #f30213; font-size: 26rpx; } .m-total-info { text-align: right; padding: 10rpx; font-size: 24rpx; } .m-total-info label { font-size: 32rpx; color: #f30213; } .m-total-info text { font-size: 24rpx; color: #f30213; } .m-total-btn { text-align: right; padding: 20rpx 20rpx 20rpx 20rpx; position: relative; } .m-total-btn::before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #ebebe7; color: #ebebe7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .m-total-btn .u-link-btn { margin: 0 10rpx; vertical-align: middle; display: inline-block; line-height: 40rpx; background-color: #fff; font-size: 24rpx; } .m-sort { position: relative; } .m-sort image { width: 24rpx; height: 24rpx; position: absolute; /*top: 50%;*/ margin-top: 10rpx; margin-left: 2rpx; } .m-product-price text { font-size: 24rpx; color: #999999; margin-left: 6rpx; } .m-freight { color: #999; font-size: 20rpx; } .u-loadmore { width: 100%; } .m-product-name { font-size: 24rpx; } .m-product-img image { padding: 20rpx; } .m-product-item { margin-top: 0rpx; }