@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; } /* ================================ */ /* 触屏版商品列表样式类型 */ /* by qianyistore.com v 5 */ /* ================================ */ /*商品列表头部特征*/ .sstouch-product-header .header-inp { margin: 12.890625000000002rpx 178.125rpx 0 93.75rpx; } .sstouch-product-header .header-r .a { padding: 23.4375rpx 28.125rpx 23.4375rpx 9.375rpx; } .sstouch-product-header .header-r .a .i { width: 100%; font-size: 46.875rpx; color: #212121; opacity: 0.60; display: block; width: 100%; height: 100%; } .sstouch-product-header .header-r .a .i.categroy { margin-top: 4.6875rpx; font-size: 37.5rpx; } /* 商品列表筛选条 */ .goods-search-list-nav { display: block; width: 100%; height: 91.40625rpx; background: rgba(255, 255, 255, 0.95); border-bottom: solid 2.34375rpx #EEE; position: fixed; z-index: 2; top: 93.75rpx; left: 0; right: 0; } .goods-search-list-nav view { font-size: 0; display: block; width: 85%; float: left; } .goods-search-list-nav view view { vertical-align: top; display: inline-block; width: 30%; } .goods-search-list-nav view view:first-child { width: 40%; } .goods-search-list-nav view view label { font-size: 30.46875rpx; color: #212121; line-height: 91.40625rpx; text-align: center; display: block; height: 91.40625rpx; } .goods-search-list-nav view view label.current { color: #f30213; } .goods-search-list-nav view view label .aa { font-size: 0rpx; line-height: 0; vertical-align: middle; display: inline-block; width: 0rpx; height: 0rpx; margin-left: 9.375rpx; border-width: 9.375rpx; border-color: #AAA transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; top: 46rpx; } .goods-search-list-nav view view label.current .aa { border-color: #f30213 transparent transparent transparent; } .goods-search-list-nav view view label view.screen { background-image: url(https://test.lancerdt.com/wap/images/screen.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; } .goods-search-list-nav .browse-mode { display: block; width: 14.5%; float: right; border-left: solid 2.34375rpx #EEE; } .goods-search-list-nav .browse-mode label { text-align: center; display: block; height: 91.40625rpx; } .goods-search-list-nav .browse-mode label view { display: inline-block; width: 56.25rpx; height: 56.25rpx; opacity: 0.5; margin: 0rpx auto 18.75rpx 24rpx; } .goods-search-list-nav .browse-mode .browse-list { /*background-image: url(https://test.lancerdt.com/wap/images/browse_list.png);*/ background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; font-size: 60.9375rpx; color: #212121; font-family: "zc" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 30rpx; } .goods-search-list-nav .browse-mode .browse-grid { /*background-image: url(https://test.lancerdt.com/wap/images/browse_grid.png);*/ background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; font-size: 60.9375rpx; color: #212121; font-family: "zc" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 30rpx; } .goods-search-list-nav .browse-mode .browse-grid:before { content: "\e6b0"; } .goods-search-list-nav .browse-mode .browse-list:before { content: "\e625"; } .goods-sort-inner { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000'); background: rgba(0, 0, 0, 0.1); position: fixed; z-index: 4; top: 185.15625rpx; left: 0; right: 0; bottom: 0; } .goods-sort-inner view { background-color: #FFF; display: block; padding-left: 17.8125rpx; } .goods-sort-inner view label { font-size: 28.125rpx; line-height: 46.875rpx; color: #777; display: block; height: 46.875rpx; padding: 23.4375rpx 35.15625rpx 23.4375rpx 17.8125rpx; border-top: solid 2.34375rpx #EEE; } .goods-sort-inner view label .aa { background-image: url(https://test.lancerdt.com/wap/images/ok.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; display: none; width: 32.8125rpx; height: 32.8125rpx; float: right; margin: 7.03125rpx; } .goods-sort-inner view label.cur { color: #f30213; } .goods-sort-inner view label.cur .aa { display: block; } /*商品筛选层*/ .secreen-layout .dl { display: block; padding: 0 23.4375rpx; background-color: #FFF; border-bottom: solid #EEE 2.34375rpx; } .secreen-layout .dt { display: block; height: 42.1875rpx; padding: 23.4375rpx 0 0 0; font-size: 28.125rpx; color: #212121; line-height: 42.1875rpx; } .secreen-layout .dd { display: block; font-size: 0; padding: 0 0 23.4375rpx 0; } .secreen-layout .dd view.inp-balck { position: relative; z-index: 1; display: inline-block; height: 42.1875rpx; padding: 11.71875rpx 23.4375rpx; margin-top: 14.0625rpx; color: #212121; line-height: 42.1875rpx; background: #f4f4f4; border: solid 2.34375rpx #EEE; border-radius: 7.03125rpx; } .secreen-layout .dd view.inp-balck.add { padding-right: 46.875rpx; } .secreen-layout .dd view.inp-balck.add .i { position: absolute; z-index: 1; right: 9.375rpx; top: 11.71875rpx; display: block; width: 37.5rpx; height: 42.1875rpx; background-image: url(https://test.lancerdt.com/wap/images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .secreen-layout .dd ._select { height: 42.1875rpx; font-size: 25.781250000000004rpx; background-color: transparent; line-height: 42.1875rpx; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/ } .secreen-layout .dd .a { display: inline-block; height: 42.1875rpx; padding: 11.71875rpx 23.4375rpx; margin-left: 14.0625rpx; margin-top: 14.0625rpx; font-size: 25.781250000000004rpx; color: #212121; line-height: 42.1875rpx; background: #FFF; border: solid 2.34375rpx #EEE; border-radius: 7.03125rpx; } .secreen-layout .dd .a:first-child { margin-left: 0; } .secreen-layout .dd .a.current { padding: 13.125000000000002rpx 24.84375rpx; color: #FFF; background: #f30213; border: none; } .secreen-layout .dd .line { display: inline-block; vertical-align: top; width: 37.5rpx; height: 42.1875rpx; margin: 23.4375rpx 9.375rpx; background-image: url(https://test.lancerdt.com/wap/images/value_minus.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.5; } .secreen-layout .dd .inp { width: 140.625rpx; height: 42.1875rpx; text-align: center; border: none 0; font-size: 28.125rpx; line-height: 42.1875rpx; background-color: transparent; } .secreen-layout .bottom { padding: 46.875rpx 0; background-color: #FFF; } /*列表模式*/ .list .goods-secrch-list { display: block; } .list .goods-secrch-list .a { display: block; color: #111; line-height: 40rpx; } .list .goods-secrch-list .goods-item { background-color: #FFF; display: block; clear: both; position: relative; z-index: auot; } .list .goods-secrch-list .goods-pic { display: block; width: 218rpx; height: 218rpx; padding: 18rpx; position: absolute; z-index: 1; top: 0; left: 0; } .list .goods-secrch-list .goods-pic navigator, .list .goods-secrch-list .goods-pic image { width: 200rpx; height: 200rpx; } .list .goods-secrch-list .goods-info { display: block; height: 227.34374999999997rpx; padding: 17.8125rpx 17.8125rpx 0 0; margin-left: 252.1875rpx; border-bottom: solid 2.34375rpx #EEE; } .list .goods-secrch-list .goods-name { display: block; height: 112.5rpx; overflow: hidden; } .list .goods-secrch-list .goods-name .h4 { font-size: 30.46875rpx; line-height: 37.5rpx; height: 75rpx; overflow: hidden; } .list .goods-secrch-list .goods-name ._h6 { font-size: 23.4375rpx; color: #999; line-height: 42.1875rpx; height: 42.1875rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list .goods-secrch-list .goods-sale { display: block; height: 42.1875rpx; padding: 9.375rpx 0; overflow: hidden; } .list .goods-secrch-list .goods-price { color: #f30213; font-size: 28.125rpx; line-height: 42.1875rpx; display: block; float: left; } .list .goods-secrch-list .goods-price label { font-size: 37.5rpx; line-height: 42.1875rpx; vertical-align: top; display: inline-block; } .list .goods-secrch-list .goods-price .phone-sale { font-size: 21.09375rpx; line-height: 28.125rpx; vertical-align: top; display: inline-block; height: 28.125rpx; padding-right: 4.6875rpx; margin-top: 2.34375rpx; border: solid #f30213 2.34375rpx; } .list .goods-secrch-list .goods-price .phone-sale .i { display: inline-block; vertical-align: middle; margin-right: 4.6875rpx; width: 28.125rpx; height: 28.125rpx; background: #f30213 url(https://test.lancerdt.com/wap/images/mobile_w.png) no-repeat 50% 50%; background-size: 80%; } .list .goods-secrch-list .sale-type { float: right; width: 32.8125rpx; height: 32.8125rpx; margin: 0 0 0 4.6875rpx; vertical-align: top; text-align: center; font-size: 21.09375rpx; color: #FFF; line-height: 32.8125rpx; background-color: #f30213; border-radius: 4.6875rpx; } .list .goods-secrch-list .goods-assist { display: block; height: 46.875rpx; padding-bottom: 9.375rpx; overflow: hidden; } .list .goods-secrch-list .goods-sold { font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #999; display: block; float: left; width: 40%; height: 46.875rpx; } .list .goods-secrch-list .goods-sold label { color: #999; vertical-align: middle; font-weight: 600; } .list .goods-secrch-list .goods-store { font-size: 25.781250000000004rpx; line-height: 46.875rpx; text-align: right; height: 46.875rpx; } .list .goods-secrch-list .goods-store .mall { display: inline-block; padding: 0 4.6875rpx; font-size: 25.781250000000004rpx; line-height: 32.8125rpx; color: #FFF; color: #f30213; } .list .goods-secrch-list .goods-store .a { color: #777; white-space: nowrap; overflow: hidden; } .list .goods-secrch-list .goods-store .a .i { background-image: url(https://test.lancerdt.com/wap/images/more_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; margin: 0 0 0 7.03125rpx; opacity: 0.4; } .list .goods-secrch-list .add-cart { float: right; font-size: 25.781250000000004rpx; line-height: 56.25rpx; text-align: right; width: 56.25rpx; height: 46.875rpx; } .list .goods-secrch-list .add-cart .mall { display: inline-block; padding: 0 4.6875rpx; font-size: 21.09375rpx; line-height: 32.8125rpx; color: #FFF; background-color: #f30213; } .list .goods-secrch-list .add-cart .a { font-size: 0; color: #212121; } .list .goods-secrch-list .add-cart .a .i { background-image: url(https://test.lancerdt.com/wap/images/cart_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; vertical-align: top; display: inline-block; width: 56.25rpx; height: 56.25rpx; margin: 0 0 0 7.03125rpx; position: absolute; right: 5rpx; bottom: 5rpx; opacity: 0.6; } .list .goods-secrch-list .sotre-creidt-layout { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; } .list .goods-secrch-list .sotre-creidt-layout .p { width: 252.1875rpx; height: 252.1875rpx; position: absolute; z-index: 1; left: 0; top: 0; } .list .goods-secrch-list .sotre-creidt-layout .dl { background-color: #f4f4f4; height: 216.5625rpx; padding: 17.8125rpx; margin-left: 252.1875rpx; } /*商品图片*/ /*右侧商品介绍*/ /*商品名称*/ /*商品价格与促销*/ /*商品相关信息*/ /*店铺列表使用特殊样式*/ .sotre-favorites-layout { position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; display: none; } .sotre-favorites-layout .sotre-favorites-bg { position: relative; z-index: 1; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF'); background: rgba(255, 255, 255, 0.9); border: solid 2.34375rpx #EEE; } .sotre-favorites-layout .add { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; width: 140.625rpx; height: 140.625rpx; margin: -70.3125rpx 0 0 -70.3125rpx; } .sotre-favorites-layout .add .i { display: block; width: 89.0625rpx; height: 89.0625rpx; margin: 0 auto 4.6875rpx auto; background-image: url(https://test.lancerdt.com/wap/images/star_b.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 65%; border: solid 3.515625rpx #000; border-radius: 100%; opacity: 0.75; } .sotre-favorites-layout .add .h5 { display: block; height: 46.875rpx; text-align: center; font-size: 28.125rpx; line-height: 46.875rpx; color: #000; } .sotre-favorites-layout .add.added { display: none; } .sotre-favorites-layout .add.added .i { background-image: url(https://test.lancerdt.com/wap/images/star_r.png); border-color: #f30213; opacity: 1; } /*大图模式*/ .grid .goods-secrch-list { font-size: 0; display: block; } .grid .goods-secrch-list .goods-item { background-color: #FFF; vertical-align: top; display: inline-block; width: 49.25%; margin-bottom: 9.375rpx; box-shadow: 0 1rpx 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 1; overflow: hidden; } .grid .goods-secrch-list .goods-item:nth-of-type(even) { margin-left: 1.5%; } .grid .goods-secrch-list .goods-pic { display: block; width: 100%; height: 100%; } .grid .goods-secrch-list .goods-pic .a { display: block; width: 100%; height: 100%; } .grid .goods-secrch-list .goods-pic image { width: 360rpx; height: 360rpx; } .grid .goods-secrch-list .goods-info { display: block; padding: 0 11.71875rpx; } .grid .goods-secrch-list .goods-name { display: block; min-height: 42.1875rpx; overflow: hidden; } .grid .goods-secrch-list .a { display: block; color: #111; line-height: 40rpx; } .grid .goods-secrch-list .goods-name .h4 { font-size: 28.125rpx; line-height: 42.1875rpx; height: 42.1875rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*商品图片*/ /*下方商品介绍*/ /*商品名称*/ .fav-list .goods-name .h4 { height: 84.375rpx !important; text-overflow: clip !important; white-space: pre-wrap !important; } .grid .goods-secrch-list .goods-name ._h6 { display: none; } .grid .goods-secrch-list .goods-sale { display: inline-block; height: 42.1875rpx; padding: 9.375rpx 0; overflow: hidden; } .grid .goods-secrch-list .goods-price { color: #f30213; font-size: 25.781250000000004rpx; line-height: 42.1875rpx; display: block; float: left; } .grid .goods-secrch-list .goods-price label { font-size: 37.5rpx; line-height: 42.1875rpx; vertical-align: top; display: inline-block; } .grid .goods-secrch-list .goods-price .phone-sale { font-size: 0; vertical-align: top; display: inline-block; width: 28.125rpx; height: 28.125rpx; border: solid #f30213 0.9375rpx; } .grid .goods-secrch-list .goods-price .phone-sale .i { display: block; width: 100%; height: 100%; background: #f30213 url(https://test.lancerdt.com/wap/images/mobile_w.png) no-repeat 50% 50%; background-size: 80%; } .grid .goods-secrch-list .sale-type { display: none; } .grid .goods-secrch-list .goods-assist { display: block; height: 46.875rpx; padding-bottom: 9.375rpx; overflow: hidden; } .grid .goods-secrch-list .goods-sold { font-size: 25.781250000000004rpx; line-height: 46.875rpx; color: #999; display: block; float: left; } .grid .goods-secrch-list .goods-sold label { color: #999; vertical-align: middle; font-weight: 600; } .grid .goods-secrch-list .goods-store { float: right; font-size: 25.781250000000004rpx; line-height: 46.875rpx; } .grid .goods-secrch-list .goods-store .mall { display: inline-block; padding: 0 4.6875rpx; font-size: 21.09375rpx; line-height: 32.8125rpx; color: #FFF; background-color: #f30213; } .grid .goods-secrch-list .goods-store .a { font-size: 0; color: #212121; } .grid .goods-secrch-list .goods-store .a .i { background-image: url(https://test.lancerdt.com/wap/images/more_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; vertical-align: top; display: inline-block; width: 46.875rpx; height: 46.875rpx; margin: 0 0 0 7.03125rpx; opacity: 0.5; } .grid .goods-secrch-list .add-cart { float: right; font-size: 25.781250000000004rpx; line-height: 56.25rpx; text-align: right; width: 56.25rpx; height: 46.875rpx; } .grid .goods-secrch-list .add-cart .mall { display: inline-block; padding: 0 4.6875rpx; font-size: 21.09375rpx; line-height: 32.8125rpx; color: #FFF; background-color: #f30213; } .grid .goods-secrch-list .add-cart .a { font-size: 0; color: #212121; } .grid .goods-secrch-list .add-cart .a .i { background-image: url(https://test.lancerdt.com/wap/images/cart_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; vertical-align: top; display: inline-block; width: 56.25rpx; height: 56.25rpx; margin: 0 0 0 7.03125rpx; position: absolute; right: 5rpx; bottom: 5rpx; } .grid .goods-secrch-list .store-credit { display: none; } .grid .goods-secrch-list .sotre-creidt-layout { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; } .grid .goods-secrch-list .sotre-creidt-layout .dl { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F2EEEEEE', endColorstr='#F2EEEEEE'); background: rgba(238, 238, 238, 0.95); width: 90%; height: 196.875rpx; padding: 5%; position: absolute; z-index: inherit; bottom: 0; } .grid .goods-secrch-list .fav-del { position: absolute; z-index: 1; bottom: 9.375rpx; right: 9.375rpx; width: 46.875rpx; height: 46.875rpx; background-image: url(https://test.lancerdt.com/wap/images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 65%; } /*商品价格与促销*/ /*商品相关信息*/ /*商品收藏列表删除*/ .goods-secrch-list .sotre-creidt-layout .dt { text-align: left; display: block; line-height: 46.875rpx; height: 46.875rpx; padding-bottom: 9.375rpx; margin-bottom: 18.75rpx; border-bottom: solid 1rpx #EEE; position: relative; z-index: 1; } .goods-secrch-list .sotre-creidt-layout .dt .a { font-size: 28.125rpx !important; color: #333 !important; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; } .goods-secrch-list .sotre-creidt-layout .dt .a view { position: absolute; z-index: 1; top: 0; right: 0; width: 46.875rpx; height: 46.875rpx; /* background-image: url(https://test.lancerdt.com/wap/images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%;*/ opacity: 0.6; } .goods-secrch-list .sotre-creidt-layout .dd { font-size: 21.09375rpx; color: #555; line-height: 42.1875rpx; text-align: left; height: 42.1875rpx; } .goods-secrch-list .sotre-creidt-layout .dd label { font-size: 25.781250000000004rpx; font-weight: 600; } .goods-secrch-list .sotre-creidt-layout .dd.high label, .goods-secrch-list .sotre-creidt-layout .dd.equal label { color: #f30213; } .goods-secrch-list .sotre-creidt-layout .dd.low label { color: #48CFAE; } .goods-secrch-list .sotre-creidt-layout .dd .i { vertical-align: top; display: inline-block; width: 25.781250000000004rpx; height: 25.781250000000004rpx; margin: 7.03125rpx; border-radius: 2rpx; } .goods-secrch-list .sotre-creidt-layout .dd.high .i { background: #f30213 url(https://test.lancerdt.com/wap/images/creidt_high.png); background-size: cover; } .goods-secrch-list .sotre-creidt-layout .dd.equal .i { background: #f30213 url(https://test.lancerdt.com/wap/images/creidt_equal.png); background-size: cover; } .goods-secrch-list .sotre-creidt-layout .dd.low .i { background: #48CFAE url(https://test.lancerdt.com/wap/images/creidt_low.png); background-size: cover; } /*店铺收藏列表*/ .favorites-store-list view { display: block; clear: both; position: relative; z-index: 1; /*padding: 0.5rem 0 0;*/ padding: 23.4375rpx 0 23.4375rpx 0; background-color: #FFF; border-bottom: 2.34375rpx solid #EEE; } .favorites-store-list view .a { display: block; color: #333; margin-right: 93.75rpx; } .favorites-store-list view .store-avatar { position: absolute; z-index: 1; top: 14.0625rpx; left: 23.4375rpx; display: block; width: 93.75rpx; height: 93.75rpx; } .favorites-store-list view .store-avatar image { width: 100%; height: 100%; } .favorites-store-list view .store-info { display: block; margin: 0 0 0 140.625rpx; /*padding-bottom: 0.5rem;*/ vertical-align: top; text-align: left; /* border-bottom: 0.05rem solid #EEE;*/ width: 100%; } .favorites-store-list view .store-info .dt { font-size: 32.8125rpx; line-height: 42.1875rpx; } .favorites-store-list view .store-info .dd { font-size: 0; /*line-height: 1.1rem;*/ line-height: 37.5rpx; height: 37.5rpx; } .favorites-store-list view .store-info .dd view { display: inline-block; /*font-size: 0.55rem;*/ /*font-size: 12rpx;*/ font-size: 18.75rpx; color: #212121; } .favorites-store-list view .store-info .dd view label { /*font-size: 0.65rem;*/ /* font-size: 12rpx;*/ font-size: 18.75rpx; font-weight: 600; margin: 0 4.6875rpx; /*color: #000;*/ } .favorites-store-list view .del-fav { position: absolute; z-index: 2; right: 23.4375rpx; top: 46.875rpx; width: 46.875rpx; height: 46.875rpx; margin: 0; background-image: url(https://test.lancerdt.com/wap/images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 65%; opacity: 0.75; } /*店铺分页列表*/ .pagination { text-align: center; font-size: 21.09375rpx; } .pagination .a { color: #6e6e6e; } .pagination .a.disabled { color: #ccc; } .pre-page, .page-warp, .next-page, .pagew-size { border: 1rpx solid #ccc; cursor: pointer; padding: 5rpx 10rpx; background: #fff; } .pre-page, .page-warp, .next-page { display: inline-block; } .pagination ._select { padding: 4rpx 8rpx; border: 1rpx solid #ccc; vertical-align: bottom; } .page-warp { width: 80rpx; position: relative; text-align: center; z-index: 10; } .pagew-size { position: absolute; width: 80rpx; z-index: 10; left: -1rpx; bottom: 30rpx; display: none; } .pagew-size view { border-bottom: 1rpx dashed #ddd; padding: 4rpx 0rpx; } .pagew-size view .a { display: block; } /* ================================ */ /* 触屏版常用层与动作等样式 */ /* ================================ */ /* Author: qianyistore */ /* Support Site: www.qianyistore.com */ /* Retrofit Date: Aug-08-2016 */ /* ================================ */ .sstouch-search-layout { margin-top: 93.75rpx; } .sstouch-search-layout .dl { padding: 37.5rpx 23.4375rpx 23.4375rpx; text-align: left; } .sstouch-search-layout .dt { font-size: 32.8125rpx; line-height: 46.875rpx; color: #111; margin-bottom: 18.75rpx; } .sstouch-search-layout view { font-size: 0; display: block; display: inline-block; background-color: #FFF; border: solid 2.34375rpx #EEE; margin: 0 18.75rpx 18.75rpx 0; } .sstouch-search-layout view .a { display: block; padding: 9.375rpx 23.4375rpx; font-size: 28.125rpx; line-height: 46.875rpx; color: #555; } .sstouch-search-layout .hot-keyword view { border-radius: 35.15625rpx; } .sstouch-search-layout .a.clear-history { display: inline-block; width: 79%; height: 90.9375rpx; text-align: center; margin: 70.3125rpx 10% 0 10%; background-color: #EEE; border-radius: 9.375rpx; font-size: 32.8125rpx; line-height: 90.9375rpx; color: #555; } /*页内全屏遮罩层*/ .sstouch-full-mask { position: fixed; z-index: 19; top: 0; bottom: 0; } .sstouch-full-mask-bg { display: block; position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); } .sstouch-full-mask-block { display: block; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; background: #f4f4f4; box-shadow: -11.71875rpx 0 9.375rpx rgba(0, 0, 0, 0.2); } .sstouch-full-mask.left { display: block; left: 0; right: 0; animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation: optionBlockLeft 0.3s ease-in-out; } .sstouch-full-mask.right { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation: optionBlockRight 0.5s ease-in-out; } @keyframes optionBlockLeft { from { display: none; left: 100%; right: -100%; } to { display: block; left: 0; right: 0; } } @-webkit-keyframes optionBlockLeft { from { display: none; left: 100%; right: -100%; } to { display: block; left: 0; right: 0; } } @keyframes optionBlockRight { from { display: block; left: 0; right: 0; } to { display: none; left: 110%; right: -110%; } } @-webkit-keyframes optionBlockRight { from { display: block; left: 0; right: 0; } to { display: none; left: 110%; right: -110%; } } /*页内下部滑入遮罩*/ .sstouch-bottom-mask { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: block; } .sstouch-bottom-mask-bg { display: block; position: absolute; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); } .sstouch-bottom-mask-block { display: block; position: absolute; z-index: 22; bottom: 0; left: 0; right: 0; min-height: 562.5rpx; background: #FFF; } .sstouch-bottom-mask.up { display: block; bottom: 0; animation: optionBlockUp 0.5s ease-in-out; -webkit-animation: optionBlockUp 0.5s ease-in-out; } .sstouch-bottom-mask.down { animation: optionBlockDown 0.5s ease-in-out; -webkit-animation: optionBlockDown 0.5s ease-in-out; } @keyframes optionBlockUp { from { display: none; bottom: -100%; } to { display: block; bottom: 0; } } @-webkit-keyframes optionBlockUp { from { display: none; bottom: -100%; } to { display: block; bottom: 0; } } @keyframes optionBlockDown { from { display: block; bottom: 0; } to { display: none; bottom: -100%; } } @-webkit-keyframes optionBlockDown { from { display: block; bottom: 0; opacity: 1; } to { display: none; bottom: -100%; opacity: 0; } } .sstouch-bottom-mask-tip { position: absolute; z-index: 1; top: -56.25rpx; left: 0; right: 0; text-align: center; font-size: 28.125rpx; font-weight: 600; line-height: 42.1875rpx; color: #FFF; text-shadow: 0 0 23.4375rpx rgba(0, 0, 0, 0.5); } .sstouch-bottom-mask-tip .i { background-image: url(https://test.lancerdt.com/wap/images/back_down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%; width: 37.5rpx; height: 42.1875rpx; display: inline-block; vertical-align: top; margin-right: 4.6875rpx; } .sstouch-bottom-mask-top { position: relative; z-index: 1; display: block; padding: 23.4375rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-bottom-mask-close { position: absolute; z-index: 1; top: -28.125rpx; right: 0; background: #FFF; width: 42.1875rpx; height: 42.1875rpx; padding: 7.03125rpx; border-radius: 100%; } .sstouch-bottom-mask-close .i { display: block; width: 100%; height: 100%; background-image: url(https://test.lancerdt.com/wap/images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 23.4375rpx; } .sstouch-bottom-mask-rolling { min-height: 89.0625rpx; max-height: 562.5rpx; overflow: hidden; position: relative; z-index: 1; } /*页内大图显示*/ .sstouch-bigimg-layout { display: block; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); } .sstouch-bigimg-layout .close { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; width: 56.25rpx; height: 56.25rpx; background-color: #FFF; background-image: url(https://test.lancerdt.com/wap/images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; border-radius: 100%; opacity: 0.5; } .sstouch-bigimg-layout .pic-box { margin: 25% auto 0 auto; overflow: hidden; position: relative; width: 750rpx; z-index: 1; } .sstouch-bigimg-layout .pic-box view { font-size: 0; overflow: hidden; position: relative; white-space: nowrap; display: inline-block; position: relative; width: 750rpx; height: 750rpx; text-align: center; z-index: auto; padding: 0 !important; margin: 0 !important; background-color: transparent !important; background-repeat: no-repeat; background-position: center center; background-size: contain; } .sstouch-bigimg-turn { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center; } .sstouch-bigimg-turn view { font-size: 0; margin: 0 auto; white-space: nowrap; display: block; width: 100%; } .sstouch-bigimg-turn view view { display: inline-block; min-width: 19%; max-width: 99%; margin: 0 1% 0 0 !important; height: 11.71875rpx; padding: 0 !important; background: rgba(255, 255, 255, 0.75); } .sstouch-bigimg-turn view view.cur { background-color: #f30213; } /*选择型按钮*/ .sstouch-sel-box { display: block; background: #FFF; padding: 0 37.5rpx; } .sstouch-sel-box .tit { display: block; padding: 23.4375rpx 0; font-size: 32.8125rpx; line-height: 42.1875rpx; } .sstouch-sel-box .sel-con { padding: 0 0 23.4375rpx 0; } .sstouch-sel-box .sel-con .a { display: inline-block; height: 42.1875rpx; padding: 11.71875rpx 23.4375rpx; margin: 14.0625rpx 14.0625rpx 0 0; font-size: 25.781250000000004rpx; color: #212121; line-height: 42.1875rpx; background: #FFF; border: solid 2.34375rpx #BBB; border-radius: 7.03125rpx; } .sstouch-sel-box .sel-con .a.sel { padding: 13.125000000000002rpx 24.84375rpx; color: #FFF; background: #f30213; border: none; } .sstouch-sel-list { background-color: #FFF; margin-top: 23.4375rpx; } .sstouch-sel-list label { position: relative; z-index: 1; display: block; height: 42.1875rpx; padding: 23.4375rpx 0; margin: 0 23.4375rpx; font-size: 28.125rpx; line-height: 42.1875rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-sel-list label input[type="radio"] { display: none; } .sstouch-sel-list label .i { position: relative; display: inline-block; width: 35.15625rpx; height: 35.15625rpx; margin-right: 9.375rpx; background-color: #f4f4f4; border: 2.34375rpx solid #CCC; border-radius: 50%; vertical-align: middle; } .sstouch-sel-list label.checked .i { border-color: #f30213; background-color: #f30213; } .sstouch-sel-list label.checked .i:after { content: ''; position: absolute; left: 4.6875rpx; top: 8.203125rpx; width: 18.75rpx; height: 9.375rpx; border-left: 3.046875rpx solid #fff; border-bottom: 3.046875rpx solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sstouch-sel-list .a.del-invoice { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; display: block; width: 37.5rpx; height: 42.1875rpx; background-image: url(https://test.lancerdt.com/wap/images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; } .sstouch-inp-con .input-box.btn-style label { display: inline-block !important; height: 42.1875rpx !important; padding: 11.71875rpx 23.4375rpx !important; margin: 14.0625rpx 14.0625rpx 0 0 !important; font-size: 25.781250000000004rpx !important; color: #212121 !important; line-height: 42.1875rpx !important; background: #FFF !important; border: solid 2.34375rpx #BBB !important; border-radius: 7.03125rpx !important; width: auto; } .sstouch-inp-con .input-box.btn-style label.checked { padding: 13.125000000000002rpx 24.84375rpx !important; color: #FFF !important; background: #f30213 !important; border: none !important; } .sstouch-inp-con .input-box label input[type="radio"] { display: none; } /*店铺优惠券*/ .store-voucher { font-size: 32.8125rpx; } .store-voucher .i.icon-store { display: inline-block; width: 37.5rpx; height: 42.1875rpx; margin-right: 9.375rpx; vertical-align: middle; background: url(https://test.lancerdt.com/wap/images/store_b.png) no-repeat 50% 50%; background-size: 90%; opacity: 0.8; } .sstouch-voucher-list { margin-left: 23.4375rpx; } .sstouch-voucher-list view { position: relative; z-index: 1; background-color: #FFF; border-top: solid #EEE 2.34375rpx; padding: 23.4375rpx 23.4375rpx 23.4375rpx 0; } .sstouch-voucher-list .dl { margin: 0 140.625rpx 0 0; } .sstouch-voucher-list .dt { font-size: 25.781250000000004rpx; color: #f30213; line-height: 56.25rpx; } .sstouch-voucher-list .dt .em { font-size: 56.25rpx; margin: 0 4.6875rpx; } .sstouch-voucher-list .dd.need { font-size: 25.781250000000004rpx; line-height: 28.125rpx; color: #333; } .sstouch-voucher-list .dd.time { font-size: 21.09375rpx; line-height: 28.125rpx; color: #212121; } .sstouch-voucher-list .a { position: absolute; z-index: 1; top: 46.875rpx; right: 46.875rpx; } /*020店铺地址*/ .sstouch-o2o-tip { padding: 0 23.4375rpx; font-size: 32.8125rpx; line-height: 84.375rpx; display: block; } .sstouch-o2o-tip .a { font-weight: 600; color: #000; display: block; position: relative; } .sstouch-o2o-tip .a .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin: 14.0625rpx 9.375rpx 0 0; background-image: url(https://test.lancerdt.com/wap/images/mc_03.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 1; } .sstouch-o2o-tip .a view { position: absolute; z-index: 1; top: 23.4375rpx; right: 23.4375rpx; width: 37.5rpx; height: 42.1875rpx; font-size: 46.875rpx; /* background-image: url(https://test.lancerdt.com/wap/images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 78%;*/ opacity: 0.5; } .sstouch-o2o-list { background: #FFF; } .sstouch-o2o-list view { position: relative; padding: 23.4375rpx 0 23.4375rpx 23.4375rpx; border-bottom: solid 2.34375rpx #EEE; } .sstouch-o2o-list .dl { margin-right: 140.625rpx; } .sstouch-o2o-list .dl .a { display: block; } .sstouch-o2o-list .dt { display: block; font-size: 32.8125rpx; line-height: 46.875rpx; font-weight: 600; color: #000; } .sstouch-o2o-list .dt view { display: inline-block; vertical-align: top; line-height: 46.875rpx; font-size: 28.125rpx; color: #AC92ED; } .sstouch-o2o-list .dt view .i { display: inline-block; vertical-align: top; width: 46.875rpx; height: 46.875rpx; margin-right: 9.375rpx; background-image: url(https://test.lancerdt.com/wap/images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9; } .sstouch-o2o-list .dd { display: block; font-size: 28.125rpx; line-height: 46.875rpx; color: #555; } .sstouch-o2o-list .tel { position: absolute; z-index: 1; right: 23.4375rpx; top: 23.4375rpx; border-left: solid 2.34375rpx #EEE; padding-left: 23.4375rpx; } .sstouch-o2o-list .tel .a { display: block; width: 93.75rpx; height: 93.75rpx; background-image: url(https://test.lancerdt.com/wap/images/tel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.65; } .sstouch-map-layout { display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } .sstouch-map { display: block; width: 100%; height: 100%; } /* 触屏版店铺样式类型 */ .goodsName { font-size: 28.125rpx; color: #333; overflow: hidden; text-overflow: ellipsis; height: 38px; } .goods-info .p { color: #06bf04; font-size: 30.46875rpx; height: 42.1875rpx; line-height: 42.1875rpx; padding: 23.4375rpx 0rpx; } /*订单搜索*/ .sstouch-order-search { height: 100%; background-color: #FAFAFA; } .sstouch-order-search form { position: relative; z-index: 1; } .sstouch-order-search .input-del { position: absolute; z-index: 1; top: 23.4375rpx; left: 75%; display: none; width: 45.703125rpx; height: 45.703125rpx; background-image: url(https://test.lancerdt.com/wap/images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4; } .sstouch-order-search .write .input-del { display: block; } .sstouch-order-search input[type="text"] { display: inline-block; width: 72%; height: 46.875rpx; padding: 9.375rpx; margin: 11.71875rpx auto auto 0rpx; border: none; border-radius: 9.375rpx; font-size: 28.125rpx; /* background-color: #EEE; */ line-height: 46.875rpx; border: solid 2.34375rpx #DEDEDE; } .sstouch-order-search input[type="button"] { display: inline-block; width: 46.875rpx; height: 46.875rpx; margin-left: 14.0625rpx; background-color: transparent; background-image: url(https://test.lancerdt.com/wap/images/store-bg.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 82%; opacity: 0.5; border: none; } /*店铺首页上部*/ .sstouch-store-top { position: relative; z-index: 1; width: 100%; height: 210.9375rpx; } .sstouch-store-top .store-top-bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .sstouch-store-top .store-top-bg .img { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; } .sstouch-store-top .store-top-mask { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); } .sstouch-store-top .store-avatar { position: absolute; z-index: 3; bottom: 14.0625rpx; left: 9.375rpx; display: block; width: 164.0625rpx; height: 164.0625rpx; } .sstouch-store-top .store-avatar image { width: 100%; height: 100%; border-radius: 14.0625rpx; } .sstouch-store-top .store-name { position: absolute; z-index: 3; top: 93.75rpx; left: 187.5rpx; width: 375rpx; font-size: 32.8125rpx; color: #FFF; text-shadow: 2.34375rpx 2.34375rpx 0 rgba(0, 0, 0, 0.75); } .sstouch-store-top .store-favorate { position: absolute; z-index: 3; bottom: 23.4375rpx; right: 0; display: block; width: 117.1875rpx; height: 75rpx; text-align: center; } .sstouch-store-top .store-favorate .a { display: inline-block; vertical-align: bottom; width: 50%; height: 42.1875rpx; padding: 18.75rpx 0; background-color: #ED5564; font-size: 28.125rpx; line-height: 42.1875rpx; color: #FFF; } .sstouch-store-top .store-favorate .a.added { background-color: #333; } .sstouch-store-top .store-favorate label { display: inline-block; vertical-align: bottom; width: 100%; height: 56.25rpx; padding: 11.71875rpx 0; background-color: #DB4453; font-size: 25.781250000000004rpx; line-height: 28.125rpx; color: #FFF; } .u-loadmore { width: 100%; }