.main[data-v-6cef4c8b] {
background-color: #2e2f3d;
position: relative;
width: 100%;
height: 100%;
padding-top: 3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jimi[data-v-6cef4c8b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1130px;
height: 660px;
min-height: 560px;
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
}
.copyright[data-v-6cef4c8b] {
color: #fff;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
font-size: 12px;
}
.copyright span[data-v-6cef4c8b] {
cursor: pointer;
color: #ef3338;
}
.left-pane[data-v-6cef4c8b],
.right-pane[data-v-6cef4c8b] {
float: left;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.jimi-head[data-v-18b31222] {
width: 100%;
height: 60px;
background-color: #fafafa;
}
.jimi-head .customer-info-wrapper[data-v-18b31222] {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
padding-top: 10px;
}
.jimi-head .customer-info-wrapper .avatar-wrapper[data-v-18b31222] {
float: left;
width: 40px;
height: 40px;
border-radius: 3px;
overflow: hidden;
}
.jimi-head .customer-info-wrapper .jimi-info[data-v-18b31222] {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
padding-top: 3px;
}
.jimi-head .customer-info-wrapper .jimi-info .name[data-v-18b31222] {
font-size: 14px;
line-height: 19px;
color: #343036;
position: relative;
}
.jimi-head .customer-info-wrapper .jimi-info .name img[data-v-18b31222] {
width: 15px;
}
.jimi-head .customer-info-wrapper .jimi-info .name .typing[data-v-18b31222] {
color: red;
margin-left: 120px;
}
.jimi-head .customer-info-wrapper .jimi-info .description[data-v-18b31222] {
color: #A1A6AF;
font-size: 12px;
line-height: 16px;
}
.jimi-head .head-btns[data-v-18b31222] {
float: right;
height: 16px;
padding: 22px;
}
.jimi-head .head-btns .qrcode[data-v-18b31222] {
float: left;
width: 16px;
height: 16px;
margin-right: 59px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHVJREFUOBFjXLhs/X8GHCA+KpARJIVPDRMOvUQLs8BUwmwD8XHZiE0NxS6g2AC4F3A5G+ZFXF6j2AXIFgwMmxGf32HRBlMD4sPYMOdSHAbwWIDZhiu0YTYiqwOJwQ2AKcBGo2sCqYF5hXpegJmIzQUwOZoEIgAHtzLudBx8ggAAAABJRU5ErkJggg==);
background-size: 100% 100%;
}
.jimi-head .head-btns .qrcode[data-v-18b31222]:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHVJREFUOBFjjErI/s+AAyxbMJURJIVPDRMOvUQLs8BUwmwD8XHZiE0NxS6g2AC4F3A5G+ZFXF6j2AXIFgwMmxGf32HRBlMD4sPYMOdSHAbwWIDZhiu0YTYiqwOJwQ2AKcBGo2sCqYF5hXpegJmIzQUwOZoEIgBY3y7ZZXjwjgAAAABJRU5ErkJggg==);
}
.jimi-head .head-btns .close-btn[data-v-18b31222] {
float: left;
width: 10px;
height: 10px;
margin-top: 3px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAJlJREFUGBljXLRsw24GIOBg4Q4JC3P9CGLDwKpVu/l//Pm6BsRnAhH/Gf67fP/zZRdIAsQHARAbJAaSA/EZYQJAthkQn+Jk4XEDSYAUIYsxggTRFYPEgACuEeQksEKQKJpikBDYdJi7wW4EiRICxFuNZiVOzzBBwwnF4SB3QX1/CugkM5AasBsZGRj3gCRgDge5F6YYJAfiAwDIC2OqPI4GMAAAAABJRU5ErkJggg==);
background-size: 100% 100%;
}
.jimi-head .head-btns .close-btn[data-v-18b31222]:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAJdJREFUGBljjErM2c0ABDys3CGzZnV+BLFhIC2tnP/L769rQHwmsOD//y5ffn3dBZJAUQQUYwDKgcQYwbpAAgz/zYDcUzxs3G4gCZBGZDFGkCC6YpAYsiKQk8AKQcKoikEiENNh7oa4ESROABBvNaqVuD3DBAknhI9BbgJhiO8ZT4E8BVIDcSMj4x6QBMzhIOfCFQPlQHwA6Gxt1x3QihkAAAAASUVORK5CYII=);
}
.avatar[data-v-6785b4b4] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #fff;
background-size: 100%;
background-position: 0% 50%;
background-repeat: no-repeat;
}
.img-bg[data-v-731dc9c6] {
overflow: hidden;
width: 100%;
height: 100%;
}
img[data-v-34e11eb7] {
width: 100%;
height: 100%;
}
.jimi-chat[data-v-258fd30c] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
background-color: #fafafa;
width: 550px;
height: 600px;
-webkit-overflow-scrolling: touch;
border-right: 1px solid #e7e7e7;
}
.jimi-chat--container[data-v-258fd30c] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #fff;
border-top: 1px solid #e7e7e7;
}
.jimi-chat--container .alert-wrapper[data-v-258fd30c] {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
}
.jimi-chat--wrapper[data-v-258fd30c] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 20px;
background-color: #fff;
}
.jimi-chat--log-btn[data-v-258fd30c] {
font-size: 12px;
color: #5a606b;
text-align: center;
margin-bottom: 12px;
cursor: pointer;
}
.jimi-chat--separation[data-v-258fd30c] {
text-align: center;
font-size: 12px;
color: #a1a6af;
margin-bottom: 15px;
}
.jimi-chat--separation span[data-v-258fd30c] {
position: relative;
}
.jimi-chat--separation span[data-v-258fd30c]::after,
.jimi-chat--separation span[data-v-258fd30c]::before {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #a1a6af;
top: 50%;
margin-top: -0.5px;
}
.jimi-chat--separation span[data-v-258fd30c]::after {
left: -80px;
}
.jimi-chat--separation span[data-v-258fd30c]::before {
right: -80px;
}
.message[data-v-18a1992f] {
margin-bottom: 20px;
}
.message--date[data-v-18a1992f] {
font-size: 13px;
color: #a1a6af;
text-align: center;
margin-bottom: 13px;
}
.message--pin[data-v-18a1992f] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
color: #A1A6AF;
padding: 0 48px;
margin-bottom: 3px;
width: 100%;
text-align: right;
}
.message--container[data-v-18a1992f] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.message--container .message--head[data-v-18a1992f] {
width: 32px;
height: 32px;
border-radius: 3px;
overflow: hidden;
}
.message--container .message--content[data-v-18a1992f] {
position: relative;
}
.message--container .message--content.filling[data-v-18a1992f] {
width: 100%;
}
.message--container .message--wrapper[data-v-18a1992f] {
max-width: 391px;
}
.message--container .message--wrapper.filling[data-v-18a1992f] {
max-width: 100%;
width: 100%;
}
.message--container .message--revoke-message[data-v-18a1992f] {
float: none;
text-align: center;
max-width: none;
}
.message--container .message--icon[data-v-18a1992f] {
width: 20px;
height: 20px;
margin-top: 11px;
}
.message--container .message--icon img[data-v-18a1992f] {
width: 100%;
height: 100%;
}
.message--container .message--retry[data-v-18a1992f] {
width: 100%;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABOCAYAAAApd5bmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTM1MTI4RDI5RTQxMTFFNUFCNUQ5Mjk1NEI2QTM3RDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTM1MTI4RDM5RTQxMTFFNUFCNUQ5Mjk1NEI2QTM3RDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzUxMjhEMDlFNDExMUU1QUI1RDkyOTU0QjZBMzdEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzUxMjhEMTlFNDExMUU1QUI1RDkyOTU0QjZBMzdEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlTFMD4AAAO3SURBVHja7JdrSBRRFMfvjKtpLoZtmqUUGkX2MjJMo+hBhEnGGlaWBQWGZkEFPcgXmZH1oRcYGlp9sAdR3yrqQ0R9MiWh0B4Ka/juZRZYq6vu9r/LuTWOM7u6G/jFs/zYvWfu+c+ZO+eemZUcDgfzxgwJZZ9cHT8OzinGE4EMeqqywpwO2UVwHjih8l0Hp5QOPYFDoEgxDgQSeAayQZgrgb3ggmLMAx+DVFAJesE2pcB3FVcpSBhf5W6QCazgIVilFAhWIWlkdR+sAH7gFVjibg3U9hZMAOGgA4SOVkAUiw+wAf/RCswG/aCN7sCn0QpsAjV0B+LAa6WApCJHFczT3QiuAV+QBF78LWWNsxXTap+kMT/ralAH0oCJ6kFXgFshne0AjUXKB8EtuhMuBcRe6FX5dlFR/StTb7ezzLy0cQG6jakfstWivGFsB/EgBHwFL8EdcBfY9TKIopq/DZIpmNF3MvlraN4wAe6sArFuso6leVFKAZlSCx3hpYfSfFkI8E2y1PVqy+zg9N3sQmSecPH5abKixnVNwmfftHS2MiiONfe1DdkbskLNaUE+RmaQhu6xPVO3sDWTElhtTz270nlTeShGCEwRnpJZhSw3Yj/zlXyd450hZpYUvJrV/W5g59vL2YBjQClgEqf6JkSe/6x2BhwJz2CW3hZmNq1njdYmdratlNkc/eqr6xICvNcn8h83Pt9jAbI/Uo5nscaF7GNvKzvdeoX12W1ay/NGCFQKAQc+pbhOgySzcL8wBJew33ar3vpWOhsKSpmvRbW7W6kynvUysYh2qoUvIwz+QvPtylK2gOWg1k1wLc2zaG0mCz04doAH1H356nXSOJ2OW8ab6v/siT8ub1b75oEMsAFEkq8JPAEV4J1eBvyJXEJP4cNgLr3WcKLJx4+VgQD1w5UHPwLrRnDJmfTGwjO0iQwuagUbzQUs0JyvJbRWvEvyDOaT6vAFmhnjKpssUGqgBfPR64YujMdkyKIPeGiJsvIp44FFeVtINgMVyVytowMd790JNBuowjQFeu7luhN4KtML5KBm1RhNTnSMx1RwgXr6jzDMjFvPgGI9AR5TL0qZ1/kcdTUOdrXqBT+jGCZ1X0pRbiZenvtcbHPevcsp2KrejTZ6tV0ELoMGesX/RX84uC+GStg63lT/Z1NtSNml11QTFTvVo6YaPfZNNaLgGDjqeVMNXLzAy6YqjTdV6/tG75pqS06Rd03VYJrsxOOmOqM4HxR43lRtLe3um+oH886xbap/BBgA0XUSBMmA7h8AAAAASUVORK5CYII=);
background-position: 0px 20px;
background-size: 20px;
}
.message.customer-message .message--pin[data-v-18a1992f] {
text-align: right;
}
.message.customer-message .message--head[data-v-18a1992f] {
float: right;
margin-left: 10px;
}
.message.customer-message .message--icon[data-v-18a1992f] {
margin-right: 10px;
}
.message.customer-message .message-content[data-v-18a1992f],
.message.customer-message .message--icon[data-v-18a1992f],
.message.customer-message .message--wrapper[data-v-18a1992f] {
float: right;
}
.message.customer-message .message--revoke-message[data-v-18a1992f] {
float: none;
}
.message.waiter-message .message--pin[data-v-18a1992f] {
text-align: left;
}
.message.waiter-message .message--head[data-v-18a1992f] {
float: left;
margin-right: 10px;
}
.message.waiter-message .message--icon[data-v-18a1992f] {
margin-left: 10px;
}
.message.waiter-message .message-content[data-v-18a1992f],
.message.waiter-message .message--icon[data-v-18a1992f],
.message.waiter-message .message--wrapper[data-v-18a1992f] {
float: left;
}
.message.waiter-message .message--revoke-message[data-v-18a1992f] {
float: none;
}
.text-message[data-v-77a3087f] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 42px;
line-height: 1.4;
font-size: 13px;
color: #252525;
letter-spacing: 0;
}
.text-message--container[data-v-77a3087f] {
position: relative;
display: inline-block;
min-height: 18px;
line-height: 1.4;
background-color: #f3f3f3;
border-radius: 4px;
padding: 12px 9px;
word-break: break-all;
}
.text-message--container[data-v-77a3087f]:after {
position: absolute;
content: "";
width: 23px;
height: 42px;
top: 0;
}
.text-message.waiter-message .text-message--container[data-v-77a3087f] {
float: left;
margin-left: 5px;
padding-left: 17px;
text-align: justify;
word-break: break-all;
}
.text-message.waiter-message .text-message--container[data-v-77a3087f]:after {
left: -6px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqCAYAAABYzsDTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzI0QTVCMjIxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzI0QTVCMjMxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjRBNUIyMDE2MEExMUU4OUZDOUNENTNBODhENzFDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMjRBNUIyMTE2MEExMUU4OUZDOUNENTNBODhENzFDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsDqUnkAAADjSURBVHjaYvz8+TMDHiADxF1A7ADEkgyEwXMgPgDEZTw8PE8Y8RgOMvgiEAsxkA7eAbE+Ex4FXWQazADV14XP5c+IDAqcQYTP5ZQYDNbPxEBDMGr44DFci1aGJwDxaWoYzoLE5gLiaUAcT61gYUEKhtXUCg7kYImGBoMWtSMUVLY8o0JWx+nyQiD+RivDVwKxKRBfo1U6vwa1YAGtMhEoaBKh6fwbtSIUVw69Sqvsf42WZctokTtq+Kjho4aPGj58DH9Oodl4uy0HKDT8wIB1FZ+AFADxchKC6DlUvT6okwsQYAC/AjSzkv2m0gAAAABJRU5ErkJggg==);
}
.text-message.customer-message .text-message--container[data-v-77a3087f] {
float: right;
margin-right: 5px;
padding-right: 17px;
background-color: #d0e9ff;
}
.text-message.customer-message .text-message--container[data-v-77a3087f]:after {
right: -6px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqCAYAAABYzsDTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzI0QTVCMUUxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzI0QTVCMUYxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjRBNUIxQzE2MEExMUU4OUZDOUNENTNBODhENzFDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMjRBNUIxRDE2MEExMUU4OUZDOUNENTNBODhENzFDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqBcZigAAAD0SURBVHjaYrzw8j8DEMgAcRcQOwCxJANh8ByIDwBxmb4YwxNcihiBhoMMvgjEQgykg3dArI/LAiaoi8kxmAGqrwuXJBM0KCgBDvgMl6TQcEl8htMMjBo+RA2/+IpBi5YuPw20IIFWhnMB8XygBQuAmItWYR4P9YUWrOD6T4O4/AbEabRKLaCg6aaV4SCXF7LQwOBrQBwKLOOvUdvlC4DYFGQwiMNCxWDIAhq6EFmQWobDXUv1TITN4NFScdTwUcNHDR81fHgZ/pxCM57jM/wAhYYfwGd4GbTLRw54B9WP03BQH1IfiJeTEETPoer18XVyAQIMACbMN3JUxFKPAAAAAElFTkSuQmCC);
}
.img-message[data-v-ce3ae636] {
position: relative;
overflow: hidden;
padding-left: 5px;
}
.img-message .img-message--content[data-v-ce3ae636] {
position: relative;
display: block;
background-color: #f3f3f3;
border-radius: 4px;
padding: 10px;
float: left;
min-width: 100px;
min-height: 100px;
max-width: 200px;
max-height: 200px;
cursor: pointer;
z-index: 2;
}
.img-message[data-v-ce3ae636]:after {
position: absolute;
content: "";
width: 23px;
height: 42px;
top: 0;
z-index: 1;
}
.img-message.waiter-message .img-message--content[data-v-ce3ae636] {
float: left;
margin-left: 5px;
text-align: justify;
word-break: break-all;
}
.img-message.waiter-message[data-v-ce3ae636]:after {
left: 4px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqCAYAAABYzsDTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzI0QTVCMjIxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzI0QTVCMjMxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjRBNUIyMDE2MEExMUU4OUZDOUNENTNBODhENzFDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMjRBNUIyMTE2MEExMUU4OUZDOUNENTNBODhENzFDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsDqUnkAAADjSURBVHjaYvz8+TMDHiADxF1A7ADEkgyEwXMgPgDEZTw8PE8Y8RgOMvgiEAsxkA7eAbE+Ex4FXWQazADV14XP5c+IDAqcQYTP5ZQYDNbPxEBDMGr44DFci1aGJwDxaWoYzoLE5gLiaUAcT61gYUEKhtXUCg7kYImGBoMWtSMUVLY8o0JWx+nyQiD+RivDVwKxKRBfo1U6vwa1YAGtMhEoaBKh6fwbtSIUVw69Sqvsf42WZctokTtq+Kjho4aPGj58DH9Oodl4uy0HKDT8wIB1FZ+AFADxchKC6DlUvT6okwsQYAC/AjSzkv2m0gAAAABJRU5ErkJggg==);
}
.img-message.customer-message .img-message--content[data-v-ce3ae636] {
float: right;
margin-right: 5px;
background-color: #d0e9ff;
}
.img-message.customer-message[data-v-ce3ae636]:after {
right: -1px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqCAYAAABYzsDTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzI0QTVCMUUxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzI0QTVCMUYxNjBBMTFFODlGQzlDRDUzQTg4RDcxQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjRBNUIxQzE2MEExMUU4OUZDOUNENTNBODhENzFDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMjRBNUIxRDE2MEExMUU4OUZDOUNENTNBODhENzFDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqBcZigAAAD0SURBVHjaYrzw8j8DEMgAcRcQOwCxJANh8ByIDwBxmb4YwxNcihiBhoMMvgjEQgykg3dArI/LAiaoi8kxmAGqrwuXJBM0KCgBDvgMl6TQcEl8htMMjBo+RA2/+IpBi5YuPw20IIFWhnMB8XygBQuAmItWYR4P9YUWrOD6T4O4/AbEabRKLaCg6aaV4SCXF7LQwOBrQBwKLOOvUdvlC4DYFGQwiMNCxWDIAhq6EFmQWobDXUv1TITN4NFScdTwUcNHDR81fHgZ/pxCM57jM/wAhYYfwGd4GbTLRw54B9WP03BQH1IfiJeTEETPoer18XVyAQIMACbMN3JUxFKPAAAAAElFTkSuQmCC);
}
.btns[data-v-403230cc] {
padding-left: 5px;
margin-top: 10px;
}
.btns span[data-v-403230cc] {
display: inline-block;
background: #fff;
border-radius: 100px;
border: 1px solid #ededed;
color: #f23030;
padding: 9px 18px;
font-size: 12px;
line-height: 12px;
margin-right: 20px;
cursor: pointer;
max-width: 108px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.btns span.active[data-v-403230cc] {
color: #aaa;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.orderProductBox[data-v-618788bc] {
width: 420px;
background: #ffffff;
border-radius: 6px;
}
.orderProductBox .listBox[data-v-618788bc] {
height: 400px;
overflow-y: scroll;
}
.orderProductBox .listBox .bottom[data-v-618788bc] {
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ccc;
}
.orderProductBox .listBox .noDataBtn[data-v-618788bc] {
text-align: center;
}
.orderProductBox .listBox .noDataBtn span[data-v-618788bc] {
border-radius: 15px;
background: #ff6347;
color: #ffffff;
display: inline-block;
line-height: 28px;
padding: 0 8px;
cursor: pointer;
}
.orderProductBox .header[data-v-618788bc] {
font-size: 18px;
color: #aaaaaa;
padding: 14px;
}
.orderProductBox .header .close[data-v-618788bc] {
background-image: url(../img/sprite.png);
background-position: -201px -151px;
width: 10px;
height: 10px;
height: 22px;
margin-top: 3px;
cursor: pointer;
float: right;
}
.orderProductBox .tab[data-v-618788bc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.orderProductBox .tab .itemBox[data-v-618788bc] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
border-bottom: 1px solid #f2f2f2;
display: inline-block;
}
.orderProductBox .tab .itemBox .tabItem[data-v-618788bc] {
display: inline-block;
font-size: 20px;
line-height: 50px;
}
.orderProductBox .tab .itemBox .active[data-v-618788bc] {
color: red;
border-bottom: 1px solid red;
}
.mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
}
.mask .content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.orderItem[data-v-9c6eff8e] {
background: #fff;
padding-bottom: 10px;
cursor: pointer;
max-height: 120px;
}
.orderItem.border[data-v-9c6eff8e] {
border-bottom: 1px solid #f2f2f2;
}
.orderItem .title[data-v-9c6eff8e] {
padding: 10px 0;
}
.orderItem .ordernum[data-v-9c6eff8e] {
color: #5a606b;
}
.orderItem .ordertime[data-v-9c6eff8e] {
color: #a1a6af;
}
.orderItem .imgBox[data-v-9c6eff8e] {
width: 80px;
height: 80px;
border: 1px solid #f2f2f2;
float: left;
}
.orderItem .imgBox img[data-v-9c6eff8e] {
width: 100%;
height: 100%;
}
.orderItem .left[data-v-9c6eff8e] {
padding-left: 93px;
font-size: 12px;
color: #5a606b;
line-height: 20px;
}
.orderItem .left-title[data-v-9c6eff8e] {
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
box-orient: vertical;
max-height: 40px;
width: 260px;
}
.orderItem .left .btns .sate[data-v-9c6eff8e] {
font-size: 12px;
display: inline-block;
line-height: 15px;
margin-top: 18px;
border-radius: 100px;
color: #999;
}
.orderItem .left .btns .sate.price[data-v-9c6eff8e] {
margin-top: 21px;
}
.orderItem .left .btns .comment[data-v-9c6eff8e] {
cursor: pointer;
color: #44a4ff;
line-height: 15px;
margin-top: 18px;
padding: 4px 0px;
}
.orderItem .left .btns .state0[data-v-9c6eff8e] {
background: #f2f2f2;
color: #5a606b;
padding: 4px 11px;
}
.orderItem .left .btns .state1[data-v-9c6eff8e] {
color: #f23030;
padding: 4px 11px;
background: #ffeded;
}
.orderItem .bt[data-v-9c6eff8e] {
margin-top: 10px;
line-height: 22px;
}
.orderItem .bt .pricebox[data-v-9c6eff8e] {
font-size: 12px;
}
.orderItem .bt .pricebox .price[data-v-9c6eff8e] {
color: #f02b2b;
}
.orderItem .bt .send[data-v-9c6eff8e] {
font-family: MicrosoftYaHei;
line-height: 14px;
font-size: 12px;
color: #5a606b;
padding: 4px 11px;
background: #faf9f9;
border: 1px solid #d9d9d9;
border-radius: 2px;
cursor: pointer;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.product-item[data-v-4385e446] {
padding: 20px 0;
cursor: pointer;
}
.product-item.border[data-v-4385e446] {
border-bottom: 1px solid #F2F2F2;
}
.pic-wrap[data-v-4385e446] {
float: left;
width: 80px;
height: 80px;
}
.pic-wrap img[data-v-4385e446] {
width: 100%;
height: 100%;
}
.info-wrap[data-v-4385e446] {
width: 260px;
float: left;
margin-left: 10px;
}
.info-wrap .title[data-v-4385e446] {
height: 28px;
line-height: 1.2;
overflow: hidden;
display: -webkit-box;
/* autoprefixer：off */
-webkit-box-orient: vertical;
/* autoprefixer：on*/
-webkit-line-clamp: 2;
}
.info-wrap .cart[data-v-4385e446] {
float: right;
background-image: url(../img/sprite.png);
background-position: -132px -70px;
width: 24px;
height: 24px;
margin-top: 10px;
cursor: pointer;
}
.info-box[data-v-4385e446] {
font-size: 13px;
margin-top: 12px;
color: #999999;
display: inline-block;
}
.info-box .rate[data-v-4385e446]::before {
content: "";
display: inline-block;
width: 1px;
height: 12px;
background: #D7D7D7;
margin: 0 10px 0 6px;
vertical-align: -1px;
}
.detail[data-v-4385e446] {
background: #fafafa;
border: 1px solid #F2F2F2;
border-radius: 20%;
padding: 1px 5px;
margin-left: 10px;
color: #999999;
float: right;
margin: 6px 5px 0 0;
}
.detail[data-v-4385e446]:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
margin-left: 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.label {
font-size: 12px;
border-radius: 2px;
display: inline-block;
padding: 0 4px;
line-height: 16px;
color: #FFF;
background: #F23030;
}
.label.reduce {
border: 1px solid #F23030;
color: #F23030;
background: #fff;
}
.label.yellow {
background: #FFC267;
}
.label.purple {
background: #8F91FF;
}
.label.lightRed {
background: #FF4A4A;
}
.label.orange {
border: 1px solid #FF7400;
color: #FF7400;
}
.track-box[data-v-5c7d568a] {
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
}
.track-box .header[data-v-5c7d568a] {
line-height: 40px;
padding-left: 10px;
color: #5A606B;
letter-spacing: .5px;
border-bottom: 1px solid #F2F2F2;
}
.track-box .order-num[data-v-5c7d568a] {
padding: 10px 0 2px 10px;
color: #5A606B;
letter-spacing: .5px;
}
.track-box .block[data-v-5c7d568a] {
float: right;
width: 360px;
position: relative;
}
.track-box .block .track-line[data-v-5c7d568a] {
height: 70px;
border-left: 1px dashed #D9D9D9;
width: 0;
display: inline-block;
position: absolute;
top: 27px;
left: -20px;
}
.gap-btm[data-v-5c7d568a] {
margin-bottom: 18px;
}
.view-more[data-v-5c7d568a] {
font-size: 13px;
color: #A1A6AF;
text-align: center;
letter-spacing: .5px;
line-height: 40px;
cursor: pointer;
}
.view-more[data-v-5c7d568a]:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 8px;
vertical-align: 3px;
}
.track-item[data-v-02216ed0] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 14px 9px;
border-bottom: 1px solid #F2F2F2;
color: #999999;
position: relative;
}
.track-item[data-v-02216ed0]::before {
content: '';
display: inline-block;
width: 7px;
height: 7px;
background: #CCCCCC;
border-radius: 50%;
position: absolute;
left: -23px;
top: 15px;
}
.track-item .track-title[data-v-02216ed0] {
line-height: 1.8;
}
.track-item .operator[data-v-02216ed0] {
float: right;
padding-right: 8px;
width: 100px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.track-item .footer[data-v-02216ed0] {
margin-top: 2px;
}
.track-item.last[data-v-02216ed0] {
border: 0;
height: 90px;
}
.track-item.first .track-title[data-v-02216ed0] {
color: #000000;
}
.track-item.first[data-v-02216ed0]::before {
width: 11px;
height: 11px;
background: #F23030;
left: -25px;
}
.list-wrap[data-v-092c31fa] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
margin-top: 18px;
}
.product-list[data-v-092c31fa] {
padding: 0 20px;
}
.product-list.heightfix[data-v-092c31fa] {
height: 363px;
}
.pagination {
height: 43px;
}
.pagination > div {
background: #ffffff;
width: 50%;
float: left;
font-size: 13px;
color: #a1a6af;
text-align: center;
line-height: 43px;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.pagination > div.disabled {
color: #d8dade;
cursor: not-allowed;
}
.pagination > div.disabled:after {
border-color: currentColor;
}
.prev-page:after,
.next-page:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #a1a6af;
border-bottom: 1px solid #a1a6af;
margin-left: 8px;
}
.prev-page:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.next-page:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: 4px;
}
.product-single[data-v-191cea0a] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
padding: 0 20px;
}
.single-temp[data-v-191cea0a] {
border-bottom: 1px solid #f2f2f2;
}
.send-url[data-v-191cea0a] {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #A1A6AF;
}
.send-url span[data-v-191cea0a]::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #0083FF;
border-bottom: 1px solid #0083FF;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
div.nomar[data-v-412f2ece] {
margin-top: 0;
}
.list-wrap[data-v-412f2ece] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f2f2f2;
border-radius: 4px;
width: 100%;
margin-top: 18px;
overflow: hidden;
}
.list-wrap .orderlist[data-v-412f2ece] {
padding-left: 18px;
padding-right: 18px;
background: #ffffff;
border-radius: 4px;
}
.list-wrap .orderlist.heightfix[data-v-412f2ece] {
height: 392px;
}
.pagination[data-v-412f2ece] {
height: 43px;
background: #ffffff;
width: 398px;
margin-top: 392px;
border-radius: 0 0 4px 4px;
}
.pagination > div[data-v-412f2ece] {
width: 50%;
float: left;
font-size: 13px;
color: #a1a6af;
text-align: center;
line-height: 43px;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.pagination > div.disabled[data-v-412f2ece] {
color: #d8dade;
cursor: not-allowed;
}
.pagination > div.disabled[data-v-412f2ece]:after {
border-color: #d8dade;
}
.prev-page[data-v-412f2ece]:after,
.next-page[data-v-412f2ece]:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #a1a6af;
border-bottom: 1px solid #a1a6af;
margin-left: 8px;
}
.prev-page[data-v-412f2ece]:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.next-page[data-v-412f2ece]:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: 4px;
}
.send-url[data-v-412f2ece] {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #A1A6AF;
border-top: 1px solid #f2f2f2;
}
.send-url span[data-v-412f2ece]::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #0083FF;
border-bottom: 1px solid #0083FF;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.list-wrap[data-v-077527c7] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
margin-top: 18px;
}
.product-list[data-v-077527c7] {
padding: 0 20px;
}
.product-list.heightfix[data-v-077527c7] {
height: 363px;
}
.single-temp[data-v-ab5786d0] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
padding: 0 20px;
}
.single-temp.send[data-v-ab5786d0] {
float: right;
}
.send-url[data-v-ab5786d0] {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #A1A6AF;
border-top: 1px solid #f2f2f2;
}
.send-url span[data-v-ab5786d0]::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #0083FF;
border-bottom: 1px solid #0083FF;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
/*
* Swiper 2.7.6
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container[data-v-764bff28] {
margin:0 auto;
position:relative;
overflow:hidden;
direction:ltr;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper[data-v-764bff28] {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper[data-v-764bff28] {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide[data-v-764bff28] {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal[data-v-764bff28] {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical[data-v-764bff28] {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container[data-v-764bff28] {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide[data-v-764bff28] {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active[data-v-764bff28] {
/* Specific active slide styling: */
}
.swiper-slide-visible[data-v-764bff28] {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch[data-v-764bff28] {
/* Stylize pagination button: */
}
.swiper-active-switch[data-v-764bff28] {
/* Specific active button style: */
}
.swiper-visible-switch[data-v-764bff28] {
/* Specific visible button style: */
}
.quickcardbox[data-v-764bff28] {
position: relative;
}
.quickcardbox .quickcard-item--inner[data-v-764bff28] {
background: #ffffff;
border: 1px solid #ededed;
border-radius: 4px;
height: 110px;
width: 100px;
text-align: center;
cursor: pointer;
margin: 0 5px;
}
.quickcardbox .quickcard-item--inner.first[data-v-764bff28] {
width: 100px;
padding: 10px;
height: 90px;
}
.quickcardbox .quickcard-item--inner.first img[data-v-764bff28] {
width: 100px;
height: 90px;
}
.quickcardbox .quickcard-item .icon[data-v-764bff28] {
padding: 16px 0;
}
.quickcardbox .quickcard-item .icon img[data-v-764bff28] {
width: 32px;
height: 32px;
}
.quickcardbox .quickcard-item .title[data-v-764bff28] {
font-size: 14px;
color: #252525;
letter-spacing: -0.34px;
}
.quickcardbox .quickcard-item .explain[data-v-764bff28] {
font-size: 12px;
color: #999999;
letter-spacing: -0.29px;
}
.quickcardbox .arrowPrev[data-v-764bff28] {
background-image: url(../img/sprite.png);
background-position: -21px -151px;
display: block;
top: 55%;
position: absolute;
-webkit-transform: scale(1) translate3d(-70%, -80%, 0);
transform: scale(1) translate3d(-70%, -80%, 0);
width: 11px;
height: 20px;
cursor: pointer;
}
.quickcardbox .arrowNext[data-v-764bff28] {
background-image: url(../img/sprite.png);
background-position: -63px -151px;
display: block;
right: -15px;
top: 55%;
position: absolute;
-webkit-transform: scale(1) translate3d(-70%, -80%, 0);
transform: scale(1) translate3d(-70%, -80%, 0);
width: 11px;
height: 20px;
cursor: pointer;
}
.swiper-container[data-v-764bff28] {
width: 95%;
margin: 0 auto;
}
.swiper-wrapper[data-v-764bff28] {
height: auto!important;
}
.menu-wrap[data-v-6eab7c2e] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
margin-top: 18px;
padding: 0 10px;
font-size: 13px;
color: #5A606B;
}
.menu-wrap.gap[data-v-6eab7c2e] {
padding-top: 10px;
}
.pic-item[data-v-6eab7c2e] {
cursor: pointer;
}
.pic-item img[data-v-6eab7c2e] {
width: 100%;
}
.menu-list .item[data-v-6eab7c2e] {
height: 41px;
line-height: 40px;
position: relative;
cursor: pointer;
}
.menu-list .item.border[data-v-6eab7c2e] {
border-bottom: 1px solid #F2F2F2;
}
.menu-list .item span[data-v-6eab7c2e] {
display: inline-block;
width: 345px;
}
.menu-list .item.disabled[data-v-6eab7c2e] {
color: #8c939f;
}
.menu-list .item[data-v-6eab7c2e]::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 5px;
top: 18px;
}
.view-more[data-v-6eab7c2e] {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #A1A6AF;
}
.invoice[data-v-7edf6808] {
margin-top: 20px;
padding-left: 5px;
border: 1px solid #f2f2f2;
border-radius: 4px;
width: 260px;
}
.invoice--box[data-v-7edf6808] {
width: 233px;
min-height: 110px;
background-color: #fff;
border-radius: 4px;
padding: 11px 11px 6px 11px;
}
.invoice--title[data-v-7edf6808] {
font-size: 14px;
color: #252525;
margin-bottom: 2px;
}
.invoice--content[data-v-7edf6808] {
font-size: 12px;
color: #666;
padding: 5px 0;
}
.invoice--btns[data-v-7edf6808] {
margin-top: 16px;
margin-bottom: 16px;
}
.jimi-btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 26px;
padding: 0 12px;
line-height: 26px;
border-radius: 4px;
color: #fff;
text-align: center;
font-size: 12px;
background-color: #f23030;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.jimi-btn.disable {
background: #f2f2f2;
color: #fff;
}
.jimi-btn.FC {
background: #fff;
color: #f23030;
border: 1px solid #d9d9d9;
}
.jimi-btn.oval {
border-radius: 100px;
background: #fff;
color: #a1a6af;
border: 1px solid #f2f2f2;
}
.jimi-btn.panda {
background: #fff;
color: #343036;
border: 1px solid #d9d9d9;
}
.weather-wrap {
background: #FFFFFF;
padding: 5px 0;
border: 1px solid #F2F2F2;
border-radius: 4px;
margin-top: 18px;
width: 400px;
}
.weather-list {
font-size: 13px;
color: #5A606B;
width: 100%;
}
.weather-list td {
padding: 6px 0;
height: 30px;
line-height: 30px;
text-align: center;
}
.weather-list .weather-icon {
height: 30px;
vertical-align: middle;
}
.weather-list .temperature {
width: 120px;
}
.weather-list .date-desc {
width: 60px;
}
.weather-list .date {
width: 50px;
}
div.nomar[data-v-013fdb60] {
margin-top: 0;
}
.list-wrap[data-v-013fdb60] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f2f2f2;
border-radius: 4px;
width: 100%;
margin-top: 18px;
overflow: hidden;
}
.list-wrap .orderlist[data-v-013fdb60] {
padding-left: 18px;
padding-right: 18px;
width: 356px;
background: #ffffff;
border-radius: 4px;
}
.list-wrap .orderlist.heightfix[data-v-013fdb60] {
height: 392px;
}
.pagination[data-v-013fdb60] {
height: 43px;
background: #ffffff;
width: 398px;
margin-top: 392px;
border-radius: 0 0 4px 4px;
}
.pagination > div[data-v-013fdb60] {
width: 50%;
float: left;
font-size: 13px;
color: #a1a6af;
text-align: center;
line-height: 43px;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.pagination > div.disabled[data-v-013fdb60] {
color: #d8dade;
cursor: not-allowed;
}
.pagination > div.disabled[data-v-013fdb60]:after {
border-color: #d8dade;
}
.prev-page[data-v-013fdb60]:after,
.next-page[data-v-013fdb60]:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #a1a6af;
border-bottom: 1px solid #a1a6af;
margin-left: 8px;
}
.prev-page[data-v-013fdb60]:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.next-page[data-v-013fdb60]:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: 4px;
}
.orderItem[data-v-f34bc9f8] {
background: #fff;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
cursor: pointer;
}
.orderItem .title[data-v-f34bc9f8] {
padding: 10px 0;
}
.orderItem .ordernum[data-v-f34bc9f8] {
color: #5a606b;
}
.orderItem .ordertime[data-v-f34bc9f8] {
color: #a1a6af;
}
.orderItem .imgBox[data-v-f34bc9f8] {
width: 80px;
height: 80px;
border: 1px solid #f2f2f2;
float: left;
}
.orderItem .imgBox img[data-v-f34bc9f8] {
width: 100%;
height: 100%;
}
.orderItem .left[data-v-f34bc9f8] {
padding-left: 93px;
font-size: 12px;
color: #5a606b;
line-height: 20px;
}
.orderItem .left .elli[data-v-f34bc9f8] {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* autoprefixer：off */
-webkit-box-orient: vertical;
/* autoprefixer：on*/
color: #000;
line-height: 20px;
box-orient: vertical;
}
.orderItem .left .btns[data-v-f34bc9f8] {
font-size: 13px;
color: #999;
line-height: 18px;
margin-top: 17px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* autoprefixer：off */
-webkit-box-orient: vertical;
/* autoprefixer：on*/
box-orient: vertical;
}
.orderItem .bt[data-v-f34bc9f8] {
margin-top: 10px;
line-height: 22px;
}
.orderItem .bt .pricebox[data-v-f34bc9f8] {
font-size: 12px;
}
.orderItem .bt .pricebox .price[data-v-f34bc9f8] {
color: #f02b2b;
}
.orderItem .bt .send[data-v-f34bc9f8] {
font-family: MicrosoftYaHei;
line-height: 14px;
font-size: 12px;
color: #5a606b;
padding: 4px 11px;
background: #faf9f9;
border: 1px solid #d9d9d9;
border-radius: 2px;
cursor: pointer;
}
.stock-wrap[data-v-439dd62a] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
padding: 0 20px;
}
.stock-wrap .header[data-v-439dd62a] {
line-height: 40px;
color: #5A606B;
letter-spacing: .5px;
border-bottom: 1px solid #F2F2F2;
}
.gap-btm[data-v-439dd62a] {
margin-bottom: 18px;
}
.stock-list.heightfix[data-v-439dd62a] {
height: 321px;
}
.stock-first[data-v-439dd62a] {
height: 30px;
line-height: 30px;
display: inline-block;
padding: 0 16px;
margin-top: 10px;
border-radius: 100px;
border: 1px solid #EDEDED;
}
.stock-first.disabled[data-v-439dd62a] {
color: #A1A6AF;
cursor: not-allowed;
}
.stock-item[data-v-0e3a0e99] {
background: #fff;
padding: 10px 0;
cursor: pointer;
}
.stock-item.border[data-v-0e3a0e99] {
border-bottom: 1px solid #F2F2F2;
}
.img-box[data-v-0e3a0e99] {
width: 80px;
height: 80px;
border: 1px solid #f2f2f2;
float: left;
}
.img-box img[data-v-0e3a0e99] {
width: 100%;
height: 100%;
}
.desc-box[data-v-0e3a0e99] {
padding-left: 93px;
font-size: 12px;
color: #5a606b;
line-height: 20px;
}
.desc-box .title[data-v-0e3a0e99] {
height: 40px;
}
.desc-box .elli[data-v-0e3a0e99] {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.desc-box .footer[data-v-0e3a0e99] {
padding-top: 5px;
}
.desc-box .footer .sate[data-v-0e3a0e99] {
font-size: 12px;
display: inline-block;
line-height: 15px;
margin-top: 18px;
border-radius: 100px;
color: #999;
}
.desc-box .footer .state0[data-v-0e3a0e99] {
background: #f2f2f2;
color: #5a606b;
padding: 4px 17px;
}
.desc-box .footer .state1[data-v-0e3a0e99] {
color: #f23030;
padding: 4px 17px;
background: #ffeded;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.radius[data-v-751ab828] {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.btns[data-v-751ab828] {
padding-left: 5px;
margin-top: 10px;
}
.btns span[data-v-751ab828] {
background: #fff;
border-radius: 100px;
color: #f23030;
border: 1px solid #ededed;
padding: 9px 18px;
font-size: 12px;
line-height: 12px;
margin-right: 20px;
cursor: pointer;
}
.btns span.active[data-v-751ab828] {
color: #aaa;
}
.con .titlebox[data-v-751ab828] {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #000000;
letter-spacing: -0.34px;
line-height: 13px;
}
.con .titlebox .close[data-v-751ab828] {
background-image: url(../img/sprite.png);
background-position: -201px -151px;
width: 10px;
height: 10px;
cursor: pointer;
}
.con .text[data-v-751ab828] {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #000000;
letter-spacing: -0.29px;
margin-top: 18px;
}
.con .check[data-v-751ab828] {
margin-top: 17px;
}
.btnbox[data-v-751ab828] {
padding: 10px;
}
.btnbox .right[data-v-751ab828] {
margin-left: 10px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.modal {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
min-width: 300px;
background-color: #fff;
}
.modal--header {
margin-bottom: 17px;
}
.modal--body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal--bottom {
height: 30px;
margin-top: 20px;
}
.modal--title {
float: left;
font-size: 16px;
line-height: 22px;
width: 80%;
color: #252525;
}
.modal--close {
background-image: url(../img/sprite.png);
background-position: -201px -151px;
width: 10px;
height: 10px;
width: 12px;
height: 12px;
margin-top: 3px;
cursor: pointer;
float: right;
}
.modal--btn {
height: 30px;
line-height: 30px;
}
.modal--btn__confirm {
float: right;
}
.modal--btn__cancel {
float: right;
margin-right: 20px;
}
.radiobox {
position: relative;
display: inline-block;
margin-right: 25px;
}
.radiobox label {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #252525;
letter-spacing: 0;
line-height: 18px;
}
.radiobox input {
opacity: 0.1;
width: 14px;
height: 14px;
}
.radiobox .lab {
position: absolute;
top: 1px;
left: 1px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 50%;
width: 14px;
height: 14px;
}
input:checked + .lab {
background: #ffffff;
border: 1px solid #f23030;
}
input:checked + label:after {
position: absolute;
content: "";
width: 6px;
height: 6px;
background: #f23030;
border-radius: 50%;
top: 4px;
left: 4px;
}
.textareabox[data-v-05976365] {
font-size: 12px;
position: relative;
}
.textareabox .message[data-v-05976365] {
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 4px;
margin-top: 19px;
width: 272px;
height: 74px;
font-family: PingFangSC-Regular;
font-size: 12px;
line-height: 22px;
padding: 11px;
resize: none;
}
.textareabox .num[data-v-05976365] {
position: absolute;
bottom: 10px;
right: 10px;
color: #a1a6af;
letter-spacing: -0.29px;
line-height: 14px;
}
.phone[data-v-0652a41c] {
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 4px;
font-family: PingFangSC-Regular;
font-size: 14px;
width: 285px;
color: #000000;
letter-spacing: -0.34px;
line-height: 32px;
margin-top: 18px;
padding-left: 11px;
}
.promotions-wrap[data-v-c2a146fe] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
padding: 0 0 0 10px;
}
.promotions-item-wrapper[data-v-c2a146fe] {
overflow: hidden;
}
.gap-btm[data-v-c2a146fe] {
margin-bottom: 18px;
}
.view-more[data-v-c2a146fe] {
font-size: 13px;
color: #A1A6AF;
text-align: center;
letter-spacing: .5px;
line-height: 40px;
cursor: pointer;
}
.view-more[data-v-c2a146fe]::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 8px;
vertical-align: 3px;
}
.view-more.fold[data-v-c2a146fe]::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
vertical-align: -1px;
}
.promotions-item[data-v-092eb194] {
padding: 10px 0;
color: #666666;
}
.promotions-item.border[data-v-092eb194] {
border-bottom: 1px solid #DEDEDE;
}
.promotions-item > div[data-v-092eb194] {
float: left;
}
.promotions-item .left[data-v-092eb194] {
width: 90px;
}
.promotions-item .right[data-v-092eb194] {
width: 297px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.promotions-item .right.desc[data-v-092eb194] {
max-height: 56px;
padding-right: 10px;
}
.p-label[data-v-092eb194] {
border-radius: 1px;
}
.elli2[data-v-092eb194] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.gift-item[data-v-092eb194] {
cursor: pointer;
padding: 10px 0;
border-bottom: 1px solid #dedede;
position: relative;
}
.gift-item.first[data-v-092eb194] {
padding-top: 0;
}
.gift-item.first[data-v-092eb194]::after {
top: 6px;
}
.gift-item.last[data-v-092eb194] {
padding-bottom: 0;
border-bottom: 0;
}
.gift-item-name[data-v-092eb194] {
width: 240px;
max-height: 36px;
display: inline-block;
}
.gift-item-num[data-v-092eb194] {
float: right;
margin-right: 30px;
}
.gift-item[data-v-092eb194]::after {
content: "";
width: 6px;
height: 6px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 16px;
right: 12px;
}
.coupon-wrap[data-v-a3ad49a2] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #f2f2f2;
border-radius: 4px;
width: 400px;
padding: 0 10px;
}
.gap-btm[data-v-a3ad49a2] {
margin-bottom: 18px;
}
.view-more[data-v-a3ad49a2] {
font-size: 13px;
color: #a1a6af;
text-align: center;
letter-spacing: 0.5px;
line-height: 40px;
cursor: pointer;
}
.view-more[data-v-a3ad49a2]:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #a1a6af;
border-bottom: 1px solid #a1a6af;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 8px;
vertical-align: 3px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.coupon-item[data-v-21ced38e] {
padding: 10px 0 8px;
cursor: pointer;
}
.coupon-item.border[data-v-21ced38e] {
border-bottom: 1px solid #DEDEDE;
}
.coupon-item.accepted .left[data-v-21ced38e]::before {
content: '';
display: inline-block;
position: absolute;
left: 0;
top: 0;
background-image: url(../img/sprite.png);
background-position: 0px 0px;
width: 76px;
height: 60px;
z-index: 11;
}
.coupon-item > div[data-v-21ced38e] {
float: left;
}
.coupon-item .left[data-v-21ced38e] {
width: 90px;
position: relative;
}
.coupon-item .right[data-v-21ced38e] {
width: 275px;
margin-left: 10px;
}
.p-label[data-v-21ced38e] {
border-radius: 1px;
}
.desc[data-v-21ced38e] {
display: inline;
}
.left-wrap[data-v-21ced38e] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
background: #FF273F;
position: relative;
color: #FFF;
text-align: center;
padding: 10px 0;
}
.left-wrap[data-v-21ced38e]:before,
.left-wrap[data-v-21ced38e]:after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
position: absolute;
top: 25px;
border-radius: 50%;
background: #FFF;
}
.left-wrap[data-v-21ced38e]:before {
left: -5px;
}
.left-wrap[data-v-21ced38e]:after {
right: -5px;
}
.discount[data-v-21ced38e] {
font-size: 24px;
}
.discount[data-v-21ced38e]::before {
content: "\FFE5";
font-size: 12px;
-webkit-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
display: inline-block;
width: 12px;
height: 16px;
}
.quota[data-v-21ced38e] {
margin-top: 5px;
}
.description[data-v-21ced38e] {
height: 40px;
line-height: 1.7;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.time[data-v-21ced38e] {
margin-top: 5px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.box[data-v-8dc4eff8] {
background: #ffffff;
border-radius: 4px;
border: 1px solid #f2f2f2;
width: 280px;
overflow: hidden;
margin-left: 5px;
margin-top: 9px;
}
.box .con[data-v-8dc4eff8] {
margin: 10px 10px 0 10px;
border-radius: 4px;
border-bottom: 1px solid #f2f2f2;
}
.box .con .titlebox[data-v-8dc4eff8] {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #000000;
letter-spacing: -0.34px;
line-height: 13px;
}
.box .con .hopprice[data-v-8dc4eff8] {
width: 120px;
line-height: 24px;
font-size: 13px;
margin-top: 0;
color: #f23030;
}
.box .con .phone[data-v-8dc4eff8] {
width: 120px;
line-height: 24px;
font-size: 13px;
margin-top: 0;
}
.box .con .text[data-v-8dc4eff8] {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #a1a6af;
letter-spacing: 0;
line-height: 28px;
border-bottom: 1px solid #f2f2f2;
}
.box .con .item[data-v-8dc4eff8] {
height: 28px;
margin-top: 10px;
}
.box .con .item.first[data-v-8dc4eff8] {
margin-top: 16px;
}
.box .con .item.last[data-v-8dc4eff8] {
margin-bottom: 16px;
}
.box .con .check[data-v-8dc4eff8] {
margin-top: 17px;
}
.box .btnbox[data-v-8dc4eff8] {
padding: 10px;
}
.box .btnbox .right[data-v-8dc4eff8] {
margin-left: 10px;
}
.parameter-box[data-v-aef024f6] {
margin-top: 19px;
width: 400px;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
}
.parameter-title[data-v-aef024f6] {
font-size: 13px;
font-weight: normal;
color: #a1a6af;
letter-spacing: 0;
text-align: left;
margin: 0 9px;
padding: 11px 0;
border-bottom: 1px solid #f2f2f2;
}
.parameter-content[data-v-aef024f6] {
zoom: 1;
padding: 5px;
}
.parameter-content[data-v-aef024f6]:after {
content: "";
display: block;
clear: both;
}
.parameter-content-item-container[data-v-aef024f6] {
float: left;
width: 33.33333%;
}
.parameter-content-item[data-v-aef024f6] {
padding: 6px 0;
border: 1px solid #f2f2f2;
color: #5a606b;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-align: center;
margin: 5px;
max-height: 30px;
overflow-x: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.selected .parameter-content-item[data-v-aef024f6] {
background-color: #f2f2f2;
color: #a1a6af;
cursor: not-allowed;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.toimbox .statusText[data-v-12992c01] {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.btns[data-v-12992c01] {
padding-left: 5px;
}
.btns span[data-v-12992c01] {
background: #fff;
border: 1px solid #f2f2f2;
border-radius: 4px;
color: #f23030;
padding: 9px 18px;
padding-left: 34px;
font-size: 12px;
line-height: 12px;
margin-right: 20px;
margin-top: 10px;
cursor: pointer;
position: relative;
}
.btns span[data-v-12992c01]::before {
content: "";
position: absolute;
height: 16px;
background-image: url(../img/sprite.png);
background-position: -110px -151px;
width: 16px;
height: 13px;
left: 10px;
}
.btns .active[data-v-12992c01] {
color: #aaa;
}
.active[data-v-12992c01] {
color: #aaa;
}
.groupList-content[data-v-12992c01] {
zoom: 1;
padding: 5px;
}
.groupList-content[data-v-12992c01]:after {
content: "";
display: block;
clear: both;
}
.groupList-content-item[data-v-12992c01] {
padding: 6px 0;
border: 1px solid #f2f2f2;
color: #5a606b;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-align: center;
margin: 5px;
max-height: 30px;
overflow-x: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.groupList-content-item.active[data-v-12992c01] {
color: #aaa;
}
.selected .groupList-content-item[data-v-12992c01] {
background-color: #f2f2f2;
color: #a1a6af;
cursor: not-allowed;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.toimbox .statusText[data-v-0ff3586c] {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.btns[data-v-0ff3586c] {
padding-left: 5px;
}
.btns span[data-v-0ff3586c] {
background: #fff;
border: 1px solid #f23030;
color: #f23030;
padding: 9px 18px;
padding-left: 34px;
font-size: 12px;
line-height: 12px;
margin-right: 20px;
margin-top: 10px;
cursor: pointer;
position: relative;
}
.btns span[data-v-0ff3586c]::before {
content: "";
position: absolute;
height: 16px;
background-image: url(../img/sprite.png);
background-position: -110px -151px;
width: 16px;
height: 13px;
left: 10px;
}
.active[data-v-0ff3586c] {
color: #aaa;
}
.groupList-content[data-v-0ff3586c] {
zoom: 1;
padding: 5px;
}
.groupList-content[data-v-0ff3586c]:after {
content: "";
display: block;
clear: both;
}
.groupList-content-item[data-v-0ff3586c] {
padding: 6px 0;
border: 1px solid #f2f2f2;
color: #5a606b;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-align: center;
margin: 5px;
max-height: 30px;
overflow-x: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.groupList-content-item.active[data-v-0ff3586c] {
color: #aaa;
}
.selected .groupList-content-item[data-v-0ff3586c] {
background-color: #f2f2f2;
color: #a1a6af;
cursor: not-allowed;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.btns[data-v-da855218] {
padding-left: 5px;
}
.btns span[data-v-da855218] {
background: #fff;
border: 1px solid #f23030;
color: #f23030;
padding: 9px 18px;
padding-left: 34px;
font-size: 12px;
line-height: 12px;
margin-right: 20px;
cursor: pointer;
position: relative;
}
.btns span[data-v-da855218]::before {
content: "";
position: absolute;
height: 16px;
background-image: url(../img/sprite.png);
background-position: -110px -151px;
width: 16px;
height: 13px;
left: 10px;
}
.btns span.active[data-v-da855218] {
color: #aaa;
}
.groupList-content[data-v-da855218] {
margin-top: 8px;
margin-left: 4px;
zoom: 1;
padding: 5px;
border: 1px solid #f2f2f2;
border-radius: 4px;
min-width: 380px;
}
.groupList-content[data-v-da855218]:after {
content: "";
display: block;
clear: both;
}
.groupList-content-item-container[data-v-da855218] {
float: left;
width: 33.33333%;
}
.groupList-content-item[data-v-da855218] {
padding: 6px 0;
border: 1px solid #f2f2f2;
color: #5a606b;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-align: center;
margin: 10px;
max-height: 30px;
overflow-x: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.selected .groupList-content-item[data-v-da855218] {
background-color: #f2f2f2;
color: #a1a6af;
cursor: not-allowed;
}
div.nomar[data-v-9e182638] {
margin-top: 0;
}
.service-wrap[data-v-9e182638] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f2f2f2;
border-radius: 4px;
width: 100%;
margin-top: 18px;
overflow: hidden;
}
.service-wrap .service-list[data-v-9e182638] {
padding-left: 18px;
padding-right: 18px;
width: 356px;
background: #ffffff;
border-radius: 4px;
}
.service-wrap .service-list.heightfix[data-v-9e182638] {
height: 392px;
}
.service-item[data-v-558bd2f6] {
background: #fff;
padding-bottom: 10px;
cursor: pointer;
max-height: 120px;
}
.service-item.border[data-v-558bd2f6] {
border-bottom: 1px solid #f2f2f2;
}
.service-header[data-v-558bd2f6] {
padding: 10px 0;
}
.service-number[data-v-558bd2f6] {
color: #5a606b;
}
.service-time[data-v-558bd2f6] {
color: #a1a6af;
}
.service-img[data-v-558bd2f6] {
width: 80px;
height: 80px;
border: 1px solid #f2f2f2;
float: left;
}
.service-info[data-v-558bd2f6] {
padding-left: 93px;
font-size: 12px;
color: #5a606b;
line-height: 20px;
}
.service-info-title[data-v-558bd2f6] {
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
box-orient: vertical;
height: 40px;
}
.service-info-order[data-v-558bd2f6] {
font-size: 12px;
display: inline-block;
margin-top: 21px;
line-height: 15px;
margin-top: 18px;
border-radius: 100px;
color: #999;
}
.graph-content-wrapper[data-v-f95ff6de] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
padding: 7px 11px 0;
}
.graph-content-container[data-v-f95ff6de] {
overflow: hidden;
}
.graph-content-title[data-v-f95ff6de] {
font-size: 16px;
line-height: 22px;
}
.graph-content-desc[data-v-f95ff6de] {
margin-top: 4px;
font-size: 12px;
color: #666666;
line-height: 20px;
}
.gap-btm[data-v-f95ff6de] {
margin-bottom: 18px;
}
.view-more[data-v-f95ff6de] {
font-size: 13px;
color: #A1A6AF;
text-align: center;
letter-spacing: .5px;
line-height: 40px;
cursor: pointer;
}
.view-more[data-v-f95ff6de]::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 8px;
vertical-align: 3px;
}
.view-more.fold[data-v-f95ff6de]::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
vertical-align: -1px;
}
.graph-item-pic[data-v-6136dec9] {
margin: 10px;
}
.graph-item-pic .graph-item-pic-inner[data-v-6136dec9] {
float: none;
max-width: 320px;
max-height: 320px;
}
.img-message--content[data-v-184b6aba] {
position: relative;
display: block;
background-color: #fff;
float: left;
max-width: 250px;
max-height: 250px;
cursor: pointer;
z-index: 2;
}
.graph-item-text[data-v-012838e9] {
margin-top: 4px;
font-size: 12px;
color: #666666;
line-height: 20px;
}
.order-confirm[data-v-31fcd42b] {
width: 340px;
background: #ffffff;
border: 1px solid #dedede;
border-radius: 6px;
padding: 15px;
}
.order-confirm .ps[data-v-31fcd42b] {
margin-top: 10px;
}
.order-confirm .ps p[data-v-31fcd42b] {
line-height: 20px;
}
.order-confirm .title[data-v-31fcd42b] {
font-size: 13px;
color: #252525;
}
.order-confirm .orderDetail img[data-v-31fcd42b] {
width: 70px;
height: 70px;
float: left;
}
.order-confirm .orderDetail .productName[data-v-31fcd42b] {
padding-left: 90px;
}
.order-confirm .ordercontent[data-v-31fcd42b] {
line-height: 20px;
text-align: right;
font-size: 12px;
color: #252525;
border-bottom: 1px solid #dedede;
}
.order-confirm .btns[data-v-31fcd42b] {
overflow: hidden;
}
.order-confirm .btns .last[data-v-31fcd42b] {
margin-left: 10px;
}
.not-support[data-v-41002744] {
color: #fff;
font-size: 12px;
text-align: center;
width: 100%;
}
.not-support p[data-v-41002744] {
width: 120px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
line-height: 32px;
display: block;
}
.menu-wrap[data-v-149200aa] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 4px;
width: 400px;
margin-top: 18px;
padding: 0 10px;
font-size: 13px;
color: #5A606B;
}
.menu-wrap.gap[data-v-149200aa] {
padding-top: 10px;
}
.pic-item[data-v-149200aa] {
cursor: pointer;
}
.pic-item img[data-v-149200aa] {
width: 100%;
}
.menu-list .item[data-v-149200aa] {
height: 41px;
line-height: 40px;
position: relative;
cursor: pointer;
}
.menu-list .item.border[data-v-149200aa] {
border-bottom: 1px solid #F2F2F2;
}
.menu-list .item span[data-v-149200aa] {
display: inline-block;
width: 345px;
}
.menu-list .item.disabled[data-v-149200aa] {
color: #8c939f;
}
.menu-list .item[data-v-149200aa]::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid #A1A6AF;
border-bottom: 1px solid #A1A6AF;
margin-left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 5px;
top: 18px;
}
.view-more[data-v-149200aa] {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #A1A6AF;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.sys-message[data-v-fd67fc00] {
text-align: center;
line-height: 20px;
}
.sys-message p[data-v-fd67fc00] {
position: relative;
display: inline-block;
background: #f3f3f3;
border-radius: 4px;
padding: 4px 9px;
font-size: 12px;
}
.sys-message.welcome p[data-v-fd67fc00] {
background: #E8F9E9;
padding-left: 26px;
}
.sys-message.welcome p[data-v-fd67fc00]::before {
content: "";
position: absolute;
top: 5px;
left: 5px;
background-image: url(../img/sprite.png);
background-position: -166px -122px;
width: 16px;
height: 16px;
}
.date-message[data-v-f95dffc8] {
text-align: center;
}
.text-message[data-v-22782ce0] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 42px;
line-height: 1.4;
font-size: 13px;
color: #a1a6af;
letter-spacing: 0;
}
.text-message--container[data-v-22782ce0] {
position: relative;
display: inline-block;
min-height: 18px;
line-height: 1.4;
border-radius: 4px;
padding: 12px 9px;
word-break: break-all;
}
.text-message--container[data-v-22782ce0]:after {
position: absolute;
content: "";
width: 23px;
height: 42px;
top: 0;
}
.text-message.waiter-message .text-message--container[data-v-22782ce0] {
text-align: justify;
word-break: break-all;
}
.text-message.customer-message .text-message--container[data-v-22782ce0] {
text-align: justify;
word-break: break-all;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.rating[data-v-6c7e2032] {
width: 240px;
background: #FFFFFF;
border: 1px solid #E7E7E7;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: 2px;
}
.rating-title[data-v-6c7e2032] {
padding: 9px 10px 21px 10px;
}
.rating-title h4[data-v-6c7e2032] {
float: left;
width: 200px;
font-size: 12px;
font-weight: normal;
color: #252525;
letter-spacing: -0.29px;
line-height: 15px;
max-height: 45px;
overflow: hidden;
}
.rating-title .close-icon[data-v-6c7e2032] {
float: right;
margin-top: 3px;
-webkit-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
background-image: url(../img/sprite.png);
background-position: -201px -151px;
width: 10px;
height: 10px;
}
.rating-stars[data-v-6c7e2032] {
margin-left: 2px;
}
.rating-stars .red-star[data-v-6c7e2032] {
float: left;
margin-left: 8px;
background: url(data:image/png;base64,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) no-repeat center / contain;
width: 17px;
height: 17px;
}
.rating-stars .white-star[data-v-6c7e2032] {
float: left;
margin-left: 8px;
background: url(data:image/png;base64,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) no-repeat center / contain;
width: 17px;
height: 17px;
}
.rating-form[data-v-6c7e2032] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
margin-top: 10px;
font-size: 12px;
line-height: 1.5;
}
.rating-form p[data-v-6c7e2032] {
margin-bottom: 7px;
}
.rating-form textarea[data-v-6c7e2032] {
resize: none;
outline: 0 none;
width: 200px;
height: 72px;
border: 1px solid #ccc;
padding: 5px;
}
.rating-reason[data-v-6c7e2032] {
color: #888;
border: 1px solid #ccc;
display: inline-block;
padding: 0 7px;
margin: 0 7px 15px 0;
line-height: 24px;
cursor: pointer;
}
.rating-reason.on[data-v-6c7e2032] {
color: #fc5d60;
border-color: #fc5d60;
}
.rating-bottom[data-v-6c7e2032] {
margin: 15px 0;
}
.rating-label[data-v-6c7e2032] {
float: left;
padding-left: 10px;
font-size: 12px;
line-height: 1;
color: #999;
}
.rating-submit.jimi-btn.FC[data-v-6c7e2032] {
font-size: 12px;
color: #FF4A4A;
letter-spacing: 0;
line-height: 13px;
border: none;
float: right;
height: 13px;
}
.rating-submit.jimi-btn.FC.not-allowed[data-v-6c7e2032] {
color: #a1a6af;
cursor: not-allowed;
}
.video-message[data-v-6bce4f14] {
position: relative;
overflow: hidden;
margin-left: 5px;
}
.video-message--thumbnail[data-v-6bce4f14] {
cursor: pointer;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.video-message--thumbnail[data-v-6bce4f14]::after {
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
z-index: 4;
}
.video-message--thumbnail-img[data-v-6bce4f14] {
min-width: 140px;
min-height: 140px;
max-width: 196px;
max-height: 196px;
display: block;
background-color: #f3f3f3;
z-index: 2;
}
.video-message--thumbnail-play[data-v-6bce4f14] {
width: 52px;
height: 52px;
background-image: url(data:image/png;base64,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);
background-size: 100%;
position: absolute;
left: 50%;
top: 50%;
margin: -26px 0 0 -26px;
z-index: 5;
}
.video-message--container[data-v-6bce4f14] {
width: 800px;
height: 600px;
background: #000;
text-align: center;
}
.video-message--container video[data-v-6bce4f14] {
max-width: 800px;
max-height: 600px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-message[data-v-788a9899] {
width: 300px;
}
.slider-message .JDValidate-wrap[data-v-788a9899] {
max-width: 300px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
/**
* Swiper 4.3.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 5, 2018
*/
.swiper-container[data-v-23d57823]{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1
}
.swiper-container-no-flexbox .swiper-slide[data-v-23d57823]{float:left
}
.swiper-container-vertical>.swiper-wrapper[data-v-23d57823]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column
}
.swiper-wrapper[data-v-23d57823]{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box
}
.swiper-container-android .swiper-slide[data-v-23d57823],.swiper-wrapper[data-v-23d57823]{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper[data-v-23d57823]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper[data-v-23d57823]{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto
}
.swiper-slide[data-v-23d57823]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform
}
.swiper-invisible-blank-slide[data-v-23d57823]{visibility:hidden
}
.swiper-container-autoheight[data-v-23d57823],.swiper-container-autoheight .swiper-slide[data-v-23d57823]{height:auto
}
.swiper-container-autoheight .swiper-wrapper[data-v-23d57823]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform
}
.swiper-container-3d[data-v-23d57823]{-webkit-perspective:1200px;perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow[data-v-23d57823],.swiper-container-3d .swiper-slide[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-bottom[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-left[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-right[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-top[data-v-23d57823],.swiper-container-3d .swiper-wrapper[data-v-23d57823]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-left[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-right[data-v-23d57823],.swiper-container-3d .swiper-slide-shadow-top[data-v-23d57823]{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left[data-v-23d57823]{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right[data-v-23d57823]{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top[data-v-23d57823]{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom[data-v-23d57823]{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal[data-v-23d57823],.swiper-container-wp8-horizontal>.swiper-wrapper[data-v-23d57823]{-ms-touch-action:pan-y;touch-action:pan-y
}
.swiper-container-wp8-vertical[data-v-23d57823],.swiper-container-wp8-vertical>.swiper-wrapper[data-v-23d57823]{-ms-touch-action:pan-x;touch-action:pan-x
}
.swiper-button-next[data-v-23d57823],.swiper-button-prev[data-v-23d57823]{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled[data-v-23d57823],.swiper-button-prev.swiper-button-disabled[data-v-23d57823]{opacity:.35;cursor:auto;pointer-events:none
}
.swiper-button-prev[data-v-23d57823],.swiper-container-rtl .swiper-button-next[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto
}
.swiper-button-next[data-v-23d57823],.swiper-container-rtl .swiper-button-prev[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto
}
.swiper-button-prev.swiper-button-white[data-v-23d57823],.swiper-container-rtl .swiper-button-next.swiper-button-white[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white[data-v-23d57823],.swiper-container-rtl .swiper-button-prev.swiper-button-white[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black[data-v-23d57823],.swiper-container-rtl .swiper-button-next.swiper-button-black[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black[data-v-23d57823],.swiper-container-rtl .swiper-button-prev.swiper-button-black[data-v-23d57823]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock[data-v-23d57823]{display:none
}
.swiper-pagination[data-v-23d57823]{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10
}
.swiper-pagination.swiper-pagination-hidden[data-v-23d57823]{opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-23d57823],.swiper-pagination-custom[data-v-23d57823],.swiper-pagination-fraction[data-v-23d57823]{bottom:10px;left:0;width:100%
}
.swiper-pagination-bullets-dynamic[data-v-23d57823]{overflow:hidden;font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet[data-v-23d57823]{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active[data-v-23d57823]{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main[data-v-23d57823]{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev[data-v-23d57823]{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev[data-v-23d57823]{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next[data-v-23d57823]{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next[data-v-23d57823]{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)
}
.swiper-pagination-bullet[data-v-23d57823]{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2
}
button.swiper-pagination-bullet[data-v-23d57823]{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet[data-v-23d57823]{cursor:pointer
}
.swiper-pagination-bullet-active[data-v-23d57823]{opacity:1;background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets[data-v-23d57823]{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet[data-v-23d57823]{margin:6px 0;display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic[data-v-23d57823]{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet[data-v-23d57823]{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet[data-v-23d57823]{margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic[data-v-23d57823]{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet[data-v-23d57823]{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet[data-v-23d57823]{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar[data-v-23d57823]{background:rgba(0,0,0,.25);position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill[data-v-23d57823]{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill[data-v-23d57823]{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar[data-v-23d57823],.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite[data-v-23d57823]{width:100%;height:4px;left:0;top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite[data-v-23d57823],.swiper-container-vertical>.swiper-pagination-progressbar[data-v-23d57823]{width:4px;height:100%;left:0;top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active[data-v-23d57823]{background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white[data-v-23d57823]{background:rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill[data-v-23d57823]{background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active[data-v-23d57823]{background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black[data-v-23d57823]{background:rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill[data-v-23d57823]{background:#000
}
.swiper-pagination-lock[data-v-23d57823]{display:none
}
.swiper-scrollbar[data-v-23d57823]{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar[data-v-23d57823]{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%
}
.swiper-container-vertical>.swiper-scrollbar[data-v-23d57823]{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%
}
.swiper-scrollbar-drag[data-v-23d57823]{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0
}
.swiper-scrollbar-cursor-drag[data-v-23d57823]{cursor:move
}
.swiper-scrollbar-lock[data-v-23d57823]{display:none
}
.swiper-zoom-container[data-v-23d57823]{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center
}
.swiper-zoom-container>canvas[data-v-23d57823],.swiper-zoom-container>img[data-v-23d57823],.swiper-zoom-container>svg[data-v-23d57823]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain
}
.swiper-slide-zoomed[data-v-23d57823]{cursor:move
}
.swiper-lazy-preloader[data-v-23d57823]{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin-data-v-23d57823 1s steps(12,end) infinite;animation:swiper-preloader-spin-data-v-23d57823 1s steps(12,end) infinite
}
.swiper-lazy-preloader[data-v-23d57823]:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat
}
.swiper-lazy-preloader-white[data-v-23d57823]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin-data-v-23d57823{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin-data-v-23d57823{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}
.swiper-container .swiper-notification[data-v-23d57823]{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide[data-v-23d57823]{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide[data-v-23d57823]{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide[data-v-23d57823]{pointer-events:none
}
.swiper-container-fade .swiper-slide-active[data-v-23d57823],.swiper-container-fade .swiper-slide-active .swiper-slide-active[data-v-23d57823]{pointer-events:auto
}
.swiper-container-cube[data-v-23d57823]{overflow:visible
}
.swiper-container-cube .swiper-slide[data-v-23d57823]{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide[data-v-23d57823]{pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide[data-v-23d57823]{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active[data-v-23d57823],.swiper-container-cube .swiper-slide-active .swiper-slide-active[data-v-23d57823]{pointer-events:auto
}
.swiper-container-cube .swiper-slide-active[data-v-23d57823],.swiper-container-cube .swiper-slide-next[data-v-23d57823],.swiper-container-cube .swiper-slide-next+.swiper-slide[data-v-23d57823],.swiper-container-cube .swiper-slide-prev[data-v-23d57823]{pointer-events:auto;visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom[data-v-23d57823],.swiper-container-cube .swiper-slide-shadow-left[data-v-23d57823],.swiper-container-cube .swiper-slide-shadow-right[data-v-23d57823],.swiper-container-cube .swiper-slide-shadow-top[data-v-23d57823]{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow[data-v-23d57823]{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0
}
.swiper-container-flip[data-v-23d57823]{overflow:visible
}
.swiper-container-flip .swiper-slide[data-v-23d57823]{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide[data-v-23d57823]{pointer-events:none
}
.swiper-container-flip .swiper-slide-active[data-v-23d57823],.swiper-container-flip .swiper-slide-active .swiper-slide-active[data-v-23d57823]{pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom[data-v-23d57823],.swiper-container-flip .swiper-slide-shadow-left[data-v-23d57823],.swiper-container-flip .swiper-slide-shadow-right[data-v-23d57823],.swiper-container-flip .swiper-slide-shadow-top[data-v-23d57823]{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-container-coverflow .swiper-wrapper[data-v-23d57823]{-ms-perspective:1200px
}
.quick-entry[data-v-23d57823] {
position: absolute;
z-index: 2;
bottom: 10px;
right: 6px;
font-size: 0px;
height: 24px;
}
.quick-entry_container[data-v-23d57823] {
position: relative;
max-width: 420px;
height: 24px;
overflow: hidden;
display: inline-block;
vertical-align: text-bottom;
}
.quick-entry_wrapper[data-v-23d57823] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
display: -webkit-box;
}
.quick-entry_item[data-v-23d57823] {
display: inline-block;
width: auto;
width: initial;
}
.quick-entry_item .quick-entry_btn[data-v-23d57823] {
color: #5A606B;
max-width: 130px!important;
}
.quick-entry_icon[data-v-23d57823] {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50% 50%;
margin-left: 10px;
background-color: #fff;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
cursor: pointer;
}
.quick-entry_arrow[data-v-23d57823] {
background-image: url(../img/sprite.png);
background-position: -63px -151px;
width: 11px;
height: 20px;
display: block;
left: 50%;
top: 50%;
position: absolute;
-webkit-transform: scale(0.6) translate3d(-70%, -80%, 0);
transform: scale(0.6) translate3d(-70%, -80%, 0);
}
.quick-entry--invisible .quick-entry_container[data-v-23d57823] {
display: none;
}
.quick-entry--invisible .quick-entry_icon[data-v-23d57823] {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg);
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.paste-img-preview[data-v-1dde1cb1] {
max-width: 400px;
max-height: 300px;
}
.input-field[data-v-1dde1cb1] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 130px;
padding-bottom: 10px;
background-color: #fff;
border-top: 1px solid #e7e7e7;
}
.input-field--toolbar[data-v-1dde1cb1] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 32px;
margin-bottom: 5px;
padding-top: 12px;
padding-left: 20px;
width: 100%;
}
.input-field--tool[data-v-1dde1cb1] {
display: inline-block;
height: 18px;
width: 18px;
margin-right: 18px;
cursor: pointer;
}
.input-field--tool__emoji[data-v-1dde1cb1] {
background-image: url(../img/sprite.png);
background-position: -196px -70px;
width: 20px;
height: 20px;
}
.input-field--tool__emoji[data-v-1dde1cb1]:hover {
background-image: url(../img/sprite.png);
background-position: -166px -70px;
width: 20px;
height: 20px;
}
.input-field--tool__image[data-v-1dde1cb1] {
background-image: url(../img/sprite.png);
background-position: -58px -122px;
width: 18px;
height: 18px;
}
.input-field--tool__image[data-v-1dde1cb1]:hover {
background-image: url(../img/sprite.png);
background-position: -30px -122px;
width: 18px;
height: 18px;
}
.input-field--tool__evaluate[data-v-1dde1cb1] {
background-image: url(../img/sprite.png);
background-position: 0px -122px;
width: 20px;
height: 19px;
}
.input-field--tool__evaluate[data-v-1dde1cb1]:hover {
background-image: url(../img/sprite.png);
background-position: -226px -70px;
width: 20px;
height: 19px;
}
.input-field--send-btn[data-v-1dde1cb1] {
width: 60px;
float: right;
margin-right: 10px;
text-align: left;
}
.input-field--btn-wrap[data-v-1dde1cb1] {
position: relative;
float: right;
}
.input-field--emoji[data-v-1dde1cb1] {
position: absolute;
top: -225px;
left: 5px;
z-index: 2;
}
.input-field--choose-keys[data-v-1dde1cb1] {
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #666666;
border-top-width: 8px;
position: absolute;
left: 43px;
top: 10px;
cursor: pointer;
border-radius: 2px;
}
.input-field--choose-keys[data-v-1dde1cb1]::before {
content: "";
position: absolute;
top: -20px;
right: -12px;
bottom: -10px;
left: -6px;
}
.send-box[data-v-6eaf452b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.send-box .send-textarea[data-v-6eaf452b] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 56px;
padding: 0px 19px 0px 19px;
background-color: #fff;
color: #252525;
font-size: 13px;
font-family: inherit;
word-break: break-all;
white-space: normal;
overflow-y: auto;
}
.send-box .send-textarea[data-v-6eaf452b]::-webkit-input-placeholder {
font-size: 12px;
color: #A1A6AF;
}
.send-box .send-textarea[data-v-6eaf452b]::-moz-placeholder {
font-size: 12px;
color: #A1A6AF;
}
.send-box .send-textarea[data-v-6eaf452b]:-ms-input-placeholder {
font-size: 12px;
color: #A1A6AF;
}
.uploader {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.uploader--preview {
display: none;
opacity: 0;
width: 1px;
height: 1px;
}
.uploader--frame {
display: none;
}
.uploader-normal-ie {
display: block;
position: absolute;
top: 14px;
left: 55px;
}
.uploader-normal-ie .uploader--file {
width: 20px;
height: 20px;
display: block;
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
z-index: 999;
}
.emoji-box {
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 372px;
height: 218px;
border: 1px solid #e1e1e1;
}
.emoji-box--container {
padding: 5px;
padding-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
line-height: 0;
width: 370px;
height: 185px;
background-color: #fff;
}
.emoji-box--item {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 30px;
height: 30px;
background-color: #fafafa;
background-repeat: no-repeat;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: #e1e1e1;
cursor: pointer;
}
.emoji-box--item .emoji-box--item_preview {
position: absolute;
border: 1px solid #45ac4a;
width: 60px;
height: 60px;
bottom: -62px;
right: -62px;
z-index: 2;
background-color: #fff;
display: none;
}
.emoji-box--item .emoji-box--item_preview img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.emoji-box--item:hover .emoji-box--item_preview {
display: block;
}
.emoji-box--container__classic .emoji-box--item:nth-child(12n+1) {
border-left: 1px solid #e1e1e1;
}
.emoji-box--container__classic .emoji-box--item:nth-child(-n+12) {
border-top: 1px solid #e1e1e1;
}
.emoji-box--container__classic .emoji-box--item:hover {
border: 1px solid #45ac4a;
}
.emoji-box--container__dongdong .emoji-box--item {
width: 60px;
height: 60px;
}
.emoji-box--container__dongdong .emoji-box--item .emoji-box--item_preview {
width: 80px;
height: 80px;
bottom: -82px;
right: -82px;
}
.emoji-box--container__dongdong .emoji-box--item:nth-child(6n+1) {
border-left: 1px solid #e1e1e1;
}
.emoji-box--container__dongdong .emoji-box--item:nth-child(-n+6) {
border-top: 1px solid #e1e1e1;
}
.emoji-box--container__dongdong .emoji-box--item:hover {
border: 1px solid #45ac4a;
}
.emoji-box--tabs {
background-color: #f0f0f0;
font-size: 0;
margin-top: 5px;
}
.emoji-box--tab {
display: inline-block;
width: 63px;
text-align: center;
font-size: 12px;
line-height: 26px;
height: 26px;
cursor: pointer;
}
.emoji-box--tab:hover {
background-color: #e1e1e1;
}
.emoji-box--tab__active,
.emoji-box--tab__active:hover {
background-color: #fff;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.hot-keys[data-v-4d3e832d] {
width: 116px;
position: absolute;
top: 28px;
right: 10px;
color: #343036;
font-size: 12px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
}
.hot-keys_item[data-v-4d3e832d] {
height: 30px;
line-height: 30px;
padding-left: 5px;
letter-spacing: -0.29px;
}
.hot-keys_item--active[data-v-4d3e832d] {
background: #F23030;
color: #FFFFFF;
}
.hot-keys_item--active[data-v-4d3e832d]::after {
content: "";
background-image: url(../img/sprite.png);
background-position: -159px -151px;
width: 12px;
height: 12px;
float: right;
margin: 10px 4px 0 0;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.radius[data-v-47ad8706] {
background: #ffffff;
border-radius: 2px;
}
.con[data-v-47ad8706] {
background: #f9f3d3;
width: 290px;
padding: 0 20px;
padding-bottom: 20px;
}
.con .box[data-v-47ad8706] {
position: relative;
}
.con .loading[data-v-47ad8706] {
position: absolute;
left: 35px;
height: 80%;
top: 3px;
display: none;
}
.con .loading1[data-v-47ad8706] {
position: absolute;
left: -6px;
height: 80%;
top: -56px;
}
.con .text[data-v-47ad8706] {
position: relative;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #252525;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 26px;
}
.con .text[data-v-47ad8706]::after {
content: "";
position: absolute;
width: 14px;
height: 14px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABOCAYAAAApd5bmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTM1MTI4RDI5RTQxMTFFNUFCNUQ5Mjk1NEI2QTM3RDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTM1MTI4RDM5RTQxMTFFNUFCNUQ5Mjk1NEI2QTM3RDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzUxMjhEMDlFNDExMUU1QUI1RDkyOTU0QjZBMzdEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzUxMjhEMTlFNDExMUU1QUI1RDkyOTU0QjZBMzdEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlTFMD4AAAO3SURBVHja7JdrSBRRFMfvjKtpLoZtmqUUGkX2MjJMo+hBhEnGGlaWBQWGZkEFPcgXmZH1oRcYGlp9sAdR3yrqQ0R9MiWh0B4Ka/juZRZYq6vu9r/LuTWOM7u6G/jFs/zYvWfu+c+ZO+eemZUcDgfzxgwJZZ9cHT8OzinGE4EMeqqywpwO2UVwHjih8l0Hp5QOPYFDoEgxDgQSeAayQZgrgb3ggmLMAx+DVFAJesE2pcB3FVcpSBhf5W6QCazgIVilFAhWIWlkdR+sAH7gFVjibg3U9hZMAOGgA4SOVkAUiw+wAf/RCswG/aCN7sCn0QpsAjV0B+LAa6WApCJHFczT3QiuAV+QBF78LWWNsxXTap+kMT/ralAH0oCJ6kFXgFshne0AjUXKB8EtuhMuBcRe6FX5dlFR/StTb7ezzLy0cQG6jakfstWivGFsB/EgBHwFL8EdcBfY9TKIopq/DZIpmNF3MvlraN4wAe6sArFuso6leVFKAZlSCx3hpYfSfFkI8E2y1PVqy+zg9N3sQmSecPH5abKixnVNwmfftHS2MiiONfe1DdkbskLNaUE+RmaQhu6xPVO3sDWTElhtTz270nlTeShGCEwRnpJZhSw3Yj/zlXyd450hZpYUvJrV/W5g59vL2YBjQClgEqf6JkSe/6x2BhwJz2CW3hZmNq1njdYmdratlNkc/eqr6xICvNcn8h83Pt9jAbI/Uo5nscaF7GNvKzvdeoX12W1ay/NGCFQKAQc+pbhOgySzcL8wBJew33ar3vpWOhsKSpmvRbW7W6kynvUysYh2qoUvIwz+QvPtylK2gOWg1k1wLc2zaG0mCz04doAH1H356nXSOJ2OW8ab6v/siT8ub1b75oEMsAFEkq8JPAEV4J1eBvyJXEJP4cNgLr3WcKLJx4+VgQD1w5UHPwLrRnDJmfTGwjO0iQwuagUbzQUs0JyvJbRWvEvyDOaT6vAFmhnjKpssUGqgBfPR64YujMdkyKIPeGiJsvIp44FFeVtINgMVyVytowMd790JNBuowjQFeu7luhN4KtML5KBm1RhNTnSMx1RwgXr6jzDMjFvPgGI9AR5TL0qZ1/kcdTUOdrXqBT+jGCZ1X0pRbiZenvtcbHPevcsp2KrejTZ6tV0ELoMGesX/RX84uC+GStg63lT/Z1NtSNml11QTFTvVo6YaPfZNNaLgGDjqeVMNXLzAy6YqjTdV6/tG75pqS06Rd03VYJrsxOOmOqM4HxR43lRtLe3um+oH886xbap/BBgA0XUSBMmA7h8AAAAASUVORK5CYII=) no-repeat 0 -36px;
background-size: cover;
left: 0px;
top: 22px;
}
.con .img[data-v-47ad8706] {
width: 100px;
height: 28px;
background: rgba(234, 238, 242, 0.58);
border: 1px solid #dee0e2;
cursor: pointer;
}
.con .input[data-v-47ad8706] {
width: 109px;
height: 28px;
margin: 0;
margin-left: 6px;
margin-right: 6px;
}
.con .reset[data-v-47ad8706] {
width: 50px;
height: 28px;
margin-top: 2px;
background: #aaaaa6;
border-radius: 2px;
color: #fff;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.alert {
position: relative;
width: 100%;
line-height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
}
.alert--content {
display: table-cell;
line-height: 1.5;
padding: 0 10px;
}
.alert--close {
position: absolute;
right: 6px;
top: 11px;
cursor: pointer;
background-image: url(../img/sprite.png);
background-position: -201px -151px;
width: 10px;
height: 10px;
}
.alert__info {
background-color: #f4f4f4;
color: #919191;
}
.alert__success {
background-color: #f0f9c0;
color: #68c23f;
}
.alert__warn {
background-color: #fdf6cc;
color: #e6be3c;
}
.alert__error {
background-color: #f7bfbf;
color: #f7513b;
}
.duplicate-msg span {
color: #005ea7;
cursor: pointer;
}
.leave-message[data-v-1b335321] {
position: absolute;
z-index: 2;
bottom: 10px;
right: 18px;
height: 32px;
background: #FFFFFF;
border: 1px solid #F2F2F2;
border-radius: 100px;
width: 90px;
}
.leave-message-bottom[data-v-1b335321] {
bottom: 40px;
}
.leave-message-icon[data-v-1b335321] {
margin-top: 9px;
margin-left: 10px;
margin-right: 6px;
}
.leave-message-msg[data-v-1b335321] {
position: absolute;
top: 9px;
font-family: MicrosoftYaHei;
font-size: 12px;
color: #F23030;
line-height: 12px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.radius[data-v-32bb4f8c] {
background: #ffffff;
border-radius: 2px;
}
.con[data-v-32bb4f8c] {
width: 340px;
padding: 0 20px;
}
.con .text[data-v-32bb4f8c] {
position: relative;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 26px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #5A606B;
}
.jimi-right-pane[data-v-4c10b08f] {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 330px;
}
.jimi-right-tabs[data-v-4c10b08f] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 42px;
}
.jimi-right-content[data-v-4c10b08f] {
position: relative;
}
.jimi-tabs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F8F8F8;
}
.jimi-tabs .jimi-tab {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 42px;
line-height: 42px;
border-top: 2px solid #F8F8F8;
border-bottom: 1px solid #e7e7e7;
text-align: center;
color: #5A606B;
font-size: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-top: 1px solid #e7e7e7;
}
.jimi-tabs .jimi-tab.active {
background-color: #fff;
border-bottom: 0 none;
color: #F23030;
border-top: 2px solid #F23030;
}
.orders[data-v-67403b62] {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #FAF9F9;
}
.loading[data-v-67403b62] {
text-align: center;
margin-bottom: 10px;
}
.orderList[data-v-3acf1680] {
font-size: 13px;
padding: 0 10px;
color: #5a606b;
line-height: 17px;
margin-bottom: 10px;
background: #ffffff;
}
.orderList .orderItem[data-v-3acf1680] {
padding: 0 10px;
background: #fff;
border-bottom: 10px solid #faf9f9;
}
.orderList .title[data-v-3acf1680] {
padding: 18px 0 8px;
border-bottom: 1px solid #f2f2f2;
}
.orderList .title .right[data-v-3acf1680] {
color: #a1a6af;
}
.priceBox[data-v-3acf1680] {
font-size: 12px;
margin-top: 2px;
}
.priceBox .price[data-v-3acf1680] {
color: #f02b2b;
}
.sate[data-v-3acf1680] {
border-radius: 2px;
font-size: 12px;
display: inline-block;
padding: 4px 11px;
line-height: 15px;
}
.state0[data-v-3acf1680] {
background: #f2f2f2;
color: #5a606b;
}
.state1[data-v-3acf1680] {
color: #f23030;
background: #ffeded;
}
.footer[data-v-3acf1680] {
padding: 10px 0;
}
.productItem[data-v-32fc8d9b] {
padding-top: 11px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 15px;
}
.productItem .imgBox[data-v-32fc8d9b] {
width: 80px;
height: 80px;
border: 1px solid #f2f2f2;
float: left;
cursor: pointer;
}
.productItem .info[data-v-32fc8d9b] {
padding-left: 93px;
font-size: 12px;
color: #1C2229;
line-height: 20px;
}
.productItem .info .elli[data-v-32fc8d9b] {
height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
cursor: pointer;
}
.send[data-v-32fc8d9b] {
background: #FAF9F9;
border: 1px solid #D9D9D9;
margin-top: 20px;
line-height: 20px;
height: 22px;
}
.not-found[data-v-966bf4dc] {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.not-found img[data-v-966bf4dc] {
width: 68px;
height: 62px;
}
.not-found h4[data-v-966bf4dc] {
font-size: 12px;
color: #D5D5D5;
line-height: 14px;
margin-top: 19px;
text-align: center;
}
.common-qa[data-v-f72946d4] {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.common-qa-intro[data-v-f72946d4] {
position: relative;
/* margin: 0 1px 2px; */
padding-left: 10px;
/* border-top: 1px solid #ced9e1; */
border-bottom: 1px solid #ced9e1;
/* margin-bottom: -1px; */
height: 38px;
line-height: 38px;
color: #333333;
background-color: #FFFFFF;
cursor: pointer;
width: 100%;
}
.common-qa-intro .question[data-v-f72946d4] {
display: block;
width: 90%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.common-qa-intro .triangle-open[data-v-f72946d4],
.common-qa-intro .triangle-close[data-v-f72946d4] {
position: absolute;
top: 17px;
right: 17px;
border-top: 7px solid #C8C8C8;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
width: 0;
height: 0;
overflow: hidden;
}
.common-qa-intro .triangle-close[data-v-f72946d4] {
top: 15px;
right: 12px;
border-top: 6px solid #FFFFFF;
border-bottom: 6px solid #FFFFFF;
border-left: 7px solid #C8C8C8;
}
.common-qa-detail[data-v-f72946d4] {
width: 100%;
padding: 12px;
background-color: #eceef2;
border-bottom: 1px solid #ced9e1;
/* padding-right: 30px; */
/* padding: 0 12px; */
/* width: 285px; */
overflow: hidden;
}
.common-qa-detail .answer[data-v-f72946d4] {
padding-right: 20px;
font-weight: normal;
display: block;
word-wrap: break-word;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.main-info[data-v-b2f5c6cc] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-info .master-pic[data-v-b2f5c6cc] {
width: 60px;
height: 60px;
border: 1px solid #F2F2F2;
}
.main-info .master-title[data-v-b2f5c6cc] {
display: inline-block;
vertical-align: top;
padding: 10px 0 0 10px;
width: 214px;
height: 40px;
overflow: hidden;
}
.main-info .master-title a[data-v-b2f5c6cc] {
text-decoration: none;
color: #5A606B;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.main-info dl[data-v-b2f5c6cc] {
margin-top: 5px;
}
.main-info dt[data-v-b2f5c6cc],
.main-info dd[data-v-b2f5c6cc] {
display: inline-block;
}
.main-info dt[data-v-b2f5c6cc] {
width: 50px;
text-align: justify;
line-height: 13px;
vertical-align: top;
/*padding-top: 2px;*/
}
.main-info dt[data-v-b2f5c6cc]:after {
content: "\FF1A";
display: inline-block;
padding-left: 100%;
position: relative;
top: -13px;
left: 0;
}
.main-info dd[data-v-b2f5c6cc] {
width: 240px;
vertical-align: top;
color: #A1A6AF;
line-height: 14px;
margin-left: 10px;
}
.main-info .goods-price[data-v-b2f5c6cc] {
font-size: 12px;
color: #F02B2B;
line-height: 14px;
}
.main-info .goods-score .star[data-v-b2f5c6cc] {
background-image: url(../img/sprite.png);
background-position: -86px 0px;
width: 160px;
height: 12px;
width: 80px;
display: inline-block;
}
.main-info .goods-score .star.star4[data-v-b2f5c6cc] {
background-position-x: -16px;
}
.main-info .goods-score .star.star3[data-v-b2f5c6cc] {
background-position-x: -32px;
}
.main-info .goods-score .star.star2[data-v-b2f5c6cc] {
background-position-x: -48px;
}
.main-info .goods-score .star.star1[data-v-b2f5c6cc] {
background-position-x: -64px;
}
.main-info .goods-score .star.star0[data-v-b2f5c6cc] {
background-position-x: -80px;
}
.main-info .goods-service div[data-v-b2f5c6cc] {
height: 56px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.main-info .add-to-cart[data-v-b2f5c6cc] {
background: #F23030;
border-radius: 2px;
width: 100px;
height: 30px;
line-height: 28px;
display: block;
text-decoration: none;
text-align: center;
color: #FFF;
margin: 5px 0 0 65px;
}
.product-info[data-v-b2f5c6cc] {
padding: 10px;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jimi-underline-tabs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: solid 1px #e7e7e7;
}
.jimi-underline-tabs .jimi-underline-tab {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
line-height: 14px;
text-align: center;
color: #5A606B;
font-size: 14px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jimi-underline-tabs .jimi-underline-tab-content {
display: inline-block;
padding-bottom: 9px;
}
.jimi-underline-tabs .jimi-underline-tab-content.active {
border-bottom: 2px solid #F23030;
}
.recommend-block[data-v-508e0518] {
overflow-x: hidden;
overflow-y: auto;
}
.recommend-block .recommend-item[data-v-508e0518] {
padding: 20px 0 20px 0;
border-bottom: 1px solid #F2F2F2;
}
.recommend-block .recommend-item .img-box[data-v-508e0518] {
float: left;
width: 60px;
height: 60px;
cursor: pointer;
}
.recommend-block .recommend-item-details[data-v-508e0518] {
position: relative;
margin-left: 71px;
height: 60px;
}
.recommend-block .recommend-item-title[data-v-508e0518] {
font-size: 12px;
color: #5A606B;
line-height: 18px;
height: 36px;
overflow: hidden;
font-weight: 500;
cursor: pointer;
}
.recommend-block .recommend-item-price[data-v-508e0518] {
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
color: #F23030;
line-height: 14px;
}
.recommend-block .recommend-item-btn[data-v-508e0518] {
position: absolute;
right: 0;
bottom: -6px;
width: 46px;
height: 24px;
line-height: 20px;
padding: 0;
font-size: 12px;
color: #343036;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.loading[data-v-508e0518] {
text-align: center;
}
.recent-block[data-v-3ee92db2] {
overflow-x: hidden;
overflow-y: auto;
}
.recent-block-inner[data-v-3ee92db2] {
padding-right: 10px;
}
.recent-block .recent-item[data-v-3ee92db2] {
padding: 20px 0 20px 0;
border-bottom: 1px solid #F2F2F2;
}
.recent-block .recent-item .img-box[data-v-3ee92db2] {
float: left;
width: 60px;
height: 60px;
cursor: pointer;
}
.recent-block .recent-item-details[data-v-3ee92db2] {
position: relative;
margin-left: 71px;
height: 60px;
}
.recent-block .recent-item-title[data-v-3ee92db2] {
font-size: 12px;
color: #1C2229;
line-height: 18px;
height: 36px;
overflow: hidden;
padding: 0 8px 0 0;
font-weight: 500;
cursor: pointer;
}
.recent-block .recent-item-price[data-v-3ee92db2] {
position: absolute;
bottom: 0;
font-size: 14px;
color: #F23030;
line-height: 14px;
}
.recent-block .recent-item-btn[data-v-3ee92db2] {
position: absolute;
right: 0px;
bottom: -6px;
width: 46px;
height: 24px;
line-height: 20px;
padding: 0;
font-size: 12px;
color: #343036;
background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.loading[data-v-3ee92db2] {
text-align: center;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.store-info[data-v-4a2e3e5d] {
padding: 10px;
}
.store-info .red[data-v-4a2e3e5d] {
color: #F23030;
}
.store-info .green[data-v-4a2e3e5d] {
color: #1a9f0d;
}
.store-info-overview[data-v-4a2e3e5d] {
border-bottom: #E7E7E7 solid 1px;
}
.store-info-overview dl[data-v-4a2e3e5d] {
margin-bottom: 10px;
}
.store-info-overview dl.clickAble[data-v-4a2e3e5d] {
cursor: pointer;
}
.store-info-overview dl[data-v-4a2e3e5d]:after {
content: "";
display: block;
clear: both;
}
.store-info-overview dl[data-v-4a2e3e5d]:last-child {
margin-bottom: 21px;
}
.store-info-overview dl dt[data-v-4a2e3e5d] {
font-size: 12px;
color: #A1A6AF;
line-height: 14px;
float: left;
}
.store-info-overview-margin-left-60[data-v-4a2e3e5d] {
margin-left: 60px;
}
.store-info-overview-name-value[data-v-4a2e3e5d] {
font-size: 12px;
color: #343036;
line-height: 14px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.store-info-overview-score-bar[data-v-4a2e3e5d] {
float: left;
width: 80px;
height: 14px;
overflow: visible;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(../img/star_bg.png);
}
.store-info-overview-score-bar-indicator[data-v-4a2e3e5d] {
position: relative;
background-size: 80px 14px;
background-repeat: no-repeat;
height: 100%;
background-image: url(../img/star_active.png);
}
.store-info-overview-score-value[data-v-4a2e3e5d] {
font-size: 12px;
color: #2A85FB;
line-height: 14px;
}
.store-info-overview-tel-value[data-v-4a2e3e5d] {
font-size: 12px;
color: #5A606B;
line-height: 14px;
}
.store-info-details[data-v-4a2e3e5d] {
margin-top: 19px;
}
.store-info-details[data-v-4a2e3e5d]:after {
content: "";
display: block;
clear: both;
}
.store-info-details-score[data-v-4a2e3e5d] {
float: left;
width: 50%;
}
.store-info-details-score-title[data-v-4a2e3e5d] {
font-size: 12px;
color: #5A606B;
line-height: 14px;
}
.store-info-details-score-content[data-v-4a2e3e5d] {
margin-top: 20px;
}
.store-info-details-score-content dl[data-v-4a2e3e5d] {
margin-bottom: 10px;
line-height: 14px;
}
.store-info-details-score-content dl dt[data-v-4a2e3e5d] {
display: inline-block;
font-size: 12px;
color: #A1A6AF;
}
.store-info-details-score-content dl dd[data-v-4a2e3e5d] {
display: inline-block;
font-size: 12px;
color: #F23030;
}
.store-info-details-comparing[data-v-4a2e3e5d] {
margin-left: 50%;
}
.store-info-details-comparing-title[data-v-4a2e3e5d] {
font-size: 12px;
color: #5A606B;
line-height: 14px;
}
.store-info-details-comparing-content[data-v-4a2e3e5d] {
margin-top: 20px;
margin-left: 24px;
}
.store-info-details-comparing-content li[data-v-4a2e3e5d] {
font-size: 12px;
color: #F23030;
line-height: 14px;
margin-bottom: 10px;
}
.store-info-details-comparing-content li i[data-v-4a2e3e5d] {
display: inline-block;
}
.store-info-details-comparing-content li .rise[data-v-4a2e3e5d] {
background-image: url(../img/sprite.png);
background-position: -120px -181px;
width: 9px;
height: 10px;
}
.store-info-details-comparing-content li .down[data-v-4a2e3e5d] {
background-image: url(../img/sprite.png);
background-position: -221px -151px;
width: 9px;
height: 10px;
}
.jimi-left[data-v-4617a5f5] {
width: 250px;
}
.jimi-left-header[data-v-4617a5f5] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #FF534C;
background-image: -webkit-linear-gradient(229deg, #FF534C 0%, #FF3737 100%);
background-image: -o-linear-gradient(229deg, #FF534C 0%, #FF3737 100%);
background-image: linear-gradient(-139deg, #FF534C 0%, #FF3737 100%);
height: 104px;
}
.jimi-left-content[data-v-4617a5f5] {
border-right: 1px solid #E7E7E7;
}
.search-bar[data-v-96054b84] {
width: 230px;
height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 10px;
}
.search-bar-input[data-v-96054b84] {
outline: 0 none;
height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px;
width: 100%;
border-radius: 4px;
border: 0;
font-size: 12px;
padding: 0 5px 0 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAV5JREFUKBV9kj9LA0EQxWfu/PsBUqW2sBEkV0UUWy0SLbz4h7MQS/0I2ohfwUoRiUbdJsbA9RZWYnoRbFMpdokm2XHeYiTeiVscu7Pvx+x7c0yJZUw927IyzSTjIzTcKJUWXphZBmXcPxgTZ1q9zyMtzBLJgxC3dZ/T+yb7vBWFxae+1kEA2t2PBrN3OjmRPQiCoNMXlK9utsXKoT9Eixvh8iPqHj6ugwLRWnF/EMBdtLp0zOTvdnt8FsfxKGoePOBJ6IDCXytaLxjVvL2+d+Zw78E0PCQ7pGChe2LKOwgpEXErJUoUNMG2JWsdhFh1EyQ0qaOQDTSoZwdhDrppIqWU8rtwfl2b0ddMjXmZmoMwOMwBsZYrt2ESBGCtVNTPSRjmnQ03JwgvTDWHWJESqWl4wJPQAYCI7LDvr2yGhbsfCCDm4GLVlGAaHvAkdChfVuc1BQPwFwTwvwVQf8K9L37ijplLBzcAAAAAAElFTkSuQmCC) no-repeat #FFF 10px 5px;
}
.dialog-list[data-v-135a5d65] {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.dialog[data-v-62d91006] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
padding: 10px;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #F2F5F9;
cursor: pointer;
}
.dialog-avator[data-v-62d91006] {
width: 20px;
height: 20px;
float: left;
}
.dialog-name[data-v-62d91006] {
display: inline-block;
margin-left: 10px;
line-height: 20px;
width: 120px;
color: #1C2229;
}
.dialog-label[data-v-62d91006] {
float: right;
margin-top: 2px;
}
.dialog[data-v-62d91006]:hover {
background: #EDF3FA;
}
.dialog.unread[data-v-62d91006] {
background: #FFF9CD;
-webkit-box-shadow: 0 1px 0 0 #F7F1C2;
box-shadow: 0 1px 0 0 #F7F1C2;
cursor: pointer;
}
.dialog.active[data-v-62d91006] {
font-size: 14px;
height: 50px;
background: #D2E6F9;
}
.dialog.active .dialog-avator[data-v-62d91006] {
width: 30px;
height: 30px;
}
.user-info-avatar[data-v-5900838b] {
width: 50px;
height: 50px;
float: left;
border-radius: 4px;
overflow: hidden;
}
.user-info-right[data-v-5900838b] {
float: left;
margin-left: 10px;
}
.user-info-right-name[data-v-5900838b] {
font-size: 18px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 20px;
width: 160px;
}
.user-info-right-plus[data-v-5900838b] {
margin-top: 10px;
width: 162px;
height: 20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAABECAYAAAAC7+6EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFDRDc2MTREODZBMTFFNjgzNDVCQ0EzQ0YzNzYzNzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFDRDc2MTVEODZBMTFFNjgzNDVCQ0EzQ0YzNzYzNzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MUNENzYxMkQ4NkExMUU2ODM0NUJDQTNDRjM3NjM3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUNENzYxM0Q4NkExMUU2ODM0NUJDQTNDRjM3NjM3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkipOh0AABLDSURBVHja7J0PaBRZ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) no-repeat;
background-position: 0 -26px;
}
.user-info-right-plus.disabled[data-v-5900838b] {
background-position: 0 -52px;
}
.user-info-right-plus.try[data-v-5900838b] {
background-position: 0 0;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; }
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; }
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*