*, :before, :after {box-sizing:border-box;margin:0;padding:0;outline:none;}
a {text-decoration:none;color:#0097fd;}
ol, ul, li {list-style:none;}
select, option {background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input, select, textarea, button {font-family:inherit;border-radius:0;-webkit-appearance:none;}
em {color:#ff6100;font-style:normal;}
.loading-sizehorse, .loading-request {content: "";display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: url(../img/loading.gif) no-repeat center center;z-index: 99999999;background-size: 60px;}
.loading-complete .loading-sizehorse {display: none;}
.clearfix:before, .clearfix:after {line-height:0;display:table;content:'';}
.clearfix:after {clear:both;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right!important;}
.color-primary {color:#ff6100;}
.color-danger {color:#f44336!important;}
.color-warning {color:#ff6100;}
.color-highlight {color:#ff6600;}
.color-success {color:#4caf50;}
.color-info {color:#2196f3;}
.color-gray {color:#999;}
.color-gray-darker {color:#666;}
.color-gray-dark {color:#333;}
.color-1 {color: #4caf50;}
.color-0 {color: #f44336;}
.color-text-0 { color: #cd84f1; }
.color-text-1 { color: #ffcccc; }
.color-text-2 { color: #f8a5c2; }
.color-text-3 { color: #ffaf40; }
.color-text-4 { color: #ffb142; }
.color-text-5 { color: #32ff7e; }
.color-text-6 { color: #7efff5; }
.color-text-7 { color: #18dcff; }
.color-text-8 { color: #778beb; }
.color-text-9 { color: #4b4b4b; }
.underline {text-decoration:underline;}
.no-border {border: 0;}
.bg-green {background-color: #b2df46;}
.cursor-p {cursor: pointer;}
.of-hidden {overflow:hidden;}
.visibility-h {visibility: hidden;}
.tb-rl-hidden {writing-mode: tb-rl;text-overflow: ellipsis;height: 70px;overflow: hidden}
.label {padding:2px 6px;background-color:#ff6100;border-radius:20%;color:#fff;margin-left:5px;font-size:12px;}
.label-primary {color:#ff6100;border:1px #ff6100 solid;border-radius:100px;padding:0 5px;}
.hide {display:none;}
.inline-block {display: inline-block;}
.maxh-18 {max-height: 18px;overflow: hidden;}
.row:before, .row:after {line-height:0;display:table;content:'';}
.row:after {clear:both;}
.btn {font-size:12px;line-height:32px;display:inline-block;width:100px;height:32px;cursor:pointer;text-align:center;border:none;border-radius:2px;}
.btn-primary:hover {color:#fff;}
.btn-default {color:#666;border:1px solid #dedede;background-color:#fff;}
.btn-default:hover {color:#666;}
.btn-all {color:#fff;border:1px solid #dedede;background-color:#ff6100;position:relative;right:490px;}
.btn-default.primary {color: #fff;border: none;background-color: #ff6100;}
.btn-primary {color:#fff;background-color:#ff6600;}
.btn-auto {width:auto;padding: 0 25px;}
.btn-tiny {width:auto;padding: 0 10px;}
.btn-info {color:#fff;background-color:#0097fd;}
.btn-danger {color:#fff;background-color: #ff7676;}
.btn-blank {background-color: #f2f2f2;color: #333;}
.btn-block {display:block;}
.btn-link {font-size:12px;line-height:32px;display:inline-block;text-align:center;cursor:pointer;}
.btn-link-primary {color:#ff6100;background-color:#fff;}
.btn-link-primary:hover {color:#ff6100;background-color:#fff;}
.input-text {font-size: 14px;line-height: 1.5;display: inline-block;height: 32px;padding: 0 10px;vertical-align:middle;border: 1px solid #ccc;outline: none;}
.input-right {position: absolute;right: 10px;}
.text-underline { box-shadow: 0 1px; cursor: pointer; }
.width-auto {width: auto;}
.visible-print-block {display:none;}
.display-in {display: inline-block;}
.po-re {position:relative;}
.mw-245 {min-width: 245px;}
.pointer-en {pointer-events: none;}
.ws-nowrap {white-space: nowrap;}
.overflow-x-auto {overflow-x: auto;}
.modal-warn-icon {color:#ff6000;margin-right: 5px;font-size:30px;display: inline-block;vertical-align: middle;}
.modal-warn-content {display: inline-block;vertical-align: middle;}
table {empty-cells:show;border-spacing:0;border-collapse:collapse;}
.table {width:100%;max-width:100%;}
.table>thead>tr>th, .table>thead>tr>td {padding:8px;}
.table>tbody>tr>th, .table>tbody>tr>td {padding:8px;}
.table>tfoot>tr>th, .table>tfoot>tr>td {padding:8px;}
.table>tr>th, .table>tr>td {padding:8px;}
.table-fixed {table-layout : fixed;}
.table-condensed>thead>tr>th, .table-condensed>thead>tr>td {padding:5px;}
.table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td {padding:5px;}
.table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {padding:5px;}
.table-extend>thead>tr>th, .table-extend>thead>tr>td {padding:12px;}
.table-extend>tbody>tr>th, .table-extend>tbody>tr>td {padding:12px;}
.table-extend>tfoot>tr>th, .table-extend>tfoot>tr>td {padding:12px;}
.table-extend-large>thead>tr>th, .table-extend-large>thead>tr>td {padding:15px 10px;}
.table-extend-large>tbody>tr>th, .table-extend-large>tbody>tr>td {padding:15px 10px;}
.table-extend-large>tfoot>tr>th, .table-extend-large>tfoot>tr>td {padding:15px 10px;}
.table-h1 td,.table-h1 th {padding: 10px!important;}
.table-bordered {border:1px solid #ededed;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td {border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.table-border {border:1px solid #ededed;}
.table-border>thead>tr>th, .table-border>thead>tr>td {border:1px solid #d7d7d7;}
.table-border>tbody>tr>th, .table-border>tbody>tr>td {border:1px solid #d7d7d7;}
.table-border>tfoot>tr>th, .table-border>tfoot>tr>td {border:1px solid #d7d7d7;}
.table-hover>tbody>tr:hover {background-color:#fafafa;}
.table-layout-fixed { table-layout: fixed; }
.table-scroll {overflow-x: scroll;}
.table-interval tbody>tr:nth-child(odd) {background-color: #fafafa;}
.table-interval-even tbody>tr:nth-child(even) {background-color: #fafafa;}
.table-hover-bg {background-color: #fafafa;}
.tableInput {border: 1px solid #ededed;width: 80px;height: 28px;text-align: center;}
.border-r1 {border-right-color: #ccc!important;position:relative;}
.border-l1 {border-left-color: #ccc!important;}
.text-left th, th.text-left {text-align:left;}
.text-center th, th.text-center {text-align:center;}
.text-center div div.operate-more {width: 61px; position: absolute;left:150px;margin-top:3px;z-index: 9; background-color: white;box-shadow: 0 2px 5px #c9c9c9; border:1px solid #ededed;border-radius:4px;display:none}
.text-center div div.operate-more a li.hover {background-color: rgba(225, 240, 255);}
.text-right th, th.text-right {text-align:right;}
.table-pack .text-center div div.operate-more {left:70px;z-index:0;}
.table-h1 .icon-folder {position:absolute;left:20px;top:8px;}
/*.table .active .icon-folder {display:inline-block;width:26px;height:22px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-5px -65px;}*/
.table .active .has-sub-item.icon-folder {display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-45px -45px; transition:all .1s;}
.table .active .hide.has-sub-item.icon-folder {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.table-pack .member-percent-table {table-layout: unset;}
.table-tools + .table-pack { margin-top: 10px; }
.table-pack + .table-footer { margin-top: 10px; }

.operate-btn { position: relative; padding: 0 5px; }
.operate-btn + .operate-btn:before { position: absolute; top: 50%; left: -1px; display: block; width: 1px; height: 12px; margin-top: -6px; content: ''; background-color: #0097fd; }

.table>thead>tr.active, .table>tbody>tr.active, .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active {background-color:#f2f2f2;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left;}
.col-1 {width:8.33333%;} .col-2 {width:16.6667%;} .col-3 {width:25%;} .col-4 {width:33.3333%;} .col-5 {width:41.6667%;} .col-6 {width:50%;} .col-7 {width:58.3333%;} .col-8 {width:66.6667%;} .col-9 {width:75%;} .col-10 {width:83.3333%;} .col-11 {width:91.6667%;} .col-12 {width:100%;}
.col-offset-1 {margin-left:8.33333%;} .col-offset-2 {margin-left:16.6667%;} .col-offset-3 {margin-left:25%;} .col-offset-4 {margin-left:33.3333%;} .col-offset-5 {margin-left:41.6667%;} .col-offset-6 {margin-left:50%;} .col-offset-7 {margin-left:58.3333%;} .col-offset-8 {margin-left:66.6667%;} .col-offset-9 {margin-left:75%;} .col-offset-10 {margin-left:83.3333%;} .col-offset-11 {margin-left:91.6667%;} .col-offset-12 {margin-left:100%;}
.p-0 {padding:0!important;} .p-10 {padding:10px;} .p-15 {padding:15px;} .p-20 {padding:20px;} .pt-0 {padding-top:0;} .pt-10 {padding-top:10px;} .pt-15 {padding-top:15px;} .pt-20 {padding-top:20px;} .pr-10 {padding-right:10px;} .pr-15 {padding-right:15px;} .pr-20 {padding-right:20px;} .pb-10 {padding-bottom:10px;} .pb-15 {padding-bottom:15px;} .pb-20 {padding-bottom:20px;} .pl-10 {padding-left:10px;} .pl-15 {padding-left:15px;} .pl-20 {padding-left:20px;} .pl-40 {padding-left:40px;}
.m-10 {margin:10px;} .m-15 {margin:15px;} .m-20 {margin:20px;} .mt-0 {margin-top:0;} .mt-5 {margin-top:5px;}.mt-10 {margin-top:10px;} .mt-12 {margin-top:12px;} .mt-15 {margin-top:15px;} .mt-20 {margin-top:20px;} .mr-5 {margin-right:5px;} .mr-10 {margin-right:10px;} .mr-15 {margin-right:15px;} .mr-20 {margin-right:20px;} .mr-25 {margin-right:25px;} .mb-5 {margin-bottom: 5px;} .mb-10 {margin-bottom:10px;} .mb-15 {margin-bottom:15px;} .mb-20 {margin-bottom:20px;} .mb-40 {margin-bottom:40px;} .ml-10 {margin-left:10px;} .ml-5 {margin-left:5px;} .ml-15 {margin-left:15px;} .ml-20 {margin-left:20px;} .ml-30 {margin-left:30px;} .ml-50 {margin-left: 50px;} .ml-90 {margin-left:90px;} .ml-125 {margin-left:125px;}
.f-12 {font-size: 12px;} .f-13 {font-size: 13px;} .f-14 {font-size: 14px;}
.ml-40 {margin-left:40px;} .ml-60 {margin-left:60px;} .ml-66 {margin-left:66px;} .ml-250 {margin-left:250px;} .mt-40 {margin-top:40px;} .mb-80 {margin-bottom: 80px!important;}
.mw-400 {max-width:400px;} .mw-600 {max-width:600px;} .mw-800 {max-width:800px;} .mw-500 {max-width:500px;}
.minh-100 {min-height: 100px;} .minh-200 {min-height: 200px;} .minh-300 {min-height: 300px;}
.inline-control {display:inline-block;border:1px solid #e6e6e6;background-color:#fff;height:32px;font-size:12px;line-height:1;position:relative;width:120px;padding:9px;}
select.inline-control {width:100px;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 5px);padding:0 9px;}
input[readonly].inline-control {background-color:#fff;color:#999;}
textarea.inline-control {padding:10px;resize:none;height:auto;}
.inline-label {display:inline-block;font-size:12px;width:90px;line-height:32px;text-align:right;}
.fw-b {font-weight: bold;}.fw-n {font-weight: normal;}
.fc-b {color: black!important;}.fc-g {color: gray!important;}
.w-50 {width:50px;} .w-67 {width:67px;}  .w-300 {width:300px;} .w-800 {width:800px;} .w-100 {width:100%;} .w-80 {width: 80px;} .w-150 {width: 150px;} .w-250 {width: 250px;}
.h-600 {height:600px;}
.w50p {width:50%;}
html { height: 100%; }
body { height:100%; font-family:Helvetica,STHeiti,'Microsoft YaHei',Verdana,Arial,Tahoma,sans-serif;font-size:12px;min-width:1000px;background-color:#f8f8f8;}
.login-view { background-color: #30373f; overflow: hidden; }
.login-view-content { /*width: 1144px; height: 768px; */border-radius: 10px; position: absolute; background-position: center bottom 0; background-image: url(../img/login-view-bg.png); background-size: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.login-view-pic { width: 600px; height: 475px; float: left; background-size: contain; background-repeat: no-repeat; background-image: url(../img/login-view-pic.png); }
.login-view-box { width: 400px; position: relative; margin-left: 664px; padding-top: 45px; height: 475px; }
.login-view-logo { width: 196px; height: 63px; margin-bottom: 30px; }
.login-view-logo img { width: 100%; height: 100%; }
.login-view-group { height: 100px; }
.login-view-group label { display: block; font-size: 16px; height: 30px; line-height: 30px; color: #a3a3a3;}
.login-view-group input { width: 344px; height: 40px; line-height: 40px; font-size: 16px; color: #737373; border: none; border-bottom: 1px solid #E5E5E5; outline:none; }
.login-view-group input[type=password] { font-size: 30px; }
.login-view-group input:-internal-autofill-selected { background-color: #fff !important; }
.login-view-group input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; }
.login-view-group input:-webkit-input-placeholder { color: #737373; font-size: 16px; }
.login-view-group .tooltip { display: none; line-height: 30px; font-size: 0; }
.login-view-group .text-tooltip { margin-left: 7px; font-size: 12px; color: #D51C05; vertical-align: middle; }
.login-view-group .login-view-icon { width: 12px; height: 12px; background-size: cover; display: inline-block; vertical-align: middle; }
.login-view-group .login-view-icon.login-view-icon-error { background-image: url(../img/login-view-icon-error.png); }
.login-view-submit {width: 344px; height: 48px; margin-top: 50px;}
.login-view-submit input[type=submit] {font-size:20px;width:216px;height:48px;display: block; margin: 0 auto; color:#fff;border:1px solid #FF8D34;border-radius:8px;background-color:#FF8D34;}
.border-tl-radius-10 {border-top-left-radius: 10px;} .border-tr-radius-10 {border-top-right-radius: 10px;} .border-bl-radius-10 {border-bottom-left-radius: 10px;} .border-br-radius-10 {border-bottom-right-radius: 10px;} .border-l-radius-10 {border-bottom-left-radius: 10px;border-top-left-radius: 10px;} .border-r-radius-10 {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

@media (min-width: 1600px){
	.login-view-contain { padding: 114px 0 119px 17px; }
}
@media (min-width: 1200px) and (max-width: 1599px){
	.login-view-contain { padding: 44px 0 49px 17px; }
	.login-view-box { margin-left: 564px; }
	.login-view-pic { width: 500px; }
}
@media (max-width: 1200px){
	.login-view-contain { padding: 10px 0 10px 0; }
	.login-view-box { margin-left: 520px; }
	.login-view-pic { width: 500px; }
	.app.app-left .analysis-total-box .total-data {display:block!important;}
	.analysis-total-box .total-data .data {width:50%;}
}

.recycle-icon {position:absolute;right:20px;color:#666;}
.page-content.has-footer { padding-bottom: 80px; }
#app-sidebar {position:fixed;z-index:99;top:0;bottom:0;left:0;width:160px;background-color:#30373f;}
#app-container {width:auto;padding-bottom:50px;padding-left: 160px; background-color:#f8f8f8;}
#app-container-top {position:relative;z-index:99;top:0;right:0;left:0;height:64px;padding-top:24px;padding-right: 15px; border-bottom:1px solid #ededed;background-color:#fff;}
.app {float: none; position: fixed; left: 160px; top: 64px; right: 0; bottom: 0; width: unset; overflow: auto;}
#app-container .app-inner {margin-top: 0; padding: 10px;}
#app-container .app-left .app-inner {margin-top: 0; height: 100%;}
.page-content-inner {padding:20px;background-color:#fff;}
.page-content-inner.shadow {box-shadow: 0px 0px 50px red inset;}
.app .page-content-left {display: none;}
.page-content-left {position:fixed; display: flex; flex-direction: column; top:74px; left: 170px;bottom:0;width:240px; overflow-y: auto; background-color: #f8f8f8; transition: 0.3s;}
.page-content-left.app-left-menu { width:160px;}
.page-content-left::-webkit-scrollbar {display: none;}
.page-left-active .page-content-left { left: -80px; }
.page-left-active .app-left.app {left:160px;}
.page-content-left-content { flex: 1; overflow-y: auto; }
.page-content-left-content::-webkit-scrollbar { display: none; }
.page-content-left-footer { height: 64px; background-color: #fff; margin-top: 10px; margin-bottom: 0!important; }

.app.app-left .page-content-inner {margin-left: 0;margin-top: 0;}
.page-content-inner .page-content-inner {padding-top:0;padding-bottom:0;}
.page-content-inner .fullpage-icon {position:absolute;top:20px;right:20px;z-index:2;cursor: pointer;}
.card .fullpage-icon {position:absolute;top:0;right:20px;z-index:2;cursor: pointer;}
.page-content-inner.order-export {padding-top: 0;}
.page-content-inner.no-padding {padding:0;}
.page-content-inner.no-padding.no-margin {margin-bottom:0;}
.page-content-inner.no-padding:after {content:"";display:block;height:1px;}
.page-content-inner-title {font-size:14px;font-weight:bold;margin-bottom:20px;padding:14px 20px;border-bottom:1px solid #ededed;}
.page-content-inner-title.no-margin {margin:0;}
.page-content-inner-title .help-tool {font-size:12px;line-height:20px;position:relative;display:inline-block;width:20px;vertical-align: top;}
.page-content-inner-title.no-line {border-bottom:none;}
.page-content-inner-title.no-line.no-margin {margin-bottom:0px;padding-bottom:0px; }
.page-content-inner-title>span {font-size:12px;font-weight:normal;padding-left:20px;}
.page-content-inner-title ~ .subtitle {font-size:12px;font-weight:400;/*margin-top:-30px;*/padding:10px 20px;}
.page-content-inner-title .title-tools {float:right;font-weight:normal;}
.page-content-inner-title .title-tools li {display:inline-block;padding: 0 10px;}
.page-content-inner-title .title-tools li a {color: #ff6000;}
.page-content-inner-title .title-right {float: right;font-weight: normal;font-size: 12px;line-height: 1.5;}
.page-content-filter {display:none;}
.flex-container {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.dashboard-center {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1; overflow: hidden;}
.dashboard-right {width:320px;padding-left:20px;}
.dashboard-center .widget-box {margin-bottom: 10px}
.dashboard-center .dash-pie-wrap {height: 340px;padding-top: 45px}
.dashboard-center .dash-data-card {height: 70px}
.dashboard-center .dash-data-card.my-navigation-menus {height: 120px; display: flex; padding: 10px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: space-around;}
.dashboard-center .dash-data-card.my-navigation-menus .my-navigation-menu {color:black;width: 18%; height: 35px; margin-left: 10px; text-align: center; line-height: 35px; border-radius: 5px; overflow: hidden; background: #F5F6F7;}
.dashboard-center .dash-pie {width: 200px;height: 200px}
.dashboard-center .dash-pie::after {width: 170px;height: 170px}
.dashboard-center .dash-pie-info {margin-top:30px }
.widget-box {margin-bottom:20px;padding:20px 10px;background-color:#fff;}
.widget-box-title {font-size:14px;font-weight:bold;position:relative;margin-bottom:20px;padding-left:10px;color:#333;}
.widget-box-title:before {position:absolute;top:0;left:0;display:block;width:2px;height:100%;content:'';background-color:#0097fd;}
.widget-box-title span {font-weight:normal;padding-right:10px;}
.widget-box ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0;}
.widget-box ul li {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border-radius: 4px;white-space: nowrap;}
.team-logo-wrap {position:absolute;top:0;left:0;width:100%;height:85px;padding:14px 20px;}
.team-logo-wrap img {max-height: 48px;}
#app-nav {height:100%;padding-top:85px;}
#app-nav>ul {overflow-y:auto;height:100%;}
#app-nav>ul::-webkit-scrollbar {width:6px;height:6px;}
#app-nav>ul::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:6px;border: 1px solid #fff;}
#app-nav>ul::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}
#app-nav ul li {font-size:14px;position:relative;height:auto;}
#app-nav>ul>li>a {margin-bottom:14px;}
#app-nav ul li a {display:block;line-height:36px;cursor:pointer;}
#app-nav ul li>a:hover {background:#283038;}
#app-nav ul li.active>a {background:#fff;}
#app-nav ul li a {position:relative;display:block;padding-left:50px;color:#a6b6c8;}
#app-nav ul li.active>a {position:relative;cursor:pointer;color:#555;}
#app-nav ul li.nav-folder>a:after {position:absolute;top:50%;right:10px;display:block;width:14px;height:14px;margin-top:-7px;content:'';transition:all .1s;background-image:url(../img/admin-icons.png);background-position:-45px -45px;}
#app-nav ul li i.nav-icon {position:absolute;top:50%;left:18px;width:20px;height:20px;margin-top:-10px;}
#app-nav ul li.nav-folder>.sub-nav {display:none;}
#app-nav ul li.nav-folder.expanded>.sub-nav {display:block;}
#app-nav ul li.nav-folder.expanded>a:after {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#app-nav .nav-folder li { padding-bottom:14px;}
#app-nav ul li i.navicon { font-size: 18px; position:absolute;top:50%;left:20px; transform: translateY(-50%); line-height: 1;}

#app-nav ul li i.nav-icon {background-image:url(../img/admin-icons.png);}
#app-nav ul li i.nav-icon.nav-icon-general {background-position:-5px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-general {background-position:-25px -5px;}
#app-nav ul li i.nav-icon.nav-icon-user {background-position:-45px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-user {background-position:-65px -5px;}
#app-nav ul li i.nav-icon.nav-icon-product {background-position:-85px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-product {background-position:-105px -5px;}
#app-nav ul li i.nav-icon.nav-icon-order {background-position:-125px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-order {background-position:-145px -5px;}
#app-nav ul li i.nav-icon.nav-icon-analysis {background-position:-165px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-analysis {background-position:-185px -5px;}
#app-nav ul li i.nav-icon.nav-icon-setting {background-position:-205px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-setting {background-position:-225px -5px;}
#app-nav ul li i.nav-icon.nav-icon-notice {background-position:-245px -5px;}
#app-nav ul li.active i.nav-icon.nav-icon-notice {background-position:-265px -5px;}
#app-nav ul li i.nav-icon.nav-icon-stock {background-position:-305px -5px;}
#app-nav ul li i.nav-icon.nav-icon-review {background-position:-305px -5px;}
#app-nav ul li i.nav-icon.nav-icon-trip {background-image:url(../img/trip.jpg);}
#app-nav ul li i.nav-icon.nav-icon-control {background-image:url(../img/control.png);}
#app-nav ul li.active i.nav-icon.nav-icon-stock {background-position:-285px -5px;}
#app-nav .divider {background-color: #222;height: 1px;margin: 25px 10px;}
.function-box li {line-height:60px;height:60px;text-align:center;}
.function-box li a {font-size:14px;display:inline-block;width:90px;text-align:left;color:#333;}
.function-box .function-icon {display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);}
.function-icon.function-icon-user {background-position:-5px -25px;}
.function-icon.function-icon-product {background-position:-25px -25px;}
.function-icon.function-icon-sizelist {background-position:-45px -25px;}
.function-icon.function-icon-order {background-position:-65px -25px;}
.function-icon.function-icon-sale {background-position:-85px -25px;}
.function-icon.function-icon-price {background-position:-105px -25px;}
.function-icon.function-icon-analysis {background-position:-125px -25px;}
.function-icon.function-icon-fair {background-position:-145px -25px;}
.rank-box {padding:0;background-color:#f8f8f8;}
.rank-box ul {padding:0;}
.rank-box ul li {margin-right:20px; padding: 10px; background-color:#fff;}
.rank-box ul li:last-child {margin-right:0;}
.rank-table {padding:10px;}
.rank-table table {line-height:32px;width:100%;border-collapse:collapse;}
.rank-table table tr {border-bottom:1px solid #ededed;}
.headerbar-left {position:absolute;left:30px;}
.headerbar-left .fair-title {font-size:20px;font-weight:normal;line-height:1;display:inline-block;vertical-align:middle;}
.headerbar-left .fair-status {line-height:20px;display:inline-block;margin-left:10px;padding:0 6px;vertical-align:middle;color:#fff;background-color:#ff6100;border-radius:2px;}
.headerbar-right {float:right;margin-right:20px;}
.header-nav {font-size:0;display:inline-block;vertical-align:top;}
.header-nav + .header-nav {margin-left:32px;}
.header-nav a {color:#555;}
.header-nav>li {font-size:12px;position:relative;display:inline-block;}
.header-nav>li.dropdown>.header-sub-nav {position:absolute;top:0;left:-40px;display:none;width:120px;padding-top:32px;}
.header-nav>li.dropdown:hover>.header-sub-nav {display:block;}
.header-nav>li.dropdown>.header-sub-nav ul {padding:0;background-color:#fff;box-shadow:0 0 1px #d9d9d9;}
.header-nav>li.dropdown>.header-sub-nav ul:before {position:absolute;top:26px;left:50%;display:block;width:0;height:0;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #d9d9d9;border-left:7px solid transparent;}
.header-nav>li.dropdown>.header-sub-nav ul:after {position:absolute;top:27px;left:50%;display:block;width:0;height:0;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;}
.header-nav>li.dropdown>.header-sub-nav ul li {font-size:14px;padding:10px 0;}
.header-nav>li.dropdown>.header-sub-nav ul a {display:block;padding-left:20px;color:#333;}
.header-nav>li.dropdown.dropdown-center>.header-sub-nav {left:50%;margin-left:-60px;}
.header-nav>li.dropdown>.header-sub-nav ul .bg-blue {color:#fff;background-color:#009dff;}
.header-nav>li.dropdown>.header-sub-nav ul .bg-blue>a {color:#fff;}
.top-icon {display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;background-image:url(../img/admin-icons.png);}
.top-icon.top-icon-record {background-position:-268px -7px;}
.top-icon.top-icon-service {background-position:-5px -45px;}
.top-icon.top-icon-user {background-position:-25px -45px;}
.top-icon.top-icon-share {background-position:-125px -65px;}
.search-group {font-size:0;position:relative;display:inline-table;width:251px;margin-bottom:20px;}
.search-group .search-input {font-size:14px;line-height:1;display:inline-block;width:206px;height:32px;line-height:32px;padding:0 10px;vertical-align:middle;border-top:1px solid #ccc;border-right:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;outline:none;}
.search-group .search-submit {font-size:0;display:inline-block;width:44px;height:32px;vertical-align:middle;border:none;background-color:#ff6100;}
.search-group .search-icon {position:absolute;top:50%;right:14px;width:16px;height:16px;margin-top:-8px;background-image:url(../img/admin-icons.png);background-position:-125px -45px;}
.search-group .search-select {height: 32px; right: 44px;padding-left:5px;padding-right:15px;border:none;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 5px);line-height:16px;position:absolute;}
.search-group .search-select option {display: block; font-size: 12px; text-align: center; padding: 5px;}
.search-order-group-scope {width: 310px;}
.search-order-group-scope .search-input {width: 265px;}
.search-product-group-scope {width: 290px;}
.search-product-group-scope .search-input {width: 245px;}
.record-call .tip {position:absolute;top:2px;left:8px;width:5px;height:5px;border-radius: 50%;background-color: #ff6000;}
.fair-search-group {position:absolute;right:150px;top:24px;}

.anchor-tabs {font-size:0;display:flex;display: -webkit-flex;margin-bottom:50px;padding:0 50px;}
.anchor-tabs .anchor-tab {font-size:14px;position:relative;flex:1;-webkit-box-flex:1; -webkit-flex:1; cursor:pointer;}
.anchor-tabs .anchor-tab:first-child .icon-item {font-size: 20px;}
.anchor-tabs .anchor-tab:not(:last-child):after {position:absolute;top:100%;left:0;display:block;width:100%;height:2px;margin-top:-65px;content:'';background-color:#659AFE;}
.anchor-tabs .anchor-tab .text {font-size:14px;display: block; width:70px; text-align: center;color:#333;}
.anchor-tabs .anchor-tab .icon-item {font-size:30px;line-height:70px;position:relative;z-index:9;display:block;width:70px;height:70px;margin-bottom:10px;text-align:center;border-radius:50%;color:#659AFE;border:1px solid #659AFE;background-color:#DDECFA;}
.anchor-tabs .anchor-tab.active .icon-item {color:#fff;background-color:#659AFE;}

.icon-fullpage-close {display: none;}
.icon-fullpage {display: block;}
.fullpage #app-sidebar {display: none;}
.fullpage #app-container-top {left:0;display: none;}
.fullpage #app-container {padding-left:0;}
.fullpage #app-container .app-left .app-inner {margin-top:0;}
.fullpage .page-content-left {display: none;}
.fullpage .app-left .page-content-inner {margin-left:0;}
.fullpage .page-content-inner .fullpage-icon {top:20px;}
.fullpage .page-content-inner thead.theadfixed {top:0!important;}
.fullpage .page-content-inner .scroll-card thead.theadfixed {top:0!important;}
.fullpage .icon-fullpage {display: none;}
.fullpage .icon-fullpage-close {display: block;}
.fullpage .bread-crumb {display: none;}
.fullpage .fullpage-hide {display: none;}
/*body.page-left-active.fullpage .page-content-left {display: none;left:0;top:0;margin:10px}*/
.page-left-active.product-rank.fullpage .app-left.app{left:0px;}
.product-rank.fullpage  .page-content-left {display: block;left:0;top:0;margin:10px}
.product-rank.fullpage  .app-left.app{left:250px;}

.table-tools>li {line-height:32px;display:inline-block;vertical-align:middle;}
.table-tools>li.export {line-height: 40px}
.table-tools select {font-size:12px;line-height:16px;min-width:60px;max-width:90px;height:26px;padding-left:5px;border-radius:2px;padding-right:15px;border:1px solid #ccc;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 5px);}
.table-tools .sm-btn {font-size:14px;padding-right:20px;color:#ff6100;}
.table-tools .sm-btn i {font-size:14px;}
.table-tools .add-btn {line-height:32px;display:inline-block;width:100px;height:32px;text-align:center;color:#fff;background-color:#ff6100;border-radius:2px;}
.table-tools .btn-info {background-color:#0097fd;color:#fff;}
.table-tools .btn-info.auth-export {height: 26px;line-height: 26px;}
.table-tools .hover {background-color:rgba(255,100, 0, .15);}
.table01 {font-size:12px;line-height:20px;width:100%;margin-top:10px;margin-bottom:10px;/* table-layout:fixed;*/ border-spacing:0;border-collapse:collapse;border-bottom:1px solid #ededed;}
.table01.no-operate {table-layout:fixed;}
.table01 th {padding:10px 8px;text-align:left;background-color:#f8f8f8;padding-right:0;}
.table01 td {padding:15px 8px;text-align:left;border-bottom:1px solid #ededed;padding-right:0;}
.table01 th:first-child, .table01 td:first-child {padding-left:8px;}
.table01 th:last-child, .table01 td:last-child {padding-right:8px;}
.table01.no-operate th, .table01.no-operate td {text-align:center;}
table tr .operate {font-weight:normal;position:relative;padding:0 6px;cursor:pointer;}
table tr .operate:first-child {padding-left:0;}
table tr .operate.disabled {color:#e5e6e6;}
table tr .operate + .operate:before {position:absolute;top:50%;left:-1px;display:block;width:1px;height:12px;margin-top:-6px;content:'';background-color:#0097fd;}
table td .authorize {padding:0;color:#ff6100;}
.table-center tr th {text-align: center;}
.table-center tr td {text-align: center;}
.price {color:#f00;}
.table01.table-cond td {padding:5px;}
.table01.table-cond th {padding:10px 5px;}
.table-footer .operate {display:inline-block;cursor:pointer;text-align:center;color:#555;}
.table02 {font-size:12px;line-height:1.5;width:100%;border-spacing:0;border-collapse:collapse;text-align:left;}
.table02 th {padding:0 5px;background-color:#f8f8f8;}
.table02 td {padding:0 5px;border:1px solid #ededed;border-bottom:1px solid #ededed;}
.table-hover tr:hover {background-color:#fafafa;}
.table01.no-padding td {padding-top: 0;padding-bottom: 0;}
.code-span {text-decoration:underline;}
.tool-right-bnt{position:absolute;right:20px;margin-top:-10px;}
.bg-fa {background-color: #fafafa;}
.table01  th .both{margin-left: 15px;display: inline-block;position: relative;}
.table01  th .both[sort=asc]:before{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #ccc;vertical-align: middle;position: absolute;left: -4px;top:-10px}
.table01  th .both[sort=asc]:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #000;vertical-align: middle;position: absolute;left: -4px;top:-4px}
.table01  th .both[sort=desc]:before{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #000;vertical-align: middle;position: absolute;left: -4px;top:-10px}
.table01  th .both[sort=desc]:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #ccc;vertical-align: middle;position: absolute;left: -4px;top:-4px}

.new-area-group {overflow-x: auto; display: block; min-height: calc(100vh - 95px);}
.new-area-group table {margin-top: 0;width: auto;}
.new-area-group thead.no-thead tr.thead-img{line-height: 0;}
.new-area-group thead.no-thead tr.thead-img th {background-color: #FFFFFF;}
.new-area-group thead.no-thead tr.thead-img .left_th {width:120px;height:120px;}
.new-area-group ul {white-space: nowrap;}
.new-area-group ul li {width: 60px; display: inline-block;margin-right: 5px;}
.new-area-group .areagroup-total {border:1px solid #ededed;}
.new-area-group .areagroup-total th {background-color: rgba(255, 50, 0, 0.2)!important;}
.new-area-group .thead-detail {border:1px solid #ededed;}
.new-area-group .areagroup-point {color: #FF6000;}
.new-area-group .table-icon.table-icon-set {transform: rotate(0);height: 15.5px}
.new-area-group .show-detail .table-icon.table-icon-set {transform: rotate(90deg);height: 16px}
.area-group .table-left .table-icon.table-icon-set {transform: rotate(0);height: 15.5px;}
.area-group .table-left .show-detail .table-icon.table-icon-set{transform: rotate(90deg);height: 16px;}
.area-group .table-thead .no-thead.detail {display: none;}
.table-areagroup {overflow-x: auto;height: calc(100vh - 100px);}
.ps-main .areagroup .table-left {position: absolute;left: 0;top: 42px;width: 125px;background-color: #fff;box-shadow: 6px 0 6px -4px rgba(0,0,0,.2);}
.ps-main .areagroup .table-left thead tr.thead-img {height:144px;}
.ps-main .areagroup .table-left-active .table-left {margin-top:0;width: 125px;display: inline-table;left: 0;top: 42px;z-index: 2;}
.ps-main .areagroup .table-left-active .table-left tr.thead-img th{height: 130px;}

.manage-nav {position:fixed;top:90px;margin-left:100px;width:200px}
.manage-nav ul{width:150px}
.manage-nav li{font-size:17px;height:auto;background-color:black;border-top-left-radius:8px;border-bottom-left-radius:8px;}
.manage-nav li a {line-height:60px;padding-left:60px;color:white}
.manage-nav .triangle {position:absolute;top:0;left:150px;width:0;height:0;border-top:30px solid transparent;border-left:30px solid black;border-bottom:30px solid transparent;}
.manage-content {padding-left:300px;padding-right:100px;margin-top:10px}

.pages {line-height:24px;}
.pages .total {display:inline-block;margin-right: 10px;}
.pages select {width:48px;height:24px;margin-right:10px;margin-left:10px;padding-left:6px;border:1px solid #ededed;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 5px);}
.pages select option {padding-left:6px;}
.pages .link {display:inline-block;margin-right:10px;margin-left:10px;}
.pages li {display:inline-block;width:56px;text-align:center;border:1px solid #0097fd;}
.pages li a {display:block;color:#0097fd;}
.pages input {width:32px;height:24px;margin:0 10px;text-align:center;border:1px solid #ededed;}
.modal-body .pages {padding-right:20px;}
.table-icon {display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle;background-image:url(../img/admin-icons.png);}
.table-icon.table-icon-output {background-position:-65px -45px;}
.table-icon.table-icon-import {background-position:-85px -45px;}
.table-icon.table-icon-image {background-position:-105px -45px;}
.table-icon.table-icon-set {background-position:-45px -45px;width:14px;height:14px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.table-icon-set.up{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.table-group .set-img{position:relative;top:-2px;cursor: pointer;}
.table-group .set-img ul{width: 100px; position: absolute;left:-10px; z-index: 9; background-color: white;box-shadow: 0 0 10px grey; border:1px solid #ededed;display:none}
.table-group .set-img ul a{text-align:center;padding-right:0px}
.table-group .set-img ul li{text-align:center;}
.bread-crumb {font-size:12px;margin-bottom:20px;}
.container > .bread-crumb  { padding: 10px; }

.app-left.app { left: 410px; transition: 0.3s; }
.app-left.app.app-left-menu { left: 330px; transition: 0.3s; }
.app-left.app.app-left-menu.has-footer { bottom: 65px; }
.app.app-left .bread-crumb {display: none;}
.page-content-left .filter-width{width:155px!important;}
.page-content-left .left-card{margin-bottom:10px;background-color: #fff;}
.page-content-left .left-card .page-content-inner-title {margin:0;padding:14px 10px;}
.page-content-left .left-card .icon-after{position:relative;}
.page-content-left .left-card .icon-after:after{content:'';background-image: url(../img/admin-icons.png);transition:all .1s;width:14px;height:14px;background-position:-45px -45px;position:absolute;top:40%;right:10px;}
.page-content-left .left-card.expanded .icon-after:after{transform:rotate(90deg);}
.page-content-left .left-card .order-filter {padding:5px 10px;}
.page-content-left .left-card .order-filter label {margin-right:10px;}
.page-content-left .left-card .order-filter .detail {text-align: right;}
.page-content-left .left-card .col {margin-bottom: 10px;margin-right:10px;}
.app.app-left .multi-col:after {clear: both;content:'';}
.app.app-left .multi-col .analysis-filter-right {float:right;width:155px;text-align: center;}
.app.app-left .multi-col #location select + select {margin:5px 0 0 0;width:155px !important;}

.page-content-left .analysis-filter-control {width:155px;}
.page-content-left .analysis-filter-right#location select {width:155px;}
.page-content-left .index-attrs {width:155px;}
.page-content-left .right-filter-input {width:72px!important;}

.page-content-left .left-card .filter-box {padding-top: 20px;display: none;}
.page-content-left .left-card.expanded .filter-box {display: block;}
.page-content-left .left-card .analysis-filter-label {margin-left: 0;padding:0;width:70px!important;}
.page-content-left .left-card.button-list {/*position:fixed;bottom:-15px;*/width:240px;display: flex;justify-content:center;}
.page-content-left .left-card.button-list .btn {width:80px;}
.page-content-left .left-card.button-list .btn:first-child {margin-left:0;}
.product-block {font-size:0;display:inline-block;width:240px;height:80px;margin:-5px 0;}
.product-block.group-box {height: 120px}
.product-img-box {position:relative;display:inline-block;width:60px;height:80px;margin-right:10px;text-align:center;vertical-align:middle;overflow:hidden;border-radius: 2px;}
.group-img-box {width: 60px;height: 120px}
.product-img-box>img {height:100%;vertical-align:middle;}
.product-img-box .product-push {display: none;}
.product-img-box1 {position:relative;display:inline-block;width:45px;height:60px;margin-right:10px;text-align:center;vertical-align:middle;overflow:hidden;border-radius: 2px;}
.product-img-box1>img {height:100%;vertical-align:middle;}
.product-img-box1 .product-push {display: none;}
.product-row .product-info {width: 240px} 
.product-block-min.product-block {height: auto;}
.product-block-min .product-img-box {height:60px;}
.product-block-min .product-img-box>img {height: auto;width: 100%;}
tr:hover .product-img-box .product-push {display: block;}
tr:hover .product-img-box .product-push:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: 0.4;}
tr:hover .product-img-box .product-push>a {position:absolute;display:block;width:50px;font-size:14px;top: 50%;left: 5px;border: 1px solid #fff;color: #fff;border-radius: 2px;margin-top: -11px;z-index: 2;}
.product-img-box:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.attr-set {position:relative}
.icon-plus {display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/plus2.png);}
.icon-minus {display:inline-block;width:16px;height:16px;vertical-align:middle;background-image:url(../img/minus.png);}
.field-set {margin-left: 20px; margin-top: 20px;}
.icon-set {position:absolute; left:346px; bottom: 9px;}

.product-text {font-size:12px;line-height:20px;display:inline-block;text-align:left;vertical-align:middle;color:#333;width:160px;overflow: hidden;}
.product-text .title {color:#888;}
.title.min-width {min-width: 60px;display: inline-block;}
.product_show_group .product-detail{display: inline-block;}
.product_show_group .product-detail .product-text{min-width: 160px;width: unset;}
.product_show_group .product-detail ul.product-text.hide {display: none;}
.product_show_group .product-detail ul.product-text.product-skc-text {width: auto;min-width: 100px;}
.product_show_group .product-detail ul.product-text li {margin-right: 20px;width: 80px}
.product_show_group .product-detail .product-img-box .magnify {position: absolute;bottom: 0;right: 0;margin-right: 10px;color:#fafafa;}
.product-block.minh-80 {min-height: 80px;height:auto;}
.product-text-1 {font-size:12px;line-height:20px;display:inline-block;text-align:left;vertical-align:middle;color:#333;}
.product-text-1 .title {color:#888;}
.product-color-text.color-del {text-decoration:line-through;color:#f00;}
.product-color-text span {color:#333;}
.product-display-block {width:350px;}
.product-display-block .product-img-box {width:160px;height:80px;border-radius:2px;overflow:hidden;}
.steps {font-size:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:50px;margin-bottom:60px;padding:0 50px;}
.steps .step {font-size:14px;position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.steps .step:last-child {width:60px;-webkit-box-flex:0;-webkit-flex:0;-moz-box-flex:0;-ms-flex:0;flex:0;}
.steps .step:not(:last-child):after {position:absolute;top:100%;left:0;display:block;width:100%;height:6px;margin-top:-33px;content:'';background-color:#ddd;}
.steps .step.active:after {background-color:#ff6100;}
.steps .step>.text {font-size:14px;display:block;width:60px;text-align:center;color:#333;}
.steps .step>.num {font-size:30px;line-height:60px;position:relative;z-index:9;display:block;width:60px;height:60px;margin-top:10px;text-align:center;color:#fff;border-radius:50%;background-color:#ddd;}
.steps .step.active>.num {background-color:#ff6100;}
.step-page {display:none;min-height:250px;text-align:center;}
.step-page.active {display:block;}
.step-content {font-size:16px;margin-bottom:50px;}
.step-content .link {color:#ff6100;}
.step-content .result-num {color:#ff6100;}
.step-content .import-result {color:#888;}
.step-page .step-btn-group {margin-bottom:50px;}
.step-page .step-btn-group .btn {line-height:32px;position:relative;display:inline-block;width:100px;height:32px;cursor:pointer;text-align:center;color:#fff;background-color:#ff6100;}
.step-page .step-btn-group .btn + .btn {margin-left:40px;}
.step-page .intro {font-size:14px;line-height:20px;margin-left:80px;text-align:left;}
.step-page .upload-box input[type=file] {position:absolute;top:0;left:0;width:80px;height:32px;opacity:0;filter:alpha(opacity=0);}
.step-page .step-tips {font-size:20px;margin-bottom:16px;color:#ff6100;}
.step-page .upload-process {margin-bottom: 50px;}
.setp-import-option {position: absolute;right: 0;bottom: 0;}
.setp-import-option i {font-size: 40px}
.setp-import-option .change-impor-type {color: black;}
.setp-import-option .active.change-impor-type {color:red;}

.upload-process {position:relative;display:inline-block;width:400px;height:24px;background-color:#ddd;border-radius:2px;overflow:hidden;}
.upload-process .current-process {display:block;width:0;height:24px;background-color:#ff6100;}
.upload-process .process-num {font-size:14px;line-height:24px;position:absolute;top:50%;left:0;width:100%;margin-top:-12px;text-align:center;color:#fff;}
.form-title {font-size:14px;font-weight:bold;margin-bottom:30px;padding:14px 20px;border-bottom:1px solid #ddd;}
.setting-block {margin-top: 10px;}
.lable-width .right-block label {min-width: 70px;}
.lable-width label.left-block {min-width: 105px;}
.setting-block h4 { line-height: 40px; font-size: 18px; }
.form-group {/* font-size:0; */margin-bottom:20px;/* white-space:nowrap;*//*padding-top:40px;*/ }
.form-group-inline { display: inline-block; vertical-align: middle; }
.form-group .btn {margin-bottom: 5px;}
.form-group.table-group {display:table;}
.form-group .left-block {font-size:12px;line-height:32px; height: 32px; min-width:90px;text-align:justify;vertical-align:top;color:#888;float: left;padding-right: 10px; padding-left: 20px;position: relative;}
.form-group .left-block span.color-danger { display: block; margin-top: -32px; -webkit-transform: translate(-10px, 32px); transform: translate(-10px, 32px);}
.form-group .left-block:after {content: " "; display: inline-block; width: 100%; }
.form-group.table-group .left-block {display:table-cell;}
.form-group.table-group .right-block {display:table-cell;width:auto;padding-left:20px;}
.form-group .left-block .required {color:#f00;}
.form-group .right-block {font-size:12px;position:relative;width:400px;margin-left:10px;vertical-align:top;display: inline-block;line-height: 32px;}
.form-group .right-block.radio-inline {width: auto;}
.form-group .right-block.medium-right-block {width:220px!important;}
.form-group .right-block.max-right-block {width:600px;}
.form-group .right-block .right-tip {position:absolute;right:30px;color:#999;}
.form-group .right-block.no-width {width:auto;}
.form-group .right-block>.tips {line-height:32px;position:absolute;bottom:0;left:100%;margin-left:20px;white-space:nowrap;color:#333;}
.form-group .right-block>.inline-tips {line-height:32px;position:absolute;bottom:0;right:10px;white-space:nowrap;color:#333;}
.form-group.border-top {border-top:1px solid #ddd;padding-top:20px;}
.form-group .tooltip {position:absolute;display:none;line-height: 20px;}
.form-group .text-tooltip {font-size:12px;position:relative;display:inline-block;text-align:center;color:#f24820;}
.form-control {font-size:12px;line-height:1;position:relative;width:100%;height:32px;padding:0 10px;border:1px solid #e7e7e7;}
.form-control.form-control-inline { display: inline-block; width: 100px; }
.form-group .right-block .static-text { padding: 0 5px; }
.child-form-group {margin-bottom: unset;padding-top: 10px; padding-bottom: 10px;border-left: 1px solid #ededed;margin-left: 40px}
.child-form-group .left-block {padding-left: 10px}
.last-child-form-group {margin-bottom: 20px}
/* .action_q_show.child-form-group {margin-left: unset;border-left: unset;padding-top: unset;padding-bottom: unset;margin-bottom: 20px} */
/* .action_q_show.child-form-group .left-block {padding-left: 20px} */
textarea.form-control {height:auto;padding:10px 10px;resize:none;}
select.form-control {background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 10px);}
.form-control option {padding-left:10px;}
.form-control.has-error {border-color:#f00;}
.form-control.xm-form-control {width:200px;}
.checkbox-inline .form-control.w-auto{width: auto;}
input[readonly] {background-color:#f8f8f8;}
.control-label {font-size:12px;line-height:32px;text-align:right;}
.order-export .form-group .left-block {color:#000;}
.form-group .medium-right-block#location select {width:100px!important;}

.past-report-dialog {width:800px;}
.past-report-dialog ul li {font-size:0;padding:20px;}
.past-report-dialog ul li + li {border-top:1px solid #ededed;}
.past-report-dialog ul li>* {font-size:12px;display:inline-block;}

.set-sort {position:relative;}
.sort {vertical-align: middle; margin-top:5px;}
.add-sort {position:absolute;left:260px; top:12px;cursor:pointer;}
.sort_input {width:47%;}
.set_formula {display: none;}
.set_formula.active {display: block;}
.report-setting-table {width: 20px;}
.report-setting-table .template-hide {background-color: #999!important;}
.report-setting-tools .setting-icon {color:#ff6000;margin-right:10px;}
.report-setting-tools .setting-icon i {margin:0 2px;font-size:12px;}
.report-view {width: 1200px}
.report-add .icon-set {left:355px;position:absolute;bottom:9px;}
.report-merge .merge-unit {border-bottom: 1px solid #ededed;margin-bottom:10px;position:relative;}
.report-merge .merge-unit:last-child {margin-bottom:0;border-bottom: 0;}
.report-merge .merge-unit:last-child .form-group:last-child{margin-bottom:0;}
.report-merge .merge-unit .icon-box {position:absolute;top:7px;left:305px;}
.report-merge .merge-unit .icon-box>.icon-plus {display: none;}
.report-merge .merge-unit:last-child .icon-box>.icon-plus {display: inline-block; margin-right:10px;}
.mulit-report .selected-list {white-space: normal;margin-left:90px;}
.mulit-report .selected-list li {margin-right:2px;line-height: 30px;}
.sort-view {overflow: auto; min-height: 465px;}
.sort-view table tr th{min-width: 50px;}
.set-title {height:25px; margin-top:5px;}
.bottom_input {border-color: #878787;border-style: solid;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px}
.field-label {margin-top:15px;}
.field-col {margin-top: 15px;}
.control-title {font-size:14px;line-height:32px;text-align:right;color:#000000}
.control-title {margin-left: 20px; font-size:14px;line-height:32px;text-align:right;color:#000000}
.radio-inline {line-height:32px;}
.radio-inline input[type='radio'] {position:absolute;z-index:-1;margin-left:-20px;opacity:0;filter:alpha(opacity=0);}
.radio-inline label {display: inline-block;margin-right:20px;}
.radio-inline input ~ span {position:relative;display:inline-block;padding-left:22px;cursor:pointer;vertical-align:middle;}
.radio-inline input ~ span:before {position:absolute;z-index:1;top:50%;left:0;width:14px;height:14px;margin-top:-7px;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border:1px solid #999;border-radius:50%;}
.radio-inline input ~ span:after {position:absolute;z-index:1;top:50%;left:6px;width:0;height:0;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-radius:50%;background-color:#ff6100;}
.radio-inline input:checked ~ span:before {border:2px solid #ff6100;}
.radio-inline input:checked ~ span:after {top:50%;left:4px;width:6px;height:6px;transform:translateY(-50%);}
.radio-inline input[disabled] ~ span:before {border-color:#e5e6e6;}
.radio-inline input[disabled]:checked ~ span:after {background-color:#e5e6e6;}
.radio-inline.order_rule {margin-left: 45px;}
.radio-inline .order-rule-select {position: absolute; left: 90px;top: 33px;}
.radio-inline .order-rule-input .percent_input {position: absolute; left: 98px; top:70px; height: 28px; width: 122px;}
.radio-inline .order-rule-input {display: none;}
.radio-inline .order-rule-input.active {display: block;}
.rule-content-li {padding: 10px;}

.point {white-space: nowrap;}
.point input[type=text] {width: 350px;}

div.filter-attr-val ul li {background-color: #F8F8F8; display: inline-block; padding: 0 15px 0 15px; text-align: center; margin: 0 20px 10px 0; border-radius: 2px}


div.attr-value .right-block {display: none;}
div.attr-value .right-block.active {display: block; margin-left: 100px;}
div .attr-value ul {width: 450px;}
div .attr-value ul li {cursor: pointer; display: inline-block; padding: 0 15px 0 15px; border: 1px solid #C9C9C9; text-align: center; margin: 0 20px 20px 0; border-radius: 2px}
div .attr-value ul li.active {background-color: #ff6100; color: #ffffff;}

.select-attr {position:relative; vertical-align: middle;}
.select-attr .show_attr{font-size:12px}
.select-attr .checkbox-inline{float:right;margin-right:20px;}
.select-attr .checkbox-inline span{padding-left: 18px;}
.select-attr .active .attrs {display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-285px -45px; transition:all .1s;position:absolute;left:115px;top:9px;}
.select-attr .active {background-color:rgba(255,100, 0, .5);color:white;}
.select-attr .hover {background-color:rgba(255,100, 0, .15);}
.select-attr ul{width: 142px;left:-36px; position: absolute; z-index: 9; background-color: white;box-shadow: 0 0 10px grey; border:1px solid #ededed;display:none;}
.select-attr ul li{width: 140px;position: relative;text-align:left;color:#585858;margin-top:1px}
.select-attr ul span{position:relative;left:10px;display:inline-block}
.show-icon {display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-95px -65px;transition:all .1s;}

.unclick {pointer-events: none;}
#location select {font-size:12px;line-height:1;position:relative;/*float:left;*/width:190px;height:32px;padding:0 10px;border:1px solid #e7e7e7;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 10px);}
#location select + select {margin-left:20px;}
.checkbox-inline {line-height:32px;}
.checkbox-inline label {display:inline-block;margin-right:20px;}
.checkbox-inline label.mr-5 {margin-right:5px;}
.checkbox-inline input[type='checkbox'] {position:absolute;z-index:-1;margin-left:-20px;opacity:0;filter:alpha(opacity=0);}
.checkbox-inline input ~ span {font-size:12px;position:relative;display:inline-block;padding-left:22px;cursor:pointer;vertical-align:middle;}
.checkbox-inline input ~ span:before {position:absolute;z-index:1;top:50%;left:0;width:14px;height:14px;margin-top:-8px;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border:1px solid #999;}
.checkbox-inline input ~ span:after {position:absolute;z-index:1;top:0;left:0;width:0;height:0;content:'';background-image:url(../img/checkbox.png);}
.checkbox-inline input:checked ~ span:before {background-color:#ff6100;border:none;}
.checkbox-inline input:checked ~ span:after {width:14px;height:14px;margin-top:-7px;top:50%;}
.checkbox-inline input[disabled] ~ span:before {border-color:#e5e6e6; background-color: #e5e6e6;}
.checkbox-inline input[disabled]:checked ~ span:after {background-color:#e5e6e6;}
.checkbox-inline .unclick input ~ span:before {border-color:#e5e6e6; background-color: #e5e6e6;}
.checkbox-inline .unclick input:checked ~ span:after {background-color:#e5e6e6;}
.btn-group .btn {line-height:32px;display:inline-block;width:80px;height:32px;margin-right:10px;cursor:pointer;text-align:center;}
.btn-group div.btn { background-color: #f0f0f0; }
.btn-group .confirm-btn {color:#fff;border:none;background-color:#ff6100!important;}
.btn-group .cancel-btn {color:#333;border:1px solid #ddd;background-color:#fff;}
.form-group .text {font-size:14px;}
.form-group.fixed-group {position:fixed;z-index:99;right:0;bottom:0;left:200px;margin-bottom:0;padding:12px 0;border-top:1px solid #eee;background-color:#fff;}
.product-img-group>.product-img-left-block {font-size:12px;line-height:32px;float:left;width:96px;text-align:right;vertical-align:top;color:#888;padding-right: 10px;}
.product-img-group>.product-img-right-block li {line-height:140px;position:relative;display:inline-block;width:120px;height:160px;margin-right:20px;margin-bottom:10px;text-align:center;vertical-align:middle;border:1px solid #ccc;}
.product-img-group>.product-img-right-block li.group-img-box {width: 80px;height: 160px}
.product-img-group>.product-img-right-block .img-box img {width:100%;height:100%;}
.product-img-group>.product-img-right-block .img-box .img-default {font-size:12px;line-height:30px;position:absolute;bottom:0;left:0;display:none;width:100%;height:30px;text-align:center;color:#fff;background-color:rgba(0, 0, 0, .5);}
.product-img-group>.product-img-right-block .img-box .img-change .fileupload {position:absolute;top:0; left: 0;width:100%;height:100%;opacity: 0;}
.product-img-group>.product-img-right-block .img-box:hover .img-default {z-index:10;display:block;cursor:pointer;}
.product-img-group>.product-img-right-block .img-box .img-clear {position:absolute;z-index:10;top:-8px;right:-8px;display:block;width:16px;height:16px;cursor:pointer;}
.product-img-group>.product-img-right-block .img-box .img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.product-img-group>.product-img-right-block .img-box .restore-img-clear {position:absolute;z-index:10;top:-8px;right:-8px;display:block;width:16px;height:16px;cursor:pointer;}
.product-img-group>.product-img-right-block .img-box .restore-img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.product-img-group>.product-img-right-block .img-add {position:relative;cursor:pointer;background-color:#fafafa;}
.product-img-group>.product-img-right-block .img-add input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}
.product-img-group>.product-img-right-block .img-add .text {font-size:12px;line-height:20px;position:absolute;top:50%;left:0;display:block;width:100%;margin-top:-20px;text-align:center;color:#e5e5e5;}
.display-add .product-img-group>.product-img-right-block li {width:200px;height:100px;}
.product-img-group>.product-img-right-block .intro-img-box {width:200px;height:100px;}
.product-img-group>.product-img-right-block .intro-img-box img {width:100%;height:100%;}
.product-img-group>.product-img-right-block .intro-img-box .img-clear {position:absolute;z-index:10;top:-8px;right:-8px;display:block;width:16px;height:16px;cursor:pointer;}
.product-img-group>.product-img-right-block .intro-img-box .img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.product-img-group>.product-img-right-block .intro-img-add {position:relative;cursor:pointer;background-color:#fafafa;width: 200px;height: 100px}
.product-img-group>.product-img-right-block .intro-img-add input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}
.product-img-group>.product-img-right-block .intro-img-add .text {font-size:12px;line-height:20px;position:absolute;top:50%;left:0;display:block;width:100%;margin-top:-20px;text-align:center;color:#e5e5e5;}
.display-add .product-img-group>.product-img-right-block li {width:200px;height:100px;}
.modal-dialog .upload .img-clear {position:absolute;z-index:10;top:14px;right:30px;display:block;width:16px;height:16px;cursor:pointer;}
.modal-dialog .upload .img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.product-color-group {margin-right:40px;margin-left:40px;}
.product-price-group {margin-right:40px;margin-left:40px;}
#product-color-list td img {display:table-cell;}
.flex-block {display:flex;margin-right:80px;margin-bottom:-20px;flex-flow:row wrap;}
.flex-block.bottom-block {margin-bottom: 20px;}
.flex-item {width:50%;margin-bottom:20px;}
.flex-item-block {margin-bottom:20px;}
.flex-item-block .right-block { width: auto; }
.flex-item-inner {display:flex;}
.flex-inner-right {margin-left:20px;flex:1;}
.standard-size-group>.setting-left-block {font-size:12px;line-height:32px;float:left;width:96px;text-align:right;vertical-align:top;color:#888;}
.standard-size-group>.setting-right-block {font-size:0;margin-left:116px;}
.standard-size-group>.setting-right-block li {font-size:12px;line-height:32px;display:inline-block;}
.standard-size-group>.setting-right-block .standard-block {padding-right:20px;}
.upload-image>.intro {border:1px solid #ccc;line-height:22px;padding:10px 20px;}
.upload-image>.intro .title {font-weight:normal;font-size:14px;color:#333;}
.upload-image>.intro p {font-weight:normal;font-size:12px;color:#888;}
.upload-image .meta {margin:20px 0 30px 0;line-height:32px;height:32px;}
.upload-image .meta>span {float:left;}
.upload-image .meta ul {list-style:none;float:left;height:32px;margin-left:20px;}
.upload-image .meta li {display:inline-block;*display:inline;padding:0 10px;cursor:pointer;}
.upload-image .meta li.active {background-color:#f2f2f2;}
.upload-image .image-name {line-height:32px;height:32px;float:left;}
.upload-image .name-input {border:1px solid #e6e6e6;width:220px;height:32px;padding:0 14px;float:left;}
.upload-image .name-input[readonly] {background-color:#f2f2f2;border:none;}
.upload-image .edit-name {background-color:#2abc59;color:#fff;text-align:center;width:80px;height:32px;float:left;margin-left:10px;font-size:14px;}
.upload-image .upload-btn {float:left;font-size:14px;line-height:32px;display:block;height:32px;width:100px;margin-left:160px;cursor:pointer;text-align:center;color:#fff;background-color:#ff6100;}
.upload-image .help-tips {display:none;}
.upload-image-modal {width:1000px;height:500px;position:relative;}
.upload-image-modal-header {height:50px;padding:15px;border-bottom:1px solid #e6e6e6;}
.upload-image-modal-header-title {color:#ff6100;} 
.upload-image-modal-header .btn-close {display:block;float:right;cursor:pointer;}
.upload-image-modal-header .btn-close .icon-close {display:block;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;}
.upload-image-modal-header .btn-close .icon-close::before {content: ""}
.upload-image-modal-body {position:relative;overflow-y:auto;height:380px;padding:20px;overflow-x:hidden;}
.upload-image-modal-header-title .format-text {margin-left:20px;color:#333;font-size:12px;}
.upload-image-modal-header .error {position: absolute;right: 56px;top: 14px;color: #ff6100;display: none}
.upload-image-modal-footer {height:70px;border-top:1px solid #e6e6e6;padding:18px 20px;line-height:32px;}
.upload-image-modal-body .select-box {display:none;position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-20px;}
.no-image .select-box {display:block;}
.select-btn {position:relative;background-color:#2abc59;width:120px;height:40px;display:block;text-align:center;color:#fff;line-height:40px;}
.select-btn:hover {color:#fff;}
.select-btn input[type=file] {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.no-image .upload-image-modal-footer {visibility:hidden;}
.upload-image-modal-footer .footer-btn-group {float:right;}
.upload-image-modal-footer .footer-btn-group .upload-start {background-color:#ff6100;color:#fff;}
.upload-image-modal-footer .footer-btn-group .upload-start:hover {color:#fff;}
.upload-image-modal-footer .footer-btn-group .upload-clear {background-color:#fff;color:#333;border:1px solid #ddd;}
.upload-image-modal-footer .footer-btn-group .upload-clear:hover {color:#333;}
.upload-image-modal-footer .footer-btn-group .upload-add {position:relative;background-color:#fff;border:1px solid #ddd;color:#333;}
.upload-image-modal-footer .footer-btn-group .upload-add:hover {color:#333;}
.upload-image-modal-footer .footer-btn-group .upload-add input[type=file] {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.upload-image-list {margin:0 -30px 0 -20px;}
.upload-image-list li {width:198px;float:left;padding:0 10px;margin-bottom:30px;}
.upload-image-list .image-box {border:1px solid #e6e6e6;}
.upload-image-list .thumb {position:relative;}
.upload-image-list .thumb .message {display:none;position:absolute;height:28px;line-height:28px;top:50%;margin-top:-14px;left:0;right:0;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;background-color:rgba(0,0,0,0.3);}
.loading .upload-image-list .thumb .message {display:block;}
.upload-image-list .thumb .success {background-color:#2abc59;}
.upload-image-list .thumb .error {background-color:#ff6100;display:block;}
.upload-image-list .thumb .actions {display:none;position:absolute;height:28px;line-height:28px;bottom:0;left:0;right:0;text-align:center;padding:0 20px;white-space:nowrap;overflow:hidden;background-color:rgba(0,0,0,0.3);}
.upload-image-list .thumb:hover .actions {display:block;}
.upload-image-list .img-rename {float:left;color:#fff;cursor:pointer;}
.upload-image-list .img-clear {float:right;color:#fff;cursor:pointer;}
.upload-image-list .thumb img {width:176px;height:235px;}
.upload-image-list .image-box .intro {padding-left:10px;overflow:hidden;line-height:21px;font-size:12px;margin:5px 0;position:relative;}
.upload-image-list .image-box .intro p {white-space:nowrap;}
.upload-image-list .image-box .intro .rename {position:absolute;display:none;top:0;left:0;background-color:#fff;width:100%;}
.upload-image-list .image-box .intro .rename input {width:100px;height:24px;border:1px solid #ff6100;line-height:24px;padding:0 10px;}
.upload-image-list .image-box .intro .rename a {margin-left:8px;}
.fair-order-text .code {color:#333;}
.fair-order-text .create-time {color:#888;}
.contarct_content table td {border:1px solid #333;padding:3px 5px; text-align: center;min-width: 50px;}
.order-print {width:100%;max-width: 720px;margin:0 auto;text-align:center;size:A4;}
.order-print.print-horizontal {min-width:720px;max-width:1024px;}
.order-print .contarct_content {text-align: -webkit-auto; border: 1px solid; padding: 10px; margin-bottom: 10px;}
.order-print .order-head {font-size:18px;line-height:2;border:1px solid #333;}
.order-print .order-head h1 {font-size:18px;}
.order-print .order-head h1+ul {border-top: 1px solid #333;}
.order-print .order-head li .print {font-size:12px;line-height:28px;float:right;padding-right:5px;color:#333;}
.order-print .order-head li {font-size:14px;padding-left:5px;text-align:left;border-bottom:1px solid #333;}
.order-print .order-head li:last-child {border-bottom:0;}
.order-print .order-head li span {float:right;width:270px;padding:0 5px;border-left:1px solid #333;}
.order-print .order-head li.address .title {display: inline-block;vertical-align: middle;}
.order-print .order-head li.address .content {display: inline-block;vertical-align: middle;padding:0 10px;border-left:1px solid #333;}
.order-print .order-head li.address .content p {display:inline-block;}
.order-print .order-head .member span{float:right;width:auto;padding:0 5px;border-left:1px solid #333;white-space: nowrap;}
.order-print .order-head .member span.num{min-width:110px;}
.order-print .order-head .member span.amount{min-width:145px;}
.order-print .order-head .member span.discount{min-width:160px;}
.order-print .order-head .small-text{font-weight: normal;font-size:10px;}
/*.order-print.has-buyout .order-body { border-left: 1px solid #333; border-right: 1px solid #333; }*/
.order-print.has-buyout .order-body { position: relative; }
.order-print.has-buyout .order-body:before { content: ''; display: block; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; background-color: #333; }
.order-print.has-buyout .order-body:after { content: ''; display: block; position: absolute; width: 1px; right: 0; top: 0; bottom: 0; background-color: #333; }
.order-print .order-body section {margin-top:10px;}
.order-print .order-body .order-body-title {padding:5px;text-align:left;border:1px solid #333;border-bottom:0; margin-top: 10px;}
.order-print .order-body .order-body-title + section {margin-top: 0;}
.order-print .order-body .section-title {padding:5px;text-align:left;border:1px solid #333;border-bottom:0;}
.order-print .order-body .section-title:hover b {color: #0097fd;}
.order-print .order-body table {width:100%;border-collapse:collapse;text-align:right;border:1px solid #333;border-top: none;}
.order-print .order-body td {font-size:12px;border:1px solid #333;text-align: center;max-width: 80px;}
.order-print .order-body td.mark {background-color: #ccc;}
.order-print .order-body th {font-size:12px;padding-right:2px;border:1px solid #333;border-top: none;text-align: center;}
.order-print .order-body section table:first-of-type tr:first-of-type {border-top:1px solid #333;}
.order-print .order-body table.no-border {border:0;}
.order-print .order-body table.no-border td {border:0;}
.order-print .order-body section table.no-border tr:first-of-type {border-top:0;}
.order-print .order-body section table.no-border tr {border-bottom:1px solid #333;}
.order-print .order-body section table.no-border tr:last-of-type {border:0;}
.order-print .order-body section table.no-border tr td:first-child{border-right:1px solid #333;}
.order-print .order-body .size {min-width:20px;max-width:40px;}
.order-print .order-body .sm {width:50px;}
.order-print .order-body img {width:50px;}
.order-print .order-remark {margin-top:10px;border: 1px solid #333;padding: 5px;line-height: 1.5;text-align: left;}
.order-print .order-foot {margin-top:10px;}
.order-print .order-foot p {text-align: -webkit-auto;}
.order-print .order-foot ul {text-align:left;border:1px solid #333;}
.order-print .order-foot li {padding-left:5px;border-bottom:1px solid #333;}
.order-print .order-foot li:last-child {border-bottom:0;}
.order-print .order-foot li span {display:inline-block;width:60px;}
.order-print .order-foot table {width:100%;margin-top:10px;border-collapse:collapse;border:1px solid #333;table-layout:fixed;}
.order-print .order-foot td {height:30px;border:1px solid #333;font-size: 14px;}
.order-print .order-foot .sign td {height:50px;}
.order-print .order-foot .tk {width:100px;}
.order-print .ctrls {margin-top:10px;}
.order-print .ctrls a {line-height:40px;display:inline-block;width:175px;height:40px;color:#333;border:1px solid #333;}
.order-print .ctrls a.disabled {background-color:#e7e7e7;}
.order-print .table-tools {margin-bottom:10px;}
.order-print .table-border>tbody>tr>th, .table-border>tbody>tr>td {border-color: #d7d7d7;}
.order-print .table-border>thead>tr>th, .table-border>thead>tr>td {border-color: #d7d7d7;}
.order-print .table-border>thead.border>tr>th {border-color: #333;}
.order-print.print-horizontal .order-body th { word-break: break-all; }
.order-print.print-horizontal .order-body td { white-space: nowrap; }
.modal-dialog {position:relative;width:475px;}
.modal-dialog.lg-modal-dialog {width:650px;}
.modal-dialog.llg-modal-dialog {width:800px;}
.modal-dialog.lg-modal-dialog.show-background {width: 750px}
.modal-header {height:50px;padding:15px;border-bottom:1px solid #e8e8e8;}
.modal-header .search-group {font-size: 0;position: absolute;display: inline-table;width: 251px;margin-bottom: 20px;vertical-align: middle;line-height: 50px;top: 0;}
.modal-header .btn-close {display:block;float:right;cursor:pointer;}
.modal-header .modal-header-radio {position: absolute;right:30px;top:7px;}
.modal-options {display: inline-block;}
.modal-options select {font-size:12px;line-height:16px;min-width:60px;max-width:90px;height:26px;padding-left:5px;border-radius:2px;padding-right:15px;border:1px solid #ccc;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 5px);}
.modal-nav-header .btn-close {display:block;float:right;cursor:pointer;padding:15px;}
.modal-nav-header ul {line-height:50px}
.modal-nav-header .btn-close .icon-close {display:block;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;}
.modal-nav-header .btn-close .icon-close:before {content: '';}
.modal-header .btn-close .icon-close {display:block;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;}
.modal-header .btn-close .icon-close:before {content: ''}
.modal-title {font-size:14px;line-height:20px;color:#333;display:inline;}
.modal-title .small { font-size: 12px; color: #999; display: inline-block; font-weight: normal; }
.modal-body {position:relative;overflow-y:auto;max-height:500px;padding:20px;}
.modal-body.has-padding { padding: 20px!important; } 
.modal-footer {padding:20px;text-align:right;border-top:1px solid #e8e8e8;}
.modal-footer .btn {line-height:32px;display:inline-block;width:80px;height:32px;cursor:pointer;text-align:center;}
.modal-footer .btn.disabled {background-color: #ccc;color: #f2f2f2;}
.modal-footer .btn + .btn {margin-left:10px;}
.modal-footer .btn-confirm {color:#fff;border:none;background-color:#ff6600;;}
.modal-footer .btn-cancel {color:#333;border:1px solid #ddd;background-color:#fff;}
.modal-footer .btn-del {float:left;}
.modal-footer .checkbox-inline {display: inline-block;}
.modal-body .form-group .right-block {width:220px;}
.modal-body .form-group .right-block.w-200 {width:200px;}
.modal-body .form-group .right-block.w-320 {width:320px;}
.modal-body .form-group .right-block.w-auto {width:auto;}
.modal-body .form-group .right-block.show-logo {width: 512px;height: 384px}
.modal-body .form-group p {line-height: 20px;}
.lg-modal-dialog.mulit-setting .form-group .right-block {width: 510px;}
.modal-dialog .confirm-page {position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0, 0, 0, .8);}
.modal-dialog.show-confirm-page .confirm-page {display:block;}
.modal-dialog .confirm-page-inner {position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);text-align:center;}
.modal-dialog .confirm-page .confirm-content {font-size:16px;color:#fff;}
.modal-dialog .confirm-page .confirm-btn-group {margin-top:20px;}
.modal-dialog .confirm-page .confirm-btn {line-height:32px;display:inline-block;width:80px;height:32px;cursor:pointer;text-align:center;}
.modal-dialog .confirm-page .confirm-submit {color:#fff;border:none;background-color:#ff6100;}
.modal-dialog .confirm-page .confirm-cancel {margin-left:10px;color:#333;border:1px solid #ddd;background-color:#fff;}
.modal-dialog ul.checkbox-inline li {display: inline-block;line-height: 32px;min-width: 60px;}
.modal-dialog-right {position:relative;width:80vw;height:100vh;overflow:hidden;min-width:850px;max-width: 1000px;}
.modal-dialog-right .modal-body {position:absolute;top:50px;bottom:0;max-height:none;padding:0;left:0;right:0;}
.modal-dialog-right.footer-fixed .modal-footer {position: absolute;bottom: 0;width: 100%;background-color: #fff;padding: 10px;text-align: left;}
.modal-dialog-right.footer-fixed .modal-body {bottom: 46px;}
.modal-dialog .confirm-page-block {position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:none;background-color: #fff;}
.modal-dialog.show-confirm-page .confirm-page-block {display:block;}
.modal-dialog .confirm-page-block .confirm-content {padding:40px;max-height:450px;overflow-y:auto;}
.modal-dialog .confirm-page-block .confirm-content .title {font-size:14px;color:#ff6000;}
.modal-dialog .confirm-page-block .confirm-content .member-list {padding:15px 0;}
.modal-dialog .confirm-page-block .confirm-content .member-list ul {white-space:normal;}
.modal-dialog .confirm-page-block .confirm-content .member-list ul li {display:inline-block;padding:5px 10px;min-width:90px;text-align:center;border:1px solid #ccc;border-radius: 5px;margin:10px 10px 0 0;}
.modal-dialog .confirm-page-block .confirm-content .item {line-height:35px;height:35px;}
.modal-dialog .confirm-page-block .confirm-btn-group {position:absolute;right:0;bottom:0;width:100%;text-align: right;padding:15px 20px;border-top:1px solid #e8e8e8;}
#fair_editing .right-block {width:300px;}
.fair-logo-upload {width:100%;}
.fair-logo-upload .fair-logo {font-size:18px;line-height:150px;display:block;width:300px;height:150px;text-align:center;color:#fff;border:1px solid #e7e7e7;background-color:#2dc3f5;}
.fair-logo-upload .upload-btn {line-height:32px;position:relative;float:left;width:120px;height:32px;text-align:center;color:#fff;background-color:#9fc24c;}
.fair-logo-upload .upload-btn input[type=file] {position:absolute;top:0;left:0;width:120px;height:32px;opacity:0;filter:alpha(opacity=0);}
.fair-logo-upload .upload-intro {font-size:12px;line-height:16px;line-height:32px;display:block;height:32px;color:#888;}


.yw {background-image: url("../img/yw.jpg");background-repeat: no-repeat;background-size: cover;text-align: center;}
.yw h1 {text-align: center ;font-size: 20px;line-height: 30px;margin-top:110px;display: inline-block;}
.yw .member-name {color: #fff;text-align: center;font-size: 20px;line-height: 30px;margin: 12px 0 24px 0;}
.yw .member-name span {position: relative;width: auto;}
.yw .member-name span:after {position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);content: '';height: 1px;background-color: #fff;width: 100%;}
.yw .member-name .iconfont {font-size: inherit;margin-right: 16px;}
.yw .btn-enter {display: inline-block;color: #fff;border-radius: 4px;border: 1px solid #fff;font-size: 16px;text-align: center;line-height: 42px;width: 132px;height: 42px;margin-bottom: 120px;}
.yw .btn-enter .iconfont {font-size: 14px;margin-left: 5px;}
.yw .exit {position: absolute;left: 0px;top: 0px;font-size: 10px;border: 0;padding: 10px;color: #fff;}

.unit-input-group {font-size:0;}
.unit-input-group .unit-input-box {display:inline-block;}
.unit-input-group .unit-input-box .unit-input-label {font-size:12px;line-height:32px;display:inline-block;float:left;text-align:right;vertical-align:middle;}
.unit-input-group .unit-label {font-size:12px;line-height:32px;display:inline-block;text-align:right;vertical-align:middle;}
.unit-input-group .unit-input-box .unit-input {display:inline-block;width:200px;margin-left:20px;margin-right:40px;vertical-align:middle;}
.unit-input-group .unit-input-sort {display:inline-block;width:200px;margin-right:20px;vertical-align:middle;line-height: 32px;}
.unit-setting-box .unit-setting-control {line-height:32px;min-width:200px;max-width:250px;height:32px;margin-top:-5px;margin-bottom:-5px;padding:0 10px;border:1px solid #e7e7e7;}
.unit-setting-box .unit-setting-select {line-height:32px;min-width:125px;max-width:250px;height:32px;margin-top:-5px;margin-bottom:-5px;padding:0 10px;border:1px solid #e7e7e7;background-image: url(../img/select.png);background-repeat: no-repeat;background-position: calc(100% - 5px);}
.unit-setting-box tr:nth-child(2) .setting-unit-up {color:#ccc;}
.unit-setting-box tr:last-child .setting-unit-down {color:#ccc;}
.unit-setting-box tbody:not(:last-child) tr .setting-unit-down {color:#0097fd;}
.unit-setting-box .img-box {margin-top:-6px;margin-bottom:-6px;position: relative;width: 68px;height: 34px;border: 1px solid #ccc;}
.unit-setting-box .img-add {margin-top:-6px;margin-bottom:-6px;line-height: 140px; position: relative; display: inline-block; width: 68px; height: 34px; text-align: center; vertical-align: middle; border: 1px solid #ccc;background-color: #f2f2f2;}
.unit-setting-box .img-add .text {transform: scale(.9);font-size: 12px; line-height: 10px; position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -14px; text-align: center; color: #ccc;}
.unit-setting-box .img-add input[type=file]{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.unit-setting-box .img-box .img-clear {position: absolute; z-index: 10; top: -8px; right: -8px; display: block; width: 16px; height: 16px; cursor: pointer; }
.unit-setting-box .img-box .img-clear .icon-clear {display: block; width: 16px; height: 16px; background-image: url(../img/admin-icons.png); background-position: -265px -45px;}
.unit-setting-box.unit-setting-box-minwidth-unset .unit-setting-control {min-width: unset;width: 100px;}

.sizelist-refer-dialog {width:800px;}
.sizelist-refer-dialog ul li {font-size:0;padding:20px;}
.sizelist-refer-dialog ul li + li {border-top:1px solid #ededed;}
.sizelist-refer-dialog ul li>* {font-size:12px;display:inline-block;}
.sizelist-refer-dialog ul li .sizelist-name {width:168px;}
.sizelist-refer-dialog ul li .sizelist-unit {width:540px;}
.sizelist-refer-dialog ul li .sizelist-name {width:168px;}
.fair-info-box {font-size:12px;padding-left:20px;padding-bottom:20px;}
.fair-info-box>p + p {margin-top:20px;}
/* .fair-status-box.hidden .radio-inline label input:checked ~ span:before{border:1px solid #999;} */
/* .fair-status-box.hidden .radio-inline label input ~ span:after{background-color:#999;} */
.form-horizontal .form-group .form-control.fair-setting-select {width:100px;}
/* laydate设置box-sizing的问题 */
.laydate_box, .laydate_box * {box-sizing:content-box;}
@media print {
	body {min-width:0;background-color:#fff;}
    #app-sidebar {display:none;}
    #app-container {margin-left:0;padding-left:0;}
    #app-container-top {display:none;}
    #app-container .app-inner {margin:0;padding:0;}
    .app { left: 0; position: unset; }
    .bread-crumb {display:none;margin-bottom:0;}
    .order-print .ctrls {display:none;}
    .order-print {margin-top: 0;}
    .print-hide,.hidden-print {display:none;}
    .visible-print-block {display:block;}
	.order-print .order-body td.mark {background-color: #fff;}
	.order-body {padding: 1px;}
	.layui-layer-msg { display: none; }
	.page-content.has-footer { margin-bottom: 0; }
	table, th, td, tr { border-color: #333!important; }
	table tr {page-break-inside: avoid;}
	.order-print-analysis table tr {page-break-inside: unset;}
}

.table-format-flex { -webkit-display: flex; display: flex; text-align: center; white-space: nowrap; height: 100%; }
.table-format-left { -webkit-flex:1; flex: 1; border-right: 1px solid #333; }
.table-format-item { padding: 0 2px; }
.table-format-item + .table-format-item { border-top: 1px solid #333; }
.site-header {font-size:0;line-height:1;height:80px;background-color:#fff;}
.site-container {width:1000px;margin:0 auto;}
.site-header .site-header-left {font-size:14px;float:left;padding-top:16px;color:#666;}
.site-header .top-logo {display:inline-block;vertical-align:middle;}
.site-header .top-logo img {height: 48px;}
.site-header .header-title {font-size:20px;display:inline-block;margin-left:20px;vertical-align:middle;color:#888;}
.site-header .site-header-right {float:right;}
.site-header .site-header-nav {font-size:0;display:inline-block;vertical-align:middle;}
.site-header-nav>li {font-size:14px;position:relative;display:inline-block;color:#666;line-height:80px;padding: 0 16px;}
.site-header-nav>li>a {color: #666;}
.site-header-nav li.dropdown .site-header-sub-nav {line-height:32px;position:absolute;z-index:99;top:80px;right:0;display:none;width:200px;background-color:#fff;box-shadow:0 0 1px #d9d9d9;}
.site-header-nav li.dropdown:hover .site-header-sub-nav {display:block;}
.site-header-nav li .site-header-sub-nav ul {font-size:14px;line-height:1;padding:20px;}
.site-header-nav li .site-header-sub-nav ul li + li {margin-top:20px;}
.site-header-nav li .site-header-sub-nav ul li a {display:block;color:#333;}
.site-header-nav li .site-header-sub-nav .nav-title {line-height:40px;height:60px;padding:10px;background-color:#fafafa;}
.site-header-nav li .site-header-sub-nav .nav-title .head-img {display:inline-block;width:40px;height:40px;vertical-align:middle;}
.site-header-nav li .site-header-sub-nav .nav-title span {display:inline-block;margin-left:10px;vertical-align:middle;}
.site-banner {width:100%;height:120px;padding:18px 0;background-image:url(../img/banner-bg.jpg);background-repeat:no-repeat;background-size:100% 100%;}
.site-header-nav li.dropdown .company-name {display:inline-block;min-width:100px;height:100%;text-align:right;color:#666;}
.site-header-nav li.dropdown:hover .company-name>* {display:inline-block;height:100%;background-color:#fafafa;}
.site-header-nav li.dropdown .company-name .icon-arrow-down {display:inline-block;width:8px;height:8px;margin-left:4px;background-image:url(../img/admin-icons.png);background-position:-225px -45px;}
.site-banner-block {font-size:0;position:relative;height:100%;}
.site-banner-block .company-logo-img {display:inline-block;width:160px;height:80px;vertical-align:middle;background-color:#fff;}
.site-banner-block .company-info {line-height:1;display:inline-block;height:40px;margin-left:20px;vertical-align:middle;color:#fff;}
.site-banner-block .company-info .company-name {font-size:14px;}
.site-banner-block .company-info .company-username {font-size:12px;margin-top:14px;}
.create-fair-btn {font-size:14px;line-height:32px;position:absolute;top:50%;right:0;display:block;width:140px;height:32px;margin-top:-16px;text-align:center;color:#fff;background-color:#ff6100;}
.create-fair-btn:hover {color:#fff;}
.site-content-tabs { line-height: 40px; font-size: 16px; background-color: #fff;border-bottom: 1px solid #ededed; }
.site-content-tab { width: 100px; display: inline-block; vertical-align: middle; text-align: center; }
.site-content-tab a { display: block; color: #333; }
.site-content-tab.on { border-bottom: 2px solid #ff6100; color: #ff6100; }
.site-content-tab.on a { color: #ff6100; }
.site-main { padding-top: 20px; }
.site-content-box { padding:20px;background-color:#fff;}
.site-content-box-title {font-size:14px;font-weight:normal;position:relative;margin:0 10px;color:#333;}
.site-content-box-title:before {position:absolute;top:50%;left:-10px;display:block;width:2px;height:12px;margin-top:-6px;content:'';background-color:#0097fd;}
.site-content-box .form-horizontal {padding:50px 50px 0;}
.site-content-box .form-horizontal .right-block {width:300px;}
.company-info-list {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.company-info-list li {padding:20px;text-align:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.company-info-list li + li {border-left:1px dashed #ddd;}
.company-info-list li .number {font-size:20px;margin-bottom:12px;color:#0097fd;}
.company-info-list li .title {text-align:center;color:#666;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.company-fair-list {font-size:0;margin:-10px;}
.company-fair-list .card-fair {position:relative;display:inline-block;width:470px;margin:10px;border:1px solid #ddd;}
.company-fair-list .card-fair .fair-img {display:inline-block;width:150px;height:90px;vertical-align:middle;}
.company-fair-list .card-fair .fair-info {display:inline-block;margin-left:10px;vertical-align:middle;width:280px;overflow:hidden;}
.company-fair-list .card-fair .fair-name {font-size:16px;height:22px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.company-fair-list .card-fair .fair-address {font-size:12px;height:16px;margin-top:14px;color:#999;}
.company-fair-list .card-fair .fair-date {font-size:12px;height:14px;margin-top:18px;color:#999;}
.company-fair-list .card-fair .fair-status {font-size:12px;position:absolute;top:10px;right:10px;color:#ff6100;}
.company-fair-list .card-fair .opera-group {font-size:12px;position:absolute;right:10px;bottom:10px;visibility:hidden;color:#ff6100;}
.company-fair-list .card-fair .handle{display: none;position: absolute;height: 20px;width: 20px;background-image:url(../img/fs.png);background-repeat: round;transform: rotateZ(45deg);left: 2px;top: 2px}
.company-fair-list .card-fair:hover {background-color:#fafafa;}
.company-fair-list .card-fair:hover .opera-group {visibility:visible;}
.company-fair-list .card-fair:hover .handle {display: block;cursor: move;}
.company-fair-list .card-fair>a {display:block;padding:10px;}
.setting-username {line-height:32px;}
.setting-username-btn {line-height:32px;padding-left:20px;}
.setting-brand-logo {width:160px;height:80px;}
.setting-brand-logo-edit {line-height:80px;position:relative;padding-left:20px;cursor:pointer;vertical-align:top;}
.setting-brand-logo-edit input[type=file] {position:absolute;top:0;left:0;width:86px;height:20px;opacity:0;filter:alpha(opacity=0);}
.setting-brand-bg {width:210px;}
.setting-brand-logo-square {width:80px;height:80px;}
.setting-brand-logo-square-edit {line-height:80px;position:relative;padding-left:20px;cursor:pointer;vertical-align:top;}
.setting-brand-logo-square-edit input[type=file] {position:absolute;top:0;left:0;width:86px;height:20px;opacity:0;filter:alpha(opacity=0);}

.show-backgroud-content {position: relative; width: 100%;height: 100%; text-align: center;}
.show-logo-clear {display: inline-block;vertical-align: middle;line-height: 32px;}
.show-logo-clear .icon-clear{display: inline-block;width: 16px;height: 16px;background-image: url(../img/admin-icons.png);background-position: -265px -45px;}
.show-backgroud-content img {position: absolute;top: 0;left: 0;z-index: -1}
.show-backgroud-content h1 {text-align: center ;font-size: 20px;line-height: 30px;margin-top:110px;display: inline-block;}
.show-backgroud-content .member-name {color: #fff;text-align: center;font-size: 20px;line-height: 30px;margin: 12px 0 24px 0;}
.show-backgroud-content .member-name span {position: relative;width: auto;}
.show-backgroud-content .member-name span:after {position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);content: '';height: 1px;background-color: #fff;width: 100%;}
.show-backgroud-content .member-name .iconfont {font-size: inherit;margin-right: 16px;}
.show-backgroud-content .btn-enter {display: inline-block;color: #fff;border-radius: 4px;border: 1px solid #fff;font-size: 16px;text-align: center;line-height: 42px;width: 132px;height: 42px;margin-top: 40px;}
.show-backgroud-content .btn-enter .iconfont {font-size: 14px;margin-left: 5px;}
.show-backgroud-content .exit {position: absolute;left: 0px;top: 0px;font-size: 10px;border: 0;padding: 10px;color: #fff;}

#logo-square-edit-box img { width: 200px; height: 200px; }
.icon-laydate {position:relative;}
.icon-laydate:after {position:absolute;top:50%;right:10px;display:block;width:16px;height:16px;margin-top:-8px;content:'';background-image:url(../img/admin-icons.png);background-position:-185px -45px;}
.icon-laydate.r-20:after {right:20px;}
.upload-image-box .tools {margin-bottom:20px;}
.upload-image-box .tools .btn {line-height:32px;display:inline-block;width:100px;height:32px;cursor:pointer;text-align:center;color:#fff;background-color:#ff6100;}
.upload-image-box .tools .upload-btn {position:relative;background-color:#51a315;}
.upload-image-box .tools .upload-btn input[type=file] {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.upload-image-box img {width:100%;}
.upload-image-box .upload-intro {font-size:12px;color:#888;}
.export-order-date {display:inline-block;margin-left:20px;}
.export-order-date-text {font-size:12px;line-height:32px;display:inline-block;display:inline-block;width:30px;text-align:right;vertical-align:top;color:#888;}
#download {display:none;}
.member-auth .create-code {line-height:32px;display:block;height:32px;}
.form-horizontal .form-group .right-block.product-recom-group {width:600px;}
.product-recom-group>.product-recom-list>.recom-box {margin-bottom:20px;}
.product-recom-group>.product-recom-list>.recom-box>.recom-item {display:inline-block;}
.product-recom-group>.product-recom-list>.recom-box .recom-clear {cursor:pointer;}
.product-recom-group>.product-recom-list>.recom-box>.recom-item + .recom-item {margin-left:20px;}
.product-recom-group>.recom-add {line-height:32px;width:200px;cursor:pointer;}
.dropdown-group {font-size:0;position:relative;display:inline-block;}
.dropdown-group>.btn {font-size:12px;line-height:32px;display:inline-block;height:32px;padding:0 15px;text-align:center;vertical-align:middle;color:#fff;border-right:1px solid #ccc;background-color:#ff6100;}
.dropdown-group>.dropdown-toggle {line-height:32px;display:inline-block;padding-right:8px;padding-left:8px;text-align:center;vertical-align:middle;color:#fff;background-color:#ff6100;}
.dropdown-group .caret {display:inline-block;width:0;height:0;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;}
.dropdown-group>.dropdown-menu {font-size:12px;line-height:32px;position:absolute;z-index:10;top:100%;right:0;left:0;display:none;margin-top:2px;text-align:center;border:1px solid #ccc;background-color:#fff;}
.dropdown-group.show-list>.dropdown-menu {display:block;}
.dropdown-group>.dropdown-menu a {color:#333;}
.dropdown-group>.dropdown-menu .divider {overflow:hidden;height:1px;background-color:#e5e5e5;}
.form-group .flex-item .radio-inline label {margin-right: 10px;}
.form-group .help-tool {visibility:hidden;}
.form-group:hover .help-tool {visibility:visible;}
.form-group .system-tips {visibility:hidden;}
.form-group:hover .system-tips {visibility:visible;}
.special.form-group:hover .help-tool {visibility:hidden;}
.special.form-group .flex-item:hover .help-tool {visibility:visible;}
.help-tool {font-size:12px;line-height:32px;height:32px;position:relative;display:inline-block;width:20px;vertical-align: top;text-align: center;}
.help-tool .icon-help {display:inline-block;width:14px;height:14px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-245px -45px;}
.help-tool .help-wrap {position:absolute;z-index:11;top:100%;left:9px;transform: translateX(-50%); display:none;margin-top:-7px;padding-top:7px;text-align: left;}
.help-tips-fixed  .help-tool .help-wrap{position: fixed;top: unset;left: unset;margin-left:10px;}
.help-tool:hover .help-wrap {display:block;}
.help-tool .help-content {line-height:1.5;position:relative;width:auto;padding:10px;white-space:nowrap;border:1px solid #e5e5e5;background-color:#fff;}
.help-tool .help-content:before {position:absolute;top:-7px;left:50%;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #d9d9d9;border-left:7px solid transparent;}
.help-tool .help-content:after {position:absolute;top:-6px;left:50%;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;}
.type-tools {line-height:40px;padding-left:10px;/* background-color:#f8f8f8;*/}
.type-tools .icon-add { font-size: 14px; margin-right: 5px; }
.type-info .icon-folder {display:inline-block;width:26px;height:22px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-5px -65px;}
.type-info .operate {float:right;}
.type-info .operate>a {position:relative;padding:0 6px;}
.type-info .operate>a + a:before {position:absolute;top:50%;left:-1px;display:block;width:1px;height:12px;margin-top:-6px;content:'';background-color:#0097fd;}
.type-info .item>div:first-child {padding:10px 15px;border-bottom:1px solid #ededed;}
.type-info .item.hide {display: block;}
.type-info .item.hide .sub-item {display:none;}
.type-info .item.hide.has-sub-item .icon-folder {background-position:-35px -65px;}
.type-info .item.has-sub-item .icon-folder {background-position:-65px -65px;}
.type-info .sub-item>div {padding:10px 15px 10px 50px;border-bottom:1px solid #ededed;}
.type-info .item input {font-size:12px;line-height:1;position:relative;height:20px;border:1px solid #e7e7e7;}
.copy-order-box {height:410px;}
.copy-order-box p {line-height:32px;}
.copy-order-box .table-group {margin-top:10px;}
.copy-order-box .search-group {width:160px;margin-right:20px;margin-bottom:0;}
.copy-order-box .search-group .search-input {width:116px;}
.copy-order-box .copy-num-input {font-size:12px;line-height:1;position:relative;width:60px;height:32px;padding:0 10px;border:1px solid #e7e7e7;}
.copy-order-box .unit-selected-list .item {line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;}
.copy-order-box .unit-selected-list .item>.del-unit-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.copy-order-box .unit-selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.copy-order-box .unit-selected-list .item:hover>.del-unit-item {visibility:visible;color:#ff6100;}
.copy-order-box .selected-list .item {line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;}
.copy-order-box .selected-list .item>.del-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.copy-order-box .selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.copy-order-box .selected-list .item:hover>.del-item {visibility:visible;color:#ff6100;}
.copy-order-box .inner-body {position: absolute;left: 0;max-height: 290px;right: 0;overflow-y: auto;}
.copy-order-box .inner-footer {height: 60px;position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff;padding: 20px 20px 20px 0;z-index: 2;}
.clear-order-box .unit-selected-list .item {margin-top: 10px;line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;}
.clear-order-box .unit-selected-list .item>.del-unit-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.clear-order-box .unit-selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.clear-order-box .unit-selected-list .item:hover>.del-unit-item {visibility:visible;color:#ff6100;}
.card-wrap {position:relative; cursor: zoom-in;}
.card-wrap .card-wrap-body {position:absolute;z-index:2;top:100%;left:0px;display:none;}
.card-wrap .card-wrap-body.center {top:50%;}
.card-wrap:hover .card-wrap-body {display:block;}
.card-wrap .record-right {position:absolute; right: 15px; top: 15px;}
.card-wrap .record-content { padding: 0 20px 20px }
.card-wrap .record-content .baguette_box {width: 800px; max-height: 200px; overflow: hidden;}
.card-wrap.extend .record-content .baguette_box {max-height: unset;}
.card-wrap .record-content .baguette_box a { width: 100%; }
.card-wrap .record-content p {line-height:25px;height:25px;}
.card-wrap .record-content p.title {font-size: 14px;}
.fixed-card { position: absolute; left: 50%; top: 50%; transform: translateY(-50%);z-index: 99999999;}
.card-inner {padding:20px;background-color:#fff;box-shadow:0 0 6px #d9d9d9;}
.card-inner:before {position:absolute;left:-10px;top:50%; transform: translateY(-50%); display:block;width:0;height:0;content:'';border-top:10px solid #0000;border-bottom:10px solid #0000 ;border-right:10px solid #d9d9d9;}
.card-inner:after {position:absolute;left:-9px;top:50%; transform: translateY(-50%); display:block;width:0;height:0;content:'';border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #fff;}
.card-inner.card-inner-left:before { right: -10px; left: unset; border-top:10px solid #0000;border-bottom:10px solid #0000 ;border-left:10px solid #d9d9d9; border-right: unset; }
.card-inner.card-inner-left:after { right: -9px; left: unset; border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #fff; border-right: unset; }
.product-card {font-size:0;width:520px;}
.product-card .img-list {display:inline-block;width:300px;height:400px;vertical-align:top;position: relative;}
.product-card .img-list ul {overflow:hidden;white-space:nowrap;}
.product-card .img-list ul li {display:inline-block;}
.product-card .img-list ul li img { width: 100%; }
.product-card .img-list:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.product-card .product-info {display:inline-block;width:180px;vertical-align:top;padding: 20px 20px 20px 0;}
.product-card .product-info p {font-size:12px;line-height:1;}
.product-card .product-info p + p {margin-top:10px;}
.product-card .product-info span {display:table-cell;white-space: pre-line;}
.product-card .product-info .name {width:76px;text-align:right;}
.member-card {width:250px;}
.member-card .member-info p {font-size:12px;line-height:1;}
.member-card .member-info p + p {margin-top:10px;}
.member-card .member-info span {display:table-cell;}
/*.member-card .member-info .name {width:60px;text-align:right;}*/
.room-card .room-info {width: 150px}
.print-card {text-align:left;font-size: 12px;}
.img-card {padding:10px;margin-bottom:10px;}
.card-wrap-body .img-card img {width:80px;height:100px;}
.select {line-height:32px;position:relative;display:inline-block;user-select:none;text-align:center;vertical-align:middle;-webkit-touch-callout:none;}
.select .placeholder {position:relative;z-index:1;display:block;padding-right:20px;padding-left:6px;cursor:pointer;background-color:#fff;}
.select .placeholder:before {position:absolute;top:50%;right:3px;width:14px;height:14px;margin-top:-7px;content:'';border:1px solid #eceff0;}
.select .placeholder:after {position:absolute;top:50%;right:6px;width:8px;height:8px;margin-top:-4px;content:'';background-image:url(../img/select.png);}
.select:before {position:absolute;z-index:2;bottom:1px;left:50%;display:none;content:'';transform:translateX(-50%);border-right:6px solid transparent;border-bottom:6px solid #d9d9d9;border-left:6px solid transparent;}
.select:after {position:absolute;z-index:2;bottom:0;left:50%;display:none;content:'';transform:translateX(-50%);border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}
.select.is-open:before {display:block;}
.select.is-open:after {display:block;}
.select.is-open ul {display:block;}
.select ul {position:absolute;z-index:1;top:100%;left:50%;display:none;list-style:none;transform:translateX(-50%);white-space:nowrap;background:#fff;box-shadow:0 0 1px #d9d9d9;}
.select ul li {display:block;padding:0 14px;cursor:pointer;}
.select ul li:hover {color:#4ebbf0;}
.select ul li.active {color:#4ebbf0;}
.analysis-filter-box {padding:20px 20px 0 0;border-bottom:1px solid #eceff0;}
.analysis-filter-box .col {float:left;margin-right:20px;}
.analysis-filter-label {margin-left: 35px; display:block;float:left;width:80px!important;color:#000!important;padding-right: 10px;}
.analysis-filter-right {position:relative;float:left;}
.analysis-filter-location {width:155px;display: flex;flex-direction: column;}
#location.analysis-filter-location select + select {margin:0;}
.analysis-filter-control {width:120px;}
.analysis-filter-right .member-list {font-size:12px;position:absolute;z-index:2;display:none;overflow-y:auto;width:100%;height:200px;border:1px solid #ccc;background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, .1);box-shadow:0 2px 6px rgba(0,0,0,.1);}
.analysis-filter-right .member-list li {overflow:hidden;padding:5px 15px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.analysis-filter-right .member-list li:hover {background-color:#f8f8f8;}
.analysis-filter-right .clear-member {font-size:12px;position:absolute;top:8px;right:8px;display:none;width:12px;height:14px;cursor:pointer;background-image:url(../img/admin-icons.png);background-position:-5px -90px;}
.analysis-filter-right:hover .clear-member {display:block;}
.analysis-filter-right#location select {width:120px;}
.analysis-total-box {margin: 10px 20px;position: relative;overflow: hidden;}
.analysis-total-box .total-data {width:100%;}
.app.app-left .analysis-total-box .total-data {padding-bottom: 15px; white-space:normal;font-size: 0;display:flex;flex-wrap:wrap;}
/*.app.app-left .card {margin-top:-20px;}*/
.app.app-left .scroll-card {background-color: #fff;position:absolute;top:223px;bottom:0;left:430px;right:20px;overflow:auto;}
.app.app-left .scroll-card .card-assistor {position:relative;}
.fullpage .app.app-left .scroll-card {left:20px;right:20px;}
.page-content-inner-nav {font-size:14px;height:48px;line-height:48px;border-bottom:1px solid #ededed;}

.app.app-left .page-content-inner .analysis-total-box {position:absolute;top:0;left:0;right:0;margin:10px;overflow:scroll;}
.app.app-left .page-content-inner .analysis-total-box::-webkit-scrollbar {display: none;}
.app.app-left .analysis-total-box .total-data .data .item:nth-child(1) {display: none;}
.app.app-left .analysis-total-box .total-data {white-space:nowrap;padding:0;}
.app.app-left .analysis-total-box .total-data .data {min-width:25%;width:unset;margin:0;}
.analysis-total-box .total-data .title {font-size: 14px;display: inline-block;vertical-align: middle;}
.analysis-total-box .total-data .number {display: inline-block;vertical-align: middle;}
.analysis-total-box .total-data .data {font-size:14px;flex:1;-webkit-flex: 1;display: inline-block;color:#666;min-width:25%;}

.app.app-left .analysis-total-box .total-data .data {line-height:48px;margin-bottom:10px;}
.analysis-total-box .total-data .data + .data {margin-left:35px;}
.app.app-left .analysis-total-box .total-data .data + .data {margin-left:0;}
/*.fullpage .app.app-left .analysis-total-box .total-data .data + .data {border-left:1px solid #ededed;}*/
.analysis-total-box .total-data .data .item {display:inline-block;vertical-align: middle;}
.analysis-total-box .total-data .data .item.icon-order:nth-child(1) {background-color:rgba(255, 100, 0, .2);}
.analysis-total-box .total-data .data .item:nth-child(1) {padding-top:1px;width:30px;height:30px;text-align: center;background-color:rgba(150, 150, 150, .2);border-radius: 50%;}
.analysis-total-box .total-data .data .item:nth-child(2) {margin-left:10px;}
.analysis-total-box .total-data .title {font-size:12px;}
.analysis-total-box .total-data .number {font-size:16px;}
.analysis-total-box .total-data .number#total-num {font-size:18px;color:#ff6000;}
.analysis-total-box .order-filter-box {width: 100%;height: 32px;position: absolute;top: 0;right: 0}
.analysis-total-box .order-filter {float:right;}
.analysis-total-box .order-filter label {margin-right: 10px}
.analysis-total-box .order-filter .detail {display: inline-block;}
.index-attrs{background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 10px);width:140px;position: relative;}
.show-index-attrs {max-width:90px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.attr-name {height:32px}
.attr-name div {max-width:60px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;position:relative;float:left}
.index-attrs font{line-height:32px;}
.index-attrs ul{width: 122px;left:0px; position: absolute; z-index: 9; background-color: white;box-shadow: 0 0 10px grey; border:1px solid #ededed;display:none}
.index-attrs ul li{width: 100%;position: relative;text-align:left;color:#585858;margin-top:1px;line-height:32px;}
.index-attrs ul li>input {width: 120px;font-size: 12px; line-height: 1; display: inline-block; height: 25px; line-height:25px; padding: 0 10px; vertical-align: middle; border: 1px solid #ccc; outline: none;margin-left: 10px; border-radius: 4px;}
.index-attrs ul li span{padding-left:10px;}
.index-attrs ul .active{background-color:rgba(255,100, 0, .5);color:white;}
.index-attrs ul .active	.attrs{display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle;background-image:url(../img/admin-icons.png);background-position:-285px -45px; transition:all .1s;position:absolute;left:95px;top:9px;}
.analysis-filter-right.active ul{display:block;max-height: 200px;overflow-y: auto;width: 154px;}
.analysis-filter-right.active .shade-attr{display:block}
.right-block.active ul{display:block}
.right-block.active .shade-attr { display: block; }
.shade-attr {position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;display:none;}
.select-attr.active .attr_tab{display:block}
.select-attr.active .shade-attr{display:block}
.show-attrs{z-index:9;position:relative;white-space: nowrap; overflow: hidden;}
.index-attrs .checkbox-inline{float:right;margin-right:10px;}
.index-attrs .checkbox-inline span{padding-left: 18px;}
.attr_ensure {width:60px;height:28px;margin-left:5px;margin-right:5px;border-radius:5px;color:white;background-color:#ff6100;border:none;cursor:pointer}
.attr_cancel {width:60px;height:28px;margin-left:5px;margin-right:5px;border-radius:5px;border:1px solid #dedede;background-color:white;cursor:pointer}
.col {float:left;margin-right:20px;}
.card {position:relative;background-color:#fff;}
.card:before, .card:after, .card-head:before, .card-head:after, .card-body:before, .card-body:after {display:table;content:' ';}
/*.card:after, .card-head:after, .card-body:after {clear:both;}*/
.card-head {line-height:50px;position:relative;vertical-align:middle;border-bottom:1px solid #ededed;}
.card .card-body {position:relative;padding:20px;}
.card .card-body.no-padding {padding:0;}
.card.card-page { margin: 10px; border: 1px solid #ccc; }
.nav-tabs {border-bottom:1px solid rgb(221, 221, 221);}
.nav-tabs:before, .nav-tabs:after {display:table;content:' ';}
/*.nav-tabs:after {clear:both;}*/
.nav-tabs>li {/*float:left;*/margin-bottom:-2px;display: inline-block;}
.nav-tabs>li>a {display:block;padding:0 20px;color:#666;font-size:14px;}
.nav-tabs>li>a.highlight {color:#ff6000;}
.nav-tabs>li.active>a {color:#ff6100;border-bottom:2px solid #ff6100;}
.batch-set {position: relative;display:inline-block;margin-left:20px;border:1px solid #ededed;}
.batch-setting span{line-height:24px;padding-left:10px}
.batch-set ul{ position: absolute;z-index: 9; width: 100px;background-color: white;box-shadow: 0 0 10px grey; border:1px solid #ededed;display:none;}
.batch-set .up{bottom:32px}
.batch-set.active .shade-attr{display:block;}
.batch-set.active ul{display:block;}
.batch-set ul li.hover{background-color:#dedede;}
.tab-content>.tab-pane {display:none;}
.tab-content>.tab-pane.active {display:block;}
.card-head>.nav-tabs {border-bottom:none;}
.card-head>h2 {font-size: 16px;font-weight: 400;padding: 0 20px;}
.card-head>a {margin: 9px 10px 9px 0;line-height: 32px;}
.product-add-color {width: 560px}
.product-add-color .img-box {position:relative;height:160px;width: 120px;margin-top:10px;margin-bottom:20px;margin-left: 90px;background-color: #fafafa;vertical-align: middle;border: 1px solid #ccc;}
.product-add-color .img-box .img span{font-size: 12px; line-height: 20px; position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -20px; text-align: center; color: #e5e5e5;}
.product-add-color .img-box p.intro {position: absolute;left: 140px;bottom: 0px;white-space: nowrap;}
.product-add-color .img-box p.title {position: absolute;left: -45px}
.product-add-color img {position:absolute;pointer-events: none;width: 100%}
.product-add-color .upload {position:absolute;top:50px;left:140px;}
.product-add-color .btn-upload {line-height:32px;position:relative;display:inline-block;width:100px;height:32px;cursor:pointer;text-align:center;color:#fff;background-color:#ff6100;}
.product-add-color .btn-upload input[type=file] {position:absolute;top:0;right:0;width:100px;height:32px;opacity:0;filter:alpha(opacity=0);}
.product-add-color .intro {position:absolute;color:#a9a9a9;}
.product-add-color .input-group {margin-bottom:20px;display: inline-block;width: 49%}
.product-add-color .img input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}
.product-add-color label.name {line-height:32px;float:left;width:90px;text-align: right;padding-right: 10px;}
.product-add-color .control {margin-left:90px;}
.template-sort {font-size:0;width:100%;margin-bottom: 20px;}
.template-sort .merge-title {white-space: nowrap;}
.template-sort ul.inline {white-space: nowrap;}
.template-sort li, .template-sort td {font-size:14px;display:inline-block;min-width:80px;padding:0 10px;text-align:center;border:1px solid #ccc;background-color:#f8f8f8;line-height: 40px; height: 40px;vertical-align: middle;}
.template-sort li + li {margin-left:-1px;}
.template-sort .modify-active {border:1px solid #ff6100;}
.template-field-title {margin:0 0 5px 5px; color:rgba(0,0,0,.7);}
.template-field-list li {background-color: #ffffff; border:1px solid #ededed; font-size:12px;min-width:70px;height:30px;line-height:30px;padding:0 10px;color:rgba(0,0,0,.7)}
.order-export .date-input {display:inline-block;}
.order-export .span {font-size:12px;padding:0 10px;}
.order-export .search-input {display:inline-block;width:200px;}
.order-export .config-list {position:absolute;left:0;right:0;box-shadow: 2px 2px 5px #ccc;z-index:2;}
.template-box {padding:10px 10px;background-color:#f8f8f8;}
.template-box-title {font-size:14px;font-weight:bold;position:relative;margin-bottom:20px;padding-left:10px;color:#333;}
.template-box-title:before {position:absolute;top:0;left:0;display:block;width:2px;height:100%;content:'';background-color:#0097fd;}
.template-list li {line-height:40px;position:relative;float:left;min-width:140px;height:40px;margin:0 20px 10px 0;padding:0 10px;cursor:pointer;text-align:center;color:#333;border:1px solid #dedede;background-color:#ededed;}
.template-box .template-list li {margin:0 20px 0 0;}
.template-list li:hover {border:1px dashed #ff6100;}
.template-list li.active {color:#ff6100;border:1px solid #ff6100;background-color:#fff;}
.template-list li a {display: block;color: #333;}
.template-list li.active a, .template-list li:hover a {color: #fff;}
.template-list .operate {line-height:16px;position:absolute;top:-21px;right:0;display:none;}
.template-list li:hover .operate {display:block;}
.template-list .operate a {display:inline-block;padding:2px 6px;color:#fff;background-color:#999;}
.template-box .template-list li.add-template {border:0;min-width:20px;background-color: #fff;padding:0;width:40px;}
.template-box .template-list li.add-template a {color:#ff6000;}
.template-box .template-list li.add-template .template-add-icon {font-size:42px;}
.template-box div.add-template {line-height:40px;}
.template-box div.add-template a {color:#ff6000;}
.template-box div.add-template .template-add-icon {font-size:42px;background-color: #fff;}
.analysis-menu {float:left;width:120px;margin-top:10px;border:1px solid #dedede;}
.analysis-content {margin-top:10px;margin-left:140px;}
.analysis-menu li {overflow:hidden;padding:12px;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.analysis-menu li.heading {cursor:default;border-bottom:1px solid #dedede;background-color:#f8f8f8;}
.analysis-menu li.active {color:#fff;background-color:#0097fe;}
.analysis-chart {position:relative;}
.analysis-chart-tools {position:absolute;z-index:2;top:5px;right:20px;}
.analysis-chart #chart {height:450px;}
.attr-unit {display: inline-block;border:1px solid #ff6000;color:#ff6000;min-width: 60px;text-align: center;line-height: 24px;border-radius: 2px;padding: 0 10px;}
.attr-unit span {display: inline-block;padding:0 5px;}
.attr-method {display: inline-block;border:1px solid #dedede;color:#666; min-width: 60px;text-align: center;line-height: 24px;border-radius: 2px;padding: 0 10px;}
.attr-method.active {color: #ff6100;border-color: #ff6100;}
.gray-small-icon {color:#999;font-size:10px;}
.green-small-icon {color:#4caf50;font-size:10px;}
.finance-edit .right-group {position:absolute;right:55px;}
.finance-edit .right-group .checkbox-inline{line-height: 32px;}
.order-export .template-list li {width:140px;}
.order-export .template-list li .template-name {white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.analysis-report-head {line-height: 35px; padding: 10px; font-size: 14px;}
.analysis-report-head ul li {display: inline-block;}
.widget-box.bg-inherit {background-color:inherit;}
.widget-box.padding-clear {padding:0;}
.widget-box.padding-clear ul {padding:0;}
.order-box:first-child {margin-right:20px;}
.order-box ul {padding:20px!important;}
.order-box li .title {font-size:12px;white-space:nowrap;color:#888;}
.order-box li .number {font-size:20px;white-space:nowrap;color:#222;margin:10px 0 0 0;}
.order-box li .other {font-size:12px;white-space:nowrap;color:#0097fd;}
/*.dash-user {padding:0;background-color:#f8f8f8;}
.dash-user ul {padding:0;}
.dash-user li {color:#fff;height:120px;margin-right:20px;padding:36px 0 30px 20px;border-radius:5px;}
.dash-user li:last-child {margin-right:0;}
.dash-user li span {font-size:28px;display:block;}*/
.dash-orders {padding:0;background-color:inherit;}
.dash-orders ul {padding:0;}
.dash-orders li {background-color:#fff;margin-right:20px;padding:20px;border-radius:5px;}
.dash-orders li:last-child {margin-right:0;}
.dash-orders .orders-data {height:30px;padding:5px 0;}
.dash-orders .orders-data .lft {float:left;width:170px;height:100%;}
.dash-orders .orders-data .lft span {margin-left:10px;text-align:right;min-width:100px;display:inline-block;}
.dash-orders .orders-data .pec {margin-left:170px;height:100%;padding:4px;}
.dash-orders .orders-data .pec .bg {height:12px;width:100%;border:1px solid #76c5e4;}
.dash-orders .orders-data .pec .pt {height:100%;background-color:#76c5e4;position:relative;text-align:center;color:#fff;}
.dash-orders .orders-data .pec .pt span {display:none;}
.dash-orders .orders-data .pec:hover .pt span {display:block;position:absolute;top:-30px;right:0px;background-color:#7b7b7b;padding:3px 5px;border-radius:4px;
transform:translateX(50%);
-ms-transform:translateX(50%);
-webkit-transform:translateX(50%);
-moz-transform:translateX(50%);
}
.dash-orders .orders-data .pec .pt span:after {position:absolute;top:20px;left:50%;display:block;width:0;height:0;margin-left:-7px;content:'';border-right:7px solid transparent;border-top:7px solid #7b7b7b;border-left:7px solid transparent;}
.dash-orders .orders-data .pec .pt100 {border-color:#ff7676;background-color:#ff7676;}
.du1 {background-image:url("../img/du1.png");background-repeat:no-repeat;background-position:90%;}
.du2 {background-image:url("../img/du2.png");background-repeat:no-repeat;background-position:90%;}
.du3 {background-image:url("../img/du3.png");background-repeat:no-repeat;background-position:90%;}
.du4 {background-image:url("../img/du4.png");background-repeat:no-repeat;background-position:90%;}
.widget-box.no-bg { background-color: unset; padding: 0; }
.widget-box.no-bg .widget-box-title { margin-bottom: 10px; }
.widget-box.no-bg .widget-box-title a { display: inline-block; margin-left: 10px; font-weight: 400; vertical-align: top; }
.widget-box.no-bg .widget-box-title .arrow-container { display: unset; float: none; }
.widget-box.no-bg.rank-box ul li { background-color: unset; padding: 0; }
.widget-box.no-bg .rank-table { background-color: #fff; }
.rank-color-1 { color: #FF1447; }
.rank-color-2 { color: #FF7C16; }
.rank-color-3 { color: #26B6C8; }
.rank-color-mark {position:relative;min-width:40px;}
.rank-color-mark:before {content:'';width:4px;height:4px;position:absolute;top:5px;left:9px;}
.rank-color-1.rank-color-mark:before {background-color:#FF1447;}
.rank-color-2.rank-color-mark:before {background-color:#FF7C16;}
.rank-color-3.rank-color-mark:before {background-color:#26B6C8;}
.dash1 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(184, 105, 242, 0.4); background: linear-gradient(90deg, rgba(228, 111, 235, 1) 0%, rgba(228, 111, 235, 1) 0%, rgba(140, 100, 248, 1) 100%, rgba(140, 100, 248, 1) 100%); }
.dash2 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(101, 155, 254, 0.4); background: linear-gradient(90deg, rgba(95, 175, 254, 1) 0%, rgba(95, 175, 254, 1) 0%, rgba(106, 135, 254, 1) 100%, rgba(106, 135, 254, 1) 100%); }
.dash3 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(37, 181, 200, 0.4); background: linear-gradient(90deg, rgba(55, 204, 192, 1) 0%, rgba(55, 204, 192, 1) 0%, rgba(20, 160, 208, 1) 100%, rgba(20, 160, 208, 1) 100%);}
.dash4 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(255, 117, 125, 0.4); background: linear-gradient(90deg, rgba(255, 153, 51, 1) 0%, rgba(255, 153, 51, 1) 0%, rgba(255, 102, 0, 1) 100%, rgba(255, 102, 0, 1) 100%);}
.dash5 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(255, 26, 77, 0.4); background: linear-gradient(90deg, rgba(255, 102, 102, 1) 0%, rgba(255, 102, 102, 1) 0%, rgba(255, 0, 51, 1) 100%, rgba(255, 0, 51, 1) 100%);}
.dash6 { border-radius: 5px;box-shadow: 0px 0px 30px rgba(102, 40, 255, 0.4); background: linear-gradient(90deg, rgba(102, 153, 255, 1) 0%, rgba(102, 153, 255, 1) 0%, rgba(102, 0, 255, 1) 100%, rgba(102, 0, 255, 1) 100%);}
.widget-box.no-bg .dash-ul { padding: 0; margin-right: -15px; }
.dash-ul li { height: 90px; position: relative; padding: 15px 20px; margin-right: 15px; }
.dash-left { display: inline-block; vertical-align: top; }
.dash-right { display: inline-block; margin-left: 12px; color: #fff; }
.dash-right .title { display: block; font-size: 12px; }
.dash-right .num { display: block; font-size: 24px; }
.dash-icon { font-size: 20px; color: #fff; }
.dash-bg-icon {position: absolute; bottom: 0; right: 0; font-size: 56px; color: #fff; opacity: .35; line-height: 1; }
.dash-pie { position: relative; width: 100px; height: 100px; border-radius: 50%; background: #c7e2fe;background-image: linear-gradient(to right, transparent 50%, #679bfb 0); display: inline-block; }
.dash-pie.style2 { background: #94e2dc;background-image: linear-gradient(to right, transparent 50%, #2eb6c7 0); }
.dash-pie-inner { display: block; margin-left: 50%; height: 100%; border-radius: 0 100% 100% 0 / 50%; background-color: inherit; transform-origin: left; transform: rotate(.2turn);}
.dash-pie::after { content: ''; display: block; width: 80px; height: 80px; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); background-color: #fff; border-radius: 50%; }
.dash-pie.over .dash-pie-inner { background: #679bfb; transform: rotate(.1turn); }
.dash-pie.style2.over .dash-pie-inner { background: #2eb6c7; transform: rotate(.1turn); }
.dash-pie-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);color: #000; z-index: 1; }
.dash-pie-wrap { height: 200px; text-align: center; background-color: #fff; border-radius: 5px; padding: 30px 10px 10px; }
.dash-pie-info { text-align: left; line-height: 20px; margin-top: 10px; display: inline-block; }
.dash-pie-info .num { color: #666; margin-left: 10px;  }
.dash-pie-radius { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; }
.dash-pie-radius.dash-color-blue { background-color: #679bfb; }
.dash-pie-radius.dash-color-blue-gray { background-color: #c7e2fe; }
.dash-pie-radius.dash-color-green { background-color: #2eb6c7; }
.dash-pie-radius.dash-color-green-gray { background-color: #94e2dc; }
.dash-color-blue { color: #679bfb; }
.dash-color-blue-gray { color: #c7e2fe; }
.dash-color-green { color: #2eb6c7; }
.dash-color-green-gray { color: #94e2dc; }
.dash-color-red { color: #fd2a51; }
.dash-color-danger { color: #ff6100; }
.widget-box-title .small { float: right; }
.dash-pie-box { margin: 0 -15px 0 -20px; }
.dash-pie-box li { margin-right: 20px; }
.dash-data-card { height: 80px; background-color: #fff; }
.dash-data-left { width: 30%; float: left; height: 100%; position: relative; }
.dash-data-right { width: 70%; margin-left: 30%; height: 100%; display: flex; }
.dash-data-left-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; }
.dash-data-left-icon { display: inline-block; vertical-align: middle; margin-right: 10px; }
.dash-data-left-num { display: inline-block; vertical-align: middle; line-height: 20px; font-size: 14px; }
.dash-data-right-item { flex: 1; text-align: center; align-items: center; position: relative; }
.dash-data-right-item-inner { line-height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.dash-data-right-item-icon { font-size: 13px; margin-left: 4px; }
.dash-data ul { padding: 0; margin-left: 8px; }

.bg-danger 	{background-color:#ff7676;}
.bg-warning {background-color:#fdba5f;}
.bg-info 	{background-color:#76c5e4;}
.bg-success {background-color:#b2df46;}
.bg-pink {background-color:#FF9999;}
.bg-white 	{background-color:#fff;}
.bd-bottom-dotted 	{border-bottom:1px dotted #e5e6e6;}
.add-slave-btn {margin-top:-8px;margin-right:20px;float:right;}
.add-slave-driver {float:right;width:1px;height:32px;background-color:#ededed;margin-top:-8px;margin-right:20px;}
.add-slave {height:410px;}
.add-slave .search-group {margin-bottom:0;} 
.table-footer>a {color:#333;display:inline-block;padding:0 15px;}
.add-slave>.inner-head {height:60px;position:absolute;padding:10px 20px 10px;top:0;left:0;right:0;background-color:#fff;z-index:2;}
.add-slave>.inner-body {position:absolute;left:0;top:60px;max-height:290px;right:0;overflow-y:auto;}
.add-slave>.inner-footer {height:60px;position:absolute;bottom:0;left:0;right:0;background-color:#fff;padding:20px 20px 20px 0;z-index:2;}
.add-slave table {margin:0;}
.modal-body .checkbox-inline {display:inline-block;}
.modal-body .table-footer .checkbox-inline {margin-left:15px;}
.modal-body .table-footer {line-height:24px;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:1;-webkit-transform:translateX(2000px);transform:translateX(2000px) } 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0) } } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px) } 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0) } }
.layui-anim-01{-webkit-animation-name:fadeInLeftBig !important;animation-name:fadeInLeftBig !important;}
.layui-layer {max-height:100vh !important;}
.product-group-box {margin-left:40px;padding-bottom:30px;width:800px;}
.product-group-box .add-product {width:100px;height:32px;line-height:32px;border:1px solid #ddd;text-align:center;color:#333;box-shadow:0 0 4px 0 #ddd;display:inline-block;}
.product-group-box .add-group,.product-group-box .link-group,.product-group-box .link-recommend-group {width:100px;height:32px;line-height:32px;border:1px solid #ddd;text-align:center;color:#333;box-shadow:0 0 4px 0 #ddd;display:inline-block;}
.product-group-box .table01 {border:1px solid #e6e6e6;}
.group-manage-box .list-box {overflow:hidden;white-space:nowrap;}
.group-manage-box .list-box::-webkit-scrollbar {display: none;}
.group-manage-box .selected-list {line-height:32px;}
.group-manage-box .selected-list .item {line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;border:1px solid #f2f2f2;}
.group-manage-box .selected-list .item>.del-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.group-manage-box .selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.group-manage-box .selected-list .item:hover>.del-item {visibility:visible;color:#ff6100;}
.group-manage-box .search-group {margin:0;display:block;}
.group-manage-box .table-group {height:360px;}
.group-manage-box .inner-head {position:absolute;top:55px;left:0;right:0;padding:0 20px;background-color:#fff;}
.group-manage-box .inner-body {position:absolute;top:95px;left:0;right:0;padding:0;background-color:#fff;overflow-y:auto;height:276px;}
.group-manage-box .inner-footer {height:60px;position:absolute;bottom:0;left:0;right:0;background-color:#fff;padding:20px 20px 20px 0;z-index:2;}
.group-manage-box table {margin:0;}
.group-manage-box .color-list {margin-bottom:-10px;}
.group-manage-box .color-list span {display:inline-block;background-color:#fff;border:1px solid #ddd;color:#333;padding:6px 10px;margin-right:10px;cursor:pointer;margin-bottom:10px;}
.group-manage-box .color-list span.active {border:1px solid #ff6000;color:#ff6000;}
.group-img-list {white-space: normal;width: 100%;min-width: 350px;}
.group-img-list .item {width:45px;height:60px;text-align:center;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:2px;}
.group-img-list img {height:100%;}
.product-img-list .item {position:relative;margin:5px 5px 5px 0;width:60px;height:80px;text-align:center;display:inline-block;vertical-align:middle;border-radius:2px;}
.product-img-list img {height:100%;}
.product-img-list .item .desc {position:absolute;bottom:0;left:0;right:0;width:100%;line-height:20px;text-align: center;white-space: normal;background-color: rgba(0,0,0,.4);color:#fff;}
.dealer-radio {margin-top:-10px;margin-right:10px;}
.wechat-share {text-align:center;}
.wechat-share .header-sub-nav {width:170px!important;margin-left:-75px!important;}
.wechat-share .header-sub-nav ul li {padding:20px!important;}
.wechat-share img {width:130px;height:130px;border:1px solid #ededed;display:block;}
.wechat-share p {font-size:14px;color:#333;margin:10px 0;line-height:1;}
.wechat-share input {width:100%;display:block;border:1px solid #ededed;height:24px;height:28px;line-height:28px;background-color:#fff;font-size:12px;padding:0 10px;}
.wechat-copy {padding-left:0!important;color:#009cff !important;margin-top:10px;line-height:1;}
.submaster-unit-list {width:940px !important;}
.submaster-unit-list .item {width:100%;border-top:1px solid #f2f2f2;}
.submaster-unit-list .submaster-menu {width:160px;float:left;margin:10px 0;}
.submaster-unit-list .submaster-submenu {margin-left:160px;}
.submaster-unit-list .submaster-submenu .label-item {width:160px;display:inline-block;margin:10px 0;}
.submaster-submenu-item { display: flex; }
.submaster-submenu-item-submenu { display: inline-block; }
.submenu-label-item { display: inline-block; margin: 10px 10px 10px 0; }

.help-tips {display:none;}
.left-column {float:left;width:100px;color:#888;}
.right-column {margin-left:120px;}
.fixed-column {position:fixed;bottom:0;left:160px;right:0;z-index:99;padding:12px 20px;border-top:1px solid #eee;background-color:#fff;}
.fixed-column .del{width:132px;}
.modal-box {width:600px;position:relative;overflow-y:hidden;}
.modal-box-header {height:50px;padding:0 15px;line-height:50px;border-bottom:1px solid #e8e8e8;}
.modal-box-header .btn-close {display:block;float:right;cursor:pointer;}
.modal-box-header .btn-close .icon-close {display:block;margin-top:18px;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;}
.modal-box-header .btn-close .icon-close::before {content: ""}
.modal-box-title {font-size:14px;color:#333;}
.modal-box-body {position:relative;max-height:calc(100vh - 123px);overflow-y:auto;margin-bottom:72px;}
.modal-box-footer {position:absolute;bottom:0;left:0;right:0;padding:20px;height:72px;text-align:right;border-top:1px solid #e8e8e8;}
.modal-box-footer .btn {line-height:32px;display:inline-block;width:80px;height:32px;cursor:pointer;text-align:center;}
.modal-box-footer .btn + .btn {margin-left:10px;}
.modal-box-footer .btn-confirm {color:#fff;border:none;background-color:#ff6100;}
.modal-box-footer .btn-cancel {color:#333;border:1px solid #ddd;background-color:#fff;}
.modal-box.lager-size {width:800px;}
.modal-box.bigger-size {width:1200px;}
.modal-tabs li {float:left;margin-bottom:-2px;}
.modal-tabs li a {display:block;padding:0 20px;color:#666;font-size:14px;}
.modal-tabs li.active a {color:#ff6100;border-bottom:2px solid #ff6100;}
.message-panel {text-align:center;margin-bottom:20px;background-color:#fff;padding:20px;position:relative;}
.message-icon {width:100px;height:100px;display:inline-block;margin:10px 0;}
.message-danger {background-image:url(../img/message-danger.png);}
.message-text {font-size:14px;color:#666;line-height:32px;}
.message-close {position:absolute;right:20px;top:20px;display:block;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;cursor:pointer;}
.choose-body {padding:20px;}
.choose-body .member-list {margin:0 -10px;}
.choose-body .member-list .item {min-width:132px;text-align:center;padding:8px;border:1px solid #e6e6e6;color:#666;float:left;margin:0 10px 20px;cursor:pointer;}
.choose-body .member-list .item.active {color:#fff;background-color:#ff6100;border:1px solid #ff6100;}
.member-status {height:470px;}
.member-status>.inner-head {height:60px;position:absolute;padding:10px 20px 10px;top:0;left:0;right:0;background-color:#fff;z-index:2;}
.member-status>.inner-body {position:absolute;left:0;top:60px;right:0;height:410px;overflow-y:auto;}
.member-status>.inner-body.has-time {top:110px;;height:560px;}
.member-status .table01 {margin-top:0;}
.member-status .search-group {width: 150px}
.member-status .search-group .search-input {width: 105px}
.product-detail-box, .member-detail-box {padding-top:158px;}
.product-detail-box-tip {padding-top:108px;}
.detail-box .close {position:absolute;right:10px;top:20px;cursor:pointer;width:20px;height:20px;z-index:99;}
.detail-box .close .icon-close {display:block;width:14px;height:14px;background-image:url(../img/admin-icons.png);background-position:-145px -45px;}
.detail-box .close .icon-close::before{content: ""}
.detail-top {position:absolute;padding-top:30px;height:158px;top:0;left:0;right:0;}
.detail-top.top-tip {height: 108px; border-bottom: 1px solid rgb(221, 221, 221)}
.detail-top .title {padding-left:20px;font-size:18px;}
.detail-top .units {margin-top:20px;padding-left:20px;color:#666;}
.detail-top .units .line {padding:0 10px;}
.fav-table>thead>tr>th {padding:5px 10px;}
.detail-top .nav {margin-top:20px;line-height:50px;}
.detail-body .sub-th p.m-left {margin-left:-135px;}
.detail-body .sub-th p.m-right {margin-right:-135px;}
.detail-body .rand-line {width:100%; height:1px; border-top:1px solid #999; position:absolute;transform:rotate(9deg); top:20px;left:0;}
.detail-body {padding:20px;height:100%;overflow-y:auto;}
.detail-body .set-icon {font-size:25px;line-height:16px;}
.word-wrap {white-space: normal;word-break: break-word;}
.detail-body-inner {padding:20px 0;background-color:#f8f8f8;}
.detail-body-inner .title {font-size:12px;line-height:12px;padding-left:30px;padding-bottom:20px;margin-bottom:20px;position:relative;border-bottom:1px solid #ededed;}
.detail-body-inner .title:before {position:absolute;left:20px;top:0;background-color:#ff6100;width:2px;height:12px;content:'';}
.detail-group-flex {display: flex;display: -webkit-flex;flex-wrap: wrap;}
.detail-group {margin-bottom:20px;}
.detail-group:before, .detail-group:after {line-height:0;display:table;content:'';}
.detail-group:after {clear:both;}
.detail-group .detail-name {float:left;width:140px;padding-left:20px;color:#666;}
.detail-group .left-detail-name {float:left;width:140px;color:#666;}
.detail-group .detail-block {margin-left:140px;color:#333;padding-right:20px;}
.detail-body-inner .row-group {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 10px;position:relative;}
.detail-body-inner .row-group .item {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:10px 20px;}
.product-detail-default-image {position:absolute;left:20px;top:30px;width:60px;height:60px;border:1px solid #ededed;text-align:center;}
.product-detail-default-image img {height:100%;}
.product-detail-box .detail-top .title {padding-left:90px;}
.product-detail-box .detail-top .units {padding-left:90px;}
.product-detail-box .color-list {margin:-10px 10px;}
.product-detail-box .color-list:before, .product-detail-box .color-list:after {line-height:0;display:table;content:'';}
.product-detail-box .color-list:after {clear:both;}
.product-detail-box .color-list .item-wrap {width:50%;float:left;padding:10px;}
.product-detail-box .color-list .item {background-color:#fff;padding:10px;}
.product-detail-box .color-list .item img {height:100%;vertical-align:middle;}
.product-detail-box .color-list .item:before, .product-detail-box .color-list .item:after {line-height:0;display:table;content:'';}
.product-detail-box .color-list .item:after {clear:both;}
.product-detail-box .color-list .item .left-img {float:left;width:100px;height:100px;border:1px solid #ededed;text-align:center;}
.product-detail-box .color-list .item .right-info {margin-left:100px;padding-left:10px;}
.product-detail-box .color-list .item .right-info p {line-height:25px;}
.product-detail-box .image-list {overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-height:117px;min-height:100px;}
.product-detail-box .image-list .item {width:100px;height:100px;display:inline-block;text-align:center;border:1px solid #ededed;}
.product-detail-box .image-list .item + .item {margin-left:10px;}
.product-detail-box .image-list .item img {height:100%;vertical-align:middle;}
.product-detail-box .expanded {position:absolute;right:20px;top:0;width:20px;height:20px;}
.product-detail-box .expanded .icon-expanded {position:relative;display:block;color:#a6b6c8;cursor:pointer;}
.product-detail-box .expanded .icon-expanded:after {position:absolute;display:block;width:14px;height:14px;top:10px;content:'';transition:all .1s;background-image:url(../img/admin-icons.png);background-position:-45px -45px;   -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.product-detail-box .invaild-content {display:none;}
.product-detail-box .invaild-content.show {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.product-detail-box .table-wrap {width:100%;overflow-x:auto;}
.product-detail-box th, .product-detail-box td {white-space:nowrap;}
.member-detail-box .order-list {padding:0 20px;}
.member-detail-box .order-list .item {background-color:#fff;padding:20px;}
.member-detail-box .order-list .item + .item {margin-top:10px;}
.my-scrollbar::-webkit-scrollbar {width:6px;height:6px;}
.my-scrollbar::-webkit-scrollbar-thumb:horizontal {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.my-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {background-color:rgba(0, 0, 0, .6);}
.my-scrollbar-v::-webkit-scrollbar {width:6px;height:6px;}
.my-scrollbar-v::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.my-scrollbar-v::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}
.hide-discount .discount-area {display:none;}
.bold-detail-body-inner {padding-bottom:0;background-color: #fff;}
.bold-detail-body-inner .title {font-weight: bold;padding:10px 0;margin-bottom:5px;font-size:14px;}
.bold-detail-body-inner .color-list {white-space: normal;margin:0;}
.bold-detail-body-inner .color-list .item-wrap {width:48%;padding:0;border:1px solid #ededed;display: inline-block;margin:5px 10px 5px 0;}
.bold-detail-body-inner .color-list .item-wrap .item {background-color: #fff;padding:10px 0;border:0;}
.bold-detail-body-inner .color-list .item-wrap .item .left-img {border:0;}
.detail-group-flex {display: flex;display: -webkit-flex;flex-wrap: wrap;}
.detail-group-flex .detail-group {width: 50%;margin-bottom:15px;}
.detail-group-flex .detail-group .left-detail-name {float:left;width:140px;color:#999;}
.detail-group-flex .detail-group p span {min-width:90px;display: inline-block;}
del.discount-area {padding-right:10px;}
.block {display:block;background-color:#fff;margin:10px 0;}
.block .item:last-child {border-bottom:none;}
.block .item:after {clear:both;content:"";display:block;}
.block .item {vertical-align:middle;display:block;line-height:20px;padding:10px 10px 10px 0;border-bottom:1px solid #ededed;padding-left:10px;padding-right:10px;}
.block .item>.item-container {height:100%;}
.block .item .item-title {font-size:14px;display:inline-block;color:#333;}
.block .item .item-after {float:right;display:inline-block;font-size:12px;color:#999;max-width:70%;text-align:right;}
.block .item .item-after input {width:100%;border:1px solid #ededed;font-size:16px;color:#333;}
.block .item-block {padding:10px 0;font-size:12px;color:#999;}
.block .item-block ul.flex {display:flex;display:-webkit-flex;}
.block .item-block ul.flex li {flex:1;-webkit-flex:1;padding:5px 10px;}
.block .item-block ul.flex.divided li:not(:first-child) {border-left:1px solid #ededed;}
.block .item-block .item-block-inner {padding:0 10px;}
.block .item .sub {position:absolute;left:100px;}
.block .item .idx {display:inline-block;}
.block .item .item-title span {display:inline-block;width:100px;}
.block .item-media {height:90px;padding:10px;position:relative;border-bottom:1px solid #ededed;}
.block .item-media:last-child {border-bottom:none;}
.block .item-media .media {width:70px;height:70px;overflow:hidden;float:left;margin-right:10px;position:relative;}
.block .item-media .media .label {position:absolute;bottom:0;background-color:rgba(0,0,0,0.5);width:100%;text-align:center;color:#fff;font-size:12px;}
.block .item-media .media img {width:100%;margin-top:-10px;}
.block .item-media .item-title {font-size:14px;color:#333;}
.block .item-media .item-subtitle {font-size:12px;color:#999;}
.block .item-media .item-bottom {position:absolute;bottom:6px;left:90px;font-size:12px;color:#999;}
.block .item-media .item-after {position:absolute;right:0;top:0;bottom:0;background-color:#fff;text-align:center;font-size:12px;color:#999;padding:10px;}
.block .item-media .item-after b {display:block;font-size:16px;margin-top:15px;}
.note {padding:10px;}
.note h3 {font-weight:normal;font-size:14px;color:#333;margin-bottom:10px;}
.note p {color:#888;}
.ps-group .upload .media {height:200px;margin:0 auto;}
.ps-group .content {margin-left:200px;}
.upload {text-align:center;margin-bottom:20px;}
.upload .media {display:block;border:1px solid #e7e7e7;background-color:#2dc3f5;margin:0 auto;}
.upload .upload-btn {line-height:32px;position:relative;width:100%;height:32px;text-align:center;color:#fff;background-color:#9fc24c;}
.upload .upload-btn input[type=file] {position:absolute;top:0;left:0;width:100%;height:32px;opacity:0;filter:alpha(opacity=0);}
.upload .upload-intro {font-size:12px;line-height:16px;line-height:32px;display:block;height:32px;color:#888;}
.product-img-list .upload {display: inline-block;text-align:center;margin-bottom:20px;}
.product-img-list .upload .media {border:1px solid #e7e7e7;background-color:#2dc3f5;margin:0 auto;}
.product-img-list .upload .upload-btn {line-height:32px;position:relative;height:32px;text-align:center;color:#fff;background-color:#9fc24c;}
.product-img-list .upload .upload-btn input[type=file] {position:absolute;top:0;left:0;width:100%;height:32px;opacity:0;filter:alpha(opacity=0);}
.product-img-list .upload .upload-intro {position: relative;font-size:12px;line-height:16px;line-height:32px;display:block;height:32px;color:#888;}
.ps-main {width:1000px;}
.ps-main .detail {background-color:#f7f7f7;padding:10px 5px;}
.ps-main .glist {position:relative;}
.ps-main .glist ul {white-space:nowrap;overflow:hidden;}
.ps-main .glist.minipic ul {white-space:normal;}
.ps-main .glist li {display:inline-block;margin-right:10px;margin-top:15px;font-size:0;background-color:#fff;position:relative;border-radius:4px;overflow:hidden;cursor:pointer;}
.ps-main .glist li.on {margin-top:0;}
.ps-main .glist li .img:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);}
.ps-main .glist li.on .img:after {background-color:rgba(0,0,0,0);}
.ps-main .glist li img {width: 150px;height: 300px;}
.ps-main .glist.minipic li img {width: 50px;height: 100px;}
.ps-main .glist li.on img {zoom:1.1;margin-top:-15px;}
.ps-main .glist.minipic li.on img {zoom:1.1;margin-top:0;}
.ps-main .glist li.on p {background-color:rgba(0,0,0,0.4);}
.ps-main .glist li:hover .img:after {display:none;}
.ps-main .glist li:hover p {background-color:rgba(0,0,0,0.4);}
.ps-main .glist li:hover .edit {background:url("../img/edit.png") no-repeat center;width:30px;height:30px;position:absolute;right:10px;top:10px;}
.ps-main .glist li .pub {display:none;background:url("../img/ps-pub.png") no-repeat center;width:30px;height:30px;position:absolute;right:10px;bottom:30px;border-radius:50%;background-color:rgba(255,60,0,0.8);}
.ps-main .glist li:hover .pub {display:block;}
.ps-main .glist.minipic li .pub { right: 0; top: 0; }
.ps-main .glist li.on .pub {display:block;}
.ps-main .glist li .lab-list{display: flex;position: absolute;width: 95%;top: 10px;left: 10px;flex-direction: column;flex-wrap: nowrap;align-items: start;}
.ps-main .glist li .lab-list .lab {max-width: 95%;white-space: nowrap;overflow: hidden;padding: 0 5px;background-color: rgba(255,60,0,0.5);color: #fff;border-radius: 2px;font-size: small;margin-top: 2px;}
.ps-main .glist li p {display:block;text-align:center;font-size:12px;position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,0);color:#fff;line-height:2;}
.ps-main .glist .show-left.active {background:url("../img/icon-jt-left.png") no-repeat center;width:30px;height:70px;background-color:rgba(0,0,0,0.3);position:absolute;left:0;top:50%;margin-top:-35px;}
.ps-main .glist .show-right.active {background:url("../img/icon-jt-right.png") no-repeat center;width:30px;height:70px;background-color:rgba(0,0,0,0.3);position:absolute;right:0;top:50%;margin-top:-35px;}
.ps-main .glist.minipic .show-left {display: none;}
.ps-main .glist.minipic .show-right {display: none;}
.ps-main .main .labs {border-bottom:1px solid #ededed;}
.ps-main .main .labs .iconfont {font-size: 12px; }
.ps-main .main .labs a {display:inline-block;padding:10px 20px;font-size:14px;color:#333;}
.ps-main .main .labs a .help-wrap {font-size: 12px;}
.ps-main .main .labs a.on {color:#ff6100;border-bottom:1px solid #ff6100;}
.ps-main .main .content {padding:20px;background-color:#fff;}
.ps-main .main h2 {margin-bottom:20px;}
.ps-main .main h2 span {font-weight:normal;font-size:12px;}
.ps-main .main .plist li {float:left;width:450px;border:1px solid #ededed;padding:10px;margin:0 5px 20px 5px;background-color:#fff;border-radius:4px;position:relative;}
/*.ps-main .main .plist li {float:left;border:1px solid #ededed;padding:10px;margin:0 5px 20px 5px;background-color:#fff;border-radius:4px;position:relative;}*/
.ps-main .main .plist li .img {width:90px;float:left;height:120px;}
.ps-main .main .plist li .img img {width:100%;height:100%;}
.ps-main .main .plist li .txt {font-size:12px;margin-left:90px;padding-left:10px;}
.ps-main .main .plist li .intro {max-height:65px;overflow:hidden;margin:0;font-size: 16px;color: #333;}
.ps-main .main .plist li .price {font-size:12px;}
.ps-main .main .plist li p {color: #999;line-height: 20px;}
.ps-main .main .plist li .remove {display:none;}
.ps-main .main .plist li:hover .remove {position:absolute;bottom:10px;right:10px;display:block;}
.ps-main .main .plist .plus .img {background:url("../img/plus.png") no-repeat center;width:90px;height:120px;}
.ps-main .ps-pub {background:url("../img/ps-pub.png") no-repeat left;padding-left:24px!important;}
.ps-main .inner-head {padding:10px 20px 0 20px;background-color:#fff;}
.ps-main .main .labs a.end-sort {display: none;}
.end_sort {display: none;}
.start_sort {width: 50px;}
.fixed-column .start_sort {width: 100px;}
.fixed-column .start_sort .help-wrap{margin-top: -85px;margin-left: 0px;}
.fixed-column .start_sort .help-content:before { position: absolute; top: 39px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #DEDEDE; border-left: 7px solid transparent;border-bottom: 0;}
.fixed-column .start_sort .help-content:after { position: absolute; top: 37px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #fff; border-left: 7px solid transparent;border-bottom: 0;}
.comment-list li {border-bottom:1px solid #ededed;line-height:30px;padding:10px;}
.comment-list li .date {float:right;}
.card-body.comment-set {padding: 0 20px;}
.comment-set .comment-set-group {margin: 0 -20px; padding:0 20px;}
.comment-set .comment-set-group + .comment-set-group {border-top: 10px solid #f8f8f8;margin-top:10px;}
.comment-set .comment-set-title {font-size: 14px;margin-top:10px;}
.comment-type-btn {color: #ff6100;}
.show-img img {width:30px; height:40px;}
.button-group {border:1px solid #ff6000;color:#ff6000;border-radius:4px;display:inline-block;font-size:0;}
.button-group .button {display:inline-block;min-width:80px;text-align:center;padding:5px;border-right:1px solid #ff6000;color:#ff6000;font-size:12px;}
.button-group .button.on {background-color:#ff6000;color:#fff;}
.button-group .button:last-child {border-right:none;}
.button-add {width:100px;height:32px;line-height:32px;border:1px solid #ddd;text-align:center;color:#333;box-shadow:0 0 4px 0 #ddd;display:inline-block;font-size: 12px;}
.video-upload {position: relative;line-height: 32px;}
.video-upload input[type="file"] {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;width: 100%;}
.video-upload .button-add {position: relative;}
.video-upload .videoname,.video-upload .videosize, .video-upload .videoremove {display: none;}
.video-upload.active .videoname,.video-upload.active .videosize, .video-upload.active .videoremove {display: inline;}
.video-upload.active .button-add {display: none;}
.size-choose {width: auto!important;}
.size-choose li {display: inline-block;min-width: 50px;}
.spec-choose {width: auto!important;}
.spec-choose li {display: inline-block;min-width: 50px;}
.size-level-price {display:none}
.show-size-level-price .size-level-price{display: table-cell;}
.ps-uplist {white-space: nowrap;overflow: auto;width: 100%;}
.ps-uplist li {display: inline-block;position: relative;width: 240px;height: 120px;}
.ps-uplist li:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.4);}
.ps-uplist li.on:after {display: none;}
.ps-uplist li p {position: absolute;width: 100%;bottom: 0;background-color: rgba(0,0,0,0.4);color: #fff;line-height: 1.5;padding: 5px 10px;}
.ps-cutout {text-align: center;margin: 20px;min-height: 200px;}
.ps-cutout h2 {margin: 10px;}
.ps-cutout .ps-restore-show {position: relative;height: 300px;}
.ps-cutout .ps-restore-show img {position: absolute;top: 0;left: 50%;margin-left: -300px;width: 600px;height: 300px;}
.ps-cutout .ps-restore-group {margin: 10px 0;overflow:auto;white-space: nowrap;width: 100%;}
.ps-cutout .ps-restore-group li {width: 150px;height: 300px;display: inline-block;position: relative;border: 1px solid #ededed;margin: 0 10px 10px 0;}
.ps-cutout .ps-restore-group li img {position: absolute;top: 0;left: 0;}
.ps-cutout .ps-restore-group li p {position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.4);color: #fff;padding: 5px 10px;}
.submenu {width: 200px;background-color: #fff;float: left;}
.submenu h2 {text-align: center;padding: 10px;border-bottom: 1px solid #ededed;}
.submenu>ul {padding: 5px 0;}
.submenu>ul>li {padding: 5px 10px;}
.submenu .menu-title {font-size: 14px;padding:10px;}
.submenu .menu-card {border: 1px solid #dedede;}
.submenu .menu-card:hover, .submenu .menu-card.curr {border-color: #ff6000;color: #ff6000;}
.submenu .menu-card.curr .menu-tools {display: block;}
.submenu .menu-tools {font-size: 12px;display: none;padding: 5px 10px;}
.submenu .menu-tools a {display: inline-block;margin-right: 10px;}
.subcontent {margin-left: 220px;}
.subcontent .fixed-column {left: 440px;right: 20px;}
.product-detail-card {min-height: 320px;}
.product-detail-card .img {width: 240px;height: 320px;float: left;}
.product-detail-card .img img {width: 100%;}
.product-detail-card .detail {margin-left: 240px;padding: 0 20px;}
.product-detail-card .attrs li {display: inline-block;width: 48%;padding: 5px 0;}
.product-detail-card h3 {font-weight: 400;padding: 10px 0;}
.product-detail-card p {color: #999;}
.product-detail-card table {margin-top: 20px;}
.product-detail-card table th {background-color: #f8f8f8;}
.ps-main .ps-plist {text-align: left!important;white-space: nowrap;}
.ps-main .ps-plist .product-block {width: auto;max-width: 240px;margin-right:10px;}
.ps-main .ps-plist .product-text {width: auto;max-width: 160px;}
.ps-main .ps-plist .product-text p {height: 20px;overflow: hidden;}
.ps-table .options {width: 180px;}

.projector .product-info .img {width: 150px;height: 200px;float: left;}
.projector .product-info .img img {width: 100%;}
.projector .product-info .info-body {margin-left: 150px;padding: 0 10px;min-height: 120px;}
.projector .product-info .info-body h2 {font-size: 16px;font-weight: 400;margin: 5px 0;}
.projector .product-info li {display: inline-block;width: 30%;margin-bottom: 5px;}

.projector .ranklist {margin-bottom: 20px;}
.projector .ranklist li {float: left;width: 20%;padding: 5px;}
.projector .vote {position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;}
.projector .vote i {width: 40px;height: 40px;display: block;}

.projector .card {border: 1px solid #ededed;background-color: #fff;position: relative;}
.projector .card .img {width: 100%;font-size: 0;position: relative;}
.projector .card .img img {width: 100%;}
.projector .card.deleted .img:after {content: "";position: absolute;right: 5px;top:5px;width:62px;height:62px;background-image: url('../img/del.png');}
.projector .card .img span.No {position: absolute;top: 10px;left: 0;width: 40px;font-size: 14px;background-color: rgba(0,0,0,0.4);color: #fff;padding-left: 10px;border-bottom-right-radius: 16px;border-top-right-radius: 16px;}
.projector .card .inner {padding: 10px;}
.projector-fs-btn {display: block;position: absolute;right: 20px;top: 75px;width: 32px;height: 32px;background-image: url("../img/fs.png");}
.projector-fullscreen #app-sidebar {display: none;}
.projector-fullscreen #app-container-top {display: none;}
.projector-fullscreen .app-inner {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin-top: 0!important;}
.projector-fullscreen .bread-crumb {display: none;}
.projector-fullscreen .projector-fs-btn {top: 10px;z-index: 100;}
.projector-fullscreen .table-border>tbody>tr>th, .projector-fullscreen  .table-border>tbody>tr>td {font-size: 22px;font-weight: 600;border-color: #999;}
.projector-fullscreen .table-border>thead>tr>th, .projector-fullscreen .table-border>thead>tr>td {font-size: 22px;font-weight: 600;border-color: #999;}
.projector-fullscreen .table>thead>tr.active, .projector-fullscreen .table>tbody>tr.active, .projector-fullscreen .table>thead>tr>td.active, .projector-fullscreen .table>tbody>tr>td.active, .projector-fullscreen .table>thead>tr>th.active, .projector-fullscreen .table>tbody>tr>th.active {background-color: #ddd;}
.projector-fullscreen #app-container .app-inner {padding: 0;}
.projector-fullscreen  .table-tools select {max-width: 250px;line-height: 1.5;font-size: 22px;height: 36px;vertical-align: middle;}
.projector-fullscreen .input-text {font-size: 22px;width: 120px;}
.projector-fullscreen .table>tbody>tr:hover, .projector-fullscreen  .table>tbody>tr:hover {background-color: #ccc;}

.plan-display th,.plan-display td {min-width: 40px;white-space:nowrap;border: 1px solid #ededed;padding: 2px!important;text-align: center;}
.wave-need, .wave-count-percent {background-color: #fff000;}
.tag {position: absolute;width: 50px;height: 50px;left: 5px;top: 5px;z-index: 10;border-radius: 50%;border:2px solid #999;color: #fff;overflow: hidden;}
.tag span {display: block;height: 20px;background-color: #999;margin: 13px 0;text-align: center;font-size: 11px;line-height: 20px;}
.tag:after {content: "";width: 40px;height: 40px;border: 1px solid #999;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;border-radius: 50%;}
.tag.active {border-color: #FF81C5;}
.tag.active span {background-color: #FF81C5;}
.tag.active:after {border-color: #FF81C5;}

.board-head {line-height: 1.5;padding: 10px 20px;font-size: 16px;background-color: #333;color: #fff;}
.board-mem-close{position:relative;top:-30px}
.board-head .setting-title{position:fixed;left:0; right:0; top:0; bottom:0;height:27px;}
.board-head span {font-size: 12px;line-height: 24px;}

.board-list .board-table tr td {white-space: nowrap;}
.board-list table {color: #666;font-size: 14px; border-collapse:collapse; border-spacing:0 6px;}
.board-list thead th {background-color: #f8f8f8;color: #333; font-weight:normal;text-align: center;}
.board-list tbody {overflow: hidden; font-size: 12px; color: #5E5D5D;line-height:18px;}
.board-list tbody tr td {text-align: center;}
.board-list tr.curr {font-size: 16px;color: #333;line-height: 60px;background-color: #ff8c53;color:#fff;}
.board-list tr.curr .score_img div{border: unset;}
.board-list tr.curr td:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.board-list tr.curr td:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.board-table-body {width:100%;height:100%;overflow-x:auto;white-space: nowrap;}
.board-table-list {width:340px;height:90%;display: inline-block;margin-left:20px;position:relative;left:unset;}
.board-table-list:last-child {margin-right:20px;}
.board-table-list tbody {font-size:16px;}
.board-table-list .curr {font-size:18px;}
.board-table-list tbody tr td {max-width:120px;overflow:hidden;}
.board-section-title p {font-size:18px;font-weight: bold;color:#ff6000;padding:10px 0;}

.board-product.manual_scroll .board-list .table-wrap{height: 100vh;overflow-x: hidden;overflow-y:scroll;}
.board-product.manual_scroll .board-list.table-board {position: relative;}
.board-product.manual_scroll .board-list .table-wrap::-webkit-scrollbar{display: none}
.board-product.manual_scroll .board-list .table-wrap+.table-thead{overflow: unset;}
.board-product {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #eee;overflow: auto;}
.board-product-right-set {position: fixed;right: 20px;bottom: 20px;}
.board-product-close {position: absolute;right: 0;top: 0;z-index: 9;padding:10px 10px 20px 20px;}
.board-product-switch {position: absolute;right: 60px;top: 0;z-index: 9;padding:10px 0px 20px 20px;}
.board-product-close .iconfont {font-size: 20px;}
.board-product-switch .iconfont {font-size: 25px;}
.board-product .set-font-size {font-size: 18px;}

.board-product .board-content {display: flex;overflow: hidden;height: 100vh;}
.board-product .board-content .unfold-left {display: none;float: left;font-size: 20px;margin-right: 10px;}
.board-product .collapse-left.board-content .board-left{width: 0vw;border-right: unset;padding: unset;}
.board-product .collapse-left.board-content .board-left .board-left-mask {display: block;z-index: 1;}
.board-product .collapse-left.board-content .board-right .board-left-mask {display: block;z-index: 1;}
.board-product .collapse-left.board-content .unfold-left {display: block;}
.board-product .board-left-mask {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #ffffff;}
.board-product .board-content .board-left {position: relative;;width: 35vw;transition: .3s all;background-color: #ffffff;border-right: 10px solid #f2f2f2;padding:0 10px 10px 10px;}
.board-product .board-content .board-right {flex: 1;background-color: #ffffff;position: relative;}
.board-product .board-content .board-right .board-detail {display: flex;}
.board-product .board-content .board-right .board-detail .board-detail-right {position: relative;;padding: 0px 10px 10px 10px;width: 35vw;border-right: 10px solid #f2f2f2;height: 100vh;}
.board-product .board-content .board-right .board-detail .board-detail-left {flex: 1;padding:50px 30px 10px 30px;}
.board-product .board-content .bar-detail {display: none;height: 100%;width: 100%;}
.board-product .board-content.data-bar .bar-detail {display: block;}
.board-product .board-content.data-bar .detail {display: none;}
.board-product .board-content.data-bar .board-right .board-detail .board-detail-left {padding: unset;}
.board-product .board-content .bar-product-info {display: flex;flex-wrap: wrap;font-size: 18px;}
.board-product .board-content .bar-product-info span {width:50%;margin-top: 10px;}
.board-product .board-content .bar-product-info span:last-child {width:100%}
.board-product .board-content .product-search:hover {opacity: 1;}

.board-product .board-detail-right-header {height: 60px;line-height: 60px;}
.board-product .board-list {width: unset;max-width: unset;}

.board-product .board-content .projection-view .product-right {margin-left:unset;padding-top:32px;}
.board-product .board-content .projection-view .projection-attr-list span {width: unset;}
.board-product .board-content .projection-product-list {padding: 10px 10px 10px 20px;}
.board-product .board-content.data-bar.collapse-left .projection-view .projection-attr-list span {width: 25%;}
.board-product .board-content .product-search{position: absolute;left: 10px;right: 10px;top:50px;z-index: 9999;opacity: 0;}
.board-product .board-content .product-search #search-id {width: 100%;font-size: 16px;height: 50px;border-radius: 10px;z-index: 100;border: 2px solid #BEBABA;top: 50px;}

.board-product .board-detail .kuanhao {font-size: 20px;}
.board-product .board-detail .kuanhao::before {content: '';height: 15px;display: inline-block;width: 5px;background-color: #ff8c53;}
.board-product .board-detail .img-container {text-align: center;width: 100%;}
.board-product .board-detail .img-container img {width: 24vw;height: 32vw;}
/* .board-product .board-content.data-bar .board-detail .img-container img {width: 25vw;} */
.board-product .board-detail .detail ul {line-height: 18px;color: #333;max-width: 500px;font-size: 18px;}
.board-product .board-detail .detail ul li:first-child{margin: 0px 0px 20px;}
.board-product .board-detail .detail ul li {margin: 20px 0px;}
.board-product .board-detail .detail .title_1{color:#888;}
.board-product .board-detail .detail .title_2{color:#333;float: right;max-width: 70%;}
.board-product .board-detail .detail ul li:not(:last-child) .title_2 {text-overflow: ellipsis;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;}

.board-top {text-align: center;padding:20px 0;}
.board-top .top-items {white-space:nowrap;border:1px solid #ff6000;border-radius: 5px;font-size:0;display:inline-block;}
.board-top .top-items .top-item {display: inline-block;border-right:1px solid #ff6000;color:#ff6000;min-width:80px;padding:5px 10px;font-size: 14px;text-align:center;}
.board-top .top-items .top-item:last-child {border:0;}
.board-top .top-items .top-item.active {background-color: #ff6000;color:#fff}

.board-attr-list {padding: 0 20px;width:auto;overflow:auto;min-height:615px;max-height:615px;}
.board-attr-list table {border-collapse: separate;border-spacing:0 10px;font-size: 12px;line-height:20px;width:100%;margin-bottom:10px;}
.board-attr-list table tbody tr{border-radius: 10px;background-color: #fff;}
.board-attr-list table th, .board-attr-list table td {text-align:center;}
.board-attr-list table th:first-child, .board-attr-list table td:first-child {min-width:100px;}
.board-attr-list table th:not(:first-child), .board-attr-list table td:not(:first-child) {min-width:350px;}
.board-attr-list table th {background-color: #000;color:#fff;padding: 5px 0;height:49px;font-size:14px;}
.board-attr-list table tr td{padding:10px 0;}
.board-attr-list table tr.curr td{border-top:1px solid #000;border-bottom:1px solid #000;}
.board-attr-list table tr.curr td:first-child{border-left:1px solid #000;font-weight: bold;}
.board-attr-list table tr.curr td:last-child{border-right:1px solid #000;}
.board-attr-list .add-left-driver {float:left; width:1px; height: 80px;background-color: #ededed;}
.board-attr-list .product-item {min-width:300px;}
.board-attr-list .product-text {line-height: 30px;font-size:14px;color:#000;}
.board-attr-list .curr .product-text {font-size:16px;font-weight:bold;}


.manual_scroll .board-member-list .table-wrap {height: 100vh;overflow-x: hidden;overflow-y:scroll;}
.manual_scroll .board-member-list.table-board {position: relative;}
.manual_scroll .board-member-list .table-wrap::-webkit-scrollbar{display: none}
.manual_scroll .board-member-list .table-wrap+.table-thead{overflow: unset;}

.board-group .board-group-content {display: flex;overflow: hidden;height: 100vh;}
.board-group .board-group-content .unfold-left {display: none;float: left;font-size: 20px;margin-right: 10px;}
.board-group .collapse-left.board-group-content .board-group-left{width: 0vw;border-right: unset;padding: unset;}
.board-group .collapse-left.board-group-content .board-group-left .board-left-mask {display: block;z-index: 1;}
.board-group .collapse-left.board-group-content .board-group-right .board-left-mask {display: block;z-index: 1;}
.board-group .collapse-left.board-group-content .unfold-left {display: block;}
.board-group .board-group-detail .bianhao {font-size: 30px;margin-bottom: 20px;}
.board-group .board-group-detail .bianhao::before {content: '';height: 15px;display: inline-block;width: 5px;background-color: #ff8c53;}
.board-group .board-left-mask {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #ffffff;}
.board-group .board-group-content .board-group-left {position: relative;;width: 20vw;transition: .3s all;background-color: #ffffff;border-right: 10px solid #f2f2f2;padding:0 10px 10px 10px;}
.board-group .board-group-content .board-group-right {flex: 1;background-color: #ffffff;position: relative;}
.board-group .board-group-content .board-group-right .board-group-detail {display: flex;}
.board-group .board-group-content .board-group-right .board-group-detail .board-group-detail-left {position: relative;width: 28vw;border-right: 10px solid #f2f2f2;height: 100vh;}
.board-group .board-group-content .board-group-right .board-group-detail .board-group-detail-right {position: relative;;flex: 1;padding: 40px 10px 10px 20px;border-left: 10px solid #f2f2f2;}
.board-group-detail .board-group-detail-left .img-container {text-align: center;}
.board-group-detail .board-group-detail-left img {width: 28vw;}

.before-bianhao::before {content: '';height: 15px;display: inline-block;width: 5px;background-color: #ff8c53;}

.board-group .board-group-content .group-search:hover {opacity: 1;}
.board-group .board-group-content .group-search{position: absolute;left: 10px;right: 10px;top:10px;z-index: 9999;opacity: 0;}
.board-group .board-group-content .group-search #search-id {width: 100%;font-size: 16px;height: 50px;border-radius: 10px;z-index: 100;border: 2px solid #BEBABA;top: 50px;}

.board-group .projection-live-group-detail {top:70px;left: 20px;}
.board-group .projection-live-product-show {padding-top: 50px;}
.board-group .board-group-content .bar-detail {display: none;height: 100%;width: 100%;}
.board-group .board-group-content.data-bar .bar-detail {display: block;}
.board-group .board-group-content.data-bar .detail {display: none;}
.board-group .board-group-content.data-bar .board-right .board-detail .board-detail-left {padding: unset;}
.board-group .board-group-content .bar-group-info {display: flex;flex-wrap: wrap;}
.board-group .board-group-content .bar-group-info span {font-size: 20px;width:50%;margin-top: 10px;}
.board-group .board-group-content .bar-group-info span:last-child {width:100%}
.board-group .board-group-content .group-search:hover {opacity: 1;}

.manual_scroll .board-group-list {height:100vh;overflow-x: hidden;overflow-y:scroll;}
.manual_scroll .board-group-list .table-wrap {height: 100vh;overflow-x: hidden;overflow-y:scroll;}
.manual_scroll .board-group-list.table-board {position: relative;}
.manual_scroll .board-group-list .table-wrap::-webkit-scrollbar{display: none}
.manual_scroll .board-group-list .table-wrap+.table-thead{overflow: unset;}

.board-group-list thead th{background-color: #f8f8f8;color:#333;font-weight: normal;text-align: center;}
.board-group-list::-webkit-scrollbar{display: none}
.board-group-list table {margin-top: -6px;color: #666;font-size: 14px; border-collapse:collapse; border-spacing:0; border: 0}
.board-group-list tbody {overflow: hidden; font-size: 12px; color: #5E5D5D;line-height:18px;}
.board-group-list tbody tr td {text-align: center;}
.board-group-list  tr.curr {font-size: 16px;color: #333;line-height: 60px;background-color: #ff8c53;color:#fff;}
.board-group-list  tr.curr .score_img div{border: unset;}
.board-group-list  tr.curr td:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.board-group-list  tr.curr td:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.board-group.background-eee {background-color: #eee;}

.board-group-detail .attrs li {display: inline-block;width: 45%;line-height: 1.5;}
.board-group-detail .color-list ul {display: inline-block;}
.board-group-detail .color-list li {display: inline-block;line-height: 1.5;}
.board-group-detail p {max-height: 36px;overflow: hidden;text-overflow:ellipsis;}

.board-control .control-label{color:#8c8c8c!important}
.board-control .control-filter-label{display: block;float:left;padding-right:10px;}
.board-control select {color:#8c8c8c;}
.board-control .right-block{width:155px;margin:0;}
.enroll-mobile-input{width:230px}
.enroll-tip{display:inline-block;}
.enroll-checked{height:100%}
.enroll-checked form{height:100%}
.enroll-checked .page-content{height:100%;overflow-y: scroll;padding-bottom:100px}
.enroll-checked .fixed-column{left:0}
.board-table{border-collapse:collapse;border-spacing:0;width:99%;text-align:center !important;font-size:17px;table-layout:fixed;}
.board-select-item a {margin-right:10px;}

.select-order{position:relative;left:50%;margin-left:-147px;display:inline-block;vertical-align:top;}
.select-order li{background-color:white;float:left;color:black;border:1px solid #ccc;cursor:pointer}
.select-order .active font{color:red;}
.select-order font{font-size:17px;margin-left:30px;margin-right:30px;}
.board-head-member{background-color:rgba(0,0,0,0);}
.select-order-title{width:760px;margin:auto;height:27px;display:none}
.select-order-title a{cursor:pointer}

.board-member-name{margin-top:15px;width:760px;margin:auto}
.board-member-name .img-position{display:inline-block;}
.board-member-name .font-position{display:inline-block;padding-left:140px;text-align: center;overflow:hidden}
.board-member-name font{font-size:40px;white-space:nowrap}
.board-member-list{width:100%;white-space:nowrap;display: inline-block;}
.board-member-list td{overflow: hidden;}
.board-member-list div{background-color: #fff;}
.board-member-list .table-wrap {padding: 0px 15px 15px;}
.board-member-list .table-thead {padding: 0px 15px 15px;}
.board-member-list thead th{background-color: #f8f8f8;color: #333;font-weight: normal;text-align: center;}
.board-member-list .board-table tr td {font-size: 16px;}
.board-member {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #FFFFFF;overflow: auto;}
.board-member .close {float: right;padding: 0 10px;color: #fff;}
.board-table thead {color: #FFFFFF}
.board-table thead tr {background-color: #ff8c53;line-height: 60px;}
.board-table tr:first-child{line-height:60px;}
.board-table thead tr.title th{background-color: #fff;color: #333;font-weight: bold;}
.border-close{position: absolute;right: 0;top: 0;border-bottom: unset;z-index: 9;}

.board-table tbody {line-height: 57px; font-size: 13px; color: #5E5D5D;}
.board-tr {height:30px;}
.score_1 {height: 48px;width: 48px;vertical-align: middle;display: inline-block;background-image: url(../img/top1.jpg);background-repeat: no-repeat;background-position: center; background-size: 60px;}
.score_2 {height: 48px;width: 48px;vertical-align: middle;display: inline-block;background-image: url(../img/top2.jpg);background-repeat: no-repeat;background-position: center; background-size: 60px;}
.score_3 {height: 48px;width: 48px;vertical-align: middle;display: inline-block;background-image: url(../img/top3.jpg);background-repeat: no-repeat;background-position: center; background-size: 60px;}
.board-tr td:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

.board-on {overflow: hidden;}
.board-on .group-search {opacity: 0;position: absolute;z-index: 9999;top: 10px}
.board-on .group-search #search-id {height: 50px;width: 500px;border-radius: 10px;position: fixed;z-index: 9999;left: 50%;border:2px solid #BEBABA;margin-left: -250px}
.board-on .board-group {display: block;}
.board-group {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #fff;overflow: auto}
.board-group .search {display: none}
.board-group .search #search-id {height: 50px;width: 500px;border-radius: 10px;position: fixed;z-index: 100;left: 50%;border:2px solid #BEBABA;margin-left: -250px}
.board-group .search-position {width: 350px;height: 50px;position: fixed;left: 50%;margin-left: -175px;z-index: 99}
.board-group .group-left {width: 30vw;height:60vw;text-align: center;background-color: #fff;position: absolute;}
.board-group .group-left h1 {padding: 10px;}
.board-group .close {float: right;}
.board-group .group-left h1 a {display: inline-block;padding: 0 10px;color: #999;}
.board-group .group-left .img-container {width:100%; height:100%;font-size: 0; position: absolute;}
.group-left-footer {position: absolute; bottom: 5px; height: 40px; width: 100%; line-height: 40px; background-color: #898A86; opacity: 0.8; border-radius: 0 0 10px 10px;}
.board-group .group-left .img-container img {width: 100%; height: 100%;}
.board-group .group-left .search {width: 450px;height: 51px;display: none;position: fixed;}
.board-group .group-right {margin-left: 15px;height: 100%; position: absolute; left: 30vw;right:20px; overflow-x: hidden;overflow-y: scroll;}
.board-group .group-right::-webkit-scrollbar {
	display: none;/*隐藏滚动条*/
}
.board-group-product-img-box {margin-right: 20px;text-align:center;border-radius: 2px;float:left;display: flex;align-items: center;}
.board-group ul.plist li.content {font-size: 0px;width:99%;border: 1px solid #EDEEEE;flex-direction: row;display: flex;position: relative;background-color: #FFFFFF;margin: 5px;border-radius: 8px 0px 0px 8px;}
.board-group ul.plist li.content .img-container {width: 120px;display: block;height: 160px;}
.board-group ul.plist li.content .img-container img {height: 100%;}
.board-group ul.plist li.content .sp {flex: 1; font-size: 18px;background-color: #fff;margin: 5px;margin-bottom: 0;display: flex;align-items:center;justify-content: center;}
.board-group ul.plist li.content .img {height: 200px;line-height: 200px;font-size: 18px;background-color: #fff;text-align: center;margin: 5px;margin-top: 0px;margin-bottom: 0px}
.board-group ul.plist li.content ul.ul-detail {font-size: 14px;float: left; width: 29%;padding: 10px 0px;}
.board-group ul.plist li.content ul.line {content:'';position:absolute; top: 10%; left: 38%; width: 1px; height: 80px; background: #EDEEEE;}
.board-group ul.plist li.content ul.ul-detail li {line-height: 1.7; display: block;text-align:left;vertical-align:middle;overflow:hidden;color: #333;}
.board-group ul.plist li.content ul.ul-detail li .title{color:#888;}
.board-group ul.plist li.content ul.ul-detail li.product_num{line-height: 1.5;padding: 28px 0px}
.board-group ul.plist li.content ul.ul-detail li.product_num span {text-align: center;vertical-align: middle;display: inline-block;width: 100%;}
.board-group .content {position: relative;background-color: #FFFFFF;height: 100%;text-align: center;display: flex;overflow: hidden;width: 730px;}
.board-group .content .conlist {height: 100%;display: flex;flex: 1;text-align: center;}
.board-group .content .conlist li .img {height: 200px;background-color: #fff;text-align: center;}
.board-group .content .conlist li {width: 150px;flex: 1;align-items:center;justify-content: center;flex-direction: column; display: flex;background-color: #ffffff;height: 100%;}
.board-group .content .conlist li .sp {width: 150px;border-top:5px solid #f2f2f2;flex: 1; font-size: 18px;background-color: #fff;margin-bottom: 0;display: flex;align-items:center;justify-content: center;}
.board-group .content .conlist li .sp .search-id {font-size: 40px;color: red;}
.board-group .content .conlist li .sp .name {font-size: 25px;}
.board-group .content .conlist li .sp .kuanhao {font-size: 20px;}
.board-group .content .conlist li .sp .skc {font-size: 30px;}
.board-group .content .conlist li .sp .skcall {font-size: 20px;}
.board-group .content .conlist li .sp .attr {font-size: 30px;}
.board-group .content .conlist li .sp .price {font-size: 35px;color: red;}
.board-group .content .conlist li .sp .num {font-size: 35px;}

.board-productshow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #fff;}
.board-productshow .board-body {padding: 10px 0 10px 0;overflow-x: scroll;height: 100%;}
.board-productshow .board-body .group-list {white-space:nowrap;}
.board-productshow .board-body .group-list .group {display: inline-block;margin-left: 10px;top: 0;vertical-align: top; border-radius: 5px}
.board-productshow .board-body .group-list .group.active {zoom:1.2;}
.board-productshow .board-body .group-list .group:last-child {margin-right: 10px}
.board-productshow .board-body .group-list .group .group-img {position: relative;text-align: center;}
.board-productshow .board-body .group-list .group .group-img img {width: 100%;border:1px solid #ededed;border-radius: 5px}
.board-productshow .board-body .group-list .group.active .group-img img {border:1px solid #ff6100}
.board-productshow .board-body .group-list .group .group-img p {position: absolute;bottom: 6px;width: 100%;background: rgba(0,0,0,0.4);color: #fff;line-height: 1.5}
.board-productshow .board-body .group-list .group .group-unit-list {margin-top: 10px}
.board-productshow .board-body .group-list .group .group-unit-list .group-unit {height: 91px;margin-top: 5px;border:2px solid #ededed;padding: 5px;border-radius: 5px}
.board-productshow .board-body .group-list .group.active .group-unit-list .group-unit{height: 91px;margin-top: 10px;border:1px solid #ff6100;padding: 5px;border-radius: 5px}
.board-productshow .board-body .group-list .group .group-unit-list .group-unit .img {height: 80px;width: 60px;display: inline-block;border-right: 1px solid #ededed}
.board-productshow .board-body .group-list .group .group-unit-list .group-unit img {height: 100%;width: 100%}
.board-productshow .board-body .group-list .group .group-unit-list .group-unit .group-unit-content {display: inline-block;vertical-align: top}
.board-productshow .board-body .group-list .group.active .group-unit-list .group-unit .group-unit-content .red {color: red}

.productshow-analysis-total-box {padding:0px 10px 10px 10px;border-bottom: 1px solid #ededed;}
.productshow-analysis-total-box .total-title {width: 50px;font-size: 14px;}
.productshow-analysis-total-box .total-data {display: flex;align-items: center;margin-top: 10px;}
.productshow-analysis-total-box .total-data .data {width: 33%;font-size: 14px;}
.productshow-analysis-total-box .total-data .data p {font-size: 14px;vertical-align: middle;}
.productshow-analysis-total-box .total-data .data p .number {font-size: 14px;}

.panel-menu-left .panel-menu {float: left;width: 150px;}
.panel-menu-left .panel {margin-left: 149px;border: 1px solid #ededed;}
.panel-menu {border: 1px solid #ededed;}
.panel-menu li {border-bottom: 1px solid #ededed;}
.panel-menu li.on {background-color: #f8f8f8;}
.panel-menu li:last-child {border-bottom: none;}
.panel-menu li a {color: #333;display: block;padding: 15px;}
.panel {border: 1px solid #ededed;}
.panel .panel-head {padding: 15px;background-color: #f8f8f8;border-bottom: 1px solid #ededed;}
.panel .panel-body {padding: 15px;}
.panel .panel-foot {padding: 15px;background-color: #f8f8f8;border-top: 1px solid #ededed;}
.panel .tools {float: right;}
.panel .tools a {display: inline-block;padding: 0 5px;}
.panel .panel-body .table01 {border: 1px solid #ededed;}

.modal-body .component-attr-unit {width: 305px!important;}
.component-attr-unit select {font-size: 12px;line-height: 1.5;position: relative;width: 150px;height: 32px;padding: 0 10px;border: 1px solid #e7e7e7;background-image: url(../img/select.png);background-repeat: no-repeat;background-position: calc(100% - 10px);}
.modal-body .component-attr-unit-member {width: 305px!important;}
.component-attr-unit-member select {font-size: 12px;line-height: 1.5;position: relative;width: 150px;height: 32px;padding: 0 10px;border: 1px solid #e7e7e7;background-image: url(../img/select.png);background-repeat: no-repeat;background-position: calc(100% - 10px);}
.modal-body .form-group .sizelist_prop_detail.right-block {width:auto;}
.sizelist_prop_detail tr>th.text-center {line-height: 30px;height: 30px;width: 60px;padding:0px;max-width: 60px;white-space: normal;word-break: break-word;}
.sizelist_prop_detail tr>td.text-center {line-height: 30px;height: 30px;width: 60px;padding:2px;}

.modal-body .component {width: 305px!important;}
.component select {font-size: 12px;line-height: 1.5;position: relative;width: 150px;height: 32px;padding: 0 10px;border: 1px solid #e7e7e7;background-image: url(../img/select.png);background-repeat: no-repeat;background-position: calc(100% - 10px);}

.live-room h2 {margin-bottom: 20px;}
.live-room img {width: 200px;height: 200px;margin-bottom: 20px;}
.live-room p {color: #999;}
.live-push .subtitle {margin: 20px 10px;color: #999;}
.live-push .qrcode {text-align: center;}
.live-push .qrcode img {width: 300px;height: 300px;margin: 0 auto;display: block;}
.live-push .code {text-align: center;margin: 17px;color: #333;}
.live-push .tips {display: inline-block;font-size: 16px;color: #fff;background-color: #ff6100;padding: 10px 20px;border-radius: 4px;}
.live-push .intro {margin: 10px;color: #999;}
.live-push .url h3 {text-align: left;margin: 10px 0;}
.live-push .url ul {text-align: left;border: 1px solid #dedede;padding: 10px;border-radius: 4px;margin-bottom: 21px;height: 300px;}
.live-push .url ul li {font-size: 14px;line-height: 30px;}

.live-push-title { text-align: center; font-size: 20px; color: #000; line-height: 40px; }
.live-push-row { display: flex; margin-bottom: 20px; margin-top: 15px; }
.live-push-row.one .live-push-col { width: 600px; flex: unset; max-width: unset; }
.live-push-row.one .live-push-title { display: none; }
.live-push-col { max-width: 50%; flex: 1; padding: 0 20px; border: 1px solid #ededed; }
.live-push-col + .live-push-col { margin-left: 20px; }
.live-push-left-block { font-size: 12px; line-height: 32px; height: 32px; text-align: left; vertical-align: top; color: #888; position: relative; }
.live-push-right-block { font-size: 12px; position: relative; vertical-align: top; line-height: 32px; }

.projection-on {overflow: hidden;}
.projection-on .projection-group {display: flex;}
.projection-group {display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #efefef;padding: 10px;overflow: hidden;}
.projection-group .group-left {flex:0 1 auto;display: flex;flex-direction: column;margin-right: 20px; overflow: hidden;width: 450px;height: 100%;border-radius: 10px;}
.projection-group .group-left .img-container {flex:auto;display: flex;width: 450px;height: 600px;margin-bottom: 10px;position: relative;border:1px solid #fff;border-right: 10px}
.projection-group .group-left .img-container span{position: absolute;left: 0;top: 0;color: white;font-size: 30px;width: auto;line-height: 30px;background-color: #888985;border-radius: 10px 0 10px 0;padding: 5px}
.projection-group .group-left .img-container img {border-radius: 10px}
.projection-group .group-left .detail {flex:auto;padding: 10px;width: 450px;border-radius: 10px;}
.projection-group .group-left .detail span {font-size: 20px;margin-bottom: 10px}
.projection-group .group-left .detail span:first-child {font-size: 25px}
.projection-group .group-left .detail .search_id {font-size: 35px;color: red}
.projection-group .group-left .detail .price {font-size: 35px;color: red}
.projection-group .group-right {flex:auto;height: 100%;background-color:#efefef;border-radius: 10px;overflow: hidden;}
.projection-group .group-right .detail {margin-bottom: 10px;background-color: white;border-radius: 10px;position: relative;height: 24.2%}
.projection-group .group-right .detail img {border-radius: 10px;height: 100%}
.projection-group .group-right .detail .bar {width: 95%;display: inline-block;position: absolute;height: 100%}
.projection-group .group-right .detail .num {font-size: 20px;color: black;margin-left: 20px}
.projection-group .group-right .detail .search_id {padding: 5px;font-size: 30px;color: white;position: absolute;top: 0;left: 0;border-radius: 10px 0 10px 0;background-color:#888985;}
.projection-group .group-right .detail .kuanhao {font-size: 30px;color: black;display:  block;margin-top: 20px}
.projection-group .group-right .detail .name {font-size: 20px;color: black}
.projection-group .group-right .detail .price {font-size: 20px;color: red}
.no-next .next {color: #eee!important;}
.no-pref .pref {color: #eee!important;}
table.center>thead>tr>th, table.center>tbody>tr>td {text-align: center;}

.projection-on {overflow: hidden;}
.projection-on .projection-product {display: block;}
.projection-product {display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f2f2f2;z-index: 1000;padding: 10px;height: 100%}

.projection-on {overflow: hidden;}
.projection-on .product-search {opacity: 0;position: absolute;z-index: 9999;top: 10px}
.projection-on .projection-product {display: flex;}
.projection-on .product-search .search #search-id {height: 50px;width: 500px;border-radius: 10px;position: fixed;z-index: 100;left: 10px;border:2px solid #BEBABA;}
.projection-product .search-position {width: 350px;height: 50px;position: fixed;left: 50%;margin-left: -175px;z-index: 99}
.projection-product {display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: #f2f2f2;padding: 10px;overflow: hidden;}
.projection-product .product-left {flex-direction: column;display: flex;margin-right: 20px; overflow: hidden;width: 450px;height: 100%;border-radius: 10px; background-color: #fff;}
.projection-product .product-left .img-container {width: 450px;height: 600px;margin-bottom: 10px}
.projection-product .product-left .detail {display: flex;flex-wrap: wrap;}
.projection-product .product-left .detail span {font-size: 20px;text-align:left;width:50%;margin:5px 0;}
.projection-product .product-left .detail .search_id {font-size: 30px;color: red;}
.projection-product .product-left .detail .price {font-size: 30px;color: red;}
.projection-product .product-left .detail .color {width:100%;}
.projection-product .product-left .detail .intro {width:100%;}
.projection-product .product-right{flex: 1;height: 100%;border-radius: 20px;position:relative;}
.projection-product .product-right .attr-list{display:flex;background-color: #fff; flex-wrap: wrap;border-bottom:10px solid #f2f2f2;}
.projection-product .product-right .attr-list span {width:25%;line-height:35px;font-size: 20px;text-align: center;margin:5px 0;}
.projection-product .product-right #chart {background-color: #fff;position:absolute;bottom:0;left:0;right:0;top:0;}

.projection-content {height:100%;}
.projection-set {position:absolute;right:15px;top:15px;width:30px;height:30px;line-height:30px;text-align: center;color:#000;cursor: pointer;z-index: 1;}
.projection-view {display: flex;height:100%;overflow: hidden;}
.projection-view .product-left {position:relative;width:350px;background-color: #fff;}
.projection-view .product-search {position:absolute;left:0;right:0;z-index:9999;opacity:0;}
.projection-view .product-search #search-id {width:350px;font-size:16px;height: 50px;border-radius: 10px;position: fixed;z-index: 100;border:2px solid #BEBABA;}
.projection-view .product-left .img-container {background-color: #fff;padding:10px;}
.projection-view .product-left .img-container img {width:100%;height:100%;}
.projection-view .product-left .projection-product-info {background-color: #fff;padding:10px;}
.projection-view .product-left .skc-card-list {margin:5px 0;white-space: nowrap;overflow-x: auto;}
.projection-view .product-left .skc-card-list::-webkit-scrollbar {display: none;}
.projection-view .product-left .skc-card-list img {vertical-align: middle;}
.projection-view .product-right {flex:1;margin-left:10px;}
.projection-view .projection-attr-list {display:flex;background-color: #fff; flex-wrap: wrap;font-size: 18px;}
.projection-view .projection-attr-list span {width:25%;line-height:35px;text-align: left;margin:5px 0;padding:0 20px;}
.projection-view .projection-product-item .projection-skc-title  {position:absolute;top:50%;transform:translateY(-50%);font-size:15px;left:20px;}
.projection-view .projection-product-item .projection-skc-inner  {margin-left:80px;padding-right:100px;}
.projection-view .group-left {width:350px;background-color: #fff;overflow: hidden;}
.projection-view .group-left>div{width: 365px;overflow-y: scroll;height: 100%;}
.projection-view .group-search {position:absolute;left:10px;right:0;z-index:9999;opacity:0;}
.projection-view .group-search #bianhao {font-size:16px;height: 50px;width:350px;border-radius: 10px;position: fixed;z-index: 100;border:2px solid #BEBABA;left:0;}
.projection-view .group-left .img-container {background-color: #fff;padding:10px;}
.projection-view .group-left .img-container img {width:100%;height:100%;}
.projection-view .group-left .projection-group-info {background-color: #fff;padding:10px;}
.projection-view .group-right {flex:1;margin-left:10px;}
.projection-view .detail {display: flex;flex-wrap: wrap;font-size:18px;}
.projection-view .detail span {width:50%;text-align:left;padding:5px;white-space: nowrap;overflow: hidden; }
.projection-view .detail span.color {width:100%;white-space:normal;}
.projection-view .detail span.search_id {color:red;}
.projection-view .detail span.price {color:red;}
.projection-view .detail span.group-category {width:100%;}
.projection-view .detail span.group-intro {width:100%;white-space:normal;}
.projection-view .show-left.active {background:url("../img/icon-jt-left.png") no-repeat center;width:130px;height:70px;position:relative;float:left;}
.projection-view .show-right.active {background:url("../img/icon-jt-right.png") no-repeat center;width:130px;height:70px;position:relative;float:right;}
.projection-product-list {background-color: #fff;padding:10px;overflow-y:auto;height:100%;border-top:10px solid #f2f2f2;}
.projection-product-list::-webkit-scrollbar {display: none;}
.projection-product-total {line-height: 50px;font-size: 18px;}
.projection-product-item {position:relative;padding:15px 10px;}
.projection-bar-process {position:relative;}
.projection-bar-process-bg { height: 50px; background: linear-gradient(90deg, rgba(255, 204, 102, 1) 0%, rgba(255, 204, 102, 1) 0%, rgba(255, 127, 26, 1) 100%, rgba(255, 127, 26, 1) 100%); }
.projection-bar-process-num { position: absolute; height: 50px; line-height: 50px; color: #ff6100; font-weight:bold;left: 0; right: 0; top: 0; background-color: #fff; transition: left 0.1s; font-size: 15px;}
.projection-bar-process-num.on { padding-left: 10px; }
.projection-group-list {padding:10px;overflow-y: auto;height:100%;}
.projection-group-list .projection-live-img {height: auto;padding: 0px;}
.projection-group-list::-webkit-scrollbar {display: none;}
.flex-column {display: flex;align-items: center;justify-content: space-around;flex-direction: column;}
.projection-group-item {height:160px;position:relative;background-color: #fff;overflow: hidden;margin-bottom:5px;}
.projection-group-lab {position:absolute;left:0;top:20px;font-size:15px;line-height:20px;padding:0 8px;color:#fff;background-color: rgba(0,0,0,.3);z-index: 1;}
.projection-group-img {position:absolute;top:50%;transform:translateY(-50%);width:90px;}
.projection-group-img img {width:100%;}
.projection-group-box {margin-left:90px;padding: 0 80px 0 20px;position:relative;}
.projection-group-title {line-height:50px;height:50px;font-size:15px;white-space: nowrap;}

.group-block {position: relative;margin: 0 5px 5px 0;display: inline-block;font-size: 0;border-radius: 4px;overflow: hidden;}
.group-block img {display: block;}
.group-block .product-text {position: absolute;left: 0;right: 0;bottom: 0;color: #fff;background-color: rgba(0,0,0,0.3);}
.group-block .product-text p {color: #fff;padding: 0 5px;}
.group-block .product-text span {color: #fff;}

.attr-group-rank {width: 100%; max-width: 83%; text-align: center;}
.attr-group {overflow: auto; display: block;height: 600px;}
.attr-group thead th{white-space: nowrap;}

.product_show_group {overflow: auto; display: block;height:540px;}
.product_show_group_container{display: flex;margin-bottom: 10px;}
.product_show_group_container .left-block{flex:0 0 100px;padding:0px 10px;}
.product_show_group_container .left-block img{width: 108px;height: 216px;}
.product_show_group_container .left-block h3{margin: 10px 0px;}
.product_show_group_container .left-block p {margin-top: 5px;}
.product_show_group_container .right-block{flex: 1;}
.product_show_group_container .right-block.border{border: 1px solid #ECECEC;border-radius: 4px;margin-right: 10px;}
.product_show_group_container .right-block img{width: 60px;height: 80px;}
.product_show_group_container .right-block ul{display: flex;flex-wrap: wrap;}
.product_show_group_container .right-block li {display: inline-block;padding: 10px;background:#F8F8F8;border: 1px solid #ECECEC;border-radius: 4px;color: #333333;flex:0 0 24%;margin-right: 5px;margin-bottom: 5px;}
.product_show_group_container .right-block li .expend-span{width: unset;height: unset;min-height: unset;}
.product_show_group_container .right-block .product_show_group_container.mt-10:not(:last-child){border-bottom: 1px solid #eee;}
.product_show_group_container .right-block .product_show_group_container.mt-10{margin: 10px;}
.product_show_group_container .right-block .product_show_group_container.mt-10:last-child{margin-bottom: 0px;}
.product_show_group_container .left-block .rank-group{position: absolute;left: 88px;background-color: rgba(0,0,0,0.4);color: #fff;height: 16px;font-size: 10px;min-width: 30px;text-align: center;line-height: 16px;margin-top: 200px;padding: 0 5px;}

.display-mulit {display: none;}
.status-mulit-1 .display-mulit {display: block;}
.status-mulit-1 a.display-mulit {display: inline;}
.status-mulit-1 td.display-mulit,.status-mulit-1 th.display-mulit {display: table-cell;}
#display-mulit {display: none;}
.status-mulit-1 #display-mulit {display: inline-block;}

.yw-play {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f2f2f2;z-index: 1000;padding: 10px;}
.yw-menu {width: 290px;border-radius: 4px;background-color: #fff;padding: 10px 0;position: absolute;}
.yw-menu li.active {background-color: #f2f2f2;border-right: 3px solid #ff6000;}
.yw-menu .product-block {margin: 0;}
.yw-menu .product-block p {height: 20px;overflow: hidden;}
.yw-menu .ind {display: inline-block;width: 40px;height: 40px;text-align: center;vertical-align: middle;line-height: 40px;}
.yw-block {margin: 0 0 10px 300px;display: block;background-color: #fff;min-height: 200px;border-radius: 4px;}
.yw-detail .img {width: 300px;height: 400px;float: left;}
.yw-detail .img img {width: 100%;}
.yw-detail .content {padding: 10px;}
.yw-detail h2 {line-height: 32px;border-bottom: 1px solid #ccc;font-size: 16px;}
.yw-detail p {font-size: 14px;}
.yw-detail .color-list li {display: inline-block;position: relative;}
.yw-detail .color-list li img {width: 60px;height: 80px;}
.yw-detail .color-list li p {display:block;position:absolute;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.4);color: #fff;text-align: center;font-size: 12px;}
.yw-detail .attr-list {padding: 10px 0;}
.yw-detail .attr-list li {display: inline-block;min-width: 100px;}

.checkbox-inline input.show_data_set ~ span:after{top: 46%;}

.suggestion-head {font-size:18px;line-height:2;border:1px solid #333;text-align: center;}
.suggestion-head h1 {font-size:18px;border-bottom:1px solid #333;}
.suggestion-head li .print {font-size:12px;line-height:28px;float:right;padding-right:5px;color:#333;}
.suggestion-head li {font-size:14px;padding-left:5px;text-align:left;border-bottom:1px solid #333;}
.suggestion-head li:last-child {border-bottom:0;}
.suggestion-head li span {float:right;width:220px;padding:0 5px;border-left:1px solid #333;}
.suggestion-body section {margin-top:10px;}
.suggestion-body .section-title {padding:5px;text-align:left;border:1px solid #333;border-bottom:0;}
.suggestion-body .section-title:hover b {color: #0097fd;}
.suggestion-body table {width:100%;border-collapse:collapse;text-align:right;border:1px solid #333;border-top: none;}
.suggestion-body td {font-size:12px;padding-right:2px;border:1px solid #333;text-align: center;}
.suggestion-body th {font-size:12px;padding-right:2px;border:1px solid #333;border-top: none;text-align: center;}
.suggestion-body section table:first-of-type tr:first-of-type {border-top:1px solid #333;}
.suggestion-body .size {min-width:20px;max-width:40px;}
.suggestion-body .sm {width:50px;}
.suggestion-foot {margin-top:10px;text-align: center;}
.suggestion-foot p {text-align: -webkit-auto;}
.suggestion-foot ul {text-align:left;border:1px solid #333;}
.suggestion-foot li {padding-left:5px;border-bottom:1px solid #333;}
.suggestion-foot li:last-child {border-bottom:0;}
.suggestion-foot li span {display:inline-block;width:60px;}
.suggestion-foot table {width:100%;margin-top:10px;border-collapse:collapse;border:1px solid #333;table-layout:fixed;}
.suggestion-foot td {height:30px;border:1px solid #333;font-size: 14px;}
.suggestion-foot .sign td {height:50px;}
.suggestion-foot .tk {width:100px;}

.submaster-fast-management .modal-body {padding-bottom: 0px;padding-top: 0px;}
.submaster-fast-management .modal-head {padding: 10px 0px;}
.submaster-fast-management .modal-body-content {display: flex;border:1px solid #e7e7e7;height: 400px;border-radius: 4px;}
.submaster-fast-management .modal-body-content .modal-body-content-left {position: relative;width: 200px;padding: 16px;border-right: 1px solid #e7e7e7;padding-top: 50px;padding-bottom: 0px;}
.submaster-fast-management .fair-list {display: flex;flex-direction: column;overflow-y: auto;height: 330px;padding-right: 5px;}
.submaster-fast-management .fair-list .fair-item {width: 100%;padding: 12px;border: 1px solid #e7e7e7;margin-top: 5px;}
.submaster-fast-management .submaster-list {display: flex;flex-wrap: wrap;overflow-y: auto;height: 100%;align-content: flex-start;}
.submaster-fast-management .submaster-list .submaster-item {border-radius: 4px;padding: 5px;margin-bottom: 16px;min-width: 80px;height: 40px;margin-right: 12px;border: 1px solid #e7e7e7;text-align: center;line-height: 30px;}
.submaster-fast-management .fair-list .active.fair-item {background-color: #ff6100;color: white;border: 1px solid white;border-radius: 4px;}
.submaster-fast-management .submaster-list .active.submaster-item {background-color: #ff6100;color: white;}
.submaster-fast-management .modal-body-content .modal-body-content-right {position: relative;width: 560px;overflow-y: auto;padding: 16px;padding-top: 50px;border-right: 1px solid #e7e7e7;}
.submaster-fast-management .modal-footer {border: unset;}
.submaster-fast-management .fair-list .fair-item-all {height: 55px;width: 100%;padding: 12px;border: 1px solid #e7e7e7;}
.submaster-fast-management .submaster-list .submaster-item-all {margin-bottom: 16px;width: 80px;height: 40px;margin-right: 12px;border: 1px solid #e7e7e7;text-align: center;line-height: 40px;}
.submaster-fast-management .fair-list .active.fair-item-all {background-color: #ff6100;color: white;border: 1px solid white;}
.submaster-fast-management .submaster-list .active.submaster-item-all {margin-bottom: 10px;background-color: #ff6100;color: white;}
.modal-body-content-left-header, .modal-body-content-right-header{position: absolute;top: 0px;height: 50px;line-height: 50px;}

.copy-suggestion-box {height:410px;}
.copy-suggestion-box p {line-height:32px;}
.copy-suggestion-box .table-group {margin-top:10px;}
.copy-suggestion-box .search-group {width:160px;margin-right:20px;margin-bottom:0;}
.copy-suggestion-box .search-group .search-input {width:116px;}
.copy-suggestion-box .copy-num-input {font-size:12px;line-height:1;position:relative;width:60px;height:32px;padding:0 10px;border:1px solid #e7e7e7;}
.copy-suggestion-box .selected-list .item {line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;}
.copy-suggestion-box .selected-list .item>.del-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.copy-suggestion-box .selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.copy-suggestion-box .selected-list .item:hover>.del-item {visibility:visible;color:#ff6100;}

.receipt {position:relative;width:800px;font-size: 15px}
.receipt-section h1 {text-align: center;margin-bottom: 20px;}
.receipt-section p {margin-bottom: 10px}
.receipt-section span {font-size: 13px}
.receipt-section .member {margin-top: 10px;margin-right: 100px}
.receipt-section .company {margin-top: 10px}
.receipt-section .time {margin-top: 20px;}
.receipt-section .form-control {font-size:12px;line-height:1;position:relative;height:23px;padding:0 10px;border:1px solid #ffffff;border-bottom: 1px solid #e7e7e7;width:170px;}
.receipt-section textarea.form-control {height:auto;padding:10px 10px;resize:none;border:1px solid #e7e7e7;border-radius: 5px;}

.tc {text-align: center;}
.show-set {min-width: 240px; min-height: 120px;}
.show-name {position: absolute;margin-top:-5px;}
.inline-block {display: inline-block;}
.inline-block.press-button {padding:0 10px;min-width: 80px; height:45px;line-height: 45px;border:1px solid #ededed; text-align: center;}
.inline-block.press-button a {color:#000;}
.container-img {position: relative;}
.container-img>img {display: block;}
.container-img .desc {position: absolute;bottom: 0;display: block;background-color: rgba(0,0,0,0.4);color: #fff;left: 0;right: 0;padding: 5px;}
.container-img .desc.overhide {height:30px;overflow:hidden;white-space:nowrap;}
.container-img:hover .desc {background-color: rgba(0,0,0,0.7);}

.group-sequence {width: 0;height: 0;border-bottom: 32px solid #000000;border-right: 32px solid transparent;color: white;text-align: center;position: absolute;bottom: 0px}
.group-sequence span {font-size:16px;position:relative;bottom: -16px;display: block;padding-left: 2px}
.attribute_row {display: none;}
.show-order-record i {font-size: 12px;}

.member-percent-dealer {margin-bottom: 53px;overflow: auto;}
#dealer {margin-bottom: 60px}
.dealer-print {left: 0;bottom:0px;position:fixed;right:0;z-index:99;padding:10px 15px;border-top:1px solid #eee;background-color:#fff;}
.dealer-print .print {float: right;}

.big-a-fontsize {font-size: 12px;padding: 18px}

.arrow-container {display: inline-block;float: right;}
.arrow-left {position: relative;z-index: 100;}
.arrow-left::before {content: '';position: absolute;border-left: 10px solid;border-top:10px solid;border-right: 10px solid;border-bottom: 10px solid;border-color: transparent transparent transparent #0097fd;left: -18px}
.arrow-left::after {content: '';position: absolute;border-left: 10px solid;border-top:10px solid;border-right: 10px solid;border-bottom: 10px solid;border-color: transparent transparent transparent white;left: -20px;}
.arrow-right {position: relative;}
.arrow-right::before {content: '';position: absolute;border-left: 10px solid;border-top:10px solid;border-right: 10px solid;border-bottom: 10px solid;border-color: transparent transparent transparent #0097fd;left: -10px}
.arrow-right::after {content: '';position: absolute;border-left: 10px solid;border-top:10px solid;border-right: 10px solid;border-bottom: 10px solid;border-color: transparent transparent transparent white;left: -12px;}

 
@media (max-width:1024px) { 
	.ps-table .options {width: 80px;}
	.pad-hide {display: none!important;}
}

.show-group-box { overflow-x: auto; width: 350px; overflow-y: hidden; white-space: nowrap; }
.show-rank-list-box .list-box {overflow:hidden;white-space:nowrap;}
.show-rank-list-box .selected-list {line-height:32px;}
.show-rank-list-box .selected-list .item {line-height:20px;display:inline-block;margin-right:10px;padding:4px 4px 4px 10px;border-radius:4px;background-color:#f2f2f2;border:1px solid #f2f2f2;}
.show-rank-list-box .selected-list .item>.del-item {display:inline-block;visibility:hidden;width:14px;height:14px;margin-left:8px;cursor:pointer;}
.show-rank-list-box .selected-list .item:hover {color:#ff6100;border:1px solid #ff6100;}
.show-rank-list-box .selected-list .item:hover>.del-item {visibility:visible;color:#ff6100;}
.show-rank-list-box .search-group {margin:0;display:block;}
.show-rank-list-box .table-group {height:360px;}
.show-rank-list-box .inner-head {position:absolute;left:0;right:0;padding:0 20px;background-color:#fff;}
.show-rank-list-box .inner-body {position:absolute;top:60px;left:0;right:0;padding:0 20px;background-color:#fff;overflow-y:auto;height:340px;}
.show-rank-list-box .inner-footer {height:60px;position:absolute;bottom:0;left:0;right:0;background-color:#fff;padding:20px 20px 20px 0;z-index:2;}
.show-rank-list-box table {margin:0;}
.show-rank-list-box .color-list {margin-bottom:-10px;}
.show-rank-list-box .color-list span {display:inline-block;background-color:#fff;border:1px solid #ddd;color:#333;padding:6px 10px;margin-right:10px;cursor:pointer;margin-bottom:10px;}
.show-rank-list-box .color-list span.active {background-color:#2abc59;color:#fff;}
.show-group-box .container-img .desc.overhide { height: 20px; }
.show-group-box .container-img .desc { padding: 0; }

.right-modal-box .modal-header { padding: 0; border-bottom: none; line-height: 50px; }
.right-modal-box .modal-header .btn-close { margin: 15px 15px 0 0; }
.right-modal-box .detail-body-inner { background: #fff; }

.scoller-x { overflow-x: auto; }
.scoller-x td, .scoller-x th { white-space: nowrap; }

.table-merge-wrap td { vertical-align: top; }
.table-merge { width: 100%; }
.table-merge th, .table-merge td  { padding: 0 5px !important; }
.table-merge th:last-child, .table-merge td:last-child { padding-right: 0;}
.scoller-x td, .scoller-x th { white-space: nowrap; }

.site-content-box.no-padding { padding: 0; }
.meeting-detail-box { position: relative; width: 100%; background-color: #f2f2f2; }
.meeting-detail-box .left-view { position: absolute; left: 0; top: 0; width: 280px; bottom: 0; background-color: #fff; border-radius: 5px;  overflow: hidden; }
.meeting-detail-box .right-view { position: absolute; right: 0; top: 0; width: 280px; bottom: 0; background-color: #fff;  border-radius: 5px; overflow: hidden;}
.meeting-detail-box .center-view { width: 375px; margin: 0 auto; background-color: #fff; min-height: 667px;  border-radius: 5px; overflow: hidden; }
.meeting-detail-box .card-head { line-height: 36px; }
.component-title { color: #666; font-size: 14px; font-weight: bold; }
.component-line { height: 20px; }
.component-wrap { font-size: 0; }
.component-item { display: inline-block; width: 50%; font-size: 12px; line-height: 38px; color: #999; padding-left: 24px; cursor: pointer; user-select: none; }
.component-item-icon { display: inline-block; vertical-align: text-top; margin-right: 5px; width: 14px; height: 14px; background-image: url(../img/component_icons.png); background-size: 14px 14px; background-repeat: no-repeat; background-size: 140px auto; }
.component-item-icon.icon-name { background-position: -15px 0; }
.component-item-icon.icon-mobile { background-position: -120px 0; }
.component-item-icon.icon-text { background-position: -90px 0; }
.component-item-icon.icon-input { background-position: -60px 0; }
.component-item-icon.icon-radio { background-position: -75px 0; }
.component-item-icon.icon-checkbox { background-position: -105px 0; }
.component-item-icon.icon-date { background-position: -30px 0; }
.component-item-icon.icon-city { background-position: -45px 0; }

.component-icon { display: inline-block; font-size: 14px; margin-right: 4px;}

.meeting-detail-box .left-block { min-width: 70px; padding-left: 10px; }
.meeting-detail-box .right-block { width: 180px; }
.meeting-detail-box .img-upload {position:relative;width:100px;height:100px;display:block;text-align:center;color:#fff;line-height:100px; margin-bottom: 0;}
.meeting-detail-box .img-upload:hover {color:#fff;}
.meeting-detail-box .img-upload input[type=file] {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.meeting-detail-box .img-upload-rm { display: none; position: absolute; top: 0; right: 0; color: #ff6100; line-height: 20px; padding: 5px; }
.meeting-detail-box .img-upload:hover .img-upload-rm { display: block; }
.meeting-detail-box .file-upload {position:relative;min-width:100px;height:32px;display:inline-block;color:#ff6100;line-height:32px; margin-bottom: 0; }
.meeting-detail-box .file-upload input[type=file] {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.meeting-detail-box .link { color: #ff6100; }
.meeting-detail-box .area-preview-btn { display: none; }
.meeting-detail-box .area-preview-btn.show { display: inline-block; }

.meeting-btn-group { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.meeting-edit-header { position: relative; }
.meeting-edit-header .bg { width: 100%; z-index: -1; display: inherit; }
.meeting-edit-header .title { position: absolute; top: 40px; left: 40px; right: 40px; text-align: center; color: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; }

.meeting-edit-item { border: 1px dashed #fff; position: relative; min-height: 32px;}
.meeting-edit-item:hover { border-color: #ff6100; }
.meeting-edit-item.active { border-color: #ff6100; }
.meeting-item-tools { display: none; position: absolute; right: 0; bottom: 0; text-align: right; }
.meeting-item-tool { display: inline-block; font-size: 12px; }
.meeting-edit-item:hover .meeting-item-tools { display: block; }
/*.meeting-edit-item.active .meeting-item-tools { display: block; }*/
.meeting-setting-btns { position: relative; }
.meeting-setting-btnx { height: 50px !important; padding: 10px; width: calc(100% - 25px); }
.meeting-setting-btn { position: absolute; right: 0; width: 25px; height: 25px; border: 1px solid #ccc; line-height: 25px; text-align: center; cursor: pointer;}
.meeting-setting-btn:nth-child(2) { top: 0; border-bottom: none; }
.meeting-setting-btn:nth-child(3) { top: 25px; }

.radio-item .left-block { visibility: hidden; }
.radio-item:nth-child(3) .left-block { visibility: visible; }
.radio-item:nth-child(2) .left-block { visibility: visible; }

/*会务组件样式*/
.meeting-item-content { position: relative; overflow: hidden; }
.meeting-item-content.extend { display: none; }
.meeting-edit-item .meeting-item-content { pointer-events: none; }
.meeting-item-content:before, .meeting-item-content:after {line-height:0;display:table;content:'';}
.meeting-item-content:after {clear:both;}
.meeting-item-left { float: left; font-size: 14px; line-height: 32px; height: 32px; text-align: right; vertical-align: top; color: #888; width: 98px; white-space: nowrap; overflow: hidden; }
.meeting-item-right { font-size: 14px; position: relative; width: 232px; vertical-align: top; display: inline-block; line-height: 32px; margin-left: 10px; }

.meeting-item-input { padding: 10px 0; }
.meeting-item-input .item-control {font-size:14px;line-height:1;position:relative;width:100%;height:32px;padding:0 10px;border:1px solid #e7e7e7;}
.meeting-item-input textarea.item-control { height:auto;padding:10px 10px; resize:none; }

.meeting-item-text { padding: 10px; color: #ff6100; font-size: 14px; line-height: 20px; word-break: break-all;}

.meeting-item-radio { padding: 10px 0; }
.meeting-item-radio .meeting-radio-wrap { border: 1px solid #dcdcdc; border-radius: 4px; }
.meeting-item-radio .meeting-radio-title { background-color: #F6F6F6; line-height: 32px; min-height: 32px; font-size: 14px; padding: 0 10px; color: #888; }
.meeting-item-radio .meeting-radio-item { font-size: 14px; line-height: 32px; padding: 0 16px; }
.meeting-item-radio .meeting-radio-item + .meeting-radio-item { border-top: 1px solid #F1F2F6; }

.meeting-item-radio.style-radio .meeting-radio-item input[type='radio'] {position:absolute;z-index:-1;margin-left:-20px;opacity:0;filter:alpha(opacity=0);}
.meeting-item-radio.style-radio .meeting-radio-item label {display: inline-block;margin-right:20px; padding-left: 16px;}
.meeting-item-radio.style-radio .meeting-radio-item input ~ span {position:relative;display:inline-block;padding-left:22px;cursor:pointer;vertical-align:middle;}
.meeting-item-radio.style-radio .meeting-radio-item input ~ span:before {position:absolute;z-index:1;top:50%;left:0;width:14px;height:14px;margin-top:-7px;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border:1px solid #999;border-radius:50%;}
.meeting-item-radio.style-radio .meeting-radio-item input ~ span:after {position:absolute;z-index:1;top:50%;left:6px;width:0;height:0;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-radius:50%;background-color:#dcdcdc;}
.meeting-item-radio.style-radio .meeting-radio-item input:checked ~ span:before {border:2px solid #dcdcdc;}
.meeting-item-radio.style-radio .meeting-radio-item input:checked ~ span:after {top:50%;left:4px;width:6px;height:6px;transform:translateY(-50%);}
.meeting-item-radio.style-radio .meeting-radio-item input[disabled] ~ span:before {border-color:#e5e6e6;}
.meeting-item-radio.style-radio .meeting-radio-item input[disabled]:checked ~ span:after {background-color:#e5e6e6;}

.meeting-item-radio.style-checkbox .meeting-radio-item label {display:inline-block;margin-right:20px;padding-left: 16px;}
.meeting-item-radio.style-checkbox .meeting-radio-item input[type='checkbox'] {position:absolute;z-index:-1;margin-left:-20px;opacity:0;filter:alpha(opacity=0);}
.meeting-item-radio.style-checkbox .meeting-radio-item input ~ span {font-size:12px;position:relative;display:inline-block;padding-left:22px;cursor:pointer;vertical-align:middle;}
.meeting-item-radio.style-checkbox .meeting-radio-item input ~ span:before {position:absolute;z-index:1;top:50%;left:0;width:14px;height:14px;margin-top:-8px;content:'';-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border:1px solid #999;}
.meeting-item-radio.style-checkbox .meeting-radio-item input ~ span:after {position:absolute;z-index:1;top:0;left:0;width:0;height:0;content:'';background-image:url(../img/checkbox.png);}
.meeting-item-radio.style-checkbox .meeting-radio-item input:checked ~ span:before {background-color:#dcdcdc;border:none;}
.meeting-item-radio.style-checkbox .meeting-radio-item input:checked ~ span:after {width:14px;height:14px;margin-top:-7px;top:50%;}
.meeting-item-radio.style-checkbox .meeting-radio-item input[disabled] ~ span:before {border-color:#e5e6e6;}
.meeting-item-radio.style-checkbox .meeting-radio-item input[disabled]:checked ~ span:after {background-color:#e5e6e6;}

.meeting-info .site-container {width:95%}
.meeting-info .site-container .site-content-box {padding:0px;position: relative;background-color: #f8f8f8;}
.meeting-info .site-container .info-nav {display: inline-block;background-color: white;text-align: center;width: 8%;border-radius: 5px}
.meeting-info .site-container .info-nav a {position: relative;width: 100px;height: 50px;line-height: 50px;text-align: center;}
.meeting-info .site-container .info-nav .active a {color:#ff6100;}
.meeting-info .site-container .info-content {display: inline-block;width: 91.5%;float: right;}

.meeting-item-area { padding: 10px 0; }
.meeting-item-area .meeting-item-area-block + .meeting-item-area-block { margin-top: 20px; }
.meeting-item-area .item-control {font-size:14px;line-height:1;position:relative;width:100%;height:32px;padding:0 10px;border:1px solid #e7e7e7;}

.roomtype-content .roomtype-head {position: relative;height: 50px;line-height: 50px;margin-bottom: 10px}
.roomtype-content .roomtype-head span {font-size: 15px}
.roomtype-content .roomtype-body ul li {background-repeat:no-repeat;background-image:url(../img/room/single.png);;width:28%;height:0;padding-bottom: 17%;margin-left: 4%;margin-bottom: 3%;display: inline-block;border: 1px white solid;position: relative;text-align: left;font-size: 20px;background-repeat:no-repeat;background-size: 100% 100%;}
.room-type.iconfont.icon-close {visibility:hidden;font-size: 20px;color: #f2f2f2;position: absolute;top: -6px;right: -6px}
.roomtype-content .roomtype-body ul li:hover .room-type.iconfont.icon-close {visibility:unset;}
.roomtype-content .roomtype-body ul li:nth-child(1) {background-repeat:no-repeat;background-image:url(../img/room/single.png);}
.roomtype-content .roomtype-body ul li:nth-child(2) {background-repeat:no-repeat;background-image:url(../img/room/standard.png);}
.roomtype-content .roomtype-body ul li:nth-child(3) {background-repeat:no-repeat;background-image:url(../img/room/trible.png);}
.roomtype-content .roomtype-body ul li .roon-type-content {padding: 10px;position: absolute;top: 10%;left: 5%;width: 70%;height: 50%;background-color: rgb(77, 84, 103,0.5);}
.roomtype-content .roomtype-body ul li span {display: block;margin-top: 10px;font-size: 15px;color: white}
.roomtype-content .roomtype-body ul li a div {position: absolute;width: 25px;height: 25px;color: white;background-color: #ff6100;border: 1px solid #ff6100;top: 10%;right: 5%;text-align: center;line-height: 25px;font-size: 25px;border-radius: 3px}

.meeting-info .car .card-body {padding: 0;border-top:10px solid #f8f8f8;display: flex;}
.meeting-info .car .card-left {position:relative;height:430px;max-height:430px;width:16%;display: inline-block;border-right:10px solid #f8f8f8;}
.meeting-info .car .cart-content {width:83%;display: inline-block;padding:10px;}
.meeting-info .car .card-left li {cursor:pointer;padding: 10px 10px; margin:10px 20px;background-color: #ededed;text-align: center;border-radius: 5px;}
.meeting-info .car .card-left li.active {color:#ff6000;}
.meeting-info .car .card-left .export {position:absolute;width:100%;bottom:0;text-align: center;border-top:10px solid #f8f8f8;padding:15px 0;}
.meeting-info .car section {margin-bottom:10px;}
.meeting-info .car .section-title {padding:5px;text-align:left;border:1px solid #333;border-bottom: 0;}
.increase-form-group {display: none}
.create-form-group {display: none}

.full-page #app-sidebar { display: none; }
.full-page #app-container-top { display: none; }
.full-page #app-container { padding-left: 0; }
.full-page #app-container .app-inner { margin-top: 0; }
.full-page .app, .fullpage .app { left: 0; top: 0; }
.widget-box ul li.flex-2 { -webkit-box-flex:2;-webkit-flex:2;-moz-box-flex:2;-ms-flex:2;flex:2; }
.widget-box-left { margin-right: 410px; }
.widget-box-right { width: 400px; padding: 0 19px; height: 400px; overflow: hidden; border-left: 1px solid #ededed; float: right; }
.widget-box-right::-webkit-scrollbar {display: none;}
.lives-data-echart { height: 400px; }
.lives-data-chart-contain { height: 400px; }
.lives-data-chart { position: relative; }
.lives-data-chart-select { position: absolute; right: 20px; top: 20px; }

.widget-text-list { position: relative; padding: 0 10px; }
.widget-text-item { position: relative; line-height: 32px; }
.widget-text-item-left { position: relative; }
.widget-text-item-right { float: right; width: 80px; }

.dynamic-order-dash li { color: #fff; margin: 0 10px; height: 70px; padding: 15px; overflow: hidden; position: relative; }
.dynamic-order-dash li .number { font-size: 24px; text-align: center; margin: 0 0 20px; }
.dynamic-other-dash ul { margin: 0 -10px; }
.dynamic-other-dash li { color: #fff; margin: 0 10px; height: 70px; padding: 15px; overflow: hidden; position: relative; }
.dynamic-other-dash li .number { font-size: 24px; text-align: center;line-height: 1; padding-top: 20px; }
.order-record-title { padding: 0 20px; line-height: 39px; font-size: 14px; color: #666; font-weight: 600; position: relative; background-image: url(../img/order-record-title.png); background-size: cover; }
.order-record-title span { position: absolute; right: 20px; color: #EA0404;   }
.order-record-list { overflow-x: hidden; overflow-y: auto; height: 365px; }
.order-record-list::-webkit-scrollbar {display: none;} 
.order-record-item {padding: 5px 70px 5px 20px; margin-bottom: 5px; font-size: 12px; color: #666; font-weight: 500; height: 40px; position: relative; border: 1px solid #ededed;}
.order-record-item p { margin-bottom: 5px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.order-record-item .time { position: absolute; top: 14px; right: 20px; font-size: 14px; line-height: 1;color: #999; }

.modal-dialog.record-modal {width:800px;}
.modal-dialog.record-modal .modal-body { max-height: 600px; height: 600px; }
.modal-dialog.olstaus_slave {min-height: 200px;max-width: 800px; min-width: 450px;width: auto;}
.record-detail-title { line-height: 20px; position: relative; padding-left: 10px; }
.record-detail-title:after { position: absolute; content: ""; top: 50%; left: 0; margin-top: -5px; height: 10px; width: 3px; background-color: #ff6100; }
.record-detail-content { height: 280px; overflow-y: auto; }
.record-detail-title-right { float: right; margin-top: -6px; }
.record-detail-date { display: inline-block; width: 120px; }
.record-detail-date input { font-size:12px;line-height:1;position:relative;width:100%;height:32px;padding:0 10px;border:1px solid #e7e7e7; }

.decrease-order .icon-laydate{width: 160px}
.lives-invite .input-group { margin-bottom: 20px; }
.lives-invite img { width: 300px; height: 300px; margin: 0 auto; display: block; }
.lives-invite label.name {line-height: 32px; float: left; width: 90px; text-align: right; padding-right: 10px; }

.lives-comment { background-color: #f8f8f8; padding: 0; }
.lives-comment li { margin-right: 20px; background-color: #fff; padding: 20px; }
.lives-comment-preview { width: 421.875px; height: 750px; margin: 0 auto; background-color:rgb(0,0,0); position: relative; float: left;}
.lives-comment-preview .video-info { position: absolute; right: 0; color: green; font-size: 14px; padding: 0 10px; line-height: 28px; z-index: 10; }
.lives-comment-preview .online-info { position: absolute; color: green; font-size: 14px; padding: 0 10px; line-height: 28px; z-index: 10; }
.lives-comment-preview .enter-info { position: absolute; bottom: 0; left: 10px; color: #ff6100; line-height: 32px; font-size: 12px; z-index: 1; }
.lives-comment-preview .lives-preview-play { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); }
.lives-comment-preview .start-btn { font-size: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; pointer-events: none;  }
.lives-comment-preview #id_video_container { width: 100%; height: 100%; }
.lives-comment-preview .vcp-controls-panel { display: none; }
.lives-comment-wrap { height: 750px; position: relative; padding: 90px 10px 45px; margin-left: 421.875px; background-color: #fff; }
.lives-comment-wrap::-webkit-scrollbar { display: none;}
.lives-comment-item { margin-bottom: 10px; position: relative; padding-right: 40px; border-bottom: 1px solid #ececec; }
.lives-comment-text { line-height: 32px; color: #999; font-size: 24px; display: inline-block; padding: 0 10px; }
.lives-comment-text b { font-weight: 400; }
.lives-comment-text b.color-master { color: #ff6100 !important; }
.lives-comment-text .tips { font-size: 12px; border-radius: 4px; background: #ff6100; color: #fff; padding: 5px; vertical-align: bottom; }
.lives-comment-text .tips-keyword { background-color: #ff6100; }
.lives-comment-text .tips-mute { background-color: #000; }
.lives-comment-text .tips-csr { background-color: #4caf50; }
.lives-comment-item .at{display: none;}
.lives-comment-item:hover .at{cursor: pointer;position: absolute;right: 0;top: 0;width: 60px;height: 30px;line-height: 30px;text-align: center;vertical-align: middle;background-color: #fff;display: inline-block;color:#0097fd;}
.lives-comment-time { position: absolute; right: 0; line-height: 32px; top: 0; color: #999; }
.lives-comment-send { position: absolute; top: 10px; left: 0; right: 10px; padding-left: 10px; }
/*.lives-comment-send textarea { height: 70px; font-size: 16px; line-height: 20px; display: block; }*/
.lives-comment-send .textarea { height: 70px; font-size: 16px; line-height: 20px; display: block; border: 1px solid #ccc; padding: 10px; }
.lives-comment-send .textarea b { color: #66ccff; }
.lives-comment-list { height: 100%; overflow-y: auto; }
.lives-comment-list::-webkit-scrollbar { display: none; }
.lives-comment-bottom { border-top: 1px solid #ccc; padding-top: 5px; }
.lives-comment-bottom .mute {border: none;}
.lives-comment-send-btn { position: absolute; bottom: 0; right: 0; width: 60px; line-height: 30px; background-color: #ff6100; color: #fff; text-align: center; cursor: pointer; }
.lives-comment-poster-input { position: absolute; bottom: 0; right: 60px; width: 80px; line-height: 28px; height: 30px; border: 1px solid #ccc; color: #333; text-align: center; }

.price-table-wrap { display: none; }

.krpano-img-block { overflow-x: auto; }
.krpano-img-block::-webkit-scrollbar {width:6px;height:6px;}
.krpano-img-block::-webkit-scrollbar-thumb:horizontal {background-color:rgba(238, 237, 237, 1);border-radius:6px;}
.krpano-img-block::-webkit-scrollbar-thumb:horizontal:hover {background-color:rgba(0, 0, 0, .6);}
.krpano-img-list { white-space: nowrap; }
.krpano-img-box { width: 200px; height: 100px; border: 1px solid #ccc; display: inline-block; margin: 0 20px 20px 0; position: relative; vertical-align: top; }
.krpano-img-box.active {border: 1px solid #ff6000;}
.krpano-img-box .ind {position: absolute;background-color: rgba(0,0,0,.6);left: 0;top: 0;border-bottom-right-radius: 10px;font-size: 12px; color: #fff; text-align: center; width: 36px; padding-right: 5px; line-height: 20px;}
.krpano-img-box img { width: 100%; height: 100%; }
.krpano-img-box .krpano-img-clear { position: absolute; right: 0; top: 0; transform: translate(50%, -50%); font-size: 16px; }
.krpano-img-add { width: 200px; height: 100px; border: 1px dashed #ccc; display: inline-block; line-height: 100px; position: relative; text-align: center; vertical-align: top; }
.krpano-img-add .text { color: #999; }
.krpano-img-add input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; }
.krpano-view {background-color: #efefef;}
.krpano-tools {position: absolute;left: 670px;right: 0; background-color: #fff; padding: 10px;}
.krpano-tools h2 {font-size: 14px; line-height: 26px; font-weight: 400; margin-top: 20px;}
.krpano-opt {background-color: #fff;margin-top: 10px;}
.krpano-opt .form-group .right-block {width: auto;}
#krpano {width: 640px;height: 400px;}
.hotspots {background-color: #eee;padding: 20px 10px;border-radius: 4px;display: flex;}
.hotspot {flex: 1;width: 30px;height: 30px;cursor: pointer;}
.hotspot.movable {position: absolute;z-index: 100;}
.hotspot-0 {width: 30px;height: 30px;background-color: #fff;border-radius: 50%;}
.hotspot-1 {background: url(../img/krpano/hs1.png) center no-repeat;background-size: 30px;}
.hotspot-2 {background: url(../img/krpano/hs2.png) center no-repeat;background-size: 30px;}
.hotspot-3 {background: url(../img/krpano/hs3.png) center no-repeat;background-size: 30px;}
.hotspot-4 {background: url(../img/krpano/hs4.png) center no-repeat;background-size: 30px;}
.hotspot-5 {background: url(../img/krpano/hs5.png) center no-repeat;background-size: 30px;}
.display {position: relative;display: inline-block;border: 1px solid #ededed;border-radius: 2px;overflow: hidden;cursor: pointer;font-size: 0;}
.display h2 {position: absolute;left: 0;right: 0;height: 20px;background-color: rgba(0,0,0,0.3);color: #fff;bottom: 0;text-align: center;overflow: hidden;line-height: 20px;font-size: 12px;}
.display .ind {position: absolute; background-color: rgba(0,0,0,.6); left: 0; top: 0; border-bottom-right-radius: 5px; font-size: 12px; color: #fff; text-align: center; width: 25px; padding-right: 5px; line-height: 15px;}
.display.active {border: 1px solid #ff6000;}

.table-group.member-mode .form-group {display: inline-block;}
.table-group.member-mode .table-tools {display: inline-block;}
.duration-flow-wrap { display: flex; width: 600px; margin: 0 auto; padding: 30px 0; }
.duration-flow-item { flex: 1; text-align: center; line-height: 30px; }
.duration-flow-item + .duration-flow-item { border-left: 1px solid #ccc; }

.krpano-img-list-block { margin-left: -120px; padding-left: 130px; width: 100%; display: inline-block; }
.krpano-img-list-block #cover_image {font-size: 18px;display: inline-block;width: 200px;height: 100px;text-align: center;color: #999;border: 1px solid #e7e7e7;background-color: #ededed;}
.krpano-img-set-box { background-color: #fff; margin-top: 10px; padding: 10px; }
.krpano-preview { padding: 10px; width: 660px; height: 420px; background-color: #fff; }
.krpano-opt .opt-Poit { position: relative; height: 275px; }
.krpano-opt .opt-Text {  height: 275px; position: relative; overflow-y: auto; }
.krpano-opt .display_list { position: absolute; height: 180px; overflow-y: auto; margin-bottom: 0; }
.krpano-opt .opt-Poit .display_list { height: 233px; }
.krpano-opt .btn { position: absolute; left: 50%; transform: translateX(-120px); bottom: 0; }
.krpano-opt .btn + .btn { transform: translateX(20px); }
.krpano-opt .display_list::-webkit-scrollbar {width:6px;height:6px;}
.krpano-opt .display_list::-webkit-scrollbar-thumb {background-color:rgba(238, 237, 237, 1);border-radius:6px;}
.krpano-opt .display_list::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}

.page-content-left-btns { background-color: #fff; padding: 20px; text-align: center; }
.page-content-left-btn.on { border: 1px solid #ff6100; color: #ff6100; }
.page-content-left-btn + .page-content-left-btn { margin-top: 20px; }
.page-content-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; padding: 12px 20px; border-top: 1px solid #eee; background-color: #fff; }

.report-content-left {position: fixed;top: 170px;bottom: 0;width: 180px;display: block;padding: 50px 20px;}
.report-content-left .inline-block.press-button {width: 150px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: bottom}
.report-content-left .inline-block.press-button.active {color: #fff;background-color: #0097fe;}
.report-content {position: absolute;left: 180px;top: 170px;right: 0;bottom: 50px;width: unset;overflow: auto;}
.report-content .modal-header {position: fixed;width: 820px;border-bottom:0;top:170px;}
.report-content .modal-body {position: relative;top:0;}
.report-content .modal-footer {position: fixed;right: 0;bottom: 0;width: 100%;padding: 10px 20px;}
.report-content .modal-footer .btn-info {color:#fff;border:none;background-color:#ff6600;}
.report-content .modal-footer .btn-confirm {color:#fff;border:none;background-color:#0097fd;}
.projection-box { display: flex; height: 100%; width: 100%; position: relative; }
.projection-box .video-info { position: absolute; right: 0; color: green; font-size: 16px; padding: 0 10px; line-height: 28px; z-index: 10; }
.projection-box .online-info { position: absolute; color: green; font-size: 16px; padding: 0 10px; line-height: 28px; z-index: 10; }
.projection-box .enter-info { position: absolute; bottom: 0; left: 10px; color: #ff6100; line-height: 32px; font-size: 12px; z-index: 1; }
.projection-box .projection-video { width: 0; }
.projection-box.has-video .projection-video { width: 56.25vh; }
.projection-video { width: 56.25vh; position: relative; background-color: #000; transition: .3s all; overflow: hidden; }
.projection-video-wrap { width: 100%; height: 100%; }
.projection-aside { flex: 1; background-color: #F8F8F8; position: relative; overflow: hidden; padding: 15px; display: flex; }
.projection-aside-left { width: 30vw; margin-right: 15px; flex-shrink: 0; }
.projection-aside-right { flex: 1; }
.projection-video .vcp-controls-panel { display: none; }
.projection-page { position: relative; height: 100%; width: 100%; }
.projection-live-category { height: 100%; position: relative; overflow: hidden; }
.projection-live-product { height: 100%; overflow-y: auto; position: relative; }
.projection-live-product::-webkit-scrollbar { display: none; }
.projection-live-product-show { height: 100%; overflow-y: auto; position: relative; padding-top: 70px; }
.projection-live-product-show::-webkit-scrollbar { display: none; }
.projection-live-comment { height: 100%; background-color: #fff; padding: 10px; border-radius: 10px; }
@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(2000px);transform:translateX(2000px) } 100%{-webkit-transform:translateX(0);transform:translateX(0) } } 
@keyframes slide-right{0%{-webkit-transform:translateX(2000px);transform:translateX(2000px) } 100%{-webkit-transform:translateX(0);transform:translateX(0) } } 
.projection-live-list { position: relative; animation: slide-right .3s; }
.projection-live-item { position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; min-height: 160px; }
.projection-live-item.on { border: 2px solid #ff6100; }
.projection-live-item + .projection-live-item { margin-top: 10px; }
.projection-live-lab { position: absolute; left: 0; top: 0; line-height: 20px; font-size: 12px; line-height: 20px; padding: 0 8px; color: #fff; background-color: rgba(0,0,0,.3); z-index: 1; border-bottom-right-radius: 10px; }
.projection-live-img { position: absolute; top: 50%; transform: translateY(-50%); width: 120px; }
.projection-live-img img { width: 100%; }
.projection-live-box { margin-left: 120px; padding: 0 80px 0 20px; position: relative; }
.projection-live-box:before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 1px; background-color: #eee; }
.projection-live-title { line-height: 50px; font-size: 18px; white-space: nowrap; }
.projection-live-title strong { margin-right: 20px; }
.projection-live-title-num { margin-left: 50px; display: inline-block; }
.projection-live-inner { display: -moz-flex; display: -webkit-flex; display: flex; padding-bottom: 25px; }
.projection-live-inner-left { padding-right: 10px; }
.projection-live-process-group { -moz-box-flex: 1; -webkit-flex: 1; flex: 1; }
.projection-live-process-lab { line-height: 30px; font-size: 18px; }
.projection-live-process-lab + .projection-live-process-lab { margin-top: 10px; }
.projection-live-process { position: relative; width: 100%;  }
.projection-live-process + .projection-live-process { position: relative; margin-top: 10px;  }
.projection-live-process-bg { height: 30px; background: linear-gradient(90deg, rgba(255, 204, 102, 1) 0%, rgba(255, 204, 102, 1) 0%, rgba(255, 127, 26, 1) 100%, rgba(255, 127, 26, 1) 100%); }
.projection-live-process-num { position: absolute; height: 30px; line-height: 30px; font-size: 18px; color: #ff6100; left: 0; right: 0; top: 0; background-color: #fff; transition: left 0.1s; }
.projection-live-process-num.on { padding-left: 10px; }
.projection-page1 .projection-live-bar-list .projection-live-bar-img {width:60px;}

.projection-live-bar-list { height: 100%; position: relative; /*-webkit-display: flex; display: flex;*/ text-align: center; background-color: #fff; border-radius:6px; }
.projection-live-bar-item { /*-webkit-flex: 1; flex: 1;*/ padding: 30px 15px 160px; height: 100%; display: inline-block; vertical-align: middle; }
.projection-live-bars { height: 100%; display: inline-block; font-size: 0; }
.projection-live-bar { position: relative; height: 100%; display: inline-block; font-size: 18px; }
.projection-live-bar + .projection-live-bar  { margin-left: 10px; }
.projection-live-bar-bg { width: 30px; height: 100%; background: linear-gradient(0, rgba(255, 204, 102, 1) 0%, rgba(255, 204, 102, 1) 0%, rgba(255, 127, 26, 1) 100%, rgba(255, 127, 26, 1) 100%); }
.projection-live-bar-num { position: absolute; bottom: 0; top: -25px; min-width: 32px; left: 50%; transform: translateX(-50%); text-align: center; color: #ff6100; background-color: #fff; transition: bottom 0.1s; display: grid; align-items: end; line-height: 25px; }
.projection-live-bar-skclist { font-size: 0; }
.projection-live-bar-skc { display: inline-block; vertical-align: text-top; overflow: hidden; width: 40px; line-height: 30px; height: 30px; font-size: 18px; white-space: normal; text-align: center; }
.projection-live-bar-info { margin-top: 5px; }
.projection-live-bar-txt { color: #333; line-height: 25px; font-size: 18px; }
.projection-live-product-num { font-size: 18px; }
.projection-live-switch { position: absolute; background-color: #fff; right: 20px; top: 10px; font-size: 0; z-index: 1; border: 1px solid #ddd; }
.projection-live-switch.up {top: 0}
.projection-live-switch.down {top: 35px}

.projection-live-switch-item { line-height: 25px; color: #333; font-size: 12px; display: inline-block; padding: 0 10px; cursor: pointer; }
.projection-live-switch-item + .projection-live-switch-item { border-left: 1px solid #ddd;}
.projection-live-switch-item.on { color: #ff6100; cursor: default; }

.projection-live-type-switch-item { line-height: 25px; color: #333; font-size: 12px; display: inline-block; padding: 0 10px; cursor: pointer; }
.projection-live-type-switch-item + .projection-live-switch-item { border-left: 1px solid #ddd;}
.projection-live-type-switch-item.on { color: #ff6100; cursor: default; }

.projection-discuss-switch-item { line-height: 25px; color: #333; font-size: 12px; display: inline-block; padding: 0 10px; cursor: pointer; }
.projection-discuss-switch-item + .projection-discuss-switch-item { border-left: 1px solid #ddd;}
.projection-discuss-switch-item.on { color: #ff6100; cursor: default; }

.projection-live-bar-info .rank_num {width: 30px;height: 30px;border-radius: 30px;border:1px solid;line-height: 30px;font-size: 20px;background: #ff6100;color:#ffffff}

.projection-live-group { overflow-x: auto; overflow-y: hidden; padding-bottom: 5px; border-radius: 10px; position: absolute; left: 5px; right: 0; top:5px;}
.projection-live-group::-webkit-scrollbar {width:6px;height:10px; }
.projection-live-group::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.projection-live-group::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}
.projection-live-group-detail { position: absolute; top: 215px; left: 0; right: 0; bottom: 0; }
.projection-live-group-list { height: 200px; white-space: nowrap; transform: translateZ(0); }
.projection-live-group-item { display: inline-block; width: 100px; height: 200px; position: relative; border-radius: 10px; overflow: hidden; }
.projection-live-group-item + .projection-live-group-item { margin-left: 10px; }
.projection-live-group-item:after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 2; }
.projection-live-group-item.on:after { display: none; }
.projection-live-group-item img { width: 100%; height: 100%; }
.projection-live-group-lab { position: absolute; left: 0; top: 0; line-height: 20px; font-size: 12px; color: #fff; padding: 0 8px; background-color: rgba(0,0,0,.3); }
.projection-live-group-name { position: absolute; left: 0; right: 0; bottom: 0; line-height: 20px; font-size: 12px; color: #fff; text-align: center; background-color: rgba(0,0,0,.3); }
.projection-live-group-top  {position: absolute;right: 10px;top: 2px;line-height: 20px;font-size: 12px;color: #ff6100;padding: 0 4px;border: 1px solid #ff6100;border-radius: 100%;background-color: #fff;}
.projection-live-group-top.pa-8 {padding: 0 7px;}
.projection-live-product-lab {position: absolute;right:5px;top:0px}
.projection-live-product-lab-item {padding: 3px;font-size: 12px;background-color: rgba(255, 60, 0, 0.5);border-radius: 5px;margin-bottom: 5px;text-align: center;color: white;}
.projection-live-product-lab-0 {background-color: rgba(255, 60, 0, 0.5)} 
.projection-live-product-lab-1 {background-color: rgba(234,12,236, 0.5);} 
.projection-live-product-lab-2 {background-color: rgba(217,0,27, 0.5);}
.projection-live-product-lab-3 {background-color: rgba(0,0,255, 0.5);}
.projection-live-product-lab-4 {background-color: rgba(132,0,255, 0.5);} 
.projection-live-product-lab-5 {background-color: rgba(0,191,191, 0.5);} 
.projection-live-product-lab-6 {background-color: rgba(112,182,3, 0.5);}

.projection-toggle-video { cursor: pointer; position: absolute; left: 0; top: 0; padding: 5px; width: 30px; background-color: #ff6100; color: #fff; text-align: center; }

.projection-web-switch-item { line-height: 25px; color: #333; font-size: 12px; display: inline-block; padding: 0 10px; cursor: pointer; }
.projection-web-switch-item + .projection-web-switch-item { border-left: 1px solid #ddd;}
.projection-web-switch-item.on { color: #ff6100; cursor: default; }
.web_hor.board-productshow .projection-live-group {left: 0; top: 0;bottom: 0; width: 300px;}
.web_hor.board-productshow .projection-live-group-list {font-size: 0;position: absolute;height: 600px;top: 50%;transform: translateY(-50%);}
.web_hor.board-productshow .projection-live-group-item {height: 600px;width: 300px;font-size: 0;}
.web_hor.board-productshow .projection-live-group-lab {font-size: 20px;line-height: 40px;}
.web_hor.board-productshow .projection-live-group-name {line-height: 50px;font-size: 30px;}
.web_hor.board-productshow .projection-live-group-detail {top: 0;left: 300px;}
.web_hor.board-productshow .projection-live-product-show {padding-left: 10px;}
.web_hor.board-productshow .projection-live-group-item + .projection-live-group-item {margin-left: 0px;}

.attr .help-tool {line-height: 16px;margin-left: 5px}
.attr .help-tool .help-wrap {margin-top: 0}

.replenish-icon-td {position: relative;}
.replenish-icon-td i {position: absolute;margin-left: 10px;bottom: 15px;right: 50px}
.replenish-icon {width: 25px; height: 25px; display: inline-block; background-repeat: no-repeat; background-size: contain;}
.replenish-icon.rep-icon-1 {background-image: url(../img/rep-icon-1.png);}
.replenish-icon.rep-icon-2 {background-image: url(../img/rep-icon-2.png);}
.replenish-icon.rep-icon-3 {background-image: url(../img/rep-icon-3.png);}
.replenish-icon.rep-icon-4 {background-image: url(../img/rep-icon-4.png);}
.replenish-icon.rep-icon-5 {background-image: url(../img/rep-icon-5.png);}
.replenish-icon.rep-icon-6 {background-image: url(../img/rep-icon-6.png);}
.replenish-icon.rep-icon-7 {background-image: url(../img/rep-icon-7.png);}
.replenish-icon.rep-icon-8 {background-image: url(../img/rep-icon-8.png);}
.replenish-icon.rep-icon-9 {background-image: url(../img/rep-icon-9.png);}

.replenish-icon-img .img-box {display:flex;margin-top: -6px; margin-bottom: -6px; position: relative; width: 60px; height: 60px; border: 1px solid #ccc;}
.replenish-icon-img .img-box img {margin: auto;}
.replenish-icon-img .img-box .img-clear {position:absolute;z-index:10;top:-8px;right:-8px;display:block;width:16px;height:16px;cursor:pointer;}
.replenish-icon-img .img-box .img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.replenish-icon-img .img-add {margin-top:-6px;margin-bottom:-6px;line-height: 140px; position: relative; display: inline-block; width: 60px; height: 60px; text-align: center; vertical-align: middle; border: 1px solid #ccc;background-color: #f2f2f2;}
.replenish-icon-img .img-add .text {transform: scale(.9);font-size: 12px; line-height: 12px; position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -14px; text-align: center; color: #ccc;}
.replenish-icon-img .img-add input[type=file]{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}

.replenish-commend-manage .modal-body {max-height: 530px;}
.replenish-commend-manage .table-group {position: relative;}
.replenish-commend-manage .inner-head {top: 5px}
.replenish-commend-manage .inner-body {top: 45px}
.replenish-commend-manage .group-manage-box .list-box {white-space: normal;max-height: 130px;overflow: hidden;}
.replenish-commend-manage .group-manage-box .inner-head {padding: 0}
.page-content-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; padding: 12px 20px; border-top: 1px solid #eee; background-color: #fff; }
.product-add-color .img-box .color-img-clear {position:absolute;z-index:10;top:-8px;right:-8px;display:none;width:16px;height:16px;cursor:pointer;}
.product-add-color .img-box .color-img-clear .icon-clear {display:block;width:16px;height:16px;background-image:url(../img/admin-icons.png);background-position:-265px -45px;;}
.olstatus .member_num {display:flex;padding:25px 10px;border-bottom: 1px solid #efefef}
.olstatus .flex-box {flex: auto;text-align: center;position: relative;}
.olstatus .flex-box.on {color: #ff6100;}
.olstatus .flex-box.off {color: grey;}
.olstatus .flex-box .title {color: black;font-size: 12px;}
.olstatus .flex-box .left {display: inline-block;text-align: center;border-radius: 30px; height: 30px; line-height: 30px; width: 30px; position: absolute;top: 7.5px}
.olstatus .flex-box.on .left {background-color: rgba(255, 100, 0, .2)}
.olstatus .flex-box.off .left {background-color: rgba(150, 150, 150, .2);}
.olstatus .flex-box .right {display: inline-block;text-align: left;margin-left: 40px;line-height: 1.7}
.olstatus .flex-box .num {font-size: 18px;}
.olstatus .flex-box .left .iconfont {font-size: 19px}

/* .olstatus .search-group {position: absolute;} */
/*.olstatus ul {margin-left: 270px}*/

.contarct_content b {color: #000;font-weight:bold;}

.table-area { overflow: auto; white-space: nowrap; }

.projection-page.projection-product-show_2 {width: auto;left: auto;right: auto;}
.projection-product-show_1 .projection-live-bar-list, .projection-product-show_2 .projection-live-bar-list {white-space: nowrap;}
.projection-product-show_1 .projection-live-bar-item, .projection-product-show_2 .projection-live-bar-item {padding: 70px 10px 120px;height: 95%}
.contarct_content b {color: #000;font-weight:bold;}

.retail_distrbution {overflow-x: scroll;padding: 10px;text-align: center;}
.retail_distrbution .head,.body {white-space: nowrap;}
.retail_distrbution span {display: inline-block;width: 30px;height: 40px;vertical-align: middle; line-height: 30px; margin-bottom: 2px;font-size: 12px}
.retail_distrbution .head span {background-color: #f2f2f2;}
.retail_distrbution .head span:first-child {width: 60px}
.retail_distrbution .body .date {background-color: #f2f2f2;font-size: 12px;width: 60px}
.retail_distrbution .body .retail_num {position: relative;}
.retail_distrbution .body .retail_num .num {position: absolute;z-index: 2;height: 100%;width: 100%;}
.retail_distrbution .body .retail_num .background {position: absolute;top: 0;left: 0;background-color: #166FD0;width: 100%;height: 100%}

.order-print-wrap { width: 600px; margin: 0 auto; padding: 100px 0 50px; text-align: center;position: relative;}
.order-print-record { font-size: 0; }
.order-print-head { border-bottom: 1px solid #ccc; }
.order-print-text { display: inline-block; width: 33%; font-size: 14px; line-height: 32px; }
.order-print-item { color: #999; }
.order-print-list { height: 320px; overflow-y: auto; }
.order-print-list::-webkit-scrollbar { display: none; }
.order-print-setting { font-size: 14px; line-height: 20px; height: 20px; }
.order-print-setting a { color: #666; }
.order-print-wrap .print-wait-num { position: absolute; line-height: 48px; text-align: center; top: 50px; font-size: 14px; width: 100%; }
.manage-excel-page .inline {padding:5px 40px;}
.manage-excel-page .inline .left-inline-block {width:100px;}
.manage-excel-page .inline .table-tools {margin-left:100px;}
.manage-excel-page .inline .table-tools a {margin-right: 40px;}
.manage-excel-page .page-content-inner {margin:0 5px 10px 5px;}
.unfuzzy_image {filter:unset;-webkit-filter:unset;}
.member-percent .amount {display: none}
.member-percent .num {display: none}
.member-percent .pnum {display: none}
.member-percent .skcnum {display: none}
.member-percent .show_amount .amount {display: table-cell;}
.member-percent .show_num .num {display: table-cell;}
.member-percent .show_pnum .pnum {display: table-cell;}
.member-percent .show_skcnum .skcnum {display: table-cell;}
.member-percent-dealer .show_pnum .pnum {display: table-cell;}
.member-percent-dealer .show_skcnum .skcnum {display: table-cell;}
.member-percent-dealer .show_num .num {display: table-cell;}
.member-percent-dealer .show_amount .amount {display: table-cell;}
.member-percent .cursor {cursor:pointer;}
.member-percent .show_total .num, .member-percent .show_total .amount{display: table-cell;}

.btn.small {width: 45px;height: 25px;line-height: 25px}

.show-edit-unit {width: 560px}
.show-edit-unit .img-box {position:relative;height:160px;width: 80px;margin-top:10px;margin-bottom:20px;margin-left: 90px;background-color: #fafafa;vertical-align: middle;border: 1px solid #ccc;}
.show-edit-unit .show-img {width: 200px;height: 100px}
.show-edit-unit .img-box .img span{font-size: 12px; line-height: 20px; position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -20px; text-align: center; color: #e5e5e5;}
.show-edit-unit .img-box p.intro {position: absolute;left: 140px;bottom: 0px;white-space: nowrap;}
.show-edit-unit .img-box p.title {position: absolute;left: -45px}
.show-edit-unit img {position:absolute;pointer-events: none;width: 100%;height: 100%}
.show-edit-unit .upload {text-align: unset;}
.show-edit-unit .upload-box {position:absolute;top:50px;left:140px;}
.show-edit-unit .show-img .upload-box {left: 230px;top: 0px}
.show-edit-unit .show-img p.intro {left: 230px;}
.show-edit-unit .btn-upload {line-height:32px;position:relative;display:inline-block;width:100px;height:32px;cursor:pointer;text-align:center;color:#fff;background-color:#ff6100;}
.show-edit-unit .btn-upload input[type=file] {position:absolute;top:0;right:0;width:100px;height:32px;opacity:0;filter:alpha(opacity=0);}
.show-edit-unit .intro {position:absolute;color:#a9a9a9;}
.show-edit-unit .input-group {margin-bottom:20px;display: inline-block;width: 49%}
.show-edit-unit .img input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);}
.show-edit-unit label.name {line-height:32px;float:left;width:90px;text-align: right;padding-right: 10px;}
.show-edit-unit .control {margin-left:90px;}.member-percent .show_total .num, .member-percent .show_total .amount{display: table-cell;}

.discuss-detail .detail-content {position: absolute;top: 64px;padding: 10px;bottom: 0px;left: 0px;right: 0;}
.discuss-detail .detail-content .left {float: left;width: 200px;height: 100%;padding:10px;background: #FFFFFF;overflow: hidden;}
.discuss-detail .detail-content .right {margin-left: 210px;height: 100%;background: #FFFFFF;padding: 10px;overflow: auto;}
.discuss-detail .detail-content .left .prime-img {width: 180px;height: 240px;margin: 0 auto;border: 1px solid #f2f2f2;border-radius: 5px;margin-bottom: 10px}
.discuss-detail .detail-content .left .prime-img img, .discuss-detail .detail-content .left .skc-img img {width: 100%;height: 100%}
.discuss-detail .detail-content .left .skc-img {width: 30px;height: 40px;display: inline-block;border: 1px solid #f2f2f2;border-radius: 2px}
.discuss-detail .detail-content .left .skc-img.active {border-color: #ff6100}
.discuss-detail .detail-content .left .info {margin-top: 10px}
.discuss-detail .detail-content .left .info p {margin-top: 5px}
.discuss-detail .detail-content .left .info p .left-text {color: #888}
.discuss-detail .detail-content .left .info p .right-text {float: right;}

.tr-bold {font-weight: bold;}.access {display: flex;background: #FFFFFF}
.access .left, .access .right {position: relative;}
.access .left {flex: 1;border-right: 1px solid #f2f2f2}
.access .right {flex: 1}
.access .open, .access .close {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 40px;background: url(../img/access.png);background-size: 100% 100%;width: 330px;height: 225px;text-align: center;line-height: 225px;color: #FFFFFF}

.access-control-wrap {margin: 0 auto;}
.access-control-search {display: block;position: relative;margin:0 auto;margin-top: 50px;margin-bottom: 20px}
.access-record { font-size: 0; }
.access-record .record-head { border-bottom: 1px solid #ccc;width: 70%;margin: 0 auto}
.access-record .record-text { display: inline-block; width: 20%; font-size: 14px; line-height: 32px; }
.access-record .record-item { color: #999;width: 70%;margin: 0 auto }
.access-record .record-list { height: 320px; overflow-y: auto; }
.access-record .record-list::-webkit-scrollbar { display: none; }
.access-control-setting { font-size: 14px; line-height: 20px; height: 20px; }
.access-control-setting a { color: #666; }
.tr-bold {font-weight: bold;}

.agent-mulit .col {float: none;margin-right: unset;}
.agent-mulit .form-group {margin-bottom: 10px;padding-top: unset;display: inline-block;}
.agent-mulit .analysis-filter-right {display: inline-flex;float: none;}

.unrank-num .info {display: none}
.unrank-num:hover .info {display: block;position: absolute; border: 1px solid; z-index: 1; background: #ffffff; padding: 2px 5px; font-size: 12px; left: 87px; height: 25px; line-height: 21px; top: 40px;}
.overview.unrank-num:hover .info {top:50px;z-index: 100;}
.unrank-num:hover .info:before {position:absolute;top:-10px;left:22px;display:block;width:0;height:0;content:'';border-left:10px solid #0000;border-right:10px solid #0000 ;border-bottom:10px solid;}
.unrank-num:hover .info:after {position:absolute;top:-9px;left:22px;display:block;width:0;height:0;content:'';border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid #fff;}
.btn-export {color:#fff;background-color:#0097fe;}
.export .checkbox-inline {display: flex;}
.export .checkbox-inline label {flex: 1;text-align: center;}

.order-log .table>tbody>tr>th,.order-log .table>tbody>tr>td {padding: 20px;}
.order-log .table td, .order-log .table th {border-top: unset;}
.order-log .log-item {position: relative;text-align: center;}
.order-log .log-item .log-item-circle {width: 10px; height: 10px; border-radius: 10px;z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);background: #CECECE;}
.order-log .log-item .log-item-line {height: 57px; width: 1px; position: absolute;background: #CECECE;left: 50%; transform: translate(-50%,-50%); top: 50%; z-index: 1;}
.order-log .log-data:hover .log-item .log-item-circle {background: #ff6100;}
.order-log .log-data i {position: relative;line-height: 17px;margin-left: 5px;}
.order-log .log-data i:hover {color: #ff6100;}
.order-log .log-data i:hover .content {display: block;}
.order-log .log-data i .content {z-index: 1; color: black;display: none;position: absolute;left: 0;transform: translate(-10px, 8px);width:120px;padding:10px;white-space: break-spaces;border:1px solid #e5e5e5;background-color:#fff;font-size: 12px;word-break: break-all;}
.order-log .log-data i .content:before {position:absolute;top:-8px;left:17px;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #d9d9d9;border-left:7px solid transparent;}
.order-log .log-data i .content:after {position:absolute;top:-7px;left:17px;margin-left:-7px;content:'';border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;}

.huohao-detail-box {width: 1024px;padding-top: 110px;}
.huohao-detail-box .detail-top .title {padding-left:20px;}
.huohao-detail-box .detail-body {border-top: 1px solid #c3c3c3;}
.huohao-detail-box .product-list:before, .huohao-detail-box .product-list:after {line-height:0;display:table;content:'';}
.huohao-detail-box .product-list:after {clear:both;}
.huohao-detail-box .product-list .item-wrap {width:48%;float:left;padding:10px;border: 1px solid #ccc;margin: 0 10px 10px 0;}
.huohao-detail-box .product-list .item {background-color:#fff;padding:10px;}
.huohao-detail-box .product-list .item img {height:100%;vertical-align:middle;}
.huohao-detail-box .product-list .item:before, .huohao-detail-box .product-list .item:after {line-height:0;display:table;content:'';}
.huohao-detail-box .product-list .item:after {clear:both;}
.huohao-detail-box .product-list .item .left-img {float:left;width:100px;height:100px;border:1px solid #ededed;text-align:center;}
.huohao-detail-box .product-list .item .right-info {margin-left:100px;padding-left:10px;}
.huohao-detail-box .product-list .item .right-info p {line-height:25px;}
.huohao-detail-box .image-list {overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-height:117px;min-height:100px;}
.huohao-detail-box .image-list .item {width:100px;height:100px;display:inline-block;text-align:center;border:1px solid #ededed;}
.huohao-detail-box .image-list .item + .item {margin-left:10px;}
.huohao-detail-box .image-list .item img {height:100%;vertical-align:middle;}
.huohao-detail-box .expanded {position:absolute;right:20px;top:0;width:20px;height:20px;}
.huohao-detail-box .expanded .icon-expanded {position:relative;display:block;color:#a6b6c8;cursor:pointer;}
.huohao-detail-box .expanded .icon-expanded:after {position:absolute;display:block;width:14px;height:14px;top:10px;content:'';transition:all .1s;background-image:url(../img/admin-icons.png);background-position:-45px -45px;   -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.huohao-detail-box .invaild-content {display:none;}
.huohao-detail-box .invaild-content.show {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.huohao-detail-box .table-wrap {width:100%;overflow-x:auto;}
.huohao-detail-box th, .huohao-detail-box td {white-space:nowrap;}

.product-board-list {display:flex;flex-wrap: wrap;width: 100%;height: 100%;justify-content: flex-start}
.product-board-list .product-board {width: 16.6666%;height: 50%;display: inline-block;padding: 10px;border:1px solid;overflow: hidden;padding: 10px;border-top: 0px;position: relative;text-align: center;}
.product-board-list .product-board .img {width: 100%;height: 230px;}
.product-board-list .product-board .img img {height: 100%;}
.product-board-list .product-board .product-info {text-align: left;font-size: 16px;}
.product-board-list .product-board .product-info .search-id {font-size: 20px;}

.group-manage-box1 {max-height: unset;}
.list-box1 {white-space: unset;overflow: unset;overflow-y: scroll;max-height: 100px}
.inner-head1 {position: relative;top: 10px;padding: unset;}
.inner-body1 {position: relative;top: 20px }
.group-manage-box1 {max-height: unset!important;}
.group-manage-box1 .list-box1 {white-space: unset!important;overflow: unset!important;overflow-y: scroll!important;max-height: 100px!important}
.group-manage-box1 .list-box1::-webkit-scrollbar {display: none;}
.group-manage-box1 .inner-head1 {position: relative!important;top: 10px!important;padding: unset!important;}
.group-manage-box1 .inner-body1 {position: relative!important;top: 20px!important }

#board-product-list,#board-group-list {width: 100%;overflow: auto;max-height: 170px;padding: 10px 20px 10px 40px;white-space: nowrap;}
#board-product-list .item,#board-group-list .item {position:relative;margin:5px 5px 5px 0;width:90px;height:120px;text-align:center;display:inline-block;vertical-align:middle;border-radius: 5px;border: 1px solid #f2f2f2;}
#board-product-list .item img,#board-group-list .item img {height: 100%;}
#board-product-list .item .desc,#board-group-list .item .desc {position:absolute;bottom:0;left:0;right:0;width:100%;line-height:20px;text-align: center;white-space: normal;background-color: rgba(0,0,0,.4);color:#fff;}

.expend-td:hover .hide { display: block; }
.expend-btn { color: #0097fd; cursor: pointer; }
.expend-td:hover .expend-btn { display: none; }

.product-rank-select {font-size: 12px; line-height: 1; position: relative; float: left; width: 155px; height: 32px; padding: 0 10px; border: 1px solid #e7e7e7; background-image: url(../img/select.png); background-repeat: no-repeat; background-position: calc(100% - 10px);}

.expend-td:hover .expend-btn { display: none; }

.expend-span {width: 200px;min-height: 40px;height: 40px;white-space: normal;}
.expend-span:hover .hide {display: inline-block;}
.expend-span:hover {height: unset;}
.expend-btn { color: #0097fd; cursor: pointer; }
.expend-span:hover .expend-btn { display: none; }
.expend-span:hover .expend-btn { display: none; }

.comment-score {margin-top: 0px;margin-bottom: 10px;text-align: center;}
.comment-score .comment-right {text-align: center;width: 500px;display: flex;flex-direction: column;justify-content: center;min-height: 100px;}
.comment-score .comment-right li{font-size: 0;}
.comment-score .comment-right span{font-size: 14px;display: inline-block;vertical-align:middle;}
.comment-score .comment-right li .help-tool{line-height: 25px;visibility: hidden;position: absolute}
.comment-score .comment-right li:hover .help-tool {visibility:visible;}
.comment-score .comment-right li .color-gray{color: #888888;width: 40px;}
.comment-score .comment-right li .help-tool {margin-left: 10px}
.comment-score .comment-left {text-align: center;display: inline-block;margin-left: 100px;float: left;}
.comment-score .comment-left h2{font-size: 20px;}
.comment-score .comment-left b{font-size: 40px;}
.comment-score .comment-left span {display:block;}
.comment-score .progress {vertical-align:middle;width: 40%;background-color: #ddd;border-radius: 0.1rem;display: inline-block;margin: 0 5px;}
.comment-score .skills {height:8px;background-color: #999; border-radius: 0.1rem;}
.comment-score .heart {vertical-align:middle;margin-bottom:5px;width:0;height:20px;display:inline-block;background-image:url("../img/heart.png");background-size:20px 40px;background-position:0 0;}
.comment-score .heart-0 {background-position:0 20px;}
.comment-score .heart.heart-1 {width:20px;}
.comment-score .heart.heart-2 {width:40px;}
.comment-score .heart.heart-3 {width:60px;}
.comment-score .heart.heart-4 {width:80px;}
.comment-score .heart.heart-5 {width:100px;}
.comment-fav .comment-list{display: block;background-color: #fff;border-top: 1px solid #ededed}
.comment-score .box-border {position:relative;left:-20px;/*width:1300px;*/margin-right:-30px;height:11px;border-bottom:1px solid #ededed;}
.comment-score>span{display: block;background-color: #fff;padding: 10px 20px 10px 0px;font-size: 14px;text-align: left;}
.comment-score>span p{float: right;}

.bi-box {position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: flex;background: #273252;padding: 20px;}
.bi-box .dash-pie {width: 110px;height: 110px;background: #6c7591;background-image: linear-gradient(to right, transparent 50%, #3370FF 0);}
.bi-box .dash-pie.over .dash-pie-inner {background: #3370FF}
.bi-box .dash-color-blue {color: #679bfb;}
.bi-box .dash-color-white {color: white;}
.bi-box .dash-pie.style2 {width: 110px;height: 110px;background: #6c7591;background-image: linear-gradient(to right, transparent 50%, #FF7D00 0);}
.bi-box .dash-pie.over.style2 .dash-pie-inner {background: #FF7D00}
.bi-box .dash-color-orange {color: #FF7D00;}
.bi-box .dash-pie-radius.dash-color-orange {color: #FF7D00;background-color: #FF7D00;}
.bi-box .dash-pie-radius.dash-color-blue {color: #679bfb;background-color:#679bfb}
.bi-box .dash-pie-radius.dash-color-gray {color: gray;background-color:gray }
.bi-box .dash-pie-info p {margin-top: 12px;}
.bi-box .dash-pie-info .num {color: white;}
.bi-box .box {border-radius: 16px;}
.bi-left-box {display: flex;flex-direction: column;flex: 1;width: 30%;background: #273252;margin-right: 20px;}
.bi-left-box .left-box {flex: 1;background: #344167;margin-bottom: 20px;}
.bi-left-box .left-box:last-child {margin-bottom: 0px;}
.bi-center-box {display: flex;flex-direction: column;width: 55%;background: #273252;margin-right: 20px;}
.bi-center-box .setfullpage {color: white;position: absolute;right: 0;top: 0px;width: 78px;height: 32px;border: 1px solid;border-radius: 16px;background-color: #273252;line-height: 32px;text-align: center;font-size: 14px;}
.bi-center-box .setfullpage .icon-fullpage {display: inline-block;font-size: 12px;margin-right: 5px;}
.bi-center-box .title {position: relative;flex: 1;background: #273252;margin-bottom: 20px;display: flex;align-items: center;color: white;justify-content: center;flex-direction: column;}
.bi-center-box .title .fair-name {font-size: 40px;line-height: 48px;}
.bi-center-box .title .fair-time {font-size: 14px;margin-top: 10px;font-weight: lighter;}
.bi-center-box .title .fair-time span:first-child {margin-right: 20px;}
.bi-center-box .center-box {flex: 4.5;margin-bottom: 44px;position: relative;background: #344167;}
.bi-center-box .center-box:last-child {margin-bottom: 0px;}
.bi-right-box {display: flex;flex-direction: column;flex: 1;width: 30%;background: #273252;}
.bi-right-box .right-box {background: #344167;margin-bottom: 20px;flex: 6;}
.bi-right-box .right-box:first-child {flex: 4;}
.bi-right-box .right-box:last-child {margin-bottom: 0px;}

.bi-box #total-data {background-image: url("../img/bi_bg.jpg");background-size: 100% 100%;color: white;height: 100%;position: relative;z-index: 2;border-radius: inherit;}
.bi-box .bg {width: 90%;height: 100%;position: absolute;top: 24px;background: #94BFFF; opacity: 0.5; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1); border-radius: 16px;transform: translate(5%);}
.bi-box #total-data .total-title {height: 10%;display: flex;justify-content: center;align-items: center;text-align: center;margin-top: 10px;font-size: 20px;}
.bi-box #total-data .total-title .item {flex: 1;}
.bi-box #total-data .order-data-item {height: 30%;display: flex;justify-content: center;align-items: center;text-align: center;}
.bi-box #total-data .order-data-item:first-child {height: 40%;}
.bi-box #total-data .order-data-item .item {flex: 1;text-align: left;}
.bi-box #total-data .order-data-item .item .center-item {text-align: left;margin-left: 38px;}
.bi-box #total-data .order-data-item .item p:first-child {font-size: 14px;}
.bi-box #total-data .order-data-item .item p:last-child {margin-top: 12px;font-size: 32px;}
.bi-box #total-data .order-data-item .amount.item p:first-child {font-size: 22px;padding-left: 38px;}
.bi-box #total-data .order-data-item .amount.item p:last-child {font-size: 72px;margin-top: unset;padding-left: 38px;}
.bi-box #total-data .order-data-item .total-amount .wan {width: 20px;height: 20px;background-color: #4981ff;border-radius: 2px;font-size: 12px;position:fixed;text-align: center;line-height: 20px;}
.bi-box #total-data .order-data-item .total-amount .yi {width: 20px;height: 20px;background-color: #4981ff;border-radius: 2px;font-size: 12px;position:fixed;text-align: center;line-height: 20px;}

.bi-box #order-data ul {display: flex;color: white;text-align: center;height: 100%;}
.bi-box #order-data ul li {flex: 1;display: flex;align-items: center;}
.bi-box #order-data ul li .dash-pie-box {flex: 1;margin: unset;}
.bi-box #order-data .dash-pie-wrap {background: #344167;height: unset;}
.bi-box #order-data .dash-pie::after {background: #344167;}
.bi-box #order-data .dash-pie-wrap {padding-top: 10px;}

.bi-box #attr-data {display: flex;flex-direction: column;padding: 20px;}
.bi-box #attr-data .attr-tool {position:relative;flex: 1.5;}
.bi-box #attr-data .chart-tmpl {flex: 9;}
.bi-box #attr-data .attr-tool .bi-btns {float: left;margin-left:10px ;margin-top: 10px;}
.bi-box #attr-data .attr-tool .bi-btns .bi-btn {color: white;padding: 5px;background: #435485;display: inline-block;}
.bi-box #attr-data .attr-tool .bi-btns .active.bi-btn {background: #5970ff}
.bi-box #attr-data .table-tools {position: absolute;top: 10px;right: 10px;color: white;}
.bi-box #attr-data .table-tools select {color: white;background-color: #344169;}

.bi-box #rank-data {display: flex;flex-direction: column;padding: 20px;}
.bi-box #rank-data .rank-tool {flex: 1;text-align: center;}
.bi-box #rank-data .chart-tmpl {flex: 8;}
.bi-box #rank-data .rank-tool .bi-btns {width: 200px;margin: 0 auto;}
.bi-box #rank-data .rank-tool .bi-btns .bi-btn {color: white;padding: 5px;background: #435485;display: inline-block;width: 74px;height: 32px;border-radius: 16px;font-size: 14px;text-align: center;}
.bi-box #rank-data .rank-tool .bi-btns .bi-btn:first-child {margin-right: 12px;}
.bi-box #rank-data .rank-tool .bi-btns .active.bi-btn {background: #3370FF}
.bi-box #rank-data .rank-tool .bi-bottom-btns {display: flex;width: 100%;justify-content: center;align-content: center;height: 100%;flex-wrap: wrap;}
.bi-box #rank-data .rank-tool .bi-bottom-btns .bi-btn-item {width: 64px;height: 20px;line-height: 20px;}
.bi-box #rank-data .rank-tool .bi-bottom-btns .bi-btn-item:not(:last-child) {margin-right: 12px;}
.bi-box #rank-data .rank-tool .bi-bottom-btns .bi-bottom-btn {display: inline-block;width: 64px;height: 4px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));border-radius: 2px;}
.bi-box #rank-data .rank-tool .bi-bottom-btns .active .bi-bottom-btn{background: #3370FF;}


.bi-box #record-data {color: white;flex: 4;height: 40%;padding: 20px;overflow: hidden;}
.bi-box #record-data .record-title {font-size: 18px; font-weight: 600; position: relative; background-size: cover;margin-bottom: 24px;}
.bi-box #record-data .record-title span { position: absolute; right: 6px;}
.bi-box #record-data .record-list { overflow-x: hidden; overflow-y: auto;}
.bi-box #record-data .record-list::-webkit-scrollbar {display: none;} 
.bi-box #record-data .record-item:first-child {background-color: rgba(255, 125, 0, 0.15);}
.bi-box #record-data .record-item:first-child .item {color: #FF7D00;}
.bi-box #record-data .record-item {padding: 6px 70px 6px 6px; margin-bottom: 5px; font-size: 14px; font-weight: 500;position: relative;border-radius: 8px;}
.bi-box #record-data .record-item p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bi-box #record-data .record-item p:first-child {margin-bottom: 5px;}
.bi-box #record-data .record-item .num { position: absolute; top: 6px; right: 6px; font-size: 18px;}

.bi-box #analysis-price-data {flex: 6;height: 60%;padding: 20px;}
.bi-box #lives-data-echart {padding: 20px;}

@media (max-width: 1444px){
	.bi-center-box {width: 50%;}
	.bi-box .dash-pie-info p {margin-top: 6px;}
	.mb-20 {margin-bottom: 10px;}
	.bi-box #attr-data {padding: 10px;}
	.bi-box #record-data {padding: 10px;}
	.bi-box #lives-data-echart {padding: 10px;}
	.bi-box #analysis-price-data {padding: 10px;}
	.bi-box #rank-data {padding: 10px;}
	.bi-box #record-data .record-title {margin-bottom: 12px;font-size: 14px;}
	.bi-box #record-data .record-item {font-size: 12px;}
	.bi-box #record-data .record-item .num {font-size: 14px;}
}

@media (max-width: 1366px) {
	.bi-box {padding: 10px;}
	.bi-center-box {width: 50%;}
	.bi-box .dash-pie-info p {margin-top: 6px;}
	.mb-20 {margin-bottom: 5px;}
	.mt-12 {margin-top: 6px;}
	.bi-box #attr-data {padding: 10px;}
	.bi-box #record-data {padding: 10px;}
	.bi-box #lives-data-echart {padding: 10px;}
	.bi-box #analysis-price-data {padding: 10px;}
	.bi-box #rank-data {padding: 10px;}
	.bi-box #record-data .record-title {margin-bottom: 12px;font-size: 12px;}
	.bi-box #record-data .record-item {font-size: 12px;margin-bottom: 0px;}
	.bi-box #record-data .record-item .num {font-size: 14px;}
	.bi-box #total-data .order-data-item .amount.item p:first-child {font-size: 16px;}
	.bi-box #total-data .order-data-item .amount.item p:last-child {font-size: 60px;}
	.bi-box #total-data .order-data-item .item p:first-child {font-size: 12px;}
	.bi-box #total-data .order-data-item .item p:last-child {font-size: 24px;}
	.dash-pie-info {margin-top: 0px;}
	.bi-box #rank-data .rank-tool .bi-btns .bi-btn {width: 60px;height: 24px;font-size: 12px;}
	.product_show_group_container .right-block li{flex:0 0 32%;}
}

@media (max-width: 1536px) {
	.bi-box {padding: 10px;}
	.bi-center-box {width: 50%;}
	.bi-box .dash-pie-info p {margin-top: 6px;}
	.mb-20 {margin-bottom: 5px;}
	.mt-12 {margin-top: 6px;}
	.bi-box #attr-data {padding: 10px;}
	.bi-box #record-data {padding: 10px;}
	.bi-box #lives-data-echart {padding: 10px;}
	.bi-box #analysis-price-data {padding: 10px;}
	.bi-box #rank-data {padding: 10px;}
	.bi-box #record-data .record-title {margin-bottom: 12px;font-size: 12px;}
	.bi-box #record-data .record-item {font-size: 12px;margin-bottom: 0px;}
	.bi-box #record-data .record-item .num {font-size: 14px;}
	.bi-box #total-data .order-data-item .amount.item p:first-child {font-size: 16px;}
	.bi-box #total-data .order-data-item .amount.item p:last-child {font-size: 60px;}
	.bi-box #total-data .order-data-item .item p:first-child {font-size: 12px;}
	.bi-box #total-data .order-data-item .item p:last-child {font-size: 24px;}
	.dash-pie-info {margin-top: 0px;}
	.bi-box #rank-data .rank-tool .bi-btns .bi-btn {width: 60px;height: 24px;font-size: 12px;}
}

.map-agent-wrap { display: -webkit-flex; display: flex; height: 700px; }
.map-agent-area { flex: 1; height: 100%; background-color: #fff; padding: 20px; border-radius: 4px; }
.map-agent-data { width: 400px; height: 100%; overflow-y: auto; background-color: #fff; padding: 0; margin-left: 10px;  border-radius: 4px; }
.map-agent-td { white-space: normal !important; }
.map-agent-td .map-agent-del { vertical-align: inherit; display: none; }
.map-agent-td .map-agent-del .iconfont { font-size: 12px; }
.map-agent-td:hover .map-agent-del { display: inline-block; }
.drp-card { background-color: #fff; margin-bottom: 20px; }
.drp-card-title { font-size: 14px; font-weight: bold; padding: 14px 20px; }
.drp-product-btn { width: 100px; height: 40px; line-height: 40px; border: 1px solid #ededed; text-align: center; margin-right: 10px; cursor: pointer;background-color: #ff6100; color: #fff; }
.drp-product-record { margin-top: 10px; color: #4CAF50; font-size: 12px; line-height: 32px; text-align: center; }
.drp-nav { line-height: 40px; border-bottom:1px solid rgb(221, 221, 221); }
.drp-nav > li { display: inline-block; }
.drp-nav > li > a { display: block; padding: 0 20px; color: #666; font-size: 14px; }
.drp-nav > li.active > a { color: #ff6100; border-bottom: 2px solid #ff6100; }
.drp-order { padding: 10px; }
.drp-table-wrap { margin-top: 10px; }
.drp-table-wrap .table-wrap .iconfont { color: #ff6100; cursor: pointer; }
.drp-process { position: relative; width: 100%;  }
.drp-process-bg { height: 25px; background: linear-gradient(90deg, rgba(255, 204, 102, 1) 0%, rgba(255, 204, 102, 1) 0%, rgba(255, 127, 26, 1) 100%, rgba(255, 127, 26, 1) 100%); }
.drp-process-num { position: absolute; height: 25px; line-height: 25px; color: #ff6100; left: 0; right: 0; top: 0; background-color: #fff; transition: left 0.1s; }
.drp-process-num.on { padding-left: 10px; }
.drp-process-info { margin-top: 10px; }

.fav-board-body {position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: flex;padding: 10px;}
.fav-board-list {flex: 1;overflow-y: scroll;overflow-x: hidden;}
.fav-board-list::-webkit-scrollbar {width: 7px;background-color: #ffffff;}
.fav-board-list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #DDDFE1;}
.fav-board-list::-webkit-scrollbar-track {border-radius: 10px;background-color: #ffffff;}
.fav-board-table {width: 100%;}
.fav-board-table thead {color: #FFFFFF; text-align: left;font-size: 20px;}
.fav-board-table thead tr {background-color: #ff8c53;}
.fav-board-table th {padding-left: 10px;}
.fav-board-table td {padding-left: 10px;font-size: 16px;}
.fav-board-table tr:first-child{line-height:60px;}
.fav-board-table tr.active {border: 1px solid red;}
.fav-board-table th:first-child{border-top-left-radius:8px;}
.fav-board-table th:last-child{border-top-right-radius:8px;}
.fav-board-table tbody {line-height: 57px; font-size: 13px; color: #5E5D5D;text-align: left;}
.fav-board-detail {width: 500px;display: flex;flex-direction: column;}
.fav-board-detail .img-content {position: relative;flex: 1;}
.fav-board-detail .img-content img {position: absolute;height: 100%;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.fav-board-detail .product-info {border: 1px solid #ff6100;border-radius: 8px 8px 0 0;overflow-x: hidden;border-top: unset;}
.fav-board-detail .title {font-size: 16px;background-color: #ff6100;padding: 10px;color: white;}
.fav-board-detail .product-comment-info {display: flex;flex-wrap: wrap;font-size: 16px;align-items: stretch;align-content: space-around;min-height: 200px;}
.fav-board-detail .product-comment-info span {width: 50%;padding: 5px 10px;height: 40px;line-height: 30px;}
.fav-board-detail .product-comment-info p {width: 100%;text-align: center;font-size: 20px;}

@media (max-width: 1920px) {
	.fav-board-detail {width: 620px;}
	/*.fav-board-detail .img-content {height: 800px;}*/
}

@media (max-width: 1536px) {
	.fav-board-detail {width: 470px;}
	/*.fav-board-detail .img-content {height: 570px;}*/
}

@media (max-width: 1440px) {
	.fav-board-detail {width: 500px;}
	/*.fav-board-detail .img-content {height: 635px;}*/
}

@media (max-width: 1366px) {
	.fav-board-detail {width: 400px;}
	/*.fav-board-detail .img-content {height: 500px;}*/
}
.table-horiz { font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #EDEDED; line-height: 1; border-collapse: collapse; }
.table-horiz td { border: 1px solid #999; vertical-align: middle; line-height: 28px; }
.table-horiz tr:nth-child(2n+1) td { background-color: #fafafa; }
.table-horiz-content { width: 120px; }
.table-horiz-line { display: -webkit-flex; display: flex; }
.table-horiz-line + .table-horiz-line { border-top: 1px solid #ededed; }
.table-horiz-txt { flex: 1; text-align: left; line-height: 28px; font-size: 12px; height: 28px; position: relative; padding: 0 0 0 8px; }
.table-horiz-txt:last-child { text-align: right; padding: 0 8px 0 0; }
.table-horiz-kuanhao {padding: 0 0 0 8px;overflow: hidden;text-overflow:ellipsis;}
.table-horiz-tips { display: none; vertical-align: middle; position: relative; }
.table-horiz-txt:hover .table-horiz-tips { display: inline-block; }
.table-horiz-tips .iconfont { font-size: 12px; line-height: 1; }
.table-horiz-tips-content { display: none; position: absolute; left: 50%; bottom: 26px; border: 1px solid #DEDEDE; z-index: 1; border-radius: 2px; transform: translateX(-50%); background: #fff; padding: 16px; font-size: 12px; line-height: 20px; padding: 8px 12px; }
.table-horiz-tips:hover .table-horiz-tips-content { display: block; }
.table-horiz-tips:hover:before { position: absolute; bottom: 20px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #DEDEDE; border-left: 7px solid transparent;}
.table-horiz-tips:hover:after { position: absolute; bottom: 21px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #fff; border-left: 7px solid transparent; }

.horiz-scroll-table .table-horiz-left tr:nth-child(7n+3) td:first-child { background-color: #FFF3E8; width: 40px; }
.horiz-scroll-table .table-horiz-left tr:nth-child(7n+4) td:first-child { background-color: #E8F7FF; }
.horiz-scroll-table .table-horiz-left tr:nth-child(7n+5) td:first-child { background-color: #F5E8FF; }
.horiz-scroll-table .table-horiz-left tr:nth-child(7n+6) td:first-child { background-color: #E8FFFB; }
.horiz-scroll-table .table-horiz-left tr:nth-child(7n+7) td:first-child { background-color: #FCFFE8; }
.horiz-scroll-table { display: -webkit-flex; display: flex; width: 100%; padding: 20px 0; }
.horiz-scroll-table .table-horiz-left { width: 180px; margin-right: -1px; z-index: 1; }
.horiz-scroll-table .table-horiz-left .table-horiz-content { width: 140px; }
.horiz-scroll-table .table-horiz-content .table-horiz-line.border-bottom:not(:last-child) {border-bottom: 1px solid #999}
.horiz-scroll-table .table-horiz-right { -webkit-flex: 1; flex: 1; overflow-x: auto; width: 100%; }
.horiz-scroll-table .table-horiz-right::-webkit-scrollbar {width:6px;height:12px;}
.horiz-scroll-table .table-horiz-right::-webkit-scrollbar-thumb:horizontal {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.horiz-scroll-table .table-horiz-right::-webkit-scrollbar-thumb:horizontal:hover {background-color:rgba(0, 0, 0, .6);}
.horiz-scroll-table .table-horiz-right td img { margin: 0 auto; display: block; height: 100%;}

.inline-title { font-size: 14px; line-height: 22px; }

.analysis-data-modal { max-width: 1500px; }
.analysis-data-top { height: 293px; padding: 20px; border-bottom: 1px solid #fafafa;  }
.analysis-data-title { position: relative; line-height: 22px; font-size: 14px; padding-left: 12px; }
.analysis-data-title:before { position: absolute; content: ''; display: block; left: 0; height: 22px; width: 4px; background-color: #ff6100; }
.analysis-data-total { display: -webkit-flex; display: flex; margin-top: 16px; }
.analysis-data-stress {  padding-left: 10%; padding-top: 64px; }
.analysis-data-stress-name { color: #666; line-height: 22px; font-size: 14px; position: relative; }
.analysis-data-stress-name:before { position: absolute; content: ''; display: block; left: -16px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background-color: #ff6100; }
.analysis-data-stress-num { margin-top: 12px; color: #000; font-weight: bold; line-height: 48px; font-size: 40px;  }
.analysis-data-stress-num .small { font-size: 20px; }
.analysis-data-items { text-align: right; margin-left: auto; justify-content: flex-end; width: 704px; display: grid; grid-template-columns: repeat(3,2fr); grid-gap: 16px; }
.analysis-data-item { text-align: left; width: 224px; padding: 16px; border: 1px solid #DEE2E6; border-radius: 4px; }
.analysis-data-item-name { font-size: 14px; line-height: 22px; color: #666; }
.analysis-data-item-num { font-size: 26px; line-height: 34px; color: #000; margin-top: 12px; }
.analysis-data-tabs { text-align: right; font-size: 0; padding-right: 20px; }
.analysis-data-tab { display: inline-block; cursor: pointer; color: #666; font-size: 14px; line-height: 26px; width: 80px; text-align: center; position: relative; background-color: #FAFAFA; }
.analysis-data-tab.on { color: #fff; background-color: #ff6100; }
.analysis-data-tab + .analysis-data-tab:before { position: absolute; content: ''; left: 0; width: 1px; background-color: #E5E6EB; top: 4px; bottom: 4px;  }
.analysis-data-tab.on:before { display: none; }
.analysis-data-filter { padding-left: 20px; margin-top: 16px; }
.analysis-data-content { padding: 20px; }
.analysis-data-content.has-chart { display: flex; }
.analysis-data-table { width: 100%; }
.analysis-data-content.has-chart .analysis-data-table { flex: 1; }
.analysis-data-content.has-chart .analysis-data-chart-wrap { position: relative; width: 30%; margin-left: 20px; border: 1px solid #DEE2E6; border-radius: 4px; }
.analysis-data-chart-body {  height: 0; padding-top: 100%; }
.analysis-data-chart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.analysis-data-process { position: relative; width: 200px; display: flex; overflow: hidden; align-items: center; }
.analysis-data-process + .analysis-data-process { position: relative; margin-top: 10px;  }
.analysis-data-process-num {  width: 60px; text-align: right; }
.analysis-data-process-bg { height: 12px; background: #fff; flex: 1; margin-left: 16px; position: relative; }
.analysis-data-process-line { position: absolute; height: 12px; line-height: 12px; left: 0; right: 0; top: 0; background-color: #ff6100; transition: left 0.1s; border-radius: 8px; }
.retail-top {display: flex;padding: 10px 20px 0 20px;}
.retail-top .product-image {width: 90px;height: 120px;}
.retail-top .product-image img {width: 100%;}
.retail-top .product-info {flex: 1;padding:10px 20px;color: #1D2129;}
.retail-top .product-info .product-info-kuanhao {font-size: 18px;margin-bottom: 22px;font-weight: 700;}
.retail-top .product-info .product-info-detail {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.retail-top .product-info .product-info-detail label {font-size: 14px;padding: 5px;width: 25%;}
.retail-middle {padding: 10px 20px;margin-top: 20px;}
.retail-middle .retail-data {display: flex;}
.retail-middle .retail-data .retail-item {flex: 1;display: flex;flex-direction: column;background-color:#F8F8F8;padding: 16px 28px;}
.retail-middle .retail-data .retail-item .retail-title {text-align: center;}
.retail-middle .retail-data .retail-item .retail-info-list {display: flex;flex-wrap: wrap;text-align: center;}
.retail-middle .retail-data .retail-item .retail-info-list .retail-info {width: 50%;margin-top: 12px;}
.retail-middle .retail-data .retail-item .retail-info-list.third .retail-info {width: 33%;}
.retail-middle .retail-data .retail-item .retail-info-list .retail-info .retail-info-title {text-align: left;color: #86909C} 
.retail-middle .retail-data .retail-item .retail-info-list .retail-info .retail-info-detail {font-size: 14px;margin-top: 8px;text-align: left;color: #1D2129;height: 14px;}
.retail-body {padding:10px 20px;}
#retail-order-compare-chart {width: 100%;height: 600px;}

.table-wrap.table-wrap-border-radius {border-radius: 4px;}
.table-replenish tr{height: 40px;}
.table-replenish.table {color: #1D2129;}
.table-replenish.table>tbody>tr.active {background-color: #F2F3F5;}
.table-replenish.table-border>tbody>tr>th, .table-replenish.table-border>tbody>tr>td {border-color: #E5E6E8;}

.retail-percent-content {background-color: #ffffff;border-radius: 16px;}
.retail-percent-skills {height: 16px;border-radius: 16px;text-align: right;line-height: 16px;color: white;background-color: #ff6100;}

.group-rank-board {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;padding: 10px;padding-right: 35px;}
.group-rank-board .rank {display: flex;flex-direction: column; text-align: center;align-items: center;margin-left: 10px;justify-content: space-between;}
.group-rank-board .rank-circle {width: 40px;height: 40px;border-radius: 40px;border: 1px solid #c8c8c8;line-height: 40px;text-align: center;margin-top: 10px;font-size: 16px;}
.group-rank-board-left {padding-right: 10px;width: 320px;}
.group-rank-board-left .img-content {width: 300px;height: 400px;border: 1px solid #c8c8c8;}
.group-rank-board-left .img-content img {width: 100%;}
.group-rank-board-left .group-info {display: flex;font-size: 16px;flex-wrap: wrap;}
.group-rank-board-left .group-info p {width: 50%;margin-top: 10px;}
.group-rank-board-left .group-info p.intro {width: 100%;}
.group-rank-board-right {display: flex;flex-direction: column;width: 100%;}
.group-rank-board-right .group-member {border: 1px solid #c8c8c8;border-radius: 5px;padding: 5px;margin-bottom: 10px;}
.group-rank-board-right .group-member .product-content {display: flex;}
.group-rank-board-right .group-member .product-content .img-content {width: 120px;height: 160px;min-width: 120px;}
.group-rank-board-right .group-member .product-content .img-content img {width: 100%;}
.group-rank-board-right .group-member .product-content .product-item {display: flex;flex-direction: column;justify-content: space-evenly;}
.group-rank-board-right .group-member .product-content .product-item .product-top {display: flex;}
.group-rank-board-right .group-member .product-content .product-info {border: 1px solid red;padding:0 5px;border-radius: 5px;padding: 10px;display: flex;}
.group-rank-board-right .group-member .product-content .product-info .rank-circle {border-color: red;color: red;font-weight: bold;}
.group-rank-board-right .group-member .product-content .skc-list {display: flex;margin-left: 16px;}
.group-rank-board-right .group-member .product-content .skc-list .skc-item {border: 1px solid #c8c8c8;padding:0 5px;border-radius: 5px;margin-right: 16px;padding: 10px;min-width: 100px;}
.group-rank-board-right .group-member .product-content .skc-list .skc-item.active {border-color: red;}
.group-rank-board-right .group-member .product-content .skc-list .skc-item.active .rank-circle {border-color: red;color: red;font-weight: bold;}
.group-rank-board-right .group-member .product-content .skc-list .skc-item .skc-info {display: flex;}
.group-rank-board-right .group-member .product-content .product-item .product-bottom {display: flex;text-align: center;}
.group-rank-board-right .group-member .product-content .product-item .product-bottom .rank {margin-right: 10px;}
.group-rank-board-right .group-member .product-content .product-item .product-bottom .rank-circle {margin-top: 5px;}

.itvl-detail select.inline-control {width: 80px;}
.itvl-detail .num-input {display: inline-block;line-height: 32px;margin-left: 10px;}
.itvl-detail .num-input .form-control {width: 50px;}
.itvl-detail .btn {width: 60px;margin-left: 10px;}

.lives-keyword-body { padding: 20px!important; }
.lives-keyword-body .keyword-add { font-size: 0; width: max-content; margin: 0 auto; }
.lives-keyword-body .keyword-add input { line-height: 32px; height: 32px; border: 1px solid #ededed; padding: 0 10px; }
.lives-keyword-body .keyword-add .keyword-batch-add { position: absolute; right: 20px; font-size: 12px; line-height: 32px; top: 20px; cursor: pointer; color: #1A1AA8; text-decoration: underline; }
.lives-keyword-body .keyword-title { margin-top: 20px; text-align: center; font-size: 16px; line-height: 32px; }
.lives-keyword-body .keyword-title:after { z-index: -1; content: ''; display: block; position: absolute; width: 100px; height: 1px; background-color: #ccc; left: 50%; margin-left: -50px;}
.lives-keyword-body .keyword-list { margin-top: 20px; height: 200px; text-align: center; }
.lives-keyword-body .keyword-item { display: inline-block; border-radius: 4px; border: 1px solid #ededed; line-height: 30px; height: 32px; color: #666; margin: 0 10px 10px 0; padding: 0 10px; }
.lives-keyword-body .keyword-item .iconfont { cursor: pointer; }
.lives-keyword-body .keyword-batch-add-box { display: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #fff; padding: 20px; }
.lives-keyword-body .keyword-batch-add-box textarea { padding: 10px; width: 100%; height: 200px; border: 1px solid #ededed; resize: none; }
.lives-keyword-body .keyword-batch-add-tips { line-height: 32px; color: #ff6100; }
.lives-keyword-body .keyword-batch-add-btn { line-height: 32px; margin: 10px auto 0; background-color: #ff6100; color: #fff; width: 100px; text-align: center; }

.itvl-detail .btn {width: 60px;margin-left: 10px;}

.restore-img-list {display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.restore-img-list .restore-img {width: 50%;padding: 10px;}
.restore-img-list .restore-img img {width: 100%;}

.process-info {display: none;min-width:calc(100vw - 160px);height: 100vh;background: #f8f8f8;padding:10px;z-index: 2;left: 160px;top: 65px;position: fixed;} 
.process-info.show {display: block;}
.process-info .process-content {
	position:absolute;width:calc(100% - 20px);
	left: 50%;transform: translate(-50%);
	text-align: center;padding: 120px 0;background: white; background-image: 
	linear-gradient(to right, gray 50%, rgba(255, 255, 255, 0) 0%), 
	linear-gradient(gray 50%, rgba(255, 255, 255, 0) 0%), 
	linear-gradient(to left, gray 50%, rgba(255, 255, 255, 0) 0%), 
	linear-gradient(to top, gray 50%, rgba(255, 255, 255, 0) 0%);
	background-position: top, right, bottom, left;
	background-size: 30px 1px, 1px 30px, 30px 1px, 1px 30px;
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}
.process-info .process-content .process-icon {color:#59c520;font-size: 72px;}
.process-info .process-content .process-msg {font-size: 24px;line-height: 34px;margin-top: 24px;margin-bottom: 8px;}
.process-info .process-content .process-msg1 {color: #666666;font-size: 14px;line-height: 22px;margin-bottom:40px}
.process-info .process-content .btn {margin-right: 8px;}
.process-info .process-content a {color: black;}

.online-distributed-title { line-height: 24px; font-size: 16px; margin-bottom: 12px; position: relative; }
.online-distributed-title .small { font-size: 12px; color: #999; }
.online-distributed-tips { float: right; }
.online-distributed-tip { line-height: 20px; font-size: 12px; }
.online-distributed-tip { margin-left: 25px; display: inline-block; }
.online-distributed-tip .tip-block { display: inline-block; background-color: #F2F3F5; width: 8px; height: 8px; }
.online-distributed-tip .tip-block.online { background-color: #6AA1FF; }
.online-distributed-tip .tip-block.offline { background-color: #aaa; }
.online-distributed-tip .tip-block.live { background-color: #00CC00; }

.online-distributed-item { display: flex; margin-bottom: 8px; }
.online-distributed-item-name { width: 100px; color: #999; display: flex!important; cursor: help; align-items: center; margin-right: 10px; justify-content: end; }
.online-distributed-item-name .name { display: inline-block; vertical-align: middle; }
.online-distributed-item-list { font-size: 0; flex: 1; }
.online-distributed-item-unit { position: relative; cursor: pointer; display: inline-block; margin: 2px; width: 24px; height: 24px ; font-size: 12px; color: #fff; line-height: 24px; vertical-align: middle; text-align: center; background-color: #F2F3F5; }
.online-distributed-item-unit.online { background-color: #6AA1FF; }
.online-distributed-item-unit.offline { background-color: #aaa; }
.online-distributed-item-unit.live { background-color: #00CC00; }
.online-distributed-item-unit.on { border: 2px solid #ff6100; line-height: 20px; }

.online-distributed-table td { position: relative; }
.online-distributed-table .online { position: absolute; right: 20px; padding: 0 5px; transform: translateY(-50%); top: 50%; background-color: #4caf50; border-radius: 5px; }
.online-distributed-table .online span { font-size: 12px; color: #fff; transform: scale(.8); display: block; }

.form-group  .system-tips{line-height: 32px;}
.system-tips.show {visibility: visible;}
.system-tips.tips-content-left .system-tips-content{left:30%;}
.system-tips { display: inline-block; vertical-align: middle; position: relative; }
.system-tips-par .system-tips { position: absolute; right: -15px; }
.system-tips-wrap .system-tips { display: none; }
.system-tips-wrap .iconfont { display: none; }
.system-tips-wrap:hover .system-tips { display: inline-block; }
.system-tips-wrap:hover .iconfont { display: inline-block; }
.system-tips .iconfont { font-size: 12px; line-height: 1; }
.system-tips-content { display: none; position: absolute; color: #666; white-space: nowrap; left: 50%; bottom: 30px; border: 1px solid #DEDEDE; z-index: 1; border-radius: 2px; transform: translateX(-50%); background: #fff; padding: 16px; font-size: 12px; line-height: 20px; padding: 8px 12px; }
.system-tips:hover .system-tips-content { display: block; }
.system-tips:hover:before { position: absolute; bottom: 24px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #DEDEDE; border-left: 7px solid transparent;}
.system-tips:hover:after { position: absolute; bottom: 25px; left: 50%; z-index: 1; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #fff; border-left: 7px solid transparent; }
.system-tips-blank .system-tips-content { color: #fff; bottom: 31px; border: 1px solid #6D6D6D; background: #6D6D6D; border-radius: 8px; }
.system-tips-blank:hover .system-tips-content { display: block; }
.system-tips-blank:hover:before { bottom: 25px; border-top: 7px solid #6D6D6D;}
.system-tips-blank:hover:after { bottom: 26px; border-top: 7px solid #6D6D6D; }
.system-tips-th {display: table-cell;}
.system-tips-th .system-tips-content {bottom: 41px;}
.system-tips-th:hover:before { bottom: 34px;}
.system-tips-th:hover:after { bottom: 35px;}
.system-tips.down .system-tips-content { bottom: unset; top: 31px; }
.system-tips.down:hover:before { top: 25px; border-top: unset; border-bottom: 7px solid #DEDEDE; }
.system-tips.down:hover:after { top: 26px; border-top: unset; border-bottom: 7px solid #fff; }

.status-tips { display: inline-block; vertical-align: middle; position: relative; cursor: help; }
.status-tips + .status-tips { margin-left: 4px; }
.status-tips .iconfont { font-size: inherit; line-height: 1; color: #4CAF50; }
.status-tips.off .iconfont { color: #BBBBBB; }
.status-tips-content { display: none; position: absolute; left: 50%; bottom: 26px; border: 1px solid #DEDEDE; z-index: 1; border-radius: 2px; transform: translateX(-50%); background: #fff; padding: 16px; font-size: 12px; line-height: 20px; padding: 8px 12px; }
.status-tips:hover .status-tips-content { display: block; }
.status-tips:hover:before { position: absolute; bottom: 20px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #DEDEDE; border-left: 7px solid transparent;}
.status-tips:hover:after { position: absolute; bottom: 21px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #fff; border-left: 7px solid transparent; }
.status-tips.down .status-tips-content { bottom: unset; top: 26px; }
.status-tips.down:hover:before { top: 20px; border-top: unset; border-bottom: 7px solid #DEDEDE; }
.status-tips.down:hover:after { top: 21px; border-top: unset; border-bottom: 7px solid #fff; }
.status-tips-td { font-size: 16px; line-height: 1!important; }

.lives-tools { position: absolute; right: 12px; bottom: 12px; z-index: 1; }
.lives-tools .lives-thums { position: relative; }
.lives-tools .lives-thums-canvas { position: absolute; bottom: 32px; right: -12px; pointer-events: none; }
.lives-tools .lives-thums-num { z-index: 1; color: #ff6100; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 28px; line-height: 1; padding: 2px 8px; display: inline-block; background-color: #fff; border-radius: 10px;}
.lives-tools .lives-thums img { width: 32px; height: 32px; transform: scale(1); transition: .2s;}

.lives-firework { margin-top: 12px; }
.lives-firework img { width: 32px; height: 32px; }
.lives-firework-canvas { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; pointer-events: none; }

.fixed-order-tools { position: fixed; left: 200px; bottom: 100px; width: 180px; background-color: #fff; border-radius: 8px; border: 1px solid #ccc; }
.fixed-order-tools .tools-title { padding: 10px; font-size: 14px; font-weight: 700; }
.fixed-order-tools .tools-list { padding: 0 10px; }
.fixed-order-tools .tools-item { font-size: 12px; display: flex; line-height: 32px; padding: 0 10px; height: 32px; }
.fixed-order-tools .tools-item + .tools-item  { border-top: 1px solid #ccc; }
.fixed-order-tools .tools-item-name { flex: 1; }

.title-tips {display: none;vertical-align: middle;position: relative;cursor: help;position: fixed;}
.title-tips:before { position: absolute; bottom: 20px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #DEDEDE; border-left: 7px solid transparent;}
.title-tips:after { position: absolute; bottom: 21px; left: 50%; margin-left: -7px; content: ''; border-right: 7px solid transparent; border-top: 7px solid #fff; border-left: 7px solid transparent; }
.title-tips-content {display: inline-block;text-align: center;overflow: hidden;white-space:nowrap;position: absolute; left: 50%; bottom: 26px; border: 1px solid #DEDEDE; z-index: 1; border-radius: 2px; transform: translateX(-50%); background: #fff; font-size: 12px; line-height: 20px; padding: 4px 6px; }

.board-html { font-size: 18px; }
.board-attrs-body { overflow: hidden; background: linear-gradient(270deg, #FF5291 0%, #FF5291 0%, #FFC768 100%, #FFC768 100%); }
.board-attrs-body[data-bg=bg2] { background: linear-gradient(270deg, #798DCA 0%, #798DCA 0%, #7ECBD3 100%, #7ECBD3 100%); }
.board-attrs-body[data-bg=bg3] { background: #F8F8F8; }
.board-attrs-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto;}
.board-attrs-title { text-align: center; color: #fff; position: relative; margin-top: 56px; font-size: 24px; font-weight: bold; line-height: 32px; }
.board-attrs-title .title { position: relative; }
.board-attrs-title .title:before, .board-attrs-title .title:after { content: ""; display: block; position: absolute; top: 50%; width: 24px; height: 2px; background-color: #fff; }
.board-attrs-title .title:before { left: -40px; }
.board-attrs-title .title:after { right: -40px; }
.board-attrs-body[data-bg=bg3] .board-attrs-title { color: #000; }
.board-attrs-body[data-bg=bg3] .board-attrs-title .title:before, .board-attrs-body[data-bg=bg3] .board-attrs-title .title:after { background-color: #000; }
.board-attrs-card-list { user-select: none; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; padding: 40px 180px; }
.board-attrs-card { background-color: #fff; border-radius: 8px; overflow: hidden; }
.board-attrs-card-title { font-weight: bold; padding: 1.333333rem 0 0.888888rem 0; color: #FF843D; font-size: 1.222222rem; line-height: 1.777777; text-align: center; }
.board-attrs-card-title img { height: 1.777777rem; vertical-align: middle; }
.board-attrs-list { position: relative; }
.board-attrs-item { line-height: 2.666666; padding: 0 1.333333rem 0 0.888888rem; display: flex; font-size: 1rem; }
.board-attrs-item + .board-attrs-item { border-top: 1px solid #eee; }
.board-attrs-item:nth-child(0n+1) { background: linear-gradient(90deg, #FFFDCA 0%, #FFFDCA 0%, #FFFFFF 100%, #FFFFFF 100%); }
.board-attrs-item:nth-child(0n+2) { background: linear-gradient(90deg, #EBF3FF 0%, #EBF3FF 0%, #FFFFFF 100%, #FFFFFF 100%), #FFFFFF; }
.board-attrs-item:nth-child(0n+3) { background: linear-gradient(90deg, #F7EADD 0%, #F7EADD 0%, #FFFFFF 100%, #FFFFFF 100%), #FFFFFF; }
.board-attrs-no { width: 2.222222rem; height: 2.222222rem; text-align: center; color: #999999; font-size: 0.777777; background-size: cover; }
.board-attrs-name { text-align: right; flex: 1; color: #666666; font-family: monospace;  }
.board-attrs-item:nth-child(0n+1) .board-attrs-no { color: rgba(0,0,0,0); background-image: url('../img/icons/rank1.png'); }
.board-attrs-item:nth-child(0n+2) .board-attrs-no { color: rgba(0,0,0,0); background-image: url('../img/icons/rank2.png'); }
.board-attrs-item:nth-child(0n+3) .board-attrs-no { color: rgba(0,0,0,0); background-image: url('../img/icons/rank3.png'); }
.board-attrs-item:nth-child(0n+1) .board-attrs-name { color: #FFC33B; }
.board-attrs-item:nth-child(0n+2) .board-attrs-name { color: #899EB7; }
.board-attrs-item:nth-child(0n+3) .board-attrs-name { color: #D6A069; }
.board-attrs-list-move { transition: transform 1s; }
.board-setting { transition: right .3s; overflow-y: auto; overflow-x: hidden; position: absolute; right: -300px; top: 0; bottom: 0; width: 300px; z-index: 1001; background-color: #fff; }
.board-setting-show .board-setting { right: 0; }
.board-setting-title { line-height: 64px; padding-left: 24px; border-bottom: 1px solid #eee; color: #3D3D3D; font-size: 16px; }
.board-setting-fontsize { position: relative; display: flex; }
.board-setting-body { padding: 24px; }
.board-setting-name { line-height: 22px; font-size: 14px; color: #333; }
.board-setting-name .tips { font-size: 12px; color: #999; }
.board-setting-block { margin-top: 12px; margin-bottom: 32px; }
.range-box input { -webkit-appearance: none; width: 200px; transition:.2s; display: block; background-color: transparent; border-radius: 8px; height: 8px; }
.range-box input[type="range"]::-webkit-slider-runnable-track {height: 8px; background: #ddd; border-radius: 8px; }
.range-box input[type="range" i]::-webkit-slider-container {height: 20px; overflow: hidden; }
.range-box input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background-color: #FF6100; border: 1px solid transparent; margin-top: -4px; border-image: linear-gradient(#FF6100, #FF6100) 0 fill / 4 12 4 0 / 0px 0px 0 2000px; position: relative; }
.range-intro { display: flex; margin-top: 12px; }
.range-intro span { flex: 1; color: #999999; line-height: 22px; font-size: 14px; }
.range-intro span.range-max { text-align: right; }
.range-curr { flex: 1; font-size: 14px; color: #333; line-height: 22px; padding-left: 16px; margin-top: -8px; }
.board-setting-style-list { display: flex; }
.board-setting-style-item { cursor: pointer; background: linear-gradient(270deg, #FF5291 0%, #FF5291 0%, #FFC768 100%, #FFC768 100%); width: 20px; height: 20px; border-radius: 4px; margin-right: 8px; line-height: 20px; text-align: center; color: #fff; }
.board-setting-style-item:nth-child(0n+2) { cursor: pointer; background: linear-gradient(270deg, #798DCA 0%, #798DCA 0%, #7ECBD3 100%, #7ECBD3 100%); width: 20px; height: 20px; border-radius: 4px; margin-right: 8px; line-height: 20px; text-align: center; color: #fff; }
.board-setting-style-item:nth-child(0n+3) { cursor: pointer; background: #F8F8F8; width: 20px; height: 20px; border-radius: 4px; margin-right: 8px; line-height: 20px; text-align: center; color: #fff; }
.board-setting-style-item .iconfont { display: none; }
.board-setting-style-item.on .iconfont { display: inline-block; }
.board-setting-btn { transition: right .3s; z-index: 1002; position: absolute; right: 0; top: 256px; padding-left: 12px; width: 56px; height: 48px; color: #fff; line-height: 48px; border-radius: 8px 0 0 8px; background-color: #FF6100; }
.board-setting-btn .iconfont { font-size: 24px; }
.board-setting-show .board-setting-btn { right: 300px; }
.board-setting-mask { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.3); z-index: 1000; }
.board-setting-show .board-setting-mask { display: block; }
.board-setting-input-group { display: flex; line-height: 32px; }
.board-setting-input-group .name { width: 60px; font-size: 14px; color: #999; }
.board-setting-input-group input { border: 1px solid #ddd; text-align: center; font-size: 14px; border-radius: 4px; padding: 0 8px; }
.board-setting-input-group input[type=number]::-webkit-inner-spin-button, .board-setting-input-group input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
.board-setting-attr { overflow: hidden; margin-bottom: 12px; }
.board-setting-attr-title { font-size: 14px; line-height: 32px; color: #999; border-bottom: 1px solid #F2F4F6; }
.board-setting-attr-title .iconfont { float: right; transform: rotate(90deg); transition: all .3s; }
.board-setting-attr.extend .board-setting-attr-title .iconfont { transform: rotate(-90deg); }
.board-setting-attr-units { margin-top: 12px; margin-right: -6px; display: flex; flex-flow: wrap; max-height: 0;  transition: max-height .3s ease-out; }
.board-setting-attr.extend .board-setting-attr-units { max-height: 500px; transition: max-height .3s ease-in; overflow-y: auto;}
.board-setting-attr-unit { cursor: pointer; margin: 0 6px 6px 0; white-space: nowrap; line-height: 30px; text-align: center; border: 1px solid #F2F4F6; padding: 0 12px; color: #333; border-radius: 8px;  font-size: 14px; }
.board-setting-attr-unit.on { color: #FF6100; border: 1px solid #FF6100; background: #FFF2EB; } 

.percent-process { position: relative; width: 80px; height: 20px; border-radius: 20px; overflow: hidden; background-color: #ededed; }
.percent-process-bar { position: absolute; left: 0; width: 50%; height: 100%; border-radius: 20px; }
.percent-process.style-1 .percent-process-bar { background-color: #FBACA3; }
.percent-process.style-2 .percent-process-bar { background-color: #7BE188; }
.percent-process.style-3 .percent-process-bar { background-color: #FFCF8B; }
.percent-process-num { width: 100%; height: 100%; line-height: 20px; text-align: center; position: relative; }
.percent-process-info-line { line-height: 32px; }
.percent-process-info { display: inline-block; width: 40px; height: 20px; border-radius: 20px; vertical-align: middle; margin-right: 10px; }
.percent-process-info.style-1 { background-color: #FBACA3; }
.percent-process-info.style-2 { background-color: #7BE188; }
.percent-process-info.style-3 { background-color: #FFCF8B; }

.interval-steps-intro { margin-bottom: 10px; color: #666; }
.interval-steps { display: flex; }
.interval-step { position: relative; flex: 1; padding-top: 30px; }
.interval-step-icon { position: absolute; top: 6px; left: 50%; margin-left: -6px; width: 12px; height: 12px; z-index: 1; border-radius: 50%; background-color: #ff6100;}
.interval-step:before { position: absolute; content: ""; width: 50%; background-color: #66ccff; height: 5px; left: 0; top: 10px; }
.interval-step:after { position: absolute; content: ""; width: 50%; background-color: #ff6100; height: 5px; right: 0; top: 10px; }
.interval-step-num { width: 40px; line-height: 32px; font-size: 14px; border:1px solid #e7e7e7; text-align: center; }
span.interval-step-num { border: none; }
.interval-step-content { text-align: center; }
.interval-step:nth-child(0n+1):before { background-color: #fff; }
.interval-step:nth-child(0n+1):after { background-color: #FBACA3; }
.interval-step:nth-child(0n+2):before { background-color: #FBACA3; }
.interval-step:nth-child(0n+2):after { background-color: #7BE188; }
.interval-step:nth-child(0n+3):before { background-color: #7BE188; }
.interval-step:nth-child(0n+3):after { background-color: #FFCF8B; }
.interval-step:nth-child(0n+4):before { background-color: #FFCF8B; }
.interval-step:nth-child(0n+4):after { background-color: #fff; }

.upload-imgbox { width: 150px; min-height: 100px; position: relative; background-color: #66ccff; }
.upload-imgbox-img { width: 100%; position: relative; z-index: 2; }
.upload-imgbox-img img { width: 100%; display: block; }
.upload-imgbox-img img[src=""] { display: none; }
.upload-imgbox-btn { position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; z-index: 2; }
.upload-imgbox-btn input[type=file] { opacity: 0; display: block; width: 100%; position: absolute; top: 0; height: 100%; }
.upload-imgbox-txt { position: absolute; width: 100%; font-size: 14px; display: block; transform: translateY(-50%); top: 50%; text-align: center; z-index: 1; }

.log-list { line-height: 26px; font-size: 12px; }
.advanced_setting .app.app-left .card {display: none;margin-top: unset;}
.advanced_setting .page-content-left {top: 104px}
.advanced_setting .app-inner {padding-top: 40px!important}
.advanced_setting .bread-crumb {margin-top: 10px;margin-left: 10px}
.advanced_setting .app.app-left .show {display: block;}

.invitation {width: 400px;height: 472px;background: url(../img/invitation.png);background-size:400px 472px;background-repeat:no-repeat;opacity: 1;}
.invitation p:nth-child(1){font-size: 24px;line-height: 32px;margin-top: 12px}
.invitation p:nth-child(2){font-size: 14px;line-height: 22px;margin-top: 8px}
.invitation p:nth-child(3){font-size: 32px;line-height: 40px;margin-top: 20px}
.invitation p:nth-child(5){font-size: 14px;line-height: 22px;margin-top: 34px}
.invitation p:nth-child(6){font-size: 14px;line-height: 22px;height: 22px;margin-top: 8px}
.invitation .code {color: #FD5E11;}
.invitation .code-bottom{border: 1px #ff6100 solid;width:110px;margin: auto;}
.invitation .logo {background-color: #fff;width: 110px;height: 110px;margin:17px auto 0px;border-radius: 100px;display: flex;vertical-align: middle;}
.invitation .logo img {margin: auto;}
.invitation .logo img.qrcode {width: 96px;height: 96px;border-radius: 100px;border: 1px solid #FFFFFF}
.invitation-class {background-color: unset!important;box-shadow: none!important;width: 400px;height: 472px;}

.action_q .anchor-tabs {display: none}
.action_q .setting-block {display: block!important;}
.action_q .action_q_hide {display: none!important}
.action_q .action_q_show {display: block!important}

.yw-img {background: url(../img/yw.jpg);width: 512px;height: 384px;background-repeat: round;}

.mslan {font-size: 14px;}
.mslan .table-border>thead>tr>th,.mslan .table-border>tbody>tr>td,.mslan .table-border>tfoot>tr>td{ border-color: #999; padding: 2px; }
.mslan label {font-weight: bolder;}
.mslan-flex{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.mslan-flex.h45 {line-height: 45px;}
.mslan-flex label {flex:1;}
.mslan-col {padding: 10px;display: flex;margin-right: 10px;}
.mslan-col .index-attrs ul{width: 145px;}
.mslan-col .index-attrs ul li {width: 144px;}
.mslan-unit .right-block ul {width:350px;}
.mslan-unit .right-block ul li {margin: 0 5px 5px 0;}
tr .product-img-list .product-push:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: 0.4;}
tr .product-img-list .product-push>span {position: absolute;display: block;width: 50px;font-size: 14px;top: 50%;left: 5px;color: #fff;border-radius: 2px;margin-top: -11px;z-index: 2;}
.offskc-mask{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);color: #fff;font-size: 14px;left: 0;line-height: 80px;top: 0;text-align: center;}
.po-re .offskc-mask{line-height: 120px;}
.product_show_group_container ul .po-re .offskc-mask{line-height: 64px;}
.scroll-y.right-block{overflow-y: auto;}
.search-group.w-230 {width: 220px;}
.search-group.w-230 .search-input{width: 175px;}
.select-ul {display: inline-block;max-width: 530px;white-space: nowrap;}
/*.device-electron .order-print-setting { display: none; }*/
.order-print-electron-desc { display: none; }
.device-electron .order-print-electron-desc { color: #999; display: inline-block; }
@media print {
	.device-electron .card-body { display: none; }
	.device-electron .order-print-electron { display: block!important; }
}

.full-refresh {height: 50px;position: absolute;right: 50px;top: 0px;line-height: 50px;}

.navset {border: 1px solid #c2c2c2;margin: 10px; border-radius: 5px;margin-bottom: 54px}
.navset-head {min-height: 100px;border-bottom: 1px solid #c2c2c2;padding: 10px}
.navset-head .navset-head-title {font-weight: bold;margin-bottom: 20px}
.navset-head .navset-head-title a {font-weight: normal;}
.navset-head .navset-head-title span {margin-left: 10px;color: #c2c2c2;font-size: 12px}
.navset-head .navset-active-item {padding: 10px; background: #F5F6F7; margin: 5px;display: inline-block;border: 1px solid #F5F6F7;}
.navset-head .navset-active-item:hover {background-color: #ffffff;color: #ff6100;border: 1px solid #ff6100;}
.navset-head .navset-active-item:hover a {visibility: unset;}
.navset-head .navset-active-item a {display: inline-block; visibility: hidden; width: 14px; height: 14px; margin-left: 8px; cursor: pointer;font-size: 14px;text-align: center;color: #ff6100}
.navset-head .navset-active-item.active {background-color: #ffffff;color: #ff6100;border:1px solid #ff6100;}
.navset-foot {left: 0; bottom: 0px; position: fixed; right: 0; z-index: 99; padding: 10px 15px; border-top: 1px solid #eee; background-color: #fff;}
.navset-item {padding: 10px;margin: 15px;}
.navset-item-left {display: inline-block; margin-right: 10px; color: #c2c2c2;}
.navset-item-right {display: inline-block;}
.navset-item-right span {padding: 10px; background: #F5F6F7; margin: 5px;border: 1px solid #F5F6F7;}
.navset-item-right span.active {background-color: #ffffff;color: #ff6100;border:1px solid #ff6100;}

.modal-dialog-modify { min-height: 364px; }
.modal-dialog-modify .modify-confirm-block { display: none; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; }
.modal-dialog-modify.show-confirm-page .modify-confirm-block { display: block; }
.modal-dialog-modify.show-confirm-page .modify-table { display: none; }
.modal-dialog-modify .confirm-content {padding:20px; overflow-y:auto;}
.modal-dialog-modify .confirm-content .title {font-size:14px;color:#ff6000; margin-bottom: 20px; }
.modal-dialog-modify .confirm-content .item {font-size:14px; line-height: 20px;}
.modal-dialog-modify .confirm-btn-group {position:absolute;right:0;bottom:0;width:100%;text-align: right;padding:15px 20px;border-top:1px solid #e8e8e8;}
.moveto-size-list { display: grid;  grid-template-columns: repeat(8, 1fr); grid-gap: 8px; }
.moveto-size-item { height: 32px; line-height: 32px; border: 1px solid #ededed; text-align: center; cursor: pointer; }
.moveto-size-item.on { background-color: #ff6100; border-color: #ff6100; color: #fff; }

.db-process-tips { font-size: 20px; margin-bottom: 20px; color: #999; }
.db-process-body { display: none; margin-top: 40px; }
.db-process-status { font-size: 20px; line-height: 40px; color: #ff6100; }
.db-process-list { line-height: 20px; font-size: 14px; display: grid;  grid-template-columns: repeat(6, 1fr); grid-gap: 8px; border: 1px solid #ddd; padding: 10px; }
.db-process-item { color: #666; }
.db-process-item.over { color: #7efff5; }
.db-process-item.process { color: #ff6100; animation: blink 2s linear infinite; }
.db-process-item.success { color: #32ff7e; }
.db-process-item.jump { color: #ccc; }
@keyframes blink {0% {color: #ff6100; } 50% {color: transparent; } 100% {color: #ff6100; } }

.struct-selector { border: 1px solid #E5E6EB; border-radius: 4px; font-size: 14px; }
.struct-selector-body { display: -webkit-flex; display: flex; }
.struct-selector-left { -webkit-flex: 1; flex: 1; border-right: 1px solid #F2F3F5; width: 50%; }
.struct-selector-right { -webkit-flex: 1; flex: 1; }
.struct-selector-search { position: relative; width: 100%; padding: 20px; }
.struct-selector-search input { width: 100%; font-size: 14px; line-height: 32px; border: none; background-color: #F2F3F5; padding: 0 32px; }
.struct-selector-search .iconfont { position: absolute; top: 50%; left: 32px; transform: -webkit-translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; color: #86909C; line-height: 1;  }
.struct-selector-tabs { line-height: 40px; font-size: 0; height: 40px; padding: 0 8px; position: relative; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.struct-selector-tabs:after { position: absolute; content: ''; left: 24px; right: 20px; bottom: 0; height: 1px; background-color: #F2F3F5; }
.struct-selector-tabs::-webkit-scrollbar {width:6px;height:6px;}
.struct-selector-tabs::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.struct-selector-tabs::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}
.struct-selector-tab { padding: 0 16px; display: inline-block; font-size: 14px; position: relative; cursor: pointer; }
.struct-selector-tab.on { color: #ff6100; cursor: unset; }
.struct-selector-tab.on:after { position: absolute; content: ''; left: 16px; right: 16px; bottom: 1px; height: 1px; background-color: #ff6100; }
.struct-selector-list { margin-top: 16px; overflow-y: auto; height: 200px; padding-right: 10px; }
.struct-selector-list::-webkit-scrollbar {width:6px;height:6px;}
.struct-selector-list::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .5);border-radius:6px;}
.struct-selector-list::-webkit-scrollbar-thumb:hover {background-color:rgba(0, 0, 0, .6);}
.struct-selector-item { line-height: 40px; }
.struct-selector-item .iconfont { font-size: 14px; }
.struct-selector-treeitem { position: relative; padding-left: 60px; }
.struct-selector-itemicon-folder { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
.struct-selector-itemicon { color: #ff6100; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); }
.struct-selector-itemicon-succ { color: #E5E6EB; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);  }
.struct-selector-treeitem.on .struct-selector-itemicon-succ { color: #ff6100; }
.struct-selector-item.on .struct-selector-itemicon-folder { transform: rotate(90deg) translateY(-50%); transform-origin: top; }
.struct-selector-children { max-height: 0; transition: max-height .5s; overflow: hidden; }
.struct-selector-item.on .struct-selector-children { max-height: 10000px; }
.struct-selector-info { position: relative; padding: 20px; line-height: 32px; font-size: 14px; color: #1D2129; }
.struct-selector-clear { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); color: #ff6100; }
.struct-selector-select .struct-selector-treeitem { cursor: pointer; }
.struct-selector-selected .struct-selector-treeitem { padding-left: 40px; }
.struct-selector-selected .struct-selector-itemicon { left: 20px; }
.struct-selector-selected .struct-selector-itemicon-folder { display: none; }
.struct-selector-itemicon-close { cursor: pointer; color: #4E5969; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);  }

/*.ss-list::-webkit-scrollbar { display: none!important; }*/
.ss-main .ss-content .ss-list .ss-option { padding: 2px!important; }
.ss-main .ss-content .ss-search { padding: 2px!important; }
.ss-main .ss-single-selected { border: 1px solid #ccc!important; border-radius: 0!important; }
.table-tools .ss-main .ss-single-selected { height: 26px!important; }
.table-tools .slim-select-wrap { display: inline-block; width: 100px; }
.ss-main .ss-content .ss-list .ss-option { line-height: 24px!important; }
.modal-body .slim-select-wrap { width: 90px; white-space: normal;}
.left-card .slim-select-wrap { width: 155px; }
.slim-select-inner .select-ul {display: flex;flex-wrap: wrap;}
.slim-select-inner .search-ul {position: absolute;top: 10px;right: 10px;}
.slim-select-inner .inner-head {height: 80px;}
.slim-select-inner .inner-body {top: 80px;}