.kui-tips-btn>img[data-v-4dde18d0] {width: 18px;height: 18px;} .kui-tips-btn>img.tip[data-v-4dde18d0] {width: 16px;height: 16px;} .team-img-box[data-v-704bfa14]{ position: relative; background-color: #fff; } .team-img-box .k-team-mode-img[data-v-704bfa14]{ width: 100%; padding-top: 100%; position: relative; height: 0; } .team-img-box .team-image[data-v-704bfa14]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .team-img-box .team-image>img[data-v-704bfa14]{ width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .team-img-box .team-tag[data-v-704bfa14]{ width: 25%; max-width: 35px; position: absolute; left: 0px; top: 0; z-index: 2; pointer-events: none; } .team-img-box .team-sold-out[data-v-704bfa14]{ position: absolute; top: 50%; left: 50%; width: 72%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80px; } .team-img-box .team-tag-2[data-v-704bfa14]{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .team-img-box .team-tag-2>img[data-v-704bfa14]{ max-width: 100%; max-height: 100%; } .team-img-box .team-tag>img[data-v-704bfa14]{ width: 100%; } .team-img-box .team-bottom-tag[data-v-704bfa14]{ position: absolute; bottom: 0; left: 0%; width: 100%; line-height: .48rem; text-align: center; font-weight: bold; z-index: 10; width: 77.5%; left: 50%; -webkit-transform: translate(-50% , 0); transform: translate(-50% , 0); font-size: .32rem; } .team-img-box .top_bg[data-v-704bfa14] { z-index: 2; width: 1.76rem; height: .3733rem; line-height: .3733rem; font-size: .2667rem; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-repeat: no-repeat; background-size: 100%; background-position: center center; } .team-img-box .team-free[data-v-704bfa14]{ width: 35px; position: absolute; right: 0; bottom: 0; } .team-img-box .team-free>p[data-v-704bfa14]{ line-height: 23px; text-align: center; } .team-img-box .team-free>span[data-v-704bfa14]{ width: 36px; height: 36px; border-radius: 36px; overflow: hidden; display: block; border:1px solid #DDD; } .ky-team-small[data-v-00564b91]{ cursor: pointer; width: 276px; margin-right: 16px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 14px; } .info-wrap[data-v-00564b91]{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 192px; } .info-wrap>div[data-v-00564b91]{ height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-wrap>div>div[data-v-00564b91]{ width: 100%; } .ky-team-small .team-img-box[data-v-00564b91]{ width: 60px; margin-right: 8px; border-radius: 4px; overflow: hidden; cursor: pointer; } .title[data-v-00564b91]{ margin-bottom: 16px; cursor: pointer; } .img_add_btn[data-v-00564b91]{ width: 32px; cursor: pointer; } .ky-team-small .disable .team-img-box[data-v-00564b91]{ cursor: inherit !important; } .score-icon-box[data-v-00564b91]{ -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .score-icon-box .score-icon[data-v-00564b91]{ width: 14px; height: 14px; } .ky-team-item-popover[data-v-1ae9a1f4]{max-width: 292px; width:unset} .ky-team-item-popover>.info>p[data-v-1ae9a1f4]{max-width: 200px;width:unset} .ky-team-small[data-v-1ae9a1f4]{ width: 100%; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 14px; } .info-wrap[data-v-1ae9a1f4]{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 68px); } .info-wrap>div[data-v-1ae9a1f4]{ height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-wrap>div>div[data-v-1ae9a1f4],.info-wrap>div>span[data-v-1ae9a1f4]{ width: 100%; } .ky-team-small .team-img-box[data-v-1ae9a1f4]{ width: 75px; margin-right: 8px; border-radius: 4px; overflow: hidden; cursor: pointer; } .title[data-v-1ae9a1f4]{ width: 100%; margin-bottom: 20px; height: 28px; cursor: pointer; color: #000; } .img_add_btn[data-v-1ae9a1f4]{ margin-left: 12px; width: 32px; cursor: pointer; -webkit-tap-highlight-color:transparent; } .ky-team-small .disable .team-img-box[data-v-1ae9a1f4]{ cursor: inherit !important; } /* 全局样式 */ #app { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } button { border: none; outline: none; } /* 文字颜色 */ .ky-text{color: #000000; } .ky-text-333{color: #333333; } .ky-text-666{color: #666666; } /* 统一为 #666666 */ .ky-text-999{color: #999999; } /* 统一为 #999999，删除重复定义 */ .ky-text-B2{color: #B2B2B2; } .ky-text-1A79FF{color: #1A79FF;} .ky-text-00BF80{color: #00BF80;} .ky-text-FF4D4D{color: #FF4D4D;} .ky-text-2DD393{color: #2DD393;} .ky-text-1A8CFF2{color: #1A8CFF; } .ky-text-regular{color: #606060;} .ky-text-white{color: #ffffff;} .el-popover{-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.24);box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.24);} .ky-module-warp { background: #FFF; -webkit-box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 8%); box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 8%); margin-bottom: 12px; padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; } .ky-module-warp + .ky-module-warp {margin-top: 24px;} .ky-module-title { font-size: 18px; font-weight: 500; line-height: 21px; margin-bottom: 16px; } /* font-size */ .ky-fz-10{font-size: 10px;} .ky-fz-12{font-size: 12px;} .ky-fz-13{font-size: 13px;} .ky-fz-14{font-size: 14px;} .ky-fz-16{font-size: 16px;} .ky-fz-18{font-size: 18px;} .ky-fz-20{font-size: 20px;} .ky-fz-22{font-size: 22px;} .ky-fz-28{font-size: 28px;} .ky-fz-32{font-size: 32px;} .ky-fz-48{font-size: 48px;} /* font-weight */ .ky-fw-normal{font-weight: 400;} .ky-fw-400{font-weight: 400;} .ky-fw-500{font-weight: 500;} .ky-fw-600{font-weight: 600;} .ky-fw-700{font-weight: 700;} .ky-fw-bold{font-weight: 700;} .ky-text-underline{text-decoration: underline; cursor: pointer;} .ky-cursor-pointer{ cursor: pointer;} .ky-ml-1 {margin-left: 4px;} .ky-ml-2 {margin-left: 8px;} .ky-ml-3 {margin-left: 12px;} .ky-ml-4 {margin-left: 16px;} .ky-ml-20 {margin-left: 20px;} .ky-ml-5 {margin-left: 24px;} .ky-mr-1 {margin-right: 4px;} .ky-mr-2 {margin-right: 8px;} .ky-mr-3 {margin-right: 12px;} .ky-mr-4 {margin-right: 16px;} .ky-mr-20 {margin-right: 20px;} .ky-mr-5 {margin-right: 24px;} .ky-mb-1 {margin-bottom: 4px;} .ky-mb-2 {margin-bottom: 8px;} .ky-mb-10 {margin-bottom: 10px;} .ky-mb-3 {margin-bottom: 12px;} .ky-mb-4 {margin-bottom: 16px;} .ky-mb-20 {margin-bottom: 20px;} .ky-mb-5 {margin-bottom: 24px;} .ky-mb-6{margin-bottom: 32px;} .ky-mb-7{margin-bottom: 40px;} .ky-mt-1 {margin-top: 4px;} .ky-mt-2 {margin-top: 8px;} .ky-mt-3 {margin-top: 12px;} .ky-mt-4 {margin-top: 16px;} .ky-mt-20 {margin-top: 20px;} .ky-mt-5 {margin-top: 24px;} .ky-mt-6 {margin-top: 32px;} .ky-m-auto{margin: 0 auto;} .ky-mt-8 {margin-top: 8px;} .ky-mt-12 {margin-top: 12px;} .ky-mb-12 {margin-bottom: 12px;} .ky-mb-16 {margin-bottom: 16px;} .ky-mb-24 {margin-bottom: 24px;} .ky-ml-12 {margin-left: 12px;} .ky-mr-12 {margin-right: 12px;} .ky-mr-24 {margin-right: 24px;} .ky-mt-16 {margin-top: 16px;} .ky-mt-24 {margin-top: 24px;} /* padding */ .ky-p-8 {padding: 8px;} .ky-p-12 {padding: 12px;} .ky-p-16 {padding: 16px;} .ky-p-24 {padding: 24px;} .ky-p-30 {padding: 30px;} .ky-p-40 {padding: 40px;} .ky-pt-8 {padding-top: 8px;} .ky-pt-12 {padding-top: 12px;} .ky-pt-16 {padding-top: 16px;} .ky-pt-24 {padding-top: 24px;} .ky-pb-8 {padding-bottom: 8px;} .ky-pb-12 {padding-bottom: 12px;} .ky-pr-12 {padding-right: 12px;} .ky-pl-12 {padding-left: 12px;} /* line-height */ .ky-lh-5{ line-height: 20px;} .ky-lh-14{ line-height: 14px;} .ky-lh-15{ line-height: 15px;} .ky-lh-16{ line-height: 16px;} .ky-lh-18{ line-height: 18px;} .ky-lh-20{ line-height: 20px;} .ky-lh-22{ line-height: 22px;} .ky-lh-24{ line-height: 24px;} .ky-lh-60{ line-height: 60px;} .ky-pt-1 {padding-top: 4px;} .ky-pt-3 {padding-top: 12px;} .ky-pb-3 {padding-bottom: 12px;} .ky-pb-4 {padding-bottom: 16px;} .ky-pb-6 {padding-bottom: 24px;} .ky-pl-18 {padding-left: 18px;} .ky-p-rl-10{padding: 0 10px;} .ky-v-sub {vertical-align: sub;} .ky-v-middle{vertical-align: middle;} .ky-link {text-decoration: underline;} /* display */ .ky-d{display: block;} .ky-d-ib{display: inline-block;} /* position */ .ky-pos{position: relative;} .ky-pos-f{position: fixed;} .ky-pos-a{position: absolute;} /* float */ .ky-float,.float_l{float: left;} .ky-float-r{float: right;} /* cursor */ .ky-pointer{cursor: pointer;} /* border */ .ky-border{border: 1px solid #EEEEEE;} .ky-border-b{border-bottom: 1px solid #EAEAEA;} .ky-border-t{border-top: 1px solid #EEEEEE;} .ky-border-light{border: 1px solid #F1F1F1;} .ky-border-primary{border: 1px solid #F73173;} .ky-border-ccc{border: 1px solid #CCCCCC;} .ky-border-transparent{border: 2px solid transparent;} .ky-border-none{border: none;} /* border-radius */ .ky-br-2{border-radius: 2px;} .ky-br-4{border-radius: 4px;} .ky-br-6{border-radius: 6px;} .ky-br-8{border-radius: 8px;} .ky-br-10{border-radius: 10px;} .ky-br-12{border-radius: 12px;} /* white-space */ .ky-white-np {white-space: nowrap; } .ky-limit-one{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ky-limit-more{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;} /* width */ .w-full{ width: 100%;} .ky-w-100{width: 100%;} .ky-w-75{width: 75px;} .ky-w-240{width: 240px;} .ky-w-400{width: 400px;} /* height */ .ky-h-32{height: 32px;} .ky-h-36{height: 36px;} .ky-h-40{height: 40px;} .ky-h-48{height: 48px;} .ky-h-54{height: 54px;} .ky-h-60{height: 60px;} .ky-h-100{height: 100px;} /* box-shadow */ .ky-shadow-light{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);} .ky-shadow-medium{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);} .ky-shadow-strong{-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16);box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16);} .ky-shadow-none{-webkit-box-shadow: none;box-shadow: none;} /* clearfix */ .ky-clear{zoom:1;} .ky-clear:after{content:"."; display:block; height:0;visibility:hidden; clear:both;} /* font-family */ .ky-money{font-family: 'Tahoma';} /* 图标 */ .ky-icon-16 {width: 16px;height: 16px;background-size: 16px;} .icon-import {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAAYkP8YkP8Yj/8Yj/8Yj/8YkP8Ykf8Xjv8Xjv8YkP+harY5AAAAC3RSTlMAv/9AIIDXq1h491gVQ60AAABfSURBVHicYyACBAoiAVGggJASElAECSCrAAsIILQzEhRgNkYTAAPiBRzQBNjhCiECLEloAl1KwsYgABPghHnGAJcAhhZMQzGsxXQYOZ4DAYwAwhGmGNGAHlEYUUkIAAC05hOBcptzCwAAAABJRU5ErkJggg==');} .ky-text-primary {color: #F73173;} .ky-text-primary-i {color: #F73173!important;} .ky-text-green {color: #67C23A;} .ky-text-error{ color: #F73131; } .ky-text-blur{ color: #1A79FF; } .ky-text-blur-1{ color: #0084FF; } /* 背景色 */ .ky-bg{background-color: rgba(255, 137, 137, .12);} .ky-bg-white{background-color: #fff;} .ky-bg-f4f8fc{background-color: #F4F8FC;} .ky-bg-e3edf7{background-color: #E3EDF7;} .ky-bg-f9f9f9{background-color: #F9F9F9;} .ky-bg-f1f1f1{background-color: #F1F1F1;} .ky-bg-eeeeee{background-color: #EEEEEE;} .ky-bg-f5f6f7{background-color: #F5F6F7;} .ky-bg-transparent{background-color: transparent;} .ky-btn {border: 1px solid #CCCCCC;color: #000000;font-size: 16px;display: inline-block;border-radius: 8px;text-align: center;background: white;width: 100%;line-height: 54px;} .ky-btn:hover {opacity: .8;} .ky-btn.submit {background-color: var(--primary-color);border-color: var(--primary-color);color: #fff;} .score-icon{ width: 10px;height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA7ZJREFUOE9tlc9vFGUYxz/P+87sTruLLcovBSNpA0v3WBvDSTYePHloSeBfUBNsYxSsekEPYmxNEzwZEzlx4QD8CYsnD00TJS6UQJUApYBA2+12Z3dm3sfMDFCEzmnmnXc+eb7P9zvPK2xyqf7ss9QYRXUU3AjIG2i2cRHMLMpFdlcvinwYvfi5vLig98bHcDqF00GEBWJ7GycOBEQNEu8BMwDcQDgub56+8DzjGVD1pGHp4fc4PQ52jpYX4LSKr2CUrEInEAtY08CPQ3DDIFO8tXVS5KRLwRvAu+NT4D6jYy8RSo1S9h4ik4Oy3Qqey6GhQJE6nh4CMy17Z048A+ri+Bi483RtnS41Sgm0LYT25Q6n7ILLwW0DPnWM1rDmsOyduSC5AX9dIXErrJph+oAVg4t7ULFYbZHpFQFVlAIOH2tbECisA70yh2ofg9Uh0bsTR1B3jmXToJRUMyltIdn3NbZnG/Hlb/BYyZjd1z7A3/0eJB3cle+wfjNvQyINilJFzVHRxWNngYM8YoAtAo/SgpRk/1fY3u3Ef36Lp6tEu47i73gHjdskV0/juXt5O0oGWgmUvQWQ30XvHJuna5aI3LukPrTywCX7v8yBl0+hO9/H3/E2LlrDXf0JL3mw0dseC7FC0f6GMbtSYJM2s6jWCIEwdzc5MIkNtpO07mJLr+O6Tdx8Cnv4f6MCL4+UZ+pYMyJ655Mm6zoLWqOtG8DKZFZhdqkSL1/D3jyDaJQ9PzWJwM/vjanjZ8DxeTpuic4Tyc04r3BoMjPFhWlFggleJX58Dfv3GYTnoKUiRA4C/4nkWxNnUT3Ig3CA/gLcDzMJydAX2N7U5WkkaUPl49z11QXs9V8R7eSV9ZdhtQX9pQU0NeX2xBGcnuN+2KCvUGUtgvWYpHoiB/xxCi96ROKVYd9H2NJO4uZN7LVfkNRhMRBFDcq9VeBoHuxbjTzYD9rDbCvBvTW6xUGwAX7zypO+gYpHVBrI1r3OAqbsw3ITtm6ZQ6SPSmUo+0n11vgYiZxnvVtnPa7R3wsrbVjrbDLcBMoB9AS51KBYp1ioYcxhqUxf2BgO/0z8AHzOWvcSzW4OTeMQRhAnOdizEAQQxdBch3JvnZ7CIVSm5cCPG8MhT8ZJw82VfHwlOse/zXx8BYU0EqleSBIIOym4Qd8rIcIwYqaobHl5fD3Vptc/HQOdQhlEZYEouk2kedqtNfh2D8gAIjfAHZfKzOYD9vlmZUZdnx8FRnGMgOZHgMoiwixwkUpl0yPgP0JvwDiyzz0cAAAAAElFTkSuQmCC) no-repeat;background-size: 100%;display: inline-block;margin-right: 2px;margin-top: 2px;vertical-align: top;} .money{font-size: 16px;vertical-align: baseline;margin-right: 1px;line-height: 20px;} .ky-break-word{ word-break: break-word; } .ky-align-b{ vertical-align: bottom; } .ky-d-inline{ display: inline-block;} .ky-d-flex{ display: -webkit-box; display: -ms-flexbox; display: flex;} .ky-d-flex-c{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ky-d-flex-s{-ms-flex-negative: 0;flex-shrink: 0;} .ky-flex-jc{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ky-flex-ai-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .ky-justify-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ky-flex-wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;} .ky-flex-1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;} /* flex 常用组合 */ .ky-flex-center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .ky-flex-between{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .ky-text-c{ text-align: center; } .ky-text-l{ text-align: left; } .ky-text-r{ text-align: right; } .ky-indent-1{ text-indent: 1em; } .pos-right-page-module{ position: absolute; left: 0; bottom: 0; height: 55px; background-color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #EEE; } .pos-right-page-module>a{ display: block; width: 70px; height: 36px; background: #FFFFFF; border-radius: 8px; border: 1px solid #CCCCCC; color: #000; font-size: 20px; text-align: center; line-height: 34px; } .pos-right-page-module>a.disable{ color: #FFF; background-color: #ccc; cursor: no-drop!important; } .pos-right-page-module>span{ font-size: 20px; color: #606060; line-height: 24px; margin: 0 28px; } .pos-right-empty{ height: calc(100% - 56px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-right-empty img{ width: 100px; display: block; margin: 0 auto; } .ky-confirm-dialog { padding-bottom: 24px; } .ky-alert-dialog .el-message-box__header{ display: none; } .ky-confirm-dialog .el-message-box__header{ padding: 34px 38px 0; margin-bottom: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; } .ky-confirm-dialog .el-message-box__header .el-message-box__title{ font-size: 22px; color: #000; line-height: 25px; } .ky-confirm-dialog .el-message-box__message{ padding: 0 20px; } .ky-confirm-dialog .el-message-box__content{ font-size: 16px; font-weight: 400; color: #000000; line-height: 19; padding: 0; } .ky-confirm-dialog.ky-confirm-dialog-2 .el-message-box__header{ padding: 40px 24px 24px; margin-bottom: 0; } .ky-confirm-dialog.ky-confirm-dialog-2 .el-message-box__content{ padding-bottom: 40px; } .ky-confirm-dialog .el-message-box__btns, .ky-alert-dialog .el-message-box__btns{ padding: 0 24px; } .ky-alert-dialog .el-message-box__btns{ text-align: center; } .ky-confirm-dialog .el-button, .ky-alert-dialog-2 .el-button{ min-width: 160px; text-align: center; line-height: 30px; background: #FFFFFF; border-radius: 8px; border: 1px solid #CCCCCC; color: #000; font-size: 16px; font-weight: bold; } .ky-alert-dialog-2 .el-button{ width: 100%; } .ky-confirm-dialog .el-button.el-button--primary , .ky-alert-dialog .el-button.el-button--primary , .ky-alert-dialog-2 .el-button.el-button--primary{ background: var(--primary-color); border-color: var(--primary-color); color:#FFF; } .ky-alert-dialog .el-button{ font-size: 16px; width: 200px; line-height: 38px; border-radius: 8px; } .ky-confirm-dialog .el-message-box__btns button:nth-child(2){ margin-left: 16px; } .ky-alert-dialog .el-message-box__message p{ font-size: 16px; color: #000; } .ky-alert-dialog .el-message-box__content{ padding: 24px; } .ky-alert-dialog.el-message-box{ padding-bottom: 18px; } .search-value-icon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; margin-top: 1px; } .icon-clear{ width: 20px; height: 20px; display: inline-block; font-size: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAA05JREFUWEfVmT1oFEEUx///kwsENCSdXBNIYap0gh6oWCgRzBlQTGEZcrOVX0Ws7LTSwq9qNyGdFhED8SIYFBQTOAW7VLEIpInpLlyEQIJ5Mpe9Y3PZ29m9O6Nz5c77+N3bN2/eviFa+IkIJycnT4nIZRHpI5kBkBGRDEkB8BPAmoiskVwh+W5sbOybv9aUZzaj5XneBRG5DuAKgOMJbawDeEvytVLqY0JdJAKemJg4LSKPRORsUkdh8iQXSN7L5/Nf49qLBTw1NdW3s7PzGMDVuIYTys2k0+nx0dHRFZOeEdh//dMAekzGWlwvkRwxpUkksOd5NwE8EZEjLcLEUif5G8BdpdSLRgoNgT3Peyoit2N5arMQyWdKqTuheR/2UEdWRJ63mSOROZK3wiJ9IMI6ZwG8P6w0aPjq99LjUn1O7wP2q8H3Q9hgcaNdSqfTJ4PVYx+w67pv/mLpigtZLzfjOM616sMasD4Udnd3iyarvb296OrqwvLyMra3t03ioesdHR3o7+9HuVzG6uqq0UYqlcpWD5casOu6CwDORGlr2MHBwYpIqVTC3Nwctra2jA6DAp2dnRgaGkJPz15Zn5+fjwO96DhO5XStAPuHwweT54GBAWSz2ZpYUuh6WG2oWCxiaWnJ5BokL+oNWAX2RCRv0tKvcnh4uBadJJEOg9V/eHZ2Nm5qeY7jONQtoud5a3G7rkaOo9KjGZ2Q4K0rpTKMu9mi8jAq0m2CrbjXm09H94GI3DelQ/16HJA4Mkn8knxI13VfAriRRLEqGwWkZYLVIEm+R7C80hH+JCLnmwHWOmHQGxsbFXPd3d1NV5QwHpKfNfCyiJxoFrgRdNBe0vLXiIXkD50SmwCOtgJchc7lcvuiqp/raBcKhcQHTAOeXzrCZRE5ZgMwyU37UsK6TWdjWbPr4LDuaLau+dHlzHVdF4Aylbb/or3UkNY18D70F9OQ7199IumhoVLqnOa09yPUz2V7PvM1sHWDlOoGtGZUVS1rVg0DA9D2jFuDkbZmoB2A1jdGdlwZVKGtupQJ9hd+Z6dvkyKHhqaeJLC+mEqlxtt+7VUP4E/pR0QkF3fEFbCxTrIAYNp0YxT6qZ8gGgdEo65uK+c+qWd2bb26/QNpyazBZ38u5QAAAABJRU5ErkJggg==) no-repeat center; background-size: 20px; margin-right: 12px; cursor: pointer; } .search-value-icon>img{ width: 20px; height: 20px; margin-right: 12px; cursor: pointer; } .best-coupon-wrap .el-checkbox__inner{ width: 32px; height: 32px; border-color: #ccc; } .best-coupon-wrap .el-checkbox__input.is-focus .el-checkbox__inner{ border-color: #ccc; } .best-coupon-wrap .el-checkbox__label{ color: #000 !important; font-size: 16px; } .best-coupon-wrap .el-checkbox__inner::after{ border: 2px solid #FFF; border-left: 0; border-top: 0; height: 13px; left: 11px; top: 5px; width: 6px; } .best-coupon-wrap .el-checkbox__input.is-checked .el-checkbox__inner{ background-color: var(--primary-color); border-color: var(--primary-color); } .ky-pos-right-product-con-promotion{ border-radius: 2px; border: 1px solid #F73173; color: #F73173; padding: 0 6px; font-size: 14px; margin-right: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .right-cont-toast{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 0, 0, .6); color: #FFF; font-size: 14px; line-height: 20px; padding: 9px 16px; border-radius: 8px; -webkit-transition: .5s; transition: .5s; opacity: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .pos-popover-style{ width: 292px; } .pos-popover-user-style{ width: 394px; } .ky-toast{ opacity: 1; -webkit-transition: 1.5s; transition: 1.5s; pointer-events: none; } .ky-toast.hide { opacity: 0; } .dialog-default-style-2 .el-dialog__body{ color: #000; } .dialog-default-style-2 .el-dialog__header{ display: none; } .ky-alert-dialog-2 .el-message-box__header{ padding: 0; } .dialog-default-style-2 .title, .ky-alert-dialog-2 .el-message-box__title{ font-size: 22px; padding: 40px 24px 0; font-weight: 500; text-align: center; } .dialog-default-style-2 .dialog-content, .ky-alert-dialog-2 .el-message-box__content{ padding: 24px; padding-bottom: 0; word-break: break-word; } .ky-alert-dialog-2 .el-message-box__content{ text-align: center; margin-bottom: 40px; } .dialog-default-style-2 .dialog-content .title-2{ font-size: 16px; line-height: 22px; margin-bottom: 16px; } .default-input,.default-select{ width: 100%; } .default-input .el-input__inner, .default-select .el-input__inner{ height: 54px; line-height: 54px; width: 100%; } .default-select .el-input.is-focus .el-input__inner, .default-input .el-input.is-focus .el-input__inner ,.default-select .el-input__inner:focus , .default-input.is-active .el-input__inner,.default-input .el-input__inner:focus{ border-color: #CCC; } .default-input .search-value-icon{ height: 54px; margin-top: 0; } .default-input .search-value-icon>img{ width: 24px; height: 24px; } .ky-pos-dropdown .el-dropdown-menu__item{ color: #000; } .ky-pos-dropdown .lang-module{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 22px; font-size: 16px; cursor: pointer; color: #000; } .ky-pos-dropdown .popper__arrow{ left: auto !important; right: 20px !important; } .ky-pos-dropdown .el-dropdown-menu__item{ padding: 12px 24px ; } .ky-pos-dropdown .dropdown-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-dropdown-menu.ky-pos-dropdown{ -webkit-transform: translate(25px, 0); transform: translate(25px, 0); } .ky-pos-dropdown .el-dropdown-menu__item:focus,.ky-pos-dropdown .el-dropdown-menu__item:not(.is-disabled):hover, .ky-pos-dropdown .el-dropdown-menu__item.active{ background: #F3F4F8; color: #000; } .reset-pos-num>p{ font-size: 16px; } .reset-pos-num>ul{ display: -webkit-box; display: -ms-flexbox; display: flex; } .reset-pos-num>ul>li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-radius: 8px; border: 1px solid #CCC; height: 36px; line-height: 36px; cursor: pointer; margin-right: 16px; margin-top: 16px; } .reset-pos-num>ul>li.active{ border-color: var(--primary-color); color: var(--primary-color); } .reset-pos-num>ul>li:last-child{ margin-right: 0; } .reset-pos-num.more>ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .reset-pos-num.more>ul>li{ width: 92px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .reset-pos-num.more>ul>li:nth-of-type(4n){ margin-right: 0; } .loading{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;text-align: center;background-color: #f9f9f9;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .loading img {height: 60px;margin-top: -20px;} .productPopover .popper__arrow{left: 6px!important;} .link { color: #1A79FF;} .link:hover { text-decoration: underline; } .dialogImportResult-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #EEEEEE; } .dialogImportResult-header img { width: 72px; height: 72px; margin-bottom: 10px; } .dialogImportResult-content { width: 100%; background-color: #F5F6F7; border-radius: 4px; padding: 10px; margin-bottom: 8px; line-height: 20px; color: #666666; } .dialogImportResult-content p:nth-child(n + 2) { margin-top: 10px; } .dialogImportResult .el-dialog__footer { border-top: 1px solid #EEEEEE; padding: 16px; } .el-table .cell{ padding: 0 6px; } .el-table__fixed::before{background: transparent;} /* 来自 index.vue 的全局样式 - dialog 相关 */ .diff-gift-dialog .el-dialog__body{ max-height: calc(100% - 160px); } .dialog-footer-wrap{ height: 78px; border-top: 1px solid #EEE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background-color: #FFF; } .dialog-footer-wrap>a{ width: 200px; line-height: 52px; border: 1px solid #CCC; color: #000; text-align: center; font-weight: 500; border-radius: 8px; font-size: 16px; } .dialog-footer-wrap>a + a{ margin-left: 16px; } .dialog-footer-wrap>a.confirm{ background: var(--primary-color); border-color: var(--primary-color); color: #FFF; } .dialog-footer-wrap>a.confirm.disable{ background: #999; border-color: #999; } #iframePage{ position: fixed; left: -10px; top: -10px; width: 1px; height: 1px; overflow: hidden; opacity: 0; } /* 积分商品添加弹框 */ .redeem-verification-dialog .el-dialog{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 !important; } .redeem-verification-dialog .el-dialog__header{ padding: 20px; } .redeem-verification-dialog.ky-pos-dialog .el-dialog__body{ padding: 20px 24px; } .redeem-verification-dialog .redeem-img{ width: 72px; height: 72px; border: 1px solid #F9F9F9; margin-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; -o-object-fit: contain; object-fit: contain; } .redeem-verification-dialog .redeem-tag{ border: 1px solid #F73173; border-radius: 2px; padding: 0 6px; font-size: 14px; margin-right: 8px; color: #F73173; display: inline-block; line-height: 18px; } /* end */ /* 支付验证弹窗 */ .payment-verification-dialog .el-dialog__header{ display: none; } .payment-verification{ padding: 0 40px .1px; color: #000; line-height: 24px; font-size: 16px; text-align: center; } .payment-verification-dialog .title{ font-size: 22px; padding: 40px 24px; font-weight: 500; text-align: center; } .verification-code{ margin: 24px 0; } .verification-code>ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .verification-code li{ width: 54px; height: 54px; margin: 0 8px; } .get-otp{ margin-bottom: 24px; font-size: 22px; color: #409EFF; font-weight: bold; display: inline-block; } .get-otp.disable{ color: #999; cursor: initial; } .verification-code .el-input__inner{ padding: 0 4px; height: 54px; font-size: 16px; text-align: center; border-radius: 8px; } /* ========== 来自各个页面的全局样式 ========== */ /* 来自 manage/index.vue - 后台管理系统样式 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .manage input[type="number"] { -moz-appearance: textfield; } .manage .btn {min-width: 120px;padding: 0 10px;height: 32px;line-height: 32px;border: 1px #409EFF solid;text-align: center;background: white;display: inline-block;margin: 0 10px;border-radius: 0px;color: #409EFF;font-size: 13px;-webkit-box-sizing: border-box;box-sizing: border-box;} .manage .btn:hover{opacity: .8;} .manage .submit.btn {background-color: #409EFF;color: #fff;} .manage .disabled.btn {background-color: #d7d7d7;color: #fff;border-color:#d7d7d7;cursor: context-menu;cursor: not-allowed;} .manage .default.btn {border-color:#ccc;color: #000;} .manage .dialogExcel {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .manage .dialogExcel .btn {margin-left: 0;} .manage .ky-text-primary{color: #FF0000;} .manage .Kui-table, .manage .Kui-table-1 { border-top: 1px #ddd solid; border-left: 1px #ddd solid; background: white; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .manage .Kui-table>thead>tr>th,.manage .Kui-table>tbody>tr>td, .manage .Kui-table-1>thead>tr>th,.manage .Kui-table-1>tbody>tr>td { border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; text-align: center; line-height: 18px; font-weight: normal; word-wrap: break-word; padding: 12px 4px; font-size: 13px; color: #333; } .manage .Kui-table .Kui-table-1>thead>tr>th, .manage .Kui-table .Kui-table-1>tbody>tr>td { font-size: 12px; } .manage .Kui-table>thead>tr>th {background: #414954;color: #fff;} .manage .Kui-table-1>thead>tr>th {background: #eee;color: #999;} .manage .Kui-table>tbody>tr>.Kui-table-hasTable {padding: 0;border: none;} .manage .Kui-table-hasTable .Kui-table-1 {border: none;} .manage .Kui-table-1>thead>tr>th.ky-text-l, .Kui-table-1>tbody>tr>td.ky-text-l {text-align: left;} .discount-Label, .red-Label, .deal-Label { border: 1px #2175a4 solid; color: #2175a4; background: #FFFCFB; padding: 0 5px; border-radius: 2px; display: inline-block; font-size: 12px; vertical-align: text-top; line-height: 16px; margin-right: 4px; min-width: 59px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .mdui-m-y-1 { margin-top: 8px!important; margin-bottom: 8px!important; } .ky-line-color-2 { border-color: #ddd; } .ky-line-t-dashed { border-top: 1px dashed; } .ky-w100 { width: 100%; } .manage .no-data {height: 60px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .manage .Kui-table-remark {padding: 8px;} .manage .Kui-table-1>tbody>tr>td.allPo-table-void { padding: 6px 0 6px 21px; line-height: 20px; font-size: 13px; color: #ef536b; text-align: left; background-color: #ffe2e6; } .kui-tips-btn { position: relative; display: inline-block; width: 15px!important; height: 15px; cursor: pointer; vertical-align: middle; } /* 来自 manage/teamlist.vue - 团队列表页面 */ .pos-manage-view .select-menu-module{padding: 0 15px;border: none;} .pos-manage-view .select-menu-module>ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .pos-manage-view .select-menu-module>ul>li{width:20%;min-width: 150px;margin-right: 0;margin-top: 20px;} .pos-manage-view .select-menu-module li .el-input__inner{height: 35px;line-height: 33px;border-radius: 4px;font-size: 12px;width: 90%;} .pos-manage-view .select-menu-module li .el-input__inner .el-input__icon{line-height: 35px;} .pos-manage-view .select-menu-module li .el-date-editor .el-input__inner{padding-left: 30px;} .pos-manage-view .select-menu-module li .el-date-editor .el-input__icon{ line-height: 30px;} .select-menu-module>ul>li{width: 85%;} .styleBtn{border: 1px #aaa solid;background: #f7f7f9;border-radius: 3px;display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;color: #000;font-size: 13px;margin: 10px 10px;min-width: 65px;text-align: center;} .changeBtn{padding: 7px 16px;border-radius: 4px;border: 1px solid #DDDDDD;cursor: pointer;font-size: 12px;color: #333;display: inline-block;margin: 0 12px;} .km-icon{margin-right: 8px;color: #409EFF;font-size: 16px;line-height: 16px;width: 16px;height: 16px;display: inline-block;vertical-align: text-top;} .changeBtn:hover{opacity: .5;} .popper-buttom{ padding: 0; -webkit-box-shadow:none !important; box-shadow:none !important; } .popper-buttom .btn{padding: 12px; color: #000; font-size: 12px; border-bottom: 1px solid #eee; cursor: pointer; } .popper-buttom .btn:hover{ background: #F1F1F1;} .popper-buttom .btn:last-child{ border: none;} .moqInput .el-input__inner{height: 32px; line-height: 32px; width: 70px;} .batShelfBox {padding: 0;} .batShelfBox .header{font-size: 16px;color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 15px 20px;} .batShelfBox .body{font-size: 14px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 16px 20px;} /* 来自 print/index.vue - 打印页面 */ .body_print { font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; background-color: #fff; } .printBox .ticket { margin: 12px auto 10px; width: 267px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; } .printBox .ky-mt-6 {margin-top: 6px;} .printBox .ky-mb-6 {margin-bottom: 6px;} .printBox .ky-pb-10 {padding-bottom: 10px;} .printBox .ky-pt-10 {padding-top: 10px;} .printBox .ky-pt-6 {padding-top: 6px;} .printBox .ky-lh-12 {line-height: 12px;} .printBox .ky-lh-10 {line-height: 10px;} .printBox .ky-pt-1 {padding-top: 4px;} .printBox .separator {letter-spacing: .1px;} .printBox .smallTicket-border {border-bottom: 1px dashed #000;} .printBox .smallTicket-border-top {border-top: 1px dashed #000;} .printBox .ticket-list .smallTicket-border {padding-bottom: 4px;margin-bottom: 4px;} .printBox .ticket-list .smallTicket-border-top {padding-top: 4px;} /* 来自 login.vue - 登录页 Radio 样式 */ .login .el-radio, .login .el-radio__input.is-checked+.el-radio__label {color: #000;font-weight: 500;font-size: 14px;} .login .el-radio__inner { width: 32px; height: 32px; background-color: #FFF; border-color: #CCC; } .login .el-radio__input.is-checked .el-radio__inner { border-color: #CCC; background: #fff; } .login .el-radio__inner::after { width: 16px; height: 16px; background-color: var(--primary-color); } .login .el-radio {margin-right: 0;} .login .el-radio + .el-radio{margin-left: 54px;} .login .el-radio .tip-img {width: 20px;height: 20px;} /* 来自 product.vue - 产品页 */ .ky-proProduct li{width: 200px;margin:0 12px 12px 0;padding-top: 12px;} .ky-proProduct-img{width: 160px;height: 160px;line-height: 160px;margin: auto;} .ky-proProduct-img img{max-width: 100%;max-height: 100%;} .ky-proProduct-con{padding: 6px 6px 12px;} .ky-proProduct-con-price{line-height: 19px;margin-top: 8px;} .ky-proProduct-con-discount{margin-left: 8px;line-height: 16px;color:#FF8989;padding: 0 3px;background-color: rgba(255, 137, 137, .1);border-radius: 10px;} /* ========== 来自组件的全局样式 ========== */ /* 来自 components/common/filter_form.vue */ .select-menu-module .el-checkbox {font-weight: normal;} .select-menu-module .el-checkbox__label {font-size: 13px;color: #000;} .pos-manage-view .select-menu-module>ul>li.select-menu-module-linkSelect .el-select {width: 220px;} .el-tooltip__popper.is-light { border: unset; -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24);} .el-tooltip__popper{font-size: 14px;color: #000;line-height:1.4} .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:transparent} .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:transparent} /* 来自 components/common/tip_dialog.vue */ .Tip-dialog .el-dialog__title{font-size: 28px;color:#101010;line-height: 40px;} .Tip-dialog .el-dialog__header{padding: 15px 25px 0;} .Tip-dialog .el-dialog--center .el-dialog__body{padding: 25px 25px 0;} .Tip-dialog .el-dialog__footer{padding: 25px 0;} .Tip-dialog .el-button{width: 125px;-webkit-box-sizing: border-box;box-sizing: border-box;} .Tip-dialog .el-input-group__append button.el-button{width: auto} .Tip-dialog-con{color: #101010;line-height: 22px;} /* 来自 components/dialog/dialog.vue */ .ky-dialog-title-2 .el-dialog__headerbtn{ top: 32px !important; } .ky-pos-dialog .el-dialog{ border-radius: 8px; overflow: hidden; } .ky-pos-dialog .el-dialog__header{ border-bottom: 1px solid #EEE; padding-right: 50px; } .ky-pos-dialog .el-dialog__headerbtn{ width: 24px; height: 24px; font-size: 24px; top: 20px; } .ky-pos-dialog .el-dialog__headerbtn .el-dialog__close{ color: #000; } .ky-pos-dialog .el-dialog__body{ padding: 0; overflow: hidden; } .ky-dialog-title-2.ky-pos-dialog .el-dialog__body{ max-height: calc(100% - 82px); } .ky-pos-dialog .content{ padding: 0 24px; } .ky-pos-dialog .scrollbar{ height:100%; } .score-teams-dialog .scrollbar{ padding-bottom: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; } /* 来自 components/dialog/multiple_stores.vue */ .multiple-stores .el-dialog{ overflow: initial !important; } .multiple-stores .el-dialog__header{ border: none !important; padding: 40px 20px 0 !important; } .multiple-stores .el-dialog__body{ padding: 40px 20px !important; } .multiple-stores-title{ font-size: 32px; font-weight: 500; color: #000000; line-height: 38px; text-align: center; } .multiple-stores-list{ padding-right: 0; } .multiple-stores-scrollBar{ padding-right: 10px; } .multiple-stores-list li{ border-radius: 10px 10px 10px 10px; border: 1px solid rgba(0,0,0,0.2); color: #000000; line-height: 26px; font-size: 22px; min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 26px; cursor: pointer; padding: 7px 14px; } .login-style .multiple-stores-list li{ padding: 7px; } .multiple-stores.login .multiple-stores-list li:active, .multiple-stores-list li.active{ background: var(--primary-color); color: #FFF; border-color: var(--primary-color); } .multiple-stores-list li:active .last-login-style{ color: #FFF; } .manage-style .multiple-stores-list li:active{ background: #409EFF; color: #FFF; border-color: #409EFF; } .multiple-stores-list li:first-child{ margin-top: 0; } .multiple-stores-list li>div{ text-align: center; position: relative; } .multiple-stores-list li.active>div>span::before{ content: ''; position: absolute; width: 32px; height: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABDdJREFUeF7tm49x0zAUxt/bgE4AnQA6AXQC6AS0E0AngE5AmYB2AsoEhAkoE1AmoBs87pfKPsexLcuSYjlUd7n0UtvR9+nT+6cXlczDzJ6IyGsRORSRpyLyQkT4jPHMvd+LCK879/5LRG55qSqfZRua48lm9sqB5h3AMQMiViJyrar8nXQkI8Ct9HsReSkiAM8xUMOFiNyoKoqJHtEENIC/a0g7emKeB0DEtYhcxW6RKALM7FREPu0QeJuXtSJU9Woq45MIMDOM15eMUg/Fg204maKGYALM7I0DX1ny0Mnmun6SGoIIMLOPIvIhF4JEz2VLMM9RYzQBZobk2fNLGJeqej5moqMIWBj4Cjce4sxHgpcAM8PK49+XOLwkDBKwkD3vW5hBm9BLgPPx7Pt9GLjImy4gnQQ4P/+9kawsnQTC5qOuOKGPgJ8JkpjSSFup6nF7UlsE7Jn023jP2mHzBgF7KP02AWyFw2Ym2SZgCZFe7Nba8Ao1AS6tZe9XVZrYLyr1/g0VNAkgzN0Xt+cjv1ZBk4DfC1l9ymP4dEptU3OT2iOsCTAzHob8Sx8boa2ZEaITqk8Zx6q6qghYQry/Fdc7u/V3CnoRWWeMFQGlBz6dSU2kcim5H6nz/ez/UkcfeCpSsV7rAAIocX0tFP0QeHKV2DOHUwgoNfjJDZ41v4AAVh8VlDR2AR68VxCAlHKd5EwhdW2c2jc6i59C9s1H30JAigCI8JLafCyRPAP/vHHslQk8RNxBAH40psZfyzUym9w1+JoAm6LTxj2kl/UR9kQS5gC/hoACYgk46JAsGeXYkloneBeiZzfQKWxA5yHESCUMgd/FQcx9CgIe/GnHcZSHhLnB1zYgVR4QQkIJ4CFghQJSSq2PBEJWbALephTwEHCTIxQeIoG0m0OKrfaWxAsx1rGtQ+G3hIRj7xh5XdAR9UzggXICAchyalFhiI9zVb30ETYjeKZ2kLsgsnUQ0SRkZvAPBREXcOQsiXWSMDN4YG+UxEhisNK5xgYJBYAHJ4elt82yeO60GEP7J3Mj5dgFvFNVWnelSUCplaGxoEKuqxXZPhqjNhCTGodMYq5r69XfUIAzhv+DCroPRx0BrP4+q4C6BRWnun7x2CDRtRELLJSmsBedxdahJinS5H0xiFvSrxgdapMr+cQoVBG9Ifljo6SPykLCVt80+/7vbZr29go795iyajQVTOh93j7hrUBo6BsW1jQ9CnwQAQuKFIOqUaO2QKuIQWMSvxoprZ2OOiPWvrMpuk/dwQQ4JQCeU5vYBoXQfd13PZ1jgA/+lekkAqpZuL7iOdXAqlN7nFzUjSKgoQa2BdXlXW0LgH92Za2oX5BGE7Bj+4DUf6QA7g2FYzana19DESl/PP2NxsaYeXXdm1QBPZkl2wJjyeu5S7D4jESrSrYq41V1mlA7pC4B6CiJ+wj7ByPI/lX8XlyzAAAAAElFTkSuQmCC) no-repeat; background-size: 32px; left: 0; top: 50%; margin-top: -16px; } .multiple-stores-list li.active>div>span{ word-break: break-word; position: relative; padding-left: 46px; display: inline-block; text-align: left; } .multiple-stores-list .last-login-style{ margin-top: 2px; font-size: 14px; font-weight: 400; color: #F73173; line-height: 16px; } .manage-style .multiple-stores-list .last-login-style{ color:#409EFF; } .manage-style .multiple-stores-list li.active{ background: #409EFF; border-color: #409EFF; } .multiple-stores .scrollbar { max-height: 336px; } .multiple-stores .el-scrollbar__bar{ right: 0; } .multiple-stores .dialog-close ,.multiple-stores .dialog-back{ position: absolute; font-size: 22px; line-height: 26px; bottom: -50px; left: 50%; -webkit-transform: translate( -50%, 0); transform: translate( -50%, 0); color: #FFF; padding-left: 38px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAABSFJREFUaEPdWkmoXEUUPUddiBMiElwYNJqFwY2CiwQNmjiA4IwBRQWzMhIDRhOiK3UXcYr4g7pS0KCgqBhFcYyoGEhAN0EXDl/MImgQccKFeuR8bn0qr1+/flP3j32h+f91V92q827dqe4leiRJZwG4EMA5AJbG52gAp8QyBwD8BeDr+HwB4COSX/W1DXZlJMmbvwnADQBObclvP4AXAewgaZCtqTUgSVcDuBPARa1XL5+4C8DDJN9sw7cxIEnnAXgCwPKSBX8G8AGATwHsA/AtgB8B/B5jjwOwCMAZAM4GcD6A1QBOKuG1G8AGknubAKsNSJJ14SEA6wAclS3yJ4BXADwT+vBPkw1IOjL0bi2A6wAck83/G8BTADaTtO6NpFqAJFnBXwplT0z/ADAD4FGSlkJnkmTp3QXgDgDHZgytV2tI2phU0khAki4AsBPAiRknP68n+cOoBdr8LmkxgO0Arszm/+Jnkp9U8awEJOkKAC8A8Nk3WRc2kXy6zUabzpF0mw1EYf0bSb4xjNdQQCGZtzJmlsblJK3sEyNJNh7eh6WWXqr3USqpUkChM3uyY2ZrtZrk9xNDki0k6bSwnraOpoMAVpTp1ACgsGafZQbAklm5UGASrgD1cSYpGwqDOsT6lQGyj7GVSeJdPuljNuwUxPGzf0o6PUNyQz7+EEDhNC2d5GfWTcoA1D3KYSjsm0z2U5bSvPMtAjKYFAHsJHlV3YUmOU7S65lJ301yRVp/HpCkawC8Gj/YaS4bo5+5H4BjwV0kNzZ9GeGnvsycr/3TnCnPAX2YBZoPkryn6UJ1xktyiHRrjJ0luaTOvOIYSVsBbInv/WJWzQOKFODz+NGx2ZK+wpnMSp0eJ8DphmkWwCqS/tuYIkz6Lov9znXqMSchSQ46NwXX50ne0niFigmSDMYnwH87g8le0nMAbo7nrSTvTYDsa1JydjFJpwC9UEjfupnA2H9c21Yy+aYkOfV4P77bT3IxI222gpmczywi2SgFGIZcknXlsSzi2NbGCFTwd+rhSD/lU8sMyPnNkzHpZZJr+hCNJFuy+zJeD5D0d72SJKc11wfT2w3IYAzKtJHktq4rTgqM9ynJ1wA+BaYZA3oXwCXxxWUk/dyKJDlnMvNklp3DrCX5WiuGNSZJuhTAOzH0PQOy6UsKu5TkNzX4DAwJS2bl78Us192DpDPjSsxTZg3oJwAnB4MTSP5Wl1k+TlLumDv5mCbrSzoewK8x54ABKWNwBMn8uTbvBQRk1/Nv2mifgMoiAfubTheHo96opAFAvRy5sDgLYRQGjlwvRqGgT0Uf1Is7KJNWmVHozWyPADUuxzpgtnt3rAlYSejzLEnfkPZGZY51LKFPBsp+qRicOm2w0+1MZaGPazpjCU4zUONKHwaD07BOY0sfMlC2gHa+eSTRyayXpg8ByNetd8fivSd4BVB5rNc6BY995wne3LVBSvD81saaghcsoCNkpxaPt00pKlPwQDuRS5LOViAYVF6SBKCJXWN1BVXrGitATc9FYwBy/XR6roIDlMuM6+NYuMB1OF/WbyeZCgtzW57+ckpIyUXi6Sh4ZU7QxeLpKElmoA7HorHL+28PM/3/p7K+66qO/dqX9TNJTU/jRQbKrTEOYt07MMnWGPdEuDeiv9aYQmA5Hc1LRSWMLhOnHONoL3ukqlukKhYcaRRGBZJR/3Hzn5sAuzQA7nATYNd7vM6ACsfR6bwl5nYW/29jMqxF022ZbrNxfbS3Fs3/AIGPoW9+xrSLAAAAAElFTkSuQmCC) no-repeat; background-size: 26px; } .multiple-stores .dialog-close{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAABLpJREFUaEPdmsvvXVMUxz9fDMQriDQGGkoHGhMSgzYI6pFIvKMJQaIjbaqJUsF/UPFM/BqMNKEhITRKiGcF0YSEiTDwqOigQWi8YoAl31/W+WX3Ovece8+9btuzkjs49+y99vqetfd67LXEFCkiTgfOB84ElubvcODEXGYP8CfwZf4+Bd6V9MW0xNCkjCLCwt8IXA+c1JHfbuBZYKskg+xMnQFFxFXA7cAFnVevn7gDeEDSK134jg0oIs4GHgWW1yz4E/A28AHwGfA18D3wW449ClgEnAqcAZwDrASOr+G1E1gv6eNxgI0MKCJ8Fu4H1gCHFYv8AbwAPJnn4e9xBIiIQ/PcrQauBY4o5v8FPA7cJclnr5VGAhQRPuDP5WGvmP4OzAEPSbIWJqaIsPbuAG4DjiwY+lytkmRj0kitgCLiXGA7cGzByc/rJH3XtkCX9xGxGNgMXFHM3+tnSe838WwEFBGXA88A3vsmn4WNkp7oIui4cyLiVhuIgfVvkPTyMF5DAaVmXi2YWRuXSfJhnxlFhI2H5bDWqo9qOWo1VQsoz8xHxTaztVop6duZISkWioiT03raOpp+BFbUnan/AEpr9mFhAKyZ8/YXmApXgnqv0JQNhUHtY/3qANnH2MpU6l0+6202bBfk9rN/qs70nKT15fh9AKXTtHYqP7NmVgZg1K2chsK+yWQ/ZS0tON9BQAZTRQDbJV056kKzHBcRLxUmfaekFdX6C4Ai4mrgxXxhp7msyc9ExMOA52yQtG0agCLiFsB8t0ja0LD1bPE+L5yv/dO8KS8BvVMEmvdJuqdJyIj4ubCCqyVtmQRUgnH4ZNolaUnL+puAu3PMDkkXLgDKFOCTfOnYbElbODMggKd2BlXD65o2rWeY9E0R+53l1GNeQxHhoHNjAnpa0s2jfO1pgJqER0Q8BdyUsm6SdG8FyL6mSs4ukuQUYCSaUCCfmWqbja3liHDq8VYKulvSYmXa7ANmcj6zSNK4KcDYgk3yIaovnamHI/0qn1pmQM5vHstBz0taNZJqBgaNI+A4Y9tkiQinNdfluLUGZDAGZbIJfqSNybD3owg6yphx1o8IXwPY1JvmDOgN4OL841JJfu5MTQJPG4yFjIhLgNdT4DcNyKbvlPxjqaSvOqPJiXWC56vOBqBhV5yWV2IessuAfgBOyAnHSPp1UkD55QYNRcm2s88alC0ijgZ+yf/3GFAUgw6RVD5PhK1GU+Y3NTD54ex6/qkE7SWg3m253hmF3pnt3jnW3oU+run0JzhNW96f9CEB+br1znROB2uCN39tUCV4rsIdSCl4azTRmIKnlsa9JCn9V6sAbTHUQJi0V9JxTXMiYvglSQLqco3lANQ51EQ3PpXgeZXm3GbbxNdYCao/F40JyPXT/lwFJyiXGdflNnCB60C+rN8sqSoszIvc/3JKaslF4n4UvAqL42JxP0qSBagDsWjs8v5rw3zUwVTWd13Vl/jdy/qFpvrTeFGAcmuMg1j3DsyyNcY9Ee6NmF5rTLlfe9O8VHPBZ4PhlOP/aC97sKlbpClobTUKI0TJTj3c/OcmwEkaALe6CXC/NQDWAc1akzXmdhan9jYmw1o03ZbpNhvXR6fWovkvf5v7b1zfdA8AAAAASUVORK5CYII=); } /* 来自 components/dialog/payment.vue */ .checkoutMethodClass .el-dialog__body{ padding: 10px 0 20px; } .paymentDialog .el-input__inner { font-weight: 500; font-size: 48px; height: 100px; line-height: 100px; border-color: #ccc; border-radius: 8px; text-align: center; color: #000; } .paymentDialog-remark .el-input__inner{ color: #000; border-color: #ccc; border-radius: 8px; font-size: 22px; height: 54px; line-height: 54px; padding-right: 40px; text-align: left; font-weight: 400; } .paymentDialog .el-dialog{ border-radius: 8px; overflow: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .paymentDialog .el-input.is-disabled .el-input__inner { color: #666; } .paymentDialog .el-dialog__body { padding: 10px 40px 16px; color: #000; } .paymentDialog .el-input__prefix { line-height: 100px; left: 12px; font-size: 32px; color: #999999; } .paymentDialog .el-input.is-disabled .el-input__inner { background-color: rgba(0, 0, 0, 0.06); } .paymentDialog .el-dialog__footer { padding: 12px 0; border-top: 1px solid #eee; } .credit-card-type{ margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; } .credit-card-type>li{ width: 140px; padding: 3px 0; text-align: center; border: 1px solid #CCC; border-radius: 8px; margin-right: 16px; cursor: pointer; } .credit-card-type>li.active{ border-color: var(--primary-color); } .credit-card-type>li:last-child{ margin-right: 0; } .credit-card-type>li>img{ width: 84px; } .paymentDialogSuccess-header{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .paymentDialogSuccess-header>.type-icon{ width: 68px; margin-right: 12px; } .paymentDialogSuccess-payment-list{ width: 100%; border:1px solid #CCC; border-radius: 8px; overflow: hidden; margin-top: 17px; } .paymentDialogSuccess-payment-list>table{ width: 100%; } .paymentDialogSuccess-payment-list th{ padding: 10px 15px 12px; background: #E3EDF7; } .paymentDialogSuccess-payment-list td{ padding: 8px 15px 12px; line-height: 22px; } .paymentDialogSuccess-payment-list td.zero{ padding-top: 4px; color: #F73173; } .paymentDialogSuccess-payment-list .totalPaymentAmount{ border-top: 1px dashed #ccc; font-size: 22px; font-weight: 500; color: #000000; padding-top: 12px; } .usePoint .errorTip{color: #FF4D4D;height: 16px;font-size: 14px;line-height: 16px;margin-top: 4px;text-align: left;} .usePoint .blurcodeError .el-input__inner{border-color:#FF4D4D} .usePoint .points_btn{ width: 54px; height: 54px; border-radius: 4px; color: #666666; display: inline-block; text-align: center; line-height: 54px; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .usePoint .points_btn .add{ width: 24px; height: 24px; display: block; position: relative; } .usePoint .points_btn .add::before { content: ''; position: absolute; left: 50%; top: 50%; width: 24px; margin-left: -12px; margin-top: -2px; border-top: 4px solid; } .usePoint .points_btn .add::after { content: ''; position: absolute; left: 50%; top: 50%; height: 24px; margin-left: -2px; margin-top: -12px; border-left: 4px solid; } .usePoint .points_btn .lessen{ display: inline-block; width: 24px; height: 24px; display: block; position: relative; } .usePoint .points_btn .lessen::before { content: ''; position: absolute; left: 50%; top: 50%; width: 24px; margin-left: -12px; margin-top: -2px; border-top: 4px solid; } .usePoint .points_btn_input{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin: 0 12px;} .usePoint .points_btn_input .el-input__inner{text-align: center;font-weight: 700;font-size: 28px;color: #F73173;} .usePoint .points_btn_disabled{color: #ccc;cursor: no-drop;} /* 来自 components/dialog/print_report.vue */ .print-report-popper { width: 416px; } .print-report-popper .el-picker-panel__content{ width: calc(100% - 30px); } .print-report-popper .popper__arrow{ left: 50% !important; } .print-report-date .el-input__icon ,.print-report-date .el-input__suffix{ -webkit-transition: none; transition: none; right: 0; } .print-report-date .icon-clear{ margin-top: 16px; } .pos .el-date-picker__header-label:hover, .pos .el-date-table td.available:hover, .pos .el-picker-panel__icon-btn:hover, .pos .el-date-table td.today span { color: #F73173; } .pos .el-date-table td.current:not(.disabled) span{ background-color: #F73173; } /* 来自 components/header.vue */ .ky-pos-header{ width: 100%; height: 54px; background-color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); z-index: 99; position: relative; } .header-left, .header-right{ width: 200px; white-space: nowrap; } .store-name{ display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #000000; line-height: 24px; margin-right: 12px; } .store-name .logo{ width: 80px; } .header-right{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 24px; font-size: 16px; } .print-today-report{ margin-left: 12px; line-height: 36px; padding: 0 12px 0 40px; border-radius: 8px; border: 1px solid #CCCCCC; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; font-size: 14px; } .print-today-report::after{ content:''; position: absolute; width: 24px; height: 24px; left: 10px; top: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABEZJREFUaEPtmV1oXEUUgM85d1eTLiVg8aXgXymi+KC0pS1iFUTFH6gg6ENBELM7MzEgbQTxzSjoixBpjdyZmwTUF/vSh1Ro/AGtfyBiKYr2RetDRRbFn0iVkL3eOTKSjTc3yTp3e3eXhb2ve/6+OWfOzJlF6PMP+zx+GAD0OoO5MzA/P7+1Xq8vMPM+ACgVBYCIDQB4WSn1TB6buQCYOTDG/MTM2/I48ZVFRC6Xy3tHR0e/8NbxFXRyWutpZh4HAEbEyZGRkTfy6LeSXVxc/BQAthPRSSnlg752c2UgDMNzAHAjEX0ipTzg68RHTmv9ITPfjohfKqVu8dFxMrkAtNbnmXkHIp5SSj3g68RHzhhz2lp7BxGdk1Le5KMzAPBdJR+5wjNgjHkWAFyZVFIB7LTWXgYAfxLRBZ/AfGWY+Vpm3gIAy0R0PqN3ERG1EOK1rL11e2Bqamp4eHj4O9cRfJ13Q861WCI6IoQ4mva3DsAY87G19janAADfIOJiNwL8Hx87rLXbEfE3pdSaM2gdQBiGsTthieglKeXT3Q7eGFMGgBeI6OtarfbvORNF0cEkSebdoiqlqGUGwjB0Kw/lcnlXtVo92wOA1QoolUqHqtXqcWPMPdbad1wsY2NjaxZ9owz0FCAMw28RcSczAxFNSimf6yuAmZmZ3UmSvImIF4QQd7uy6SuAjUo2iqK7kiR5ry9KaACQpwu5Q6+oLjUxMbG0ma1C94AxZoSZ3wWA3W7AKQoAAP4OguCYEOKprM3CAFYmsp+Z+YoCA1815TpOqVTaX61WP0/bLwxAa/0qMz+BiBeJ6CEAqBcBQkRXxXF8AgC2IOJbSqmDHQFITWQLUsr7iwi+aUNr/REzHyCir6SUN7cNoLW2zIxEdKeU8oO0oU5OZM2RcqOJbHZ29t44jhe87kJa619XatwCgLuHJykIt4GDToyUqZnY+fsjk93LmbmCiLFSys0j/+2bbBnMzc3tieP4tFPYrETSAFEU3ZokyQ3tlFMQBHUhxILTbQK08OnuaDNKKdkSoPmjMeYQIu5PgzDzw8y8tQkQRdEj1trjruTaAXA6QRC8IoR4MpWB3xHRbejVj5n/CoLgZK1Wez/rJ5djY8z31trrUgDXW2s/y4ydeVgaRPSYEOJEqz3QymAugF5t4gFAqld37GGrKyWU3QMObHp6etvQ0NDVeQq/Kbu8vPzL+Pj4D+ku1NGXuSyAu6Mw89vtdqGVl49JpdTzPcmAOwOste4K0O6t1L31HJZSHusJQLMULgHArmRh9SDraAkN2miLnd7VEiKiTl6nO/r/wBlm3uUGmlKpdF+lUvmxnfaZ1VlaWrqm0Wiccq/TRHRGSrnH126uq0QURY9aa19vt236BIWIR5VSh31knUwuAKcQhuHjiPgiAFzJzGseWn2dbiJngyA4W6vV9mVmkJZmcwNcYpCFqw8ACl/SnAb7PgP/AFRv9k/yNIngAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } .customer-screen::after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABGxJREFUaEPtmF1oI1UUx/93klkSCi20YIpYpRD1IYiLq6BQRKgLPgh+QZSuDy20Zm4eVsnu4osPeREVseJCcidasKBbIeKugiBSCiIFH9RVkbzsFoqWLY3aQgsloZPmyIkTlTXJfDRNUul9S+49Z/6/83Hn3hE44kMccf04Buh2Bj1lYHZ2NhwOh58G8AyAU0R0KwMIIdYBfA/gk1KpdDmVSpU6BeYaIJfLTezv778phKiJbjaIaD0QCFxIJBILnYBwBaCUegfAWVvQVQCmEOKrjY2NVf5veHh4lIgeAWAAuM9ed1FK+eJhQzgC1MUT0a4Q4oKUUrUSpZSSRMSZ6gNw6BAtAbhsqtXqJRavadppwzC+cRNR0zQfqlariwyhadqZwyynpgDcsKFQaMWu+aRT5G8G40wAyHJPlMvl6GE1dlMApdQZAB8CuCqlPOUm8g0geGfinnheSnnJjw8nm1YAlwE8BeAFKeV7To4azSulZgC8C+CKlJK337aPVgC/ALhdCHGXYRjX/TzZNM07iegagF+llHf48eFk0xQgm81aQohgsVjU0+l0xclRo/l0Oh2MRCIWEVWSyaTux4eTzf8XQCl1tEtIKeW5iZeWlh4uFosXd3d376lUKppT+r3MB4PBal9f38+RSOTs+Pj413Xbtm2jLH51dXXRsqwT7FwIx5e8F/0gotp6Xdf3RkdHT9ch2vYiW1hY+HF7e/veaDSKsbExhEIhTwKdFpfLZSwvL2NlZQUDAwM/TUxMnKwFqpWh26MEEelzc3NlLpvJycm2i69rZIj5+XlwOc3MzAQcAXiB28OcUoq4bBKJhFMwDzSfy+Vq5SSlrAXfVaG6PE5f61kAOxOvATjHfdQshD0JYJrms0R0HsD9TrnvKYBMJnNS0zS+vDzIwoloB8CXmqZdAXBd1/X1tbW133huZGTklr29vRs9A6CUmuT+BcB74e8A3giFQpmpqalysyz0TBNns9mXhBBv20LnS6XSuVQqteVUPj0BYEf+fVvsK1LKV52E1+e7DmDXPN95uWw8ibd3qe6+B5RSLJ4bdl5KOeU28j2RAaXUcwA+AvBHqVS6203N/xuw60cJpdS39j5/Xkr5ltfo8/quHebs2v+B9/lwOBxptVW2Auvacdo0zZeJ6HUi+jiZTMb9RL9u05ULjWmaXxDRY0KICcMwuA8OPLgnhBBWI0e83fL/hsGfUf8ZpmnWftRPmTfbNvMplFL8ySQqhHjAMIzvDqzewYFfgGZuGYAjFQRwm5TyRrsACoXCcKFQMHd2dh63LKt2+fA6dF3f7+/v/zwWixmxWGyjkT0D/HXZbDNAPp//dHNz8wl2rGn+7vfVarUmbGho6LN4PP5kM4BFAI96jU6r9Sw4EAjAsizE43EMDg76cr+1tYV8Ps8X+f3p6Wmukv8MkclkhjVN+6CdEB0F8BUaF0YdKyEXWnwt6VgT+1LnwYiITggh9jyY/L3Uja2rrxJ+Ht4pm2OATkW62XOOM9DtDPwJSYmbT459ZogAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } .right-info-mw{ display: inline-block; max-width: 130px; vertical-align: middle; } .header-right-info{ height: 32px; margin: 1px 12px 0px 24px; font-size: 14px; line-height: 16px; } .header-right-info .title { cursor: pointer; } .header-right-info .ky-limit-one{ max-width: 134px; } .header-info-icon{ display: block; width: 24px; height: 24px; } .header-right-popover{ padding: 10px 0; margin-top: 18px !important; } .header-right-popover .popper__arrow{ right: 2px !important; left: auto !important; } .header-right-popover-wrap>div{ padding: 12px; } .header-right-popover-wrap>div.head-logout{ border: none; line-height: 24px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .header-right-popover-wrap>div.head-logout:hover{ background: #F3F4F8; } .header-right-info-pos-no{ line-height: 24px; border-right: 1px solid #000; padding-right: 12px; margin-right: 12px; } .header-change-stores-icon{ width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAxZJREFUWEfFVz9ME2EU/727nhVEiRhjZNDBBCRAQi0LA4Y4uElCUIMkxjgoo7bXjUUHnWjRCdkaSUzUGBJ0MjEhMjAIqbEY1MRBB4gk1iB/atu7e+YrXFOw7X1cC17S5e693/v1fe/93vsIks9qy61jiubpJKCbwU0EOgHgyKb7TwZ/J9A8AxNVJr2lD0NLMtDkZLTqD7SqphIkQg8DtU724jsBy8wYN1UrUjM7HC/lU5TAcnOgTttHgwpogIEDMoG32xCwBuBRKm3dr/04nCiEUZBAyq+fZgvPGGh1E7iAT1xRcNk7G/5UgOTWV+u+UAeBXwA4XqHgNswiw+ytjj2YzsfdkoGVM7ebPKy+2YXgORKKgnP5mcgREGfu3adMVjDtxRIYT6etLrsmcgTWfcEwgYIVTntBOALC+2Ph0GbHAKLVPJYy7bbad0padIehWB2iRbMZWGvTowrh2k6ByrJnRKveh6+TUDhVU78AdKgcQLW/E2pXC9J6FFhJOkIJsfKa1EApn37RAp47ejgYeAbOQ/yszwtI3xyRIsHAJUr69McArpZLQPi7IDFGSV/wHUDtxQhQ/WEo/lPS/NT+s1Aa6zcycSVS0o/BM7TuCy4R6GgxS/tfSTPIM0zfGIE1+7WU65I4AgOAWtTqYBWUhno38Z2CC0zTmYCr0NJOpuMRSEO5MxRH4FyE2p0+V/DGkylYk3NFfbNF6NSGogu8rwazICwERkJk7IjG6GuYL2dKkR+TEiL1Qju0u33ghURWZHjhl6uMbHfKCpGsFFeahJBiI2M0ZodRsk2PQmIY2STMyTlkgtHysmAPI4GS8gdaWXIcC1XkxURZx/DPOBYk/vhCYQbvyULC4Eh1LKKLuLmNiJsDdak9WMkIiKcKrWSCzX9dSu2KyvhCHcaureXUWx0bKr6W2yREJjRWn1ZqQxZpJ9mLiU1ioybUQYDLuppZ4NFMmu/t6GqW3+CiRS1T0UHcI7838m+LaZxVK+z6crpdZYRiapqn0wK6AW5i4CSB6rIzApwg4BtA8wowkckYUzVzD3/IKNVfkK5S4Su3F9AAAAAASUVORK5CYII=) no-repeat; background-size: 16px; position: absolute; right: 0; top: 50%; margin-top: -8px } .header-change-stores-icon_f{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA0LTI0VDA5OjI1OjAxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNC0yNFQwOTozODozOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNC0yNFQwOTozODozOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkNWIxNDE1MC0wNTA1LTk1NDgtOTIxMy00MWUwMzA0ODgzZGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDViMTQxNTAtMDUwNS05NTQ4LTkyMTMtNDFlMDMwNDg4M2RmIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDViMTQxNTAtMDUwNS05NTQ4LTkyMTMtNDFlMDMwNDg4M2RmIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNWIxNDE1MC0wNTA1LTk1NDgtOTIxMy00MWUwMzA0ODgzZGYiIHN0RXZ0OndoZW49IjIwMjQtMDQtMjRUMDk6MjU6MDErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sT8oYAAADB0lEQVRYhb2XT0hUURjFf/d5bRyKxow0KVSw0hGHGAhEUBFzITSJIkxtgmjTyo0SSNEubRHNpk1uaxEJogwGErRQAzeBxJhjoJBuRFHxD5J/7nhbzBubJn3zZhw9q5l5537ncO+d931HYBNi0F2AzKoF0QzaDaIIuGg+XgE9DyIMOojMHtVNE0u26iYlDFV6gA4QrYDLpt910ANAQPsmQ+kZ6C/LE47sZyAeA2dtCidiC3ird3Z7aPu5atuAGPaWo1Qf4ElTOBEhpPTrponppAbEUGU1iH6gMEPiMSyAbtO+yfEjDYjBCjcy68sJiP81IWVD/E4YB4/6y/KQWR9PUBygEKX66C/L+89A9MJl7Myt4BGOM08PdCH2VxPjpH/bU8UW6GrtmwxFd0Dtd56iOKZWB4BhvuFaj1vxaq2PnjtBhCPH5grRKoa9+QZS1gLnj2vgnPMCXZTwoXHErgkXaq/OAJqPKw4w/fk9FXuv8ONMwYRoloDbimK4csm7ftOWieXVefoKfuPHCY0j3P9UlWSFdkvQxVYt4UbVXaayn9gyEA8/Th4Wl7I9N2vBEkVCDHkUkHUkxZGD4/KVlA0AScQBiMhkDL2zbadQ2jBAH9omTwkrEsQccOkohuHK5UXNu7Sqv/z1nM0f3y0Yel4CYeCWVaEuSg4+z6RgIODMZdOSIcISCAIPjqLsr6+Rv9jOUsEbZoDyr3Xsr6+lYMMKOmig1BiwYUVb/jZC/mI714DpmlEMV24m1NdRkTFDt4QXzQHSEvEmHtX0ZEBfD+iW8GK0HQ97PShlqx3nFJeyu7Zy3GP4tx3rpokQ0Gtn5fbcbAbugO6NjetG3K/dgOUMnyGE9M5ed+zLgQHtC62iIveAhRMUX0BKf3xGiN8BdMtUGCnbTshEdCxPyAZGIks3TYyjIrfJ7HGEkLIhMRMcagDMnYB6IEA0XqWLLdABvbNbf1gqAjvhdNjrQe11muHU7ui2gYoMII3X6YfTROKgu8CcH5sBtznImAFDr5pNLQwEUWos+oJLjj+kvA2ry3aYYwAAAABJRU5ErkJggg==) no-repeat; background-size: 16px; } /* 来自 components/manage/navbar.vue */ .navbar { position: fixed; top: 0; left: 0; width: 100%; height: 45px; -webkit-box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 8%); box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 8%); padding-left: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff; z-index: 9; } .el-breadcrumb { padding: 16px 0; margin-left: 22px; font-size: 13px; } .navbar-right { padding: 12px 0; margin: 0 20px; } .navbar-tbn { padding-right: 12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAIVBMVEUAAAClpaWnp6enp6enp6empqaoqKinp6enp6enp6enp6fyQSn5AAAACnRSTlMAf19XdG1mQOXUC7/qbwAAADRJREFUGNNjoAZgn4zEYVylgMxZhsxZFYDMWYLMWSWAzFmEzFmMS9kSXEYvw+Ec9mYGKgEAd90V+qhJm0sAAAAASUVORK5CYII=') no-repeat right center; background-size: 12px; margin-right: 22px; font-size: 13px; line-height: 21px; display: inline-block; vertical-align: top; padding-left: 20px; white-space: nowrap; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .icon.ky-v-middle { vertical-align: middle; } .header-dialog { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; overflow: hidden; line-height: 1; text-align: left; } .header-dialog a:hover { background: #F6F6F6; } .header-lang img { width: 20px; } .header-lang-dialog a, .header-lang-dialog p { line-height: 30px; height: 30px; padding: 0 10px; text-align: left; } .header-lang-dialog a:hover { background: #F6F6F6; } .header-lang .header-lang-dialog { padding-top: 8px; min-width: 88px; right: 0; top: 20px; } .header-lang .header-lang-dialog>ul { padding: 6px 0; } .header-lang .header-lang-dialog>ul li p { white-space: nowrap; padding: 0 10px; } .header-lang:hover .header-lang-dialog { display: block; } .navbar-store-name { max-width: 500px; display: inline-block; line-height: 16px; vertical-align: middle; } .manage-change-store-wrap{ padding-right: 22px; margin-right: 6px; } .navbar-store-name .header-change-stores-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAr9JREFUWEfFl01IVFEUgL/zHDAIDAx1LCtoUVnNQgjKQIgoaCWUVqsIFxUtAv92rms3M5qboo0UBBYiRIs2QRQU/SyCoR+CFpWkThSM4ELQd+K+mTE157373ox6N7OY8/O9c+459xzB8tQPaoOjtOHQjkszwk5ga0H9N8p3HD7h8kg38Xz6qmRtTEuQUENKE+LQC5wGtgTJF/7PAePqkprulYyfTkmAppTWzgsDCFeAzZaOV4rNArdiLjcmeuXPajZWBdg2rPtclwcoiYiOl6spGSfGuZ/X5PNKe/8B1Ke11RHGgMaKOP9nZNJVOrI98mqp3WUAjWltVuHpGjgv+px0qji+NBKLAF7Oq3hWsbCXCp+SiSnHindiESCe1iTi3fb1OMmpbuk3jjyAQqmZ3ES97WGhZ9Wl1ZSoBxBP6wjCxbBWypQfmeqWLvE6HHwBasoxeKkFTu2GrscwM2dlKafV7JF4WjsRHlqp+Aj1H4G+w/DhF5wZs4RQzkp8SO+iXCgXwOiHhhDuSXxQ3wKHSgHsqIHW7fZ4l1vgQF0+EifuB+gp7wyAebXqSomasJovi3I6xuDlhK9m1gDMA1WlxGqq4WBJPH+sAOdGeSEQIMqXh9DxAHxTEMJYFFEvBYGXcPBkFNtw5z08+eqj613CgDI0VfCmK28kN2dZ3wWfydcw+tEHwCvDm9qJ69+Izu8HE4UfM2ButvmtyDGNyLYVrwFEzoW9oR6jIoTJq+n5ZZ78Y2SMNAxrQhaweo6PNuVTUGYalj/HBiI+pEl0nQYSJTXVI33G7/qPZEImtrDKSGZoNnQoLV6oDR3LixBeJBxGKzYhCxnHsVxMihCFMX0ALXM1U27HlOuhVrOl9e2V6Dx9iLec2s6NMyjjqiQjL6crm4zXMR3aUNpRmoFdQG1Bziye35D8eu4KL7LdMm3TqP4CjrYZf7sHk9oAAAAASUVORK5CYII=); } /* 来自 components/manage/select_dialog.vue */ .teamDialog .el-scrollbar {margin-right: -10px;} .teamDialog .el-scrollbar__bar {opacity: 1;} .teamDialog .el-scrollbar__wrap {margin-bottom: 0!important;} /* 来自 components/manage/table.vue & tableNew.vue */ .brand-image { width: 50px; height: 50px; background-position: center center; background-size: 60px; margin: auto; background-repeat: no-repeat; } .ky-blue-table .ky-el-table .el-table__header-wrapper, .ky-blue-table .ky-el-table .el-table__header-wrapper th {background-color: #F3F9FF;} .ky-blue-table .el-table td, .ky-blue-table .el-table th.is-leaf {border-bottom: 1px solid #F5F5F5;} .ky-blue-table .el-table {border: 1px solid #F5F5F5;border-bottom: none;} .ky-blue-table .ky-el-table .el-table__header-wrapper .cell {color: #646464;font-size: 14px;} /* 来自 components/posRight/adjust.vue */ .right-cont-foot-wrap { bottom: 0; padding: 12px; width: 100%; border-top: 1px solid #EEE; background: #FFF; } .right-cont-foot-btn { width: 100%; line-height: 54px; background: var(--primary-color); border-radius: 8px; display: block; text-align: center; color: #FFF; font-size: 16px; } /* 来自 components/posRight/index.vue */ .el-popover{ color: #000; } .ky-pos-right-order{padding: 8px 8px 4px;} .ky-pos-right-order li{line-height: 20px;padding-right: 3px;margin-bottom: 4px;} .ky-pos-right-order .total{padding-top: 5px;line-height: 38px;border-top: #eaeaea 1px solid;margin-bottom: 0;} .ky-pos-right-order .total span{font-size: 24px;} .ky-pos-right-btns button{width: 135px;outline: none;border: none;height: 38px;line-height: 38px;background-color: #69A8FB;} .ky-pos-right-btns button.disable{background-color: #999999;} .ky-pos-right-btns .ky-pos-right-primary-btn{background-color:#FF8989;} .ky-pos-right-product{ padding: 10px; } .ky-pos-right-product li{ margin-bottom: 8px; } .ky-pos-right-product li:last-child{ margin-bottom: 0; } /* 来自 components/posRight/remark.vue */ .ky-posRight-con { height: calc(100% - 38px); } .ky-posRight-adjustForm .el-form { padding: 2px 16px 16px; } .ky-posRight-adjustForm .el-textarea__inner { height: 213px; resize: none; border-radius: 8px; border: 1px solid #CCCCCC; padding: 8px; color: #000; } .ky-posRight-adjustForm .el-button { width: 100%; margin-top: 20px; } .ky-posRight-adjustForm .textarea-label { margin: 12px 0; } .remark-btn-wrap { bottom: 0; padding: 12px; width: 100%; border-top: 1px solid #EEE; } .remark-btn { width: 100%; line-height: 54px; background: var(--primary-color); border-radius: 8px; display: block; text-align: center; color: #FFF; font-size: 16px; } /* 来自 components/pos_filter.vue */ .ky-posFilter{margin: 9px 12px;} .ky-posFilter_f{margin: 7px 12px;} .ky-posFilter .el-radio-group{ margin-right: 12px;} .ky-posFilter .el-radio-button__orig-radio:checked+.el-radio-button__inner {color: #FFF;} .ky-posFilter .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color: #FF8989;border-color: #FF8989;-webkit-box-shadow: -1px 0 0 0 #FF8989;box-shadow: -1px 0 0 0 #FF8989;} .ky-posFilter-search .el-input__inner{line-height: 34px;height: 36px;} .ky-posFilter-search .el-input__icon{line-height: 34px;} .ky-posFilter-search .el-input.is-active .el-input__inner,.ky-posFilter-search .el-input__inner:focus{border-color: #CCC;} .ky-posFilter .el-input-group>.el-input__inner{width: 220px;border-right: none;border: 1px solid #CCC;padding-left: 8px;} .ky-posFilter .el-input-group__prepend{border-radius: 8px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-color: #CCC;} .ky-posFilter .el-input-group__prepend div.el-select .el-input__inner{padding-left: 12px;width: 110px;} .ky-posFilter .el-input-group__append,.ky-posFilter .el-input-group__prepend{background-color: transparent;} .ky-posFilter .el-input-group__append{border-left:none;padding: 0 4px;} .ky-posFilter .el-radio-button__inner{ height: 36px; line-height: 34px; padding: 0; min-width: 73px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; border-radius: 0px 8px 8px 0px; border: 1px solid #CCCCCC; border-left: unset; color: #000; font-size: 14px; outline: none; padding:0 8px; } .ky-posFilter .el-radio-button__inner:first-child{ border-left: 1px solid #ccc; } .ky-posFilter .el-radio-button:last-child .el-radio-button__inner{ border-radius: 0 8px 8px 0; } .ky-posFilter .el-radio-button:first-child .el-radio-button__inner{ border-radius: 8px 0 0 8px; } .ky-posFilter .el-radio-button__orig-radio:checked+.el-radio-button__inner { color: #FFF; } .ky-posFilter .el-radio-button__orig-radio:checked+.el-radio-button__inner{ background-color: var(--primary-color);border-color: var(--primary-color);-webkit-box-shadow: -1px 0 0 0 var(--primary-color);box-shadow: -1px 0 0 0 var(--primary-color); } /* 来自 components/pos_right.vue */ .pos-right-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; overflow: hidden; border-radius: 8px; } .ky-pos-right { z-index: 3; height: 100%; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; overflow: hidden; } .ky-pos-right>div { height: 100%; } .ky-pos-right-header { background-color: rgba(255, 137, 137, .12); color: #101010; height: 38px; line-height: 38px; } .ky-pos-right-header-close { background: url("/src/assets/common/mb-times@2x.png") no-repeat left center; } .ky-pos-right-header-icon { background-size: 18px !important; width: 18px; height: 100%; } .ky-pos-right-proMain .el-scrollbar__wrap { overflow-x: hidden } .ky-pos-right-proMain-empty>div { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #BDBDBD; } .ky-pos-right-proMain-empty img { width: 100px; margin-bottom: 8px; } .ky-posRight-header { height: 54px; text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #EEE; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 18px; } .ky-posRight-header-close { position: absolute; right: 12px; top: 15px; width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAG1BMVEUAAABmZmZgYGBmZmZmZmZmZmZlZWVmZmZmZmYVQYslAAAACHRSTlMAoBDQ8IBgUBOqy3kAAABgSURBVCjPxdGxDcAgDAVRp8gOKZmBibJLIiVj09hccaKG6gseCNuxZZ2t0nFnuHpU+io8LdHfg8QZkSMYCAZKBoJNBCsEeyeCgbzli37en/BXlwW5bDLMLXSjPQ4PbccavFgfQ4WNLwwAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } .ky-posRight-header-addMember { background: url("/src/assets/common/antOutline-user-add@2x.png") no-repeat left center; } /* 来自 components/team/team_item.vue */ .ky-team-item { background-color: #fff; display: block; cursor: initial; } .ky-team-item .ky-pro-con { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; /* padding: 0 12px; */ } .ky-team-item .ky-pro-con .title{ height: 32px; color: #000000; line-height: 16px; font-size: 13px; text-align: left; margin-top: 8px; cursor: pointer; } .ky-team-item .ky-pro-con-info{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; } .ky-team-item .ky-pro-con-info .price{ font-size: 20px; font-weight: 500; color: #000000; line-height: 20px; } .ky-team-item .ky-pro-con-info .price .ky-money{ font-size: 12px; margin-right: 1px; } .img_add_btn{ width: 32px; height: 32px; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; } .ky-team-item-popover{ width: 292px; } .ky-team-item-popover>.info{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .ky-team-item-popover>.info>img{ width: 60px; height: 60px; border-radius: 8px; border: 1px solid #EEEEEE; margin-right: 8px; display: block; } .ky-team-item-popover>.info>p{ font-weight: 400; color: #000000; line-height: 18px; font-size: 14px; width: 200px; } .ky-team-item-popover>.genre{ display: -webkit-box; display: -ms-flexbox; display: flex; color: #999999; } .ky-team-item-popover>.genre>span.title{ white-space: nowrap; margin-right: 8px; width: initial; } .disable{ cursor: inherit !important; } .team-click-scope{ cursor: pointer; } /* 来自 components/team/cart_team.vue */ .pos-popover-muti { margin-top: 6px!important; } /* ========== 新增通用组件样式 ========== */ /* 卡片容器 */ .ky-card { background: #FFFFFF; border-radius: 8px; padding: 12px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); } .ky-card-16 { background: #FFFFFF; border-radius: 8px; padding: 16px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); } .ky-card-24 { background: #FFFFFF; border-radius: 8px; padding: 24px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); } /* 对话框头部 */ .ky-dialog-header { border-bottom: 1px solid #EEE; padding: 16px 24px; } /* 对话框内容 */ .ky-dialog-content { padding: 24px; } /* 列表项 */ .ky-list-item { background: #E3EDF7; border-radius: 8px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } /* 支付项目容器 */ .ky-payment-item { width: 213px; height: 129px; border-radius: 8px; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 24px; position: relative; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12); cursor: pointer; } .ky-payment-item:hover, .ky-payment-item.selected, .ky-payment-item.active { border-color: var(--primary-color); } /* 按钮样式 */ .ky-btn-primary { background: var(--primary-color); color: #FFF; border: none; border-radius: 8px; padding: 8px 16px; cursor: pointer; font-weight: 500; line-height: 54px; text-align: center; display: inline-block; } .ky-btn-primary:hover { opacity: 0.9; } .ky-btn-primary:disabled, .ky-btn-primary.disable { opacity: 0.3; cursor: not-allowed; background: #999; } /* 输入框组 */ .ky-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; border-radius: 8px; } /* 优惠券项目 */ .ky-coupon-item { background-color: #fff; margin-bottom: 12px; width: 400px; border-radius: 8px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); } /* 产品容器 */ .ky-product-container { background: #E3EDF7; border-radius: 8px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* 空状态 */ .ky-empty-state { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #BDBDBD; padding: 40px; } .ky-empty-state img { width: 100px; margin-bottom: 8px; } /* 过渡动画 */ .ky-transition { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ky-transition-fast { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } /* 禁用状态 */ .ky-disabled { cursor: not-allowed !important; opacity: 0.6; pointer-events: none; } /* 溢出隐藏 */ .ky-overflow-hidden { overflow: hidden; } .ky-overflow-auto { overflow: auto; } /* 用户选择 */ .ky-user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 字母间距 */ .ky-letter-spacing-4 { letter-spacing: 4px; } /* ========== 从组件中抽离的重复全局样式 ========== */ /* 错误状态输入框 - 出现5次 */ .error .el-input__inner { border-color: #FF0000; } .replenishCreate .error .el-input__inner, .replenishDetail .error .el-input__inner { border-color: #FF0000; } /* 表格样式 - 从 warehouse/auto_in.vue 和 order_list.vue 抽离 */ .pos-manage-view { width: 100%; padding-left: 270px; padding-top: 55px; padding-right: 30px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; padding-bottom: 70px; } .pos-manage-view .select-menu-module { padding: 0; border: none; } .pos-manage-view .select-menu-module>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pos-manage-view .select-menu-module>ul>li { width: 220px; min-width: 150px; margin-right: 30px; margin-top: 20px; } .pos-manage-view .select-menu-module li .el-input__inner { height: 30px; line-height: 28px; border-radius: 2px; font-size: 13px; padding: 0 6px; width: 100%; } .pos-manage-view .select-menu-module li .el-input__inner .el-input__icon { line-height: 30px; } .el-select .el-input .el-select__caret { line-height: 30px; } .ky-el-table .el-table__header-wrapper, .ky-el-table .el-table__header-wrapper th { background: #F6F6F6; font-size: 13px; line-height: 15px; color: #666; font-weight: 400; } .ky-el-table .el-table th.el-table__cell>.cell { padding: 0 6px; } .ky-el-table .el-table .el-table__cell { padding: 5px 0; } .ky-el-table .el-table__body-wrapper .el-table__row { font-size: 13px; color: #333; } .ky-el-table .el-table__body-wrapper .el-table__row>td { border-color: #F5F5F5; } .ky-el-table .el-table__body-wrapper .el-table__row:hover>td { background-color: #fff !important; } .ky-el-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { background-color: #F0F9FF; } .ky-el-table .el-table__fixed-right::before, .ky-el-table .el-table__fixed::before { background-color: transparent; } .ky-el-table .el-table--border, .ky-el-table .el-table--group { border-color: #F5F5F5; } .ky-el-table .el-table--border::after, .ky-el-table .el-table--group::after, .ky-el-table .el-table::before { background-color: #F5F5F5; } .ky-el-table .el-table--border th.el-table__cell.gutter:last-of-type { border-bottom: 1px solid #F5F5F5; } .ky-el-table .el-table td.el-table__cell div { word-break: break-word; } .ky-el-table .el-table .el-table__empty-block { min-height: 40px; } /* 表格输入框样式 */ .ky-el-table-input .el-input__inner { height: 30px; line-height: 30px; padding: 0px 7px; width: 85%; text-align: center; } .ky-el-table-input .el-textarea__inner { resize: none; height: 90px; width: 100%; padding: 5px; font-size: 13px; } /* 其他组件中的通用样式 */ .ky-text-c .el-input__inner { text-align: center; } .replenishDetail .el-input__inner { text-align: center; } .refund_dialog .el-input-group__prepend { padding: 0 10px; } .refund_dialog_amount .el-checkbox__label { font-size: 13px; } .invoiceDialog .tipBox { line-height: 32px; padding: 0 12px; background: #EDF5FF; color: #1A79FF; font-size: 12px; border-radius: 4px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invoiceDialog .tipBox .icon { margin-right: 8px; font-size: 14px; } .invoiceDialog .el-form-item__label { line-height: 18px; font-size: 13px; } .message-error-style { padding-right: 24px !important; } .pricetagEdit .el-breadcrumb { margin-left: 0; } .ky-edit-module .el-form-item__content { width: 100%; } .ky-edit-module .el-textarea__inner { font-size: 12px; padding: 5px 10px; color: #333; resize: none; } .ky-order-style { text-align: left; padding: 30px 0; color: #666; font-size: 13px; } .ky-order-style>span { margin-right: 20px; } .pagination-warp { text-align: revert; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; padding-right: 30px; } /* 从 warehouse/order_list.vue 抽离的额外表格样式 */ .ky-el-table .el-table__header-wrapper th, .ky-el-table .el-table__fixed-header-wrapper th { padding-left: 6px; padding-right: 6px; } .ky-el-table .el-table__header-wrapper .cell { font-size: 13px; line-height: 15px; color: #666; font-weight: 400; padding-left: 2px; padding: 0; word-break: break-word; } .ky-el-table .el-table__body-wrapper .cell { font-size: 13px; font-weight: 400; color: #333333; line-height: 15px; padding: 0 6px; } .ky-el-table-link { text-decoration: underline; font-size: 13px; } .el-table__fixed-header-wrapper th { background: #F6F6F6; } .el-table__fixed-header-wrapper th>.cell { font-size: 13px; line-height: 15px; font-weight: 400; color: #666; padding-left: 2px; padding-right: 2px; word-break: break-word; } .ky-el-table .el-table__fixed-header-wrapper th>.cell { padding-left: 0px; padding-right: 0px; } .el-table .el-table__row .cell { line-height: 15px; font-size: 13px; word-break: break-word; } .el-table .more-btn span, .el-table .more-btn span svg { width: 16px; height: 16px; margin-left: 1px; } .tb-wef-style { display: block; } .pos-manage-view .select-menu-module .el-input, .pos-manage-view .select-menu-module .el-select { width: 100%; } .create-po-btn { color: #409EFF; display: block; margin: 4px 0; } .icon_btn { width: 17px; height: 17px; display: inline-block; } .icon_btn + p { line-height: 16px; margin-top: 6px; } .icon_invalid { background: url('https://www.konvy.com/static/img/admin/icon_invalid.png') no-repeat; background-size: 17px; } .icon_valid { background: url('https://www.konvy.com/static/img/admin/icon_valid.png') no-repeat; background-size: 17px; } .db-table-Lbtn { left: -22px; top: 37px; } .db-table-btn .ky-icon { font-size: 20px; width: 20px; height: 20px; margin: 0; -webkit-transition: .3s; transition: .3s } .db-table-btn:hover .ky-icon { -webkit-transform: scale(2); transform: scale(2); } .db-table-Rbtn { right: -22px; top: 37px; } .db-table-btn { z-index: 33; } .db-table-tooltip { padding: 4px 6px; background: rgba(24, 144, 255, 0.06); border-radius: 4px; color: #409EFF; } /* 日期范围选择器样式 */ .el-date-editor .el-range__icon, .el-date-editor .el-range__close-icon { display: none; } .el-date-editor .el-range-input { border: 1px solid #DCDFE6; width: 180px; border-radius: 2px; text-align: left; padding: 0 6px; } .pos-manage-view .select-menu-module li .el-date-editor--daterange, .pos-manage-view .select-menu-module li .el-date-editor--datetimerange { border: none; padding: 0; } .el-date-editor .el-range-separator { line-height: 28px; } .el-table__empty-block { max-height: 450px; } /* 从 components/manage/meus.vue 抽离 */ a { text-decoration: none; } /* 从 components/manage/login.vue 抽离的登录表单样式 */ .manageLogin .el-form-item { margin-bottom: 24px; } .manageLogin .el-input__inner:hover { border-color: #409EFF; } .manageLogin .el-form-item.is-error .el-input__inner { background: rgba(255, 0, 0, 0.1); } .manageLogin .el-form-item.is-error .el-input__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); } .manageLogin .el-form-item.is-error .el-input__inner:-moz-placeholder { color: rgba(0, 0, 0, 0.2); } .manageLogin .el-form-item.is-error .el-input__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.2) } .manageLogin .el-form-item.is-error .el-input__inner:-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); } .manageLogin .el-input__inner { border-color: rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 0 12px; color: #000; padding-right: 42px; } .manageLogin .form_box_password .el-input__inner, .manageLogin .form_box_password_confirm .el-input__inner { padding-right: 69px; } .manageLogin .el-form-item .el-input__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); } .manageLogin .el-form-item .el-input__inner:-moz-placeholder { color: rgba(0, 0, 0, 0.2); } .manageLogin .el-form-item .el-input__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.2) } .manageLogin .el-form-item__error { font-size: 12px; color: #FF0000; line-height: 18px; padding-top: 2px; } .loginBox .manageLogin-icon img { width: 20px; height: 20px; vertical-align: middle; cursor: pointer; } .loginBox .manageLogin-icon img+img { margin-left: 12px; } .manageLogin .captcha-image { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 2px; } .posLogin .el-form-item__content, .posLogin .el-input__inner { line-height: 44px; } .posLogin .el-form-item__content { min-height: 44px; } .posLogin .el-input__inner { height: 44px; font-size: 16px; color: #000; padding-right: 36px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; padding-left: 0; } .posLogin .form_box_password .el-input__inner, .posLogin .form_box_password_confirm .el-input__inner { padding-right: 76px; } .posLogin .el-form-item.is-error .el-input__inner { border-color: rgba(0, 0, 0, 0.2); } .posLogin .el-form-item { margin-bottom: 34px; } .posLogin .el-form-item__error { line-height: 17px; color: #F73173; font-size: 13px; position: static; margin-bottom: -21px; } .posLogin .el-form-item .el-input__inner::-webkit-input-placeholder { color: #ccc; } .posLogin .el-form-item .el-input__inner:-moz-placeholder { color: #ccc; } .posLogin .el-form-item .el-input__inner::-moz-placeholder { color: #ccc } .posLogin .form_box_verification_code .el-input__inner { border-bottom: none; } .posLogin .form_box_verification_code .ky-d-flex { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .posLogin .form_box_type .el-form-item__content { line-height: 32px; height: 32px; } .posLogin .form_box_login_type .el-form-item__content { line-height: 32px; height: 32px; } .posLogin .posLogin-tip { width: auto !important; top: -4px; right: -24px; } .posLogin-popper { text-align: left; -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); padding: 16px; width: 292px; line-height: 18px; } /* 从 App.vue 抽离的全局样式 */ a { outline: none; } .pos, .pos .el-textarea__inner { font-family: 'Roboto', -apple-system, Helvetica Neue, Helvetica, Droid Sans, Arial, sans-serif; } #app, .ky-pos-dialog { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .ky-text-primary-1 { color: #409EFF; } .el-scrollbar__wrap { overflow-x: hidden; margin-bottom: 0px !important; } .el-scrollbar__bar.is-vertical { opacity: 1; } .el-dialog__footer { padding: 0; } .ky-pos-select .el-select-dropdown__item { -webkit-tap-highlight-color: transparent; } .ky-pos-select .el-select-dropdown__item.selected { color: var(--primary-color); } .ky-pos-select .el-select-dropdown__item.hover, .ky-pos-select .el-select-dropdown__item:hover { background-color: var(--select-hover-color); } .el-dialog, .el-message-box { border-radius: 8px; } .el-button { padding: 8px 20px !important; font-weight: 400; } .ky-link, .ky-link:hover { text-decoration: underline; }