/** { margin: 0; padding: 0; }*/
body { background: #f2f2f2; }
a { text-decoration: none !important; }
ul { list-style: none; }

button { outline: none; border: none; background: #ffffff; }
select { -webkit-appearance: none !important; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; border: none; }
input { outline: none; border: none; padding: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
input::-webkit-input-placeholder { color: #999999 !important; }
input:-ms-input-placeholder { color: #999999 !important; }
input[type="number"] { -moz-appearance: textfield; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #555; }
.tip-msg { display: inline-block; width: 8px !important; height: 8px; border-radius: 4px; background: #FB3E2A; position: absolute; top: 10px; right: -8px; }

/*btn*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; }
.btn + .btn { margin-left: 20px; }
.btn-link { color: #6cae38; border: none; }
.btn-link:focus, .btn-link:hover { color: #6cae38; }

.btn-cancel { border-color: #333333; -webkit-border-radius: 3px; border-radius: 3px; line-height: 30px; height: 32px; padding: 0 17px; }

.btn-second { -webkit-border-radius: 3px; border-radius: 3px; line-height: 30px; height: 32px; padding: 0 17px; }

.btn-primary { color: #fff; background-color: #6cae38; border-color: #6cae38; line-height: 30px; height: 32px; padding: 0 17px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active { background-color: #8bc34a; border-color: #8bc34a; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover { background-color: #8bc34a; border-color: #8bc34a; }
.note-toolbar .btn.btn-sm, .note-toolbar .btn-group-sm > .btn { padding: 5px 10px }
/*btn*/

/*a*/
a { color: #0069aa; }
.color-second { color: #6cae38; }
a.color-second:hover { color: #6cae38; }

/*input*/
.form-control { height: 32px; padding: 0 10px; border-radius: 3px; display: inline-block; border: 1px solid #d4d4d4; }
.form-control:focus { border: 1px solid #0069aa; }
.form-control[readonly] { background-color: #fff; }
/*input*/
.form-horizontal .col-lg-1, .form-horizontal .col-lg-10, .form-horizontal .col-lg-11, .form-horizontal .col-lg-12, .form-horizontal .col-lg-2, .form-horizontal .col-lg-3, .form-horizontal .col-lg-4, .form-horizontal .col-lg-5, .form-horizontal .col-lg-6, .form-horizontal .col-lg-7, .form-horizontal .col-lg-8, .form-horizontal .col-lg-9, .form-horizontal .col-md-1, .form-horizontal .col-md-10, .form-horizontal .col-md-11, .form-horizontal .col-md-12, .form-horizontal .col-md-2, .form-horizontal .col-md-3, .form-horizontal .col-md-4, .form-horizontal .col-md-5, .form-horizontal .col-md-6, .form-horizontal .col-md-7, .form-horizontal .col-md-8, .form-horizontal .col-md-9, .form-horizontal .col-sm-1, .form-horizontal .col-sm-10, .form-horizontal .col-sm-11, .form-horizontal .col-sm-12, .form-horizontal .col-sm-2, .form-horizontal .col-sm-3, .form-horizontal .col-sm-4, .form-horizontal .col-sm-5, .form-horizontal .col-sm-6, .form-horizontal .col-sm-7, .form-horizontal .col-sm-8, .form-horizontal .col-sm-9, .form-horizontal .col-xs-1, .form-horizontal .col-xs-10, .form-horizontal .col-xs-11, .form-horizontal .col-xs-12, .form-horizontal .col-xs-2, .form-horizontal .col-xs-3, .form-horizontal .col-xs-4, .form-horizontal .col-xs-5, .form-horizontal .col-xs-6, .form-horizontal .col-xs-7, .form-horizontal .col-xs-8, .form-horizontal .col-xs-9 { padding-left: 0px; padding-right: 0px; }
.form-inline label { font-weight: 400; }
.control-label { font-weight: 400; }
/**/
.nav:after { content: ''; border-bottom: 1px solid #000; width: 100%; opacity: 0.1; }
.nav-pills > li > a { color: #333; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #0069aa; background-color: inherit; }
/*.nav-pills>li.active:before{content:'';border-bottom:1px solid #0069aa;width:100%;}*/
.nav-pills > li.active:after { content: ''; border-bottom: 1px solid #0069aa; width: 100%; position: absolute; margin: auto; left: 0; right: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #0069aa; }
/**/
.bg-linear { background: linear-gradient(to bottom right,#71c228,#69c912,#81d931); }

/*nav*/
.nav-pills li { cursor: pointer; }
.nav-pills li + li { margin-left: 30px; }
.nav-pills li a { background: transparent !important; color: #333333; font-size: 16px; padding: 13px 0; }
.nav-pills li.active a { color: #0069aa !important; }
/*.nav-pills li.active a:after { content: ""; position: absolute; height: 1px; width: 100%; background: #0069aa; left: 0; bottom: 0; }*/

/*label-switch*/
.label-switch { display: inline-block; vertical-align: middle; width: 52px; border-radius: 16px; box-sizing: border-box; height: 32px; position: relative; cursor: pointer; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; }
.label-switch .checkbox { width: 52px; border-radius: 16px; box-sizing: border-box; height: 32px; background: #e5e5e5; z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; cursor: pointer; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; }
.label-switch .checkbox:before { content: ' '; position: absolute; left: 2px; top: 2px; width: 48px; border-radius: 16px; box-sizing: border-box; height: 28px; background: #fff; z-index: 1; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: scale(1); transform: scale(1); }
.label-switch .checkbox:after { content: ' '; height: 28px; width: 28px; border-radius: 28px; background: #fff; position: absolute; z-index: 2; top: 2px; left: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, .4); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: .3s; transition-duration: .3s; }
.label-switch input[type=checkbox] { display: none; }
.label-switch input[type=checkbox]:checked + .checkbox { background: #4cd964; }
.label-switch input[type=checkbox]:checked + .checkbox:before { -webkit-transform: scale(0); transform: scale(0); }
.label-switch input[type=checkbox]:checked + .checkbox:after { -webkit-transform: translateX(20px); transform: translateX(20px); }
/*label-switch*/

/*panel*/
.panel-heading, .panel-footer { padding: 15px; background-color: transparent; border-color: #efefef; }
.panel-heading { font-size: 16px; }
.panel-heading .title { margin-right: 20px; }
.panel-heading > .icon.icon-edit-o { color: #0069aa; cursor: pointer; }
/*table*/
table.table { background: #ffffff; -webkit-border-radius: 3px; border-radius: 3px; }
table.table > tbody > tr > td, .table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > thead > tr > th { text-align: center; font-weight: 400; vertical-align: middle; padding: 15px; }
/*table.table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, table.table > tfoot > tr > td:first-child, table.table > tfoot > tr > th:first-child, table.table > thead > tr > td:first-child, table.table > thead > tr > th:first-child { padding-left: 20px; }*/
table.table > thead > tr > th { border-bottom: 1px solid #efefef; }
table.table th { border-top: none !important; }
table.table td { border-top-color: #efefef !important; }
table tr > th .single-line, table tr > td .single-line { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
table tr > th .double-line, table tr > td .double-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.modal-backdrop { display: none !important; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.amount { color: #ff6000; }
.dropdown { display: inline-block; }
.dropdown ul { left: auto; right: -15px; min-width: 120px; border: none; padding: 5px 15px; top: 35px; text-align: center; margin: 0; box-shadow: 0px 0px 15px rgba(0,0,0,.175); }
.dropdown ul:before { content: ""; position: absolute; border-bottom: 8px solid #ffffff; border-left: 7px solid transparent; border-right: 7px solid transparent; top: -8px; right: 15px; }
.dropdown ul a { padding: 0; background: transparent !important; height: 32px; line-height: 32px; }
.dropdown ul a:hover { color: #0069aa; }

.common-btn { height: 30px; line-height: 28px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #333333; padding: 0 17px; }
.common-btn:hover { border-color: #6cae38; color: #6cae38; }
.common-btn + .common-btn { margin-left: 20px; }
.common-btn.btn-confirm { color: #ffffff; background: linear-gradient(to bottom right,#71c228,#69c912,#81d931); border: none; line-height: 30px; }

.common-modal { background: rgba(0,0,0,0.5); }
.common-modal .modal-dialog { width: 510px; margin: 0 auto; top: 0; }
.common-modal.in .modal-dialog { top: 60px; }
.common-modal .modal-dialog .modal-content { border: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; }
.common-modal .modal-dialog .modal-content .modal-header { height: auto; padding: 10px; border-color: #efefef; }
.common-modal .modal-dialog .modal-content .modal-header .icon-close { font-size: 12px; padding: 2px; cursor: pointer; }
.common-modal .modal-dialog .modal-content .modal-header small { color: #999999; margin-left: 5px; }
.common-modal .modal-dialog .modal-content .modal-footer { border: none; font-size: 0; }
.common-modal .modal-dialog .modal-content .modal-footer > * { font-size: 14px; }
.common-modal .modal-dialog .modal-content .modal-footer > .btn + .btn { margin-left: 16px; }

.common-modal .preview-wrap { text-align: left; margin: -30px 0 -20px 0; }
.common-modal .preview-wrap > div { font-size: 14px; line-height: 30px; }
.common-modal .preview-wrap > div span { display: inline-block; text-align: right; width: 100px; }

.common-modal#goodsModal .modal-dialog { width: 628px; }
.common-modal#goodsModal .modal-header small { color: #999999; margin-left: 5px; }
.common-modal#goodsModal .modal-body { padding: 15px 5px; }
.common-modal#goodsModal .modal-body .search-bar { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin: 0 10px; }
.common-modal#goodsModal .modal-body .search-bar input { text-align: left; }
.common-modal#goodsModal .modal-body .goods-wrap { font-size: 0; height: 450px; overflow: auto; }
.common-modal#goodsModal .modal-body .goods-wrap::-webkit-scrollbar { width: 6px; }
.common-modal#goodsModal .modal-body .goods-wrap::-webkit-scrollbar-thumb { background: #e5e5e5; -webkit-border-radius: 3px; border-radius: 3px; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item { display: inline-block; width: -webkit-calc(25% - 20px); width: calc(25% - 20px); margin: 15px 10px 0 10px; vertical-align: top; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item .cover { position: relative; height: 134px; background-position: center; background-size: cover; border: 1px solid #efefef; -webkit-border-radius: 3px; border-radius: 3px; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item .cover cube { position: absolute; width: 14px; height: 14px; border: 1px solid #efefef; -webkit-border-radius: 2px; border-radius: 2px; background: #ffffff; top: 5px; right: 5px; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item .cover cube i { color: #ffffff; font-size: 10px; padding: 1px; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item .cover .mask { display: none; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item.checked .cover, .discount-detail-page #goodsModal .modal-body .goods-wrap .good-item:hover .cover { border-color: #0069aa; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item.checked .cover cube { border-color: #0069aa; background: #0069aa; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item.disabled .cover .mask { position: absolute; display: inline-block; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px; background: rgba(0,0,0,0.6); -webkit-border-radius: 50%; border-radius: 50%; line-height: 80px; text-align: center; font-size: 14px; color: #ffffff; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item.disabled .cover cube { display: none; }
.common-modal#goodsModal .modal-body .goods-wrap .good-item .title { font-size: 14px; margin-top: 5px; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.common-modal#goodsModal .modal-body .goods-wrap .load-more { font-size: 13px; padding: 5px 0; cursor: pointer; color: #0069aa; }
.common-modal#goodsModal .modal-footer .pull-left { font-size: 12px; height: 32px; line-height: 32px; }
.common-modal#goodsModal .modal-footer .pull-left label { cursor: pointer; }
.common-modal#goodsModal .modal-footer .pull-left span { margin-left: 5px; }
.common-modal .pwd-input-wrap { text-align: left; font-size: 14px; margin-top: -25px; padding: 0 15px; }

.modal-body::-webkit-scrollbar { width: 6px; }
.modal-body::-webkit-scrollbar-thumb { background: #e5e5e5; -webkit-border-radius: 3px; border-radius: 3px; }

#confirmModal .modal-body { font-size: 16px; text-align: center; padding: 40px 0 30px; }
#alertModal .modal-body { padding: 10px 20px; }
#alertModal .modal-body i { font-size: 14px; padding: 7px; color: #ffffff; background: #6cae38; margin-right: 10px; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; }
#alertModal .modal-body span { vertical-align: middle; display: inline-block; height: 30px; line-height: 30px; }
#alertModal .modal-body small { position: absolute; bottom: 20px; right: 55px; color: #999999; }
#loadingModal { position: absolute; }
#loadingModal .icon-spinner { color: #6cae38; margin-right: 15px; }

#cardAlertModal .modal-dialog { top: 30%; width: 480px; border-radius: 4px; }
#cardAlertModal .modal-dialog .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.2); border: none; }
#cardAlertModal .modal-dialog .modal-content .modal-header { border: none; }
#cardAlertModal .modal-dialog .modal-content .modal-header .icon { color: #999; font-size: 13px; cursor: pointer; }
#cardAlertModal .modal-dialog .modal-content .modal-body { color: #999; padding-top: 0; min-height: 75px; }

.search-bar { display: inline-block; width: 340px; position: relative; font-size: 14px; border: 1px solid #efefef; -webkit-border-radius: 3px; border-radius: 3px; }
.search-bar input { color: #0069aa; width: 100%; height: 30px; line-height: 30px; padding: 0 40px 0 15px; }
.search-bar i, .search-bar button { position: absolute; width: 40px; height: 30px; line-height: 30px; top: 0; right: 0; color: #0069aa; cursor: pointer; }

.navbar-default-search { background-color: transparent; }

.check-box { font-size: 14px; font-weight: 400; margin-right: 30px; }
.check-box input { display: none; }
.check-box .check-sign { width: 14px; height: 14px; display: inline-block; border: 1px solid #0069aa; -webkit-border-radius: 3px; border-radius: 3px; }
.check-box .check-sign .icon-check { color: #fff; transform: scale(.7); font-size: 12px; display: block; opacity: 0; }
.check-box input[type=radio]:checked + .check-sign { background: #0069aa; }
.check-box input[type=radio]:checked + .check-sign .icon-check { opacity: 1; }
.check-box input[type=radio]:disabled + .check-sign { opacity: 0.3; cursor: not-allowed; }
.check-box input[type=checkbox]:checked + .check-sign { background: #0069aa; }
.check-box input[type=checkbox]:checked + .check-sign .icon-check { opacity: 1; }
.check-box input[type=checkbox]:disabled + .check-sign { opacity: 0.3; }
.check-box.radio-box .check-sign { -webkit-border-radius: 7px; border-radius: 7px; }

.panel { border: none; box-shadow: none; }
.pager > * { display: inline-block; border: 1px solid #efefef; -webkit-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 28px; min-width: 30px; text-align: center; color: #333333; background: #ffffff; margin: 0 5px; padding: 0 8px; }
.pager > span { border-color: #0069aa; background: #0069aa; color: #ffffff; }
.pager > a:hover { color: #0069aa; border-color: #0069aa; }
.pager > a:first-child, .pager > a:last-child, .pager > a:nth-child(2), .pager > a:nth-last-child(2) { width: auto; padding: 0 15px; }
.pager > [disabled] { cursor: not-allowed; color: #999999 !important; border-color: #efefef !important; }
.pager .pagination-info { float: left; padding: 0; margin: 0; background-color: transparent; color: #666; border: none; }
.pager .pagination-info span:first-child { margin-right: 10px; }

.app { height: 100vh; display: flex; }
.app .menu-bar { font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.app .menu-bar .menu-bar-wrap { display: inline-block; position: relative; width: 70px; height: 100%; background: #0069aa; padding-top: 70px; vertical-align: top; font-size: 12px; }
.app .menu-bar .menu-bar-wrap .logo-wrap { position: absolute; width: 70px; height: 70px; padding: 15px; top: 0; left: 0; }
.app .menu-bar .menu-bar-wrap .logo-wrap > .logo { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap { position: absolute; width: 300px; background: #ffffff; height: 310px; z-index: 10000; box-shadow: 0px 2px 15px #999999; -webkit-border-radius: 3px; border-radius: 3px; top: 65px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap:before { content: ""; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #ffffff; top: -8px; left: 13px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap > .logo { width: 80px; height: 80px; background-position: center; background-size: cover; -webkit-border-radius: 50%; border-radius: 50%; margin: 40px auto 20px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap > p { font-size: 14px; margin-bottom: 10px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap > small { color: #999999; display: block; font-size: 12px; margin-bottom: 10px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap > .btn-logout { position: absolute; width: 100%; height: 40px; line-height: 40px; background: #efefef; color: #999999; font-size: 15px; cursor: pointer; bottom: 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.app .menu-bar .menu-bar-wrap .logo-wrap .user-base-wrap > .btn-logout:hover { color: #ff6000; }
.app .menu-bar .menu-bar-wrap .menu-item-wrap { height: 100%; overflow: auto; }
.app .menu-bar .menu-bar-wrap .menu-item-wrap::-webkit-scrollbar { display: none; }
.app .menu-bar .menu-bar-wrap .menu-item { display: block; text-align: center; color: #ffffff; padding: 9px 0; cursor: pointer; }
.app .menu-bar .menu-item:hover { background: #328dbc; }
.app .menu-bar .menu-bar-wrap .menu-item.active { background: #ffffff; color: #0069aa; }
.app .menu-bar .menu-bar-wrap .menu-item .icon { font-size: 20px; margin-bottom: 3px; display: inline-block; height: 20px; }
.app .menu-bar .sub-menu-bar { display: inline-block; height: 100%; width: 0; background: #ffffff; transition: all 0.3s; overflow: hidden; vertical-align: top; position: relative; }
.app .menu-bar .sub-menu-bar:after { content: ""; position: absolute; width: 1px; height: 100%; background: #d4d4d4; right: 0; top: 0; transform: scaleX(.5); }
.app .menu-bar .sub-menu-bar.sub-menu-show { width: 130px; }
.app .menu-bar .sub-menu-bar .sub-menu-title { padding: 30px 20px; font-size: 16px; font-weight: bold; width: 130px; }
.app .menu-bar .sub-menu-bar .sub-menu-item-wrap { height: -webkit-calc(100% - 82px); height: calc(100% - 82px); overflow: auto; }
.app .menu-bar .sub-menu-bar .sub-menu-item-wrap::-webkit-scrollbar { width: 6px; }
.app .menu-bar .sub-menu-bar .sub-menu-item-wrap::-webkit-scrollbar-thumb { background-color: #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; }
.app .menu-bar .sub-menu-bar .sub-menu-item { display: block; font-size: 14px; color: #3a3a3a; padding: 5px 10px; margin: 0 10px 20px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; width: 110px; }
.app .menu-bar .sub-menu-bar .sub-menu-item:hover { color: #0069aa; }
.app .menu-bar .sub-menu-bar .sub-menu-item.active { color: #ffffff; background: #0069aa; }
.app .menu-bar .sub-menu-bar .sub-menu-bar-hide { position: absolute; width: 28px; height: 100px; line-height: 100px; background: #f2f2f2; -webkit-border-radius: 25px 0 0 25px; font-size: 14px; color: #6cae38; right: 0; top: 50%; margin-top: -50px; cursor: pointer; }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item { }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-hd { margin: 0 10px 20px; }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .icon-right { display: inline-block }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .icon-down { display: none }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item.selected .icon-right { display: none }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item.selected .icon-down { display: inline-block }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-hd, .app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-hd * { font-size: 14px }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-hd .icon, .app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-hd * .icon { font-size: 8px; color: #CDCDCD; padding-right: 4px }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-bd .sub-menu-item { padding-left:30px }
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item .three-level-sub-menu-item-bd { display:none}
.app .menu-bar .sub-menu-bar .three-level-sub-menu-item.selected .three-level-sub-menu-item-bd { display: block }
.app .main-wrap { flex: 1; position: relative; padding-top: 50px; overflow: hidden; }
.app .main-wrap .top-bar { position: absolute; width: 100%; height: 50px; background: #ffffff; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.app .main-wrap .top-bar:after { content: ""; position: absolute; width: 100%; height: 1px; background: #d4d4d4; bottom: 0; left: 0; transform: scaleY(.5); }
.app .main-wrap .top-bar .btn-sub-toggle { display: inline-block; color: #333; padding: 0 20px; height: 50px; line-height: 50px; cursor: pointer; position: relative; }
.app .main-wrap .top-bar .pull-right { color: #333333; font-size: 16px; height: 50px; line-height: 50px; padding: 0 20px; cursor: pointer; }
.app .main-wrap .top-bar .pull-right:hover { color: #0069aa; }
.app .main-wrap .top-bar .index-title { display: inline-block; line-height: 50px; }

#accountModal .modal-body { height: 450px; }
#accountModal .logo { width: 80px; height: 80px; background-position: center; background-size: cover; -webkit-border-radius: 50%; border-radius: 50%; margin: 20px auto; }
#accountModal p { font-size: 14px; margin-bottom: 10px; }
#accountModal small { color: #999999; display: block; font-size: 12px; margin-bottom: 40px; }
#accountModal hr { margin-bottom: 40px; }
#accountModal .edit-row { margin-top: 15px; }
#accountModal .edit-row span { display: inline-block; text-align: right; width: 72px; }
#accountModal .edit-row input { width: 300px; }

.btn-sort span { cursor: pointer; position: relative; }
.btn-sort span:before { content: ""; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #9b9b9b; top: 2px; right: -20px; }
.btn-sort.up span:before { border-bottom-color: #0069aa; }
.btn-sort span:after { content: ""; position: absolute; border-top: 4px solid #9b9b9b; border-left: 4px solid transparent; border-right: 4px solid transparent; bottom: 3px; right: -20px; }
.btn-sort.down span:after { border-top-color: #0069aa; }

@-moz-keyframes dots-loader {
    0% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    8.33% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    16.67% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    25% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    33.33% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; }
    41.67% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    50% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    58.33% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    66.67% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    75% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    83.33% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; }
    91.67% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    100% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
}

@-webkit-keyframes dots-loader {
    0% { -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    8.33% { -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    16.67% { -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    25% { -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    33.33% { -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; }
    41.67% { -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    50% { -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    58.33% { -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    66.67% { -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    75% { -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    83.33% { -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; }
    91.67% { -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    100% { -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
}

@keyframes dots-loader {
    0% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    8.33% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    16.67% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px 14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    25% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    33.33% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 -14px -14px 0 7px; }
    41.67% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    50% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    58.33% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 -14px 14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    66.67% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 -14px -14px 0 7px, #13c2c2 -14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    75% { -moz-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; -webkit-box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; box-shadow: #f56f57 14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px -14px 0 7px, #5d82e6 14px -14px 0 7px; }
    83.33% { -moz-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; -webkit-box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; box-shadow: #f56f57 14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 14px 14px 0 7px; }
    91.67% { -moz-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px 14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
    100% { -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; }
}

.app .main-wrap .cover { position: absolute; width: 100%; height: -webkit-calc(100% - 50px); height: calc(100% - 50px); background: #f2f2f2; z-index: 999; }
#loader { text-align: center; height: 100%; }
#loader .dots-loader:not(:required) { top: calc(50% - 100px); top: -webkit-calc(50% - 100px); overflow: hidden; position: relative; text-indent: -9999px; display: inline-block; width: 7px; height: 7px; background: transparent; border-radius: 100%; -moz-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -webkit-box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; box-shadow: #f56f57 -14px -14px 0 7px, #f5b157 14px -14px 0 7px, #13c2c2 14px 14px 0 7px, #5d82e6 -14px 14px 0 7px; -moz-animation: dots-loader 5s infinite ease-in-out; -webkit-animation: dots-loader 5s infinite ease-in-out; animation: dots-loader 5s infinite ease-in-out; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }


.page .main-wrap { position: relative; height: 100vh; overflow: hidden; }
.page .main-wrap .main { position: relative; padding: 15px; height: 100%; overflow: auto; padding-right: 18px; }
.page .main-wrap .main::-webkit-scrollbar { width: 10px; }
.page .main-wrap .main::-webkit-scrollbar-thumb { background: #c1c1c1; -webkit-border-radius: 6px; border-radius: 6px; }
.page .main-wrap ._upload-img { display: inline-block; position: relative; width: 80px; height: 80px; background-position: center; background-size: cover; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-right: 10px; }
.page .main-wrap ._upload-img .mask { height: 100%; line-height: 80px; width: 100%; top: 0; color: #ffffff; text-align: center; display: none; background: rgba(0,0,0,0.3); }
.page .main-wrap ._upload-img .mask .icon { font-size: 16px; padding: 5px; cursor: pointer; }
.page .main-wrap .editable ._upload-img:hover .mask { display: inline-block; }
.page .main-wrap ._upload-img.emp-img { display: inline-block; position: relative; border: 1px dashed #d4d4d4; text-align: center; width: 80px; height: 80px; line-height: 78px; -webkit-border-radius: 3px; border-radius: 3px; }
.page .main-wrap ._upload-img.emp-img input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }
.page .main-wrap ._upload-img.emp-img i { font-size: 20px; color: #d4d4d4; pointer-events: none; }
.page .main-wrap ._mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 1000; display: none; }
.page .main-wrap ._mask.mask-visible { display: inline-block; }
.page .main-wrap ._right-slider { position: absolute; height: 100%; width: 960px; background: #ffffff; padding-left: 30px; top: 0; right: 0; transition: all 0.5s; transform: translateX(100%); z-index: 1001; }
.page .main-wrap ._right-slider.show-slider { transform: translateX(0); }
.page .main-wrap ._right-slider .btn-hide { position: absolute; width: 30px; text-align: center; height: 280px; line-height: 280px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; cursor: pointer; top: 50%; left: 0; margin-top: -140px; color: #6cae38; background: #f2f2f2; }
.page .main-wrap ._right-slider .slider-body { height: 100%; overflow: auto; }
.page .main-wrap ._right-slider .slider-body::-webkit-scrollbar { width: 6px; }
.page .main-wrap ._right-slider .slider-body::-webkit-scrollbar-thumb { background: #e5e5e5; -webkit-border-radius: 3px; border-radius: 3px; }

.page .main-wrap #lodopErrMsg font { display: inline-block; width: 100%; padding: 30px 0 33px; background: #ffffff; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-bottom: -3px; }

.page .main-wrap .print-config { background: #ffffff; padding: 15px; position: absolute; top: 0; left: 0; width: 100%; }
.page .main-wrap .print-config > * { vertical-align: middle; }
.page .main-wrap .print-config select { width: 150px; padding-right: 20px; }
.page .main-wrap .print-config .radio-box { margin-bottom: 0; font-size: 13px; }
.page .main-wrap .print-config .clearfix { margin-top: 15px; padding-top: 15px; border-top: 1px solid #efefef; line-height: 32px; }
.page .print-config + .print-page { overflow: auto; padding-right: 10px; margin-right: -16px; }
.page .print-config + .print-page::-webkit-scrollbar { width: 6px; }
.page .print-config + .print-page::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; background: #e5e5e5; }

#templeteDesignField .field-content { display: block; }
#templeteDesignField { zoom: 1; position: relative; margin-bottom: 10px; }
#templeteDesignField .templete-editor .bd { border: 1px solid #212121; position: relative; padding: 0; background: rgb(181, 181, 181); }
#templeteDesignField .templete-editor .hd { background-position: 0 -5px; border: 1px solid #212121; border-bottom: 1px; height: 29px; line-height: 29px; }
#templeteDesignField .field { position: absolute; background: #fef5e6; cursor: move; border: 1px solid #ff8c3f; z-index: 0; zoom: 1; }
#templeteDesignField .field-name { padding: 3px 10px; display: block; font-size: 12px; }
#templeteDesignField .field .closebtn { position: absolute; right: 5px; top: 2px; background: red; color: #fff; display: inline-block; padding: 1px 2px; line-height: 12px; }
#templeteDesignField .field-content { display: block; }
#templeteDesignField .field.poster-text-item { border: 1px solid transparent; background: transparent; }

.help-block { position: absolute; top: 0px; right: 20px; display: block; }
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #333; }
.has-success .form-control { border-color: #d4d4d4; }
.has-success .form-control:focus { border-color: #0069aa; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }

.input-validation-error { color: #b94a48; border-color: #b94a48; }

.preloader { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; -webkit-animation: h 1s steps(12, end) infinite; animation: h 1s steps(12, end) infinite; }
.icon-spin { -webkit-animation: h 2s infinite linear; animation: h 2s infinite linear; }

#templeteDesignField .field-content { display: block; }
#templeteDesignField { zoom: 1; position: relative; margin-bottom: 10px; }
#templeteDesignField .templete-editor .bd { border: 1px solid #d4d4d4; position: relative; padding: 0; background: rgb(181, 181, 181); }
#templeteDesignField .templete-editor .hd { background-position: 0 -5px; height: 29px; line-height: 29px; }
#templeteDesignField .field { position: absolute; background: #fef5e6; cursor: move; border: 1px solid #ff8c3f; z-index: 0; zoom: 1; }
#templeteDesignField .field-name { padding: 3px 10px; display: block; font-size: 12px; }
#templeteDesignField .field .closebtn { position: absolute; right: 5px; top: 2px; background: red; color: #fff; display: inline-block; padding: 1px 2px; line-height: 12px; }
#templeteDesignField .field-content { display: block; }
#templeteDesignField .field.poster-text-item { border: 1px solid transparent; background: transparent; }

@keyframes h {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.edit-block { display: none !important; }
.value-block { display: inline-block !important; }
.editable .edit-block { display: inline-block !important; }
.editable .value-block { display: none !important; }
.editable .edit-block.hidden { display: none !important; }
.hidden { display: none !important; }

/*编辑器*/
.note-editor .note-handle .note-control-selection { outline: 2px solid #0069aa !important; border: 0 !important }
.note-editor .note-handle .note-control-selection .note-control-holder { border: 1px solid #0069aa !important }
.note-editor .note-handle .note-control-selection .note-control-sizing { border: 1px solid #0069aa !important }
.note-editor .note-editable img:hover { outline: 2px solid #ffc83d }

/*分页样式重写*/
.pagination-wrap { border-radius: 0; }
.pagination-wrap > li > a { float: none; padding: 0; display: inline-block; border: 1px solid #efefef; -webkit-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 28px; min-width: 30px; text-align: center; color: #333; background: #fff; margin: 0 5px; padding: 0 8px; }
.pagination-wrap > li:first-child a, .pagination-wrap > li:last-child a, .pagination-wrap > li:nth-child(2) a, .pagination-wrap > li:nth-last-child(2) a { width: auto; padding: 0 15px }
.pagination-wrap > li:first-child > a { -webkit-border-radius: 3px; border-radius: 3px; }
.pagination-wrap > li > a:hover { color: #0069aa; border-color: #0069aa; background-color: #fff; }
.pagination-wrap .disabled a, .pagination-wrap .disabled a:focus, .pagination-wrap .disabled a:hover { color: #999 !important; border-color: #efefef !important }
.pagination-wrap > .active > a, .pagination-wrap > .active > a:focus, .pagination-wrap > .active > a:hover { color: #fff; cursor: default; background-color: #0069aa; border-color: #0069aa; }

/*新版样式统一*/
.btn { font-size: 14px; border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden; }
.btn.default { padding: 0 !important; width: 74px; height: 32px; line-height: 30px; }
.btn.small { padding: 0 !important; width: 58px; height: 24px; line-height: 22px; }
.btn.big { padding: 0 !important; width: 96px; height: 40px; line-height: 38px; font-size: 16px; }
.btn.width-auto { padding: 4px 14px; width: auto; height: auto; line-height: 1; }
.btn.width-auto-default { padding: 0 !important; width: auto; min-width: 74px; height: 32px; line-height: 30px; }
.btn.width-auto-small { padding: 0 !important; width: auto; min-width: 58px; height: 24px; line-height: 22px; }
.btn.width-auto-big { padding: 0 !important; width: auto; min-width: 96px; height: 40px; line-height: 38px; }
.btn + .btn { margin-left: 16px; }
.btn.small + .btn.small, .btn.width-auto-small + .btn.width-auto-small { margin-left: 8px; }
.btn.big + .btn.big, .btn.width-auto-big + .btn.width-auto-big { margin-left: 24px; }
.btn-primary { color: #fff; background-color: #0069AA; border-color: #0069AA; }
.btn-second, .btn-cancel { color: #323233; background-color: #fff; border-color: #D4D4D4; }
.btn-prompt { color: #fff; background-color: #FA5E00; border-color: #FA5E00; }
.btn-warn { color: #fff; background-color: #FA0C00; border-color: #FA0C00; }
.btn-txt { color: #0088DB; border: none; }
.btn-primary.disabled, .btn-second.disabled, .btn-cancel:disabled { color: #D4D4D4; background-color: #F9F9F9; border-color: #D4D4D4; }
.btn-txt.disabled { color: #D4D4D4; background-color: transparent; border: none; }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #0088DB !important; border-color: #0088DB !important; }
.btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover { background-color: #0078C2 !important; border-color: #0078C2 !important; -webkit-box-shadow: none; box-shadow: none; }
.btn-second.focus, .btn-second:focus, .btn-second:hover, .btn-cancel.focus, .btn-cancel:focus, .btn-cancel:hover { color: #0088DB; background-color: #fff; border-color: #0088DB; }
.btn-second.active, .btn-second:active, .btn-cancel.active, .btn-cancel:active,
.btn-second.active.focus, .btn-second.active:focus, .btn-second.active:hover, .btn-second:active.focus, .btn-second:active:focus, .btn-second:active:hover,
.btn-cancel.active.focus, .btn-cancel.active:focus, .btn-cancel.active:hover, .btn-cancel:active.focus, .btn-cancel:active:focus, .btn-cancel:active:hover { color: #323233; background-color: #F9F9F9 !important; border-color: #D4D4D4 !important; -webkit-box-shadow: none; box-shadow: none; }
.btn-txt.focus, .btn-txt:focus, .btn-txt:hover, .btn-txt.active, .btn-txt:active { color: #0088DB; background-color: #F5F5F5; border: none; }
.btn.disabled.focus, .btn.disabled:focus, .btn.disabled:hover { color: #D4D4D4; background-color: #F9F9F9 !important; border-color: #D4D4D4 !important; }
.btn.disabled.active, .btn.disabled:active, .btn.disabled.active.focus, .btn.disabled.active:focus, .btn.disabled.active:hover, .btn.disabled:active.focus, .btn.disabled:active:focus, .btn.disabled:active:hover { color: #D4D4D4; background-color: #F9F9F9 !important; border-color: #D4D4D4 !important; -webkit-box-shadow: none; box-shadow: none; }
.btn-txt.disabled.focus, .btn-txt.disabled:focus, .btn-txt.disabled:hover { color: #D4D4D4; background-color: transparent !important; border: none !important; }
.btn-txt.disabled.active, .btn-txt.disabled:active, .btn-txt.disabled.active.focus, .btn-txt.disabled.active:focus, .btn-txt.disabled.active:hover, .btn-txt.disabled:active.focus, .btn-txt.disabled:active:focus, .btn-txt.disabled:active:hover { color: #D4D4D4; background-color: transparent !important; border: none !important; -webkit-box-shadow: none; box-shadow: none; }
.btn-primary .icon { font-size: 12px; color: #fff; margin-right: 10px; }

/*单选复选框*/
.check-box { margin-right: 20px; }
.vertical .check-box + .check-box { margin-top: 16px; }
.check-box .check-sign { position: relative; width: 16px; height: 16px; margin-right: 5px; border: 1px solid #D4D4D4; -webkit-border-radius: 2px; border-radius: 2px; vertical-align: text-bottom; }
.check-box .check-sign .icon-check { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(.7); transform: translate(-50%,-50%) scale(.7); opacity: 0; }
.check-box.radio-box .check-sign { -webkit-border-radius: 50%; border-radius: 50%; }
.check-box.radio-box .check-sign .icon-check { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); }
.check-box input[type=radio] + .check-sign .icon-check { width: 8px; height: 8px; background-color: #0069aa; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.check-box input[type=radio] + .check-sign .icon-check:before { display: none; }
.check-box input[type=radio]:checked + .check-sign { border-color: #0069aa; background-color: transparent; }
.check-box input[type=checkbox]:checked + .check-sign { border-color: #0069aa; background-color: #0069aa; }
.check-box input[type=radio]:checked + .check-sign .icon-check,
.check-box input[type=checkbox]:checked + .check-sign .icon-check { opacity: 1; }
.check-box input[type=radio].disabled + .check-sign,
.check-box input[type=radio][disabled] + .check-sign,
.check-box input[type=checkbox].disabled + .check-sign,
.check-box input[type=checkbox][disabled] + .check-sign { opacity: 1; background-color: #e8e8e8; border-color: #d4d4d4; }
.check-box input[type=radio].disabled + .check-sign .icon-check,
.check-box input[type=radio][disabled] + .check-sign .icon-check { background-color: #d4d4d4; }
.check-box input[type=checkbox].disabled + .check-sign .icon-check,
.check-box input[type=checkbox][disabled] + .check-sign .icon-check { color: #d4d4d4; }
.check-box input[type=checkbox] + .icon-check { margin-right: 5px; }
.value-block.check-box input[type=radio][checked].disabled + .check-sign,
.value-block.check-box input[type=radio][checked][disabled] + .check-sign { background-color: transparent; border-color: #0069aa; }
.value-block.check-box input[type=checkbox][checked].disabled + .check-sign,
.value-block.check-box input[type=checkbox][checked][disabled] + .check-sign { background-color: #0069aa; border-color: #0069aa; }
.value-block.check-box input[type=radio][checked].disabled + .check-sign .icon-check,
.value-block.check-box input[type=radio][checked][disabled] + .check-sign .icon-check { background-color: #0069aa; }
.value-block.check-box input[type=checkbox][checked].disabled + .check-sign .icon-check,
.value-block.check-box input[type=checkbox][checked][disabled] + .check-sign .icon-check { color: #fff; }
.value-block .check-box input[type=radio][checked].disabled + .check-sign,
.value-block .check-box input[type=radio][checked][disabled] + .check-sign { background-color: transparent; border-color: #0069aa; }
.value-block .check-box input[type=checkbox][checked].disabled + .check-sign,
.value-block .check-box input[type=checkbox][checked][disabled] + .check-sign { background-color: #0069aa; border-color: #0069aa; }
.value-block .check-box input[type=radio][checked].disabled + .check-sign .icon-check,
.value-block .check-box input[type=radio][checked][disabled] + .check-sign .icon-check { background-color: #0069aa; }
.value-block .check-box input[type=checkbox][checked].disabled + .check-sign .icon-check,
.value-block .check-box input[type=checkbox][checked][disabled] + .check-sign .icon-check { color: #fff; }

/*输入框*/
input { background-color: transparent; }
input.disabled, input:disabled { color: #D4D4D4; background-color: #F9F9F9; border-color: #D4D4D4; -webkit-box-shadow: none; box-shadow: none; }
.form-control { color: #323233; height: 32px; padding: 4px 10px; display: inline-block; border: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; }
.form-control:focus { -webkit-box-shadow: 0 0 4px 0 rgba(0, 66, 107, 0.2); box-shadow: 0 0 4px 0 rgba(0, 66, 107, 0.2); border: 1px solid #0069AA; }
.form-control.disabled, .form-control.disabled input { color: #D4D4D4; background-color: #F9F9F9; }
.form-control + .form-control, .form-control + span, .form-control + label { margin-left: 16px; }
/*排列筛选使用 form-filter-box，单列single*/
.form-filter-box .form-group { font-size: 0; }
.form-filter-box .form-group > * { vertical-align: middle; font-size: 14px; }
.form-filter-box .form-group .check-box { margin-left: 16px; margin-right: 0; }
.form-filter-box .form-group > span.icon { min-width: 0; margin-left: 0; }
.form-filter-box .form-group label.control-label { margin-bottom: 0; }
.form-filter-box .form-group > label { margin-bottom: 0; }
.form-filter-box .form-group > label, .form-filter-box .form-group > span { margin-left: 16px; min-width: 5em; text-align: right; display: inline-block; }
.form-filter-box .form-group > label:first-child, .form-filter-box .form-group > span:first-child { margin-left: 0; min-width: 5em; }
.form-filter-box .form-group > label + .time-picker-wrap, .form-filter-box .form-group > span + .time-picker-wrap { margin-right: 0; }
.form-filter-box .form-group > label.check-box { min-width: 0; }
.form-filter-box .form-group input.form-control + .icon-down { font-size: 10px; margin-left: -22px; margin-right: 15px; pointer-events: none; }
.form-filter-box .form-group input.form-control + .icon-down:before { display: none; }
.form-filter-box .form-group input.form-control + .icon-down { display: inline-block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 6px solid #666; vertical-align: middle; }
.form-filter-box .time-picker-wrap, .form-filter-box .data-box, .form-filter-box .date-box { padding-top: 0; padding-bottom: 0; }
.form-filter-box .time-picker-wrap > input, .form-filter-box .data-box > input, .form-filter-box .date-box > input { height: 30px; line-height: 30px; }
.form-filter-box .time-picker-wrap > .icon-date-o, .form-filter-box .data-box > .icon-date-o, .form-filter-box .date-box > .icon-date-o { color: #0069aa; }
.form-filter-box .time-picker-wrap { display: inline-block; width: 340px; position: relative; }
.form-filter-box .time-picker-wrap input { width: 140px; text-align: center; }
.form-filter-box .btn.btn-primary { margin-left: 5em; }
.form-filter-box.single .form-group:first-of-type { padding-top: 0; margin-bottom: 0; }
.form-filter-box.single .form-group button, .form-filter-box.single .form-group .btn.btn-primary { margin-left: 16px; }
.form-filter-box.single input.form-control, .form-filter-box.single select.form-control { width: 200px; }
.form-filter-box .form-group .group-box { display: inline-block; font-size: 0; margin-right: 15px; margin-bottom: 15px; }
.form-filter-box .form-group .group-box:last-of-type { margin-right: 0; }
.form-filter-box .form-group .group-box > * { font-size: 14px; vertical-align: middle; }
.form-filter-box .form-group .group-box > label, .form-filter-box .form-group .group-box > span { min-width: 5em; text-align: right; display: inline-block; }
.form-filter-box .form-group .group-box .icon, .form-filter-box .form-group .group-box .icon.icon-date-o, .form-filter-box .form-group .group-box label.check-box { min-width: 0; }
.form-filter-box .form-group .group-box .btn.btn-primary { margin-left: 0; }

.search-bar { -webkit-border-radius: 2px; border-radius: 2px; }
.search-bar input { height: 32px; background-color: #fff; }
.search-bar i, .search-bar button { height: 32px; line-height: 32px; }

/*下拉框*/
select + i, input + .angle-down-icon { font-size: 10px; margin-left: -22px; margin-right: 15px; pointer-events: none; }
select + i.icon:before, input + .angle-down-icon:before { display: none; }
select + i.icon, input + .angle-down-icon { display: inline-block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 6px solid #666; vertical-align: middle; }
select + i.icon.active, input + .angle-down-icon.active { border-top: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 6px solid #666; }

/*时间选择框*/
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td span { border-radius: 2px !important; }
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover { color: #D4D4D4 !important; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover { background-color: #F0F9FF !important; }
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #337ab7; }
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active { background-color: #0069AA !important; }

/*表格*/
table.table tr.head, table.table tr > th { background-color: #F9F9F9; }
table.table td.action > a { color: #0069aa; }
table.table tr.big > td { height: 80px; }
table.table > tbody > tr > td, .table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > thead > tr > th { padding: 15px 8px; }
table.table > thead > tr > td:first-child, table.table > thead > tr > th:first-child, table.table > tbody > tr > td:first-child, table.table > tbody > tr > th:first-child { padding-left: 12px; }
table.table > thead > tr > td:last-child, table.table > thead > tr > th:last-child, table.table > tbody > tr > td:last-child, table.table > tbody > tr > th:last-child { padding-right: 12px; }
table.table tr > td, table.table > tbody > tr > td, table.table > tfoot > tr > td { padding-top: 5px; padding-bottom: 5px; height: 56px; }
table.table > thead > tr > td, table.table > thead > tr > th, table.table > tbody > tr > th, table.table tr > th { padding-top: 14px; padding-bottom: 14px; height: 48px; }