/*OpenVMS 全局样式*/
body,
ol,
ul,
li,
a {
    font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #8C8C8C;
}

ol,
ul,
li {
    display: block;
    list-style: outside none none;
    vertical-align: top;
}

a {
    cursor: pointer;
}

textarea {
    resize: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("/styles/img/icon/btn_order_bottom.png") no-repeat 90% center;
}

#divMiniIcons,
#divbigBoxes {
    display: none;
}

#header {
    position: fixed;
    display: flex;
    height: 0.7rem;
    line-height: 0.7rem;
    background: #fff;
    border-bottom: solid #F2F2F2 1px;
    font-size: 0.12rem;
    left: 0;
    right: 0;
    top: 0;
}

#header .logo {
    width: 0.25rem;
    height: 0.7rem;
    border-right: 1px solid #F2F2F2;
    background: url(/styles/img/vo_logo.png) no-repeat center;
    background-size: 1.2rem, 0.15rem;
}

#header .title span {
    font-size: 0.2rem;
    margin-left: 0.2rem;
    font-weight: bold;
    color: #4E4949;
}

#header .top-link {
    margin-left: auto;
    display: flex;
    color: #4E4949;
}

#header .top-user {
    min-width: 84px;
    height: 0.7rem;
    color: #4E4949;
    text-align: center;
    position: relative;
}

#header .top-user:hover {
    cursor: pointer;
}

#header .top-user:hover ul {
    display: block
}

#header .top-user ul {
    display: none;
    position: absolute;
    right: 0;
    top: 0.69rem;
    min-width: 1.1rem;
    line-height: 0.4rem;
    padding: 0 0.2rem;
    border: 1px solid #F2F2F2;
    border-top: 0;
    border-radius: 4px;
    background: #fff;
}

.select-language select {
    border: none;
    color: #332E2E;
    padding: 0 20px;
    cursor: pointer;
}

#header > :first-child, aside {
    width: 2.5rem;
}

aside {
    background: #332E2E;
}

#left-panel {
    top: -0.5rem;
    bottom: 0rem;
    z-index: 906;
}

#left-panel nav > div {
    width: 2.5rem;
    height: 0.56rem;
    font-size: 0.12rem;
    display: flex;
    align-items: center;
}

#left-panel nav > div i {
    font-style: normal;
    margin-left: 0.34rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

}

.minified #left-panel nav > div i {
    margin-left: 0.08rem;
}

.minified #left-panel {
    width: 0.5rem;
    min-width: 40px;
}

.minified #main {
    padding-bottom: 0;
}

.minified nav > ul > li {
    border: none;
}

.minified nav ul > li > a {
    padding: 0.137rem 0.14rem;
}

.minified nav > ul > li > a > .menu-item-parent {
    width: 166px;
}

.minified nav > ul > li > ul {
    margin-top: -10px;
    width: 180px;
    min-height: 75px;
    background: #332E2E;
}

.minified nav > ul > li > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

nav ul li a,
nav > ul > li > ul > li > a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
}

nav ul li a {
    padding: 0.137rem 0.34rem;
}

nav > ul > li > ul > li > a {
    padding: 0.137rem 0.58rem;
}

nav ul ul {
    padding: 0;
}

nav ul.leftNav li.open ul {
    display: block;
}

nav ul li.active > a:before {
    display: none;
}

nav > ul > li > ul::before,
nav > ul ul li::before {
    display: none;
}

nav > ul > li > a > i {
    margin-right: 0.05rem;
    height: 0.2rem;
    width: 0.18rem;
}

.icon-home-vms {
    background: url(/styles/img/icon/icon_home_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-home-vms {
    background: url(/styles/img/icon/icon_home_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-home-vms {
    background: url(/styles/img/icon/icon_home_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-apply-vms {
    background: url(/styles/img/icon/icon_purchase_default.png) no-repeat;
    background-size: 0.18rem;
}

.icon-product-vms {
    background: url(/styles/img/icon/icon_catalog_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-apply-vms {
    background: url(/styles/img/icon/icon_purchase_sel.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-product-vms {
    background: url(/styles/img/icon/icon_catalog_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-apply-vms {
    background: url(/styles/img/icon/icon_purchase_hov.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-product-vms {
    background: url(/styles/img/icon/icon_catalog_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-order-vms {
    background: url(/styles/img/icon/icon_order_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-order-vms {
    background: url(/styles/img/icon/icon_order_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-order-vms {
    background: url(/styles/img/icon/icon_order_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-financial-vms {
    background: url(/styles/img/icon/icon_financial_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-financial-vms {
    background: url(/styles/img/icon/icon_financial_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-financial-vms {
    background: url(/styles/img/icon/icon_financial_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-user-vms {
    background: url(/styles/img/icon/icon_user_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-user-vms {
    background: url(/styles/img/icon/icon_user_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-user-vms {
    background: url(/styles/img/icon/icon_user_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-app-vms {
    background: url(/styles/img/icon/icon_app_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-app-vms {
    background: url(/styles/img/icon/icon_app_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-app-vms {
    background: url(/styles/img/icon/icon_app_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-supplier-vms {
    background: url(/styles/img/icon/icon_vender_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-supplier-vms {
    background: url(/styles/img/icon/icon_vender_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-supplier-vms {
    background: url(/styles/img/icon/icon_vender_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-seller-vms {
    background: url(/styles/img/icon/icon_retailer_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-seller-vms {
    background: url(/styles/img/icon/icon_retailer_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-seller-vms {
    background: url(/styles/img/icon/icon_retailer_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-inventory-vms {
    background: url(/styles/img/icon/icon_inventory_default.png) no-repeat;
    background-size: 0.18rem;
}

.open .icon-inventory-vms {
    background: url(/styles/img/icon/icon_inventory_sel.png) no-repeat;
    background-size: 0.18rem;
}

nav ul li a:hover .icon-inventory-vms {
    background: url(/styles/img/icon/icon_inventory_hov.png) no-repeat;
    background-size: 0.18rem;
}

.icon-cart-num {
    background: #F25149;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
}

nav ul .active > a {
    padding-left: 0.56rem;
    border-left: #F25149 solid 0.02rem;
}

#main {
    margin-top: 0.7rem;
    background: #f1f1f1;
    margin-left: 2.5rem;
    min-height: 100px;
    padding-bottom: 0;
}

#content {
    height: 100%;
    padding: 0;
    position: relative;
}

.minifyMenu {
    text-align: center;
    height: 0.7rem;
    background: #fff;
    background-image: url(/styles/img/vo_logo.png), url(/styles/img/minifyMenuhide.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center, right;
    cursor: pointer;
}

.minified nav > ul > li > a.special-icon > i {
    margin-left: -0.2rem !important;
}

.minified .minifyMenu {
    background: #fff url(/styles/img/minifyMenushow.png) no-repeat 50% 50%;
}

.fixed-header {
    position: fixed;
    z-index: 99;
    left: 2.51rem;
    top: 0.7rem;
    right: 0;
    padding: 0.08rem 0.25rem;
    background: #fff;
    border-bottom: solid #F2F2F2 1px;
}

.fixed-header div {
    padding: 0;
    display: flex;
}

.fixed-header div.nav-box {
    position: absolute;
    bottom: -0.02rem;
    left: 50%;
    margin-left: -3rem
}

.billsContent .fixed-header div.nav-box {
    left: 58%;
}

.fixed-header div > label {
    font-size: 0.14rem;
}

.fixed-header.minLeft {
    left: 0.51rem !important;
}

.fixed-header.noLeft {
    left: 0 !important;
}

.img-multi-upload > div,
.content-md-vms ul.nav,
.fixed-header ul.nav {
    position: relative;
}

.img-multi-upload > div > a {
    position: absolute;
    right: 4px;
    top: 4px;
}

.content-md-vms ul.nav li,
.fixed-header ul.nav li {
    list-style: none;
    float: left;
    padding-left: 0.26rem;
    padding-right: 0.26rem;
    cursor: pointer;
}

.content-md-vms ul.nav li a,
.fixed-header ul.nav li a {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #A6A6A6;
    padding: 0.1rem 0;
    font-size: 0.14rem;
}

.li-active-vms,
.content-md-vms ul.nav li a:active,
.fixed-header ul.nav li a:active {
    color: #F25149 !important;
    border-bottom: 0.03rem #F25149 solid;
}

.content-md-vms ul.nav li a:hover,
.fixed-header ul.nav li a:hover {
    color: #4E4949;
    background: none;
}

.page-footer-vms {
    height: 0.3rem;
    border-top: 1px solid #F2F2F2;
    background: #fff;
    overflow: hidden;
    position: absolute;
    display: block;
    text-align: right;
    width: 100%;
    bottom: 0;
}

.page-footer-vms span {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 0.12rem;
    color: #D9D9D9;
    padding: 0.09rem 0.2rem;
    letter-spacing: 0;
}

/*OpenVMS 表单控件样式*/
.upload-box-vms {
    cursor: pointer;
    margin-top: 0.1rem;
    height: 2.5rem;
    text-align: center;
    border: 1px #e8e9ed solid;
    border-radius: 4px;
}

.drag-hover-vms,
.upload-box-vms:hover {
    border: 1px #008EFA solid;
}

.drag-hover-vms span.black,
.drag-hover-vms span.gray,
.upload-box-vms:hover span.black,
.upload-box-vms:hover span.gray {
    color: #008EFA !important;
}

.form-control {
    color: #4E4949;
    height: 0.3rem;
    border-radius: 0.04rem !important;
    border: 1px solid #E5E5E5;
}

input::-webkit-input-placeholder {
    color: #cccccc;
}

label input[type=checkbox].checkbox + span {
    font-weight: normal;
    color: #332E2E;
    font-size: 0.14rem;
}

.select-md-inactive {
    color: #fff;
    background: #807876;

}

.select-xs-active,
.select-xs-inactive {
    border: 1px #e8e9ed solid;
    border-radius: 4px;
    width: 0.74rem;
    height: 0.24rem;
    line-height: 0.24rem;
    color: #4E4949;
    font-size: 0.12rem;
    padding-left: 0.05rem;

}

.select-xs-active {
    color: #807876;
}

.select-xs-inactive {
    color: #fff;
    background: #807876;
}

.input-xxs-vms {
    width: 0.6rem;
    height: 0.24rem;
    border-radius: 4px;
    text-align: center;
    border: 1px dotted #E5E5E5;
}

.input-md-box {
    display: flex;
    width: 0.85rem;
    height: 0.24rem;
    border: 1px dotted #E5E5E5;
    border-radius: 4px;
}

.input-xl-box {
    display: flex;
    width: 1.2rem;
    min-width: 100px;
    height: 0.24rem;
    min-height: 22px;
    border: 1px dashed #E5E5E5;
    border-radius: 4px;
}

.input-lg-box {
    display: flex;
    font-size: 0.14rem;
    color: #4E4949;
    min-width: 200px;
    height: 0.3rem;
    min-height: 24px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #fafafa;
    margin: 0.085rem 0.05rem 0.085rem 0;
}

.input-lg-box > span {
    color: #4E4949;
    padding: 3px 6px;
}

.input-xl-box > input,
.input-lg-box > input,
.input-xl-box > button {
    background: none;
    border: none;
    text-align: center;
}

.input-lg-box > input,
.input-xl-box > input {
    width: 0.8rem;
    min-width: 60px;
}

.input-xl-box > button.btn {
    box-shadow: none;
    padding: 2px 6px;
}

.input-xl-box > button.btn > img {
    padding-bottom: 5px;
}

.input-xs-vms {
    width: 0.70rem;
    height: 0.22rem;
    color: #4E4949;
    text-align: right;
    border: none;
    padding-right: 0.1rem;
}

.input-xl-vms {
    width: 1.2rem !important;
    height: 0.22rem;
    color: #4E4949;
    text-align: right;
    border: none;
    /*padding-right: 0.1rem;*/
}

.date-box-vms .date-style:hover,
.input-md-box:hover,
.input-xl-box:hover,
.input-xs-vms:hover,
.input-xl-vms:hover,
.input-xxs-vms:hover {
    border-color: #CCCCCC;
}

.icon-addon-vms {
    width: 15px;
    padding-left: 0.05rem;
    height: 0.22rem;
    background: #fff !important;
    line-height: 0.22rem;
}

.icon-addon-vms-disabled {
    background: #F2F2F2 !important;
}

/*OpenVMS 进度条样式*/
.progress {
    height: 0.24rem;
    width: 3.2rem;
    text-indent: 0.1rem;
    line-height: 0.24rem;
    border-radius: 0.5rem;
}

.progress-bar {
    border-radius: 0.5rem;
    background: #3D98F5;
    font-weight: normal !important;
}

/*OpenVMS ICON样式*/
span.icon-complete-fail,
span.icon-complete-success {
    font-family: ProximaNova-Semibold;
    font-size: 0.12rem;
    color: #fff;
    padding: 0.04rem 0.1rem;
    margin-right: 0.2rem;
    border-radius: 0.5rem;
    text-transform: capitalize !important;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

span.icon-complete-fail {
    background: #F25149;
}

span.icon-complete-success {
    background: #52BEA6;
}

.icon-box-vms > .line,
.icon-box-vms .box-md,
.icon-box-vms .box-xs,
.icon-box-vms .box-lg {
    height: 0.66rem;
    text-align: center;
    margin-top: 0.37rem;
    margin-bottom: 0.37rem;
}

.icon-box-vms > .line {
    width: 1px;
    background-image: -webkit-linear-gradient(to top, #fff, #f2f2f2, #fff);
    background-image: linear-gradient(to top, #fff, #f2f2f2, #fff);
}

.icon-box-vms .box-xs {
    width: 2.04rem;
}

.icon-box-vms .box-md {
    width: 2.72rem;
}

.icon-box-vms .box-lg {
    width: 8.15rem;
    height: 1.26rem;
}

.icon-box-vms .box-xs > img,
.icon-box-vms .box-lg > img {
    margin-bottom: 0.1rem;
    width: 0.42rem;
    height: auto;
}

.icon-box-vms .box-md img {
    width: 0.2rem;
    margin-right: 0.2rem;
    height: auto;
}

.input-x-vms,
.select-md-vms,
.input-md-vms {
    height: 0.3rem;
    text-indent: 0.1rem;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    font-size: 0.14rem;
    color: #4E4949;
    margin: 0.085rem 0.05rem 0.085rem 0;
}

.select-md-vms,
.input-md-vms {
    width: 2.6rem;
}

.select-xs-vms,
.select-md-vms + .chosen-container-single .chosen-single,
.select-md-vms {
    background: #FAFAFA url(/styles/img/icon/btn_order_bottom.png) no-repeat 96% center;
}

.input-x-vms,
.input-md-vms {
    background: #FAFAFA;
}

.input-x-vms {
    width: 1.5rem;
}

/*OpenVMS 时间控件*/
.date-box-vms {
    position: relative;
    display: flex;
    line-height: 0.28rem;
    height: 0.28rem;
}

.date-box-vms .date-style {
    border-radius: 4px;
    background: #FAFAFA;
    border: 1px #e8e9ed solid;
    width: 1.2rem;
    height: 0.3rem;
    font-size: 0.14rem;
    color: #4E4949;
    text-indent: 0.28rem;
}

.date-box-vms .input-append.date .add-on i,
.date-box-vms .input-prepend.date .add-on i {
    position: absolute;
    top: 0;
    margin-left: 0.06rem;
}

.width-auto > .dropdown,
.width-auto > .dropdown .input-group,
.width-auto > .dropdown .input-group .date-style {
    width: 100%;
}

.width-auto > .dropdown .input-group .date-style {
    background: #fff;
}

.datetimepicker {
    width: auto !important;
    color: #4E4949;
}

.datetimepicker .table td {
    border-radius: 100%;
    padding: 0.06rem 0.08rem;
}

.datetimepicker .table th {
    background-color: #fff !important;
}

.dropdown-menu .btn-default-vms {
    font-size: 0.12rem !important;
    height: 0.3rem;
}

.datetimepicker .active:hover,
.datetimepicker .active:hover:hover,
.datetimepicker .active.disabled:hover,
.datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active,
.datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active,
.datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active,
.datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active,
.datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled,
.datetimepicker .active:hover.disabled,
.datetimepicker .active.disabled.disabled,
.datetimepicker .active.disabled:hover.disabled,
.datetimepicker td.active[disabled],
.datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled],
.datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled],
.datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled],
.datetimepicker span.active.disabled:hover[disabled] {
    background: #4E4949;
}

/*OpenVMS 按钮类*/
select:disabled,
button[disabled], html input[disabled] {
    cursor: not-allowed;
}

button.icon {
    border: #aaa 1px solid;
    border-radius: 4px;
    margin-right: 5px;
    background: #fff;
    color: #4E4949;
    padding: 5px 10px;
}

button.icon.active {
    border-color: #F25149;
    color: #F25149;
}

.btn-red-vms,
.btn-green-vms,
.btn-white-vms,
.btn-blue-vms {
    width: 1.29rem;
    height: 0.29rem;
    text-align: center;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 4px;
    margin: 0.085rem 0.05rem;
}

.btn-default-vms {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    height: 0.24rem;
    margin: 0.085rem 0.05rem;
    border-radius: 4px;
}

.btn-red-vms.disabled,
.btn-default-vms.disabled,
.btn-green-vms.disabled,
.btn-white-vms.disabled,
.btn-blue-vms.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.btn-default-vms.disabled {
    border: #aaa 1px solid;
}

.btn-red-vms:hover,
.btn-default-vms:hover,
.btn-green-vms:hover,
.btn-white-vms:hover,
.btn-blue-vms:hover {
    opacity: 0.9;
}

.btn-white-vms:hover {
    border-color: #cccccc;
}

.btn-green-vms {
    background: #39B249;
    border: #39B249 1px solid;
}

.btn-blue-vms {
    background: #008EFA;
    border: #008EFA 1px solid;
}

.btn-red-vms {
    background: #F25149;
    border: #F25149 1px solid;
}

.btn-default-vms,
.btn-white-vms {
    background: -webkit-linear-gradient(#FFFFFF, #F3F3F3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F3F3F3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F3F3F3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFFFFF, #F3F3F3); /* 标准的语法 */
    border: #E5E5E5 1px solid;
    color: #4E4949;
}

.btn-close-vms {
    font-size: 0.3rem;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

.btn-close-vms > a {
    margin-left: auto;
}

.btn-link {
    font-size: 0.14rem;
    color: #008EFA !important;
    text-decoration: underline;
}

.btn-link-black {
    color: #4E4949 !important;
    text-decoration: underline;
}

.btn-link-black:hover,
.btn-link:hover {
    color: #F25149 !important;
    text-decoration: underline;
}

/*OpenVMS 表格类样式*/

a.last,
a.first,
.dataTables_filter {
    display: none;
}

.ng-table-pager {
    margin-top: -25px;
    text-align: right;
}

.table thead tr {
    font-size: 0.12rem !important;
}

.table-vms.table > caption + thead > tr:first-child > th,
.table-vms.table > colgroup + thead > tr:first-child > th,
.table-vms.table > thead:first-child > tr:first-child > th {
    border: 0;
    height: 0.6rem;
    vertical-align: middle;
    background-color: #FAFAFA;
    color: #8C8C8C;
}

.table-vms.table-condensed.table > tbody > tr > td,
.table-vms.table-condensed.table > tfoot > tr > td,
.table-vms.table-condensed.table > thead > tr > th {
    text-align: left;
    height: 0.8rem;
    vertical-align: middle;
    border-top: 1px #f2f2f2 solid;
}

.table-border-gray > tbody > tr > td {
    border-top: 1px #f2f2f2 solid;
}

.table-60.table > tbody > tr > td {
    height: 0.6rem !important;
    vertical-align: middle !important;
}

.table-vms.table-condensed.table > thead > tr th:last-child,
.table-vms.table-condensed.table > tbody > tr td:last-child {
    text-align: center;
}

.table > thead:first-child > tr:first-child > th.sortable,
.dataTables_scrollHead .dataTables_scrollHeadInner .table > thead:first-child > tr:first-child > th.sorting {
    cursor: pointer;
    background: #FAFAFA url("/styles/img/icon/btn_order_defult.png") no-repeat 100%;
}

.table > thead:first-child > tr:first-child > th.sortable.sort-desc,
.dataTables_scrollHead .dataTables_scrollHeadInner .table > thead:first-child > tr:first-child > th.sorting_desc {
    cursor: pointer;
    background: #FAFAFA url("/styles/img/icon/btn_order_bottom.png") no-repeat 100%;
}

.table > thead:first-child > tr:first-child > th.sortable.sort-asc,
.dataTables_scrollHead .dataTables_scrollHeadInner .table > thead:first-child > tr:first-child > th.sorting_asc {
    cursor: pointer;
    background: #FAFAFA url("/styles/img/icon/btn_order_top.png") no-repeat 100%;
}

.dataTables_scroll .dataTables_scrollHeadInner {
    width: 100% !important;
}

.table-width-all {
    width: 100% !important;
}

div.dataTables_scrollHead {
    z-index: 2;
}

div.dataTables_scrollBody {
    z-index: auto;
    border-bottom: 1px #f2f2f2 solid;
    margin-top: -0.2rem !important;
}

.pagination,
div.dataTables_info,
div.dataTables_paginate,
div.page-size-vms,
div.dataTables_length label {
    position: absolute;
    font-size: 0.12rem;
    font-weight: normal;
}

div.dataTables_info {
    bottom: -0.3rem;
}

.pagination {
    bottom: -0.6rem;
    right: 0.2rem;
}

div.dataTables_paginate {
    bottom: -0.3rem;
    right: 0.2rem;
}

div.page-size-vms,
div.dataTables_length label {
    bottom: -0.35rem;
    right: 8rem;
    font-family: HelveticaNeue;
    color: #A6A6A6;
    letter-spacing: 0;
}

.pagination > .disabled > span,
.pagination > .active > span,
div.dataTables_length select {
    color: #4E4949;
    text-align: center;
    width: 0.35rem;
    border: none;
}

.pagination > li > span,
.ng-table-pager .pagination > li > a,
a.paginate_button {
    padding: 0.05rem 0.1rem;
    color: #cccccc;
    background: #fff;
    cursor: pointer;
    border: 1px #fff solid;
    border-radius: 4px;
}

.pagination > .active > span:hover,
.ng-table-pager .pagination a:hover,
a.paginate_button:hover {
    color: #4E4949;
}

.pagination > .active > span,
.pagination > .active > span:hover,
.ng-table-pager .pagination > .active > a,
a.paginate_button.current {
    color: #4E4949;
    border: 1px solid #CCCCCC;
}

.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > li > span:hover,
.ng-table-pager .pagination > .active > a:hover,
.ng-table-pager .pagination > li > a:hover,
.ng-table-pager .pagination > .active > a {
    background: none;
}

.pagination > li > span,
.ng-table-pager .pagination > li > a {
    box-shadow: none;
}

.table-scroll thead {
    display: table;
    width: 99%;
    table-layout: fixed;
}

.table-scroll tbody {
    max-height: 5.5rem;
    overflow-y: auto;
    display: block;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.content-md-vms,
.table-md-vms {
    position: relative;
    background: #fff;
    font-size: 0.12rem;
    min-height: 1rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.modal-image .img-xs-vms,
.table-md-vms .img-xs-vms {
    display: flex;
    background: #FFFFFF;
    justify-content: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    height: 0.58rem;
    width: 0.58rem;
    overflow: hidden;
}

.modal-image .img-xs-vms > img,
.table-md-vms .img-xs-vms > img {
    width: 0.58rem;
    padding: 0.05rem;
    align-self: center;
    align-items: center;
    cursor: url("/styles/img/icon/bigCur.png"), auto;
}

.img-multi-upload .img-xs-vms {
    display: flex;
    background: #FFFFFF;
    justify-content: center;
    border: 1px dashed #E5E5E5;
    border-radius: 4px;
    height: 95px;
    width: 95px;
    overflow: hidden;
    margin: 8px;
}

.img-multi-upload .img-xs-vms img {
    width: 95px;
    padding: 5px;
    align-self: center;
    align-items: center;
    cursor: pointer;
}

.modal-image .img-xs-vms img {
    cursor: default;
}

.table-header-vms {
    height: 0.6rem;
    display: flex;
    padding-bottom: 0.1rem;
    align-items: flex-end
}

thead.fixed {
    position: fixed;
    top: 190px;
}

.table-header-vms.fixed {
    position: fixed;
    background: #fff;
    top: 130px;
}

.content-md-vms {
    margin-top: 0.1rem;
    margin-bottom: 0.4rem;
}

.table-md-vms > .title-box-vms,
.content-md-vms .title-box-vms {
    height: 0.6rem;
    color: #4E4949;
    width: 100%;
}

.table-md-vms > .title-box-vms > h1,
.content-md-vms .title-box-vms > h1 {
    font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 0.2rem !important;
    color: #4E4949 !important;
}

.table-md-vms > .title-box-vms > span,
.content-md-vms .title-box-vms > span {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 0.12rem !important;
    color: #D9D9D9 !important;
    padding-left: 0.1rem;
}

label.control-label {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 0.12rem;
    font-weight: normal !important;
    text-transform: capitalize;
}

.img-box-vms {
    height: 100%;
    display: flex;
    overflow: hidden;
}

.img-box-vms > img {
    width: 100%;
    align-self: center;
    align-items: center;
}

.img-edit-box {
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.img-edit-box .img-edit-item {
    width: 0.66rem;
    margin: 0.05rem;
    cursor: url("/styles/img/icon/bigCur.png"), auto;
    overflow: hidden;
}

.img-upload-vms {
    display: flex;
    height: 169px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    justify-content: center;
}

.img-upload-vms > img {
    height: 1.67rem;
    min-height: 100px;
    align-self: center;
    align-items: center;
}

.img-multi-upload {
    display: flex;
    flex-wrap: wrap;
    min-height: 240px;
    height: auto;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding: 5px;
}

/*OpenVMS 样式小调整部分*/
.margin-auto,
.margin-center-auto {
    margin: 0 auto;
}

.margin-top-5 {
    margin-top: 0.05rem;
}

.margin-top-10 {
    margin-top: 0.1rem !important;
}

.margin-top-12 {
    margin-top: 0.12rem !important;
}

.margin-top-20 {
    margin-top: 0.2rem;
}

.margin-top-40 {
    margin-top: 0.4rem;
}

.margin-top-70 {
    margin-top: 0.7rem;
}

.margin-top-100 {
    margin-top: 1rem;
}

.margin-top-140 {
    margin-top: 1.4rem;
}

.margin-right-5 {
    margin-right: 0.05rem;
}

.margin-right-15 {
    margin-right: 0.15rem;
}

.margin-left-5 {
    margin-left: 0.05rem;
}

.margin-left-15 {
    margin-left: 0.15rem;
}

.margin-left-60 {
    margin-left: 0.6rem;
}

.margin-right-none {
    margin-right: 0;
}

.margin-bottom-none {
    margin-bottom: 0;
}

.margin-bottom-10 {
    margin-bottom: 0.1rem;
}

.margin-bottom-25 {
    margin-bottom: 0.25rem;
}

.margin-bottom-30 {
    margin-bottom: 0.3rem;
}

.top-0 {
    top: 0 !important;
}

.top-10 {
    top: 0.1rem !important;
}

.top-20 {
    top: 0.2rem;
}

.top-30 {
    top: 0.3rem;
}

.top-40 {
    top: 0.4rem;
}

.top-50 {
    top: 0.5rem;
}

.top-60 {
    top: 0.6rem;
}

.top-70 {
    top: 0.7rem;
}

.top-80 {
    top: 0.8rem;
}

.top-100 {
    top: 1rem;
}

.top-120 {
    top: 1.2rem;
}

.top-200 {
    top: 2rem;
}

.left-1 {
    left: 1px !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.padding-right-10 {
    padding-right: 0.1rem !important;
}

.padding-top-30 {
    padding-top: 0.3rem !important;
}

.padding-right-30 {
    padding-right: 0.3rem !important;
}

.padding-left-30 {
    padding-left: 0.3rem !important;
}

.text-center-vms {
    text-align: center !important;
}

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

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

.margin-left-auto {
    margin-left: auto;
}

.height-50 {
    height: 0.5rem !important;
    line-height: 0.5rem;
}

.height-100 {
    height: 1rem;
    line-height: 1rem;
}

.width-18 {
    max-width: 0.18rem;
    min-width: 0.18rem;
}

.width-42 {
    width: 0.42rem !important;
}

.width-50 {
    width: 0.5rem;
}

.width-60 {
    max-width: 0.6rem !important;
    min-width: 0.6rem !important;
}

.width-80 {
    max-width: 0.8rem;
    min-width: 0.8rem;
}

.width-87 {
    max-width: 0.87rem;
    min-width: 0.87rem;
}

.width-100 {
    max-width: 1rem;
    min-width: 1rem;
}

.width-120 {
    max-width: 1.2rem;
    min-width: 1.2rem;
}

.width-130 {
    width: 1.3rem !important;
}

.width-140 {
    max-width: 1.4rem;
    min-width: 1.4rem;
}

.width-150 {
    max-width: 1.5rem;
    min-width: 1.5rem;
}

.width-160 {
    max-width: 1.6rem;
    min-width: 1.6rem;
}

.width-200 {
    max-width: 2rem;
    min-width: 2rem;
}

.width-250 {
    max-width: 2.5rem;
    min-width: 2.5rem;
}

.width-275 {
    max-width: 2.75rem;
    min-width: 2.75rem;
}

.width-300 {
    max-width: 3rem;
    min-width: 3rem;
}

.width-350 {
    max-width: 3.5rem;
    min-width: 3.5rem;
}

.width-380 {
    max-width: 3.8rem;
    min-width: 3.8rem;
}

.flex {
    display: flex;
}

.flex-center-vms {
    display: flex;
    align-items: center;
}

.flex-start-vms {
    display: flex;
    align-items: flex-start;
}

.flex-baseline-vms {
    display: flex;
    align-items: baseline;
}

.font-xs-vms {
    font-size: 0.12rem !important;
}

.font-md-vms {
    font-size: 0.14rem !important;
}

.font-xl-vms {
    font-size: 0.16rem !important;
}

.font-lg-vms {
    font-size: 0.2rem !important;
}

.font-lgx-vms {
    font-size: 0.3rem !important;
}

.hr-line-vms {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
    background: #E5E5E5;
    width: 2rem;
    height: 1px;
}

.step-box-vms {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
    top: 0.6rem;
}

.step-box-vms .font-md-vms {
    opacity: 0.2;
    color: #4E4949;
}

.step-box-vms .font-md-vms span {
    padding: 0.02rem 0.07rem;
    margin-right: 0.06rem;
    background: #4E4949;
    border-radius: 100%;
    color: #fff;
}

.step-box-vms .font-md-vms.finish,
.step-box-vms .font-md-vms.active {
    opacity: 1 !important;
}

.step-box-vms .font-md-vms.finish {
    color: #45b853;
}

.step-box-vms .font-md-vms.finish span {
    padding: 0.02rem 0.04rem;
    background: #45b853;
}

.float-right-vms {
    float: right !important;
}

.bg-center-vms {
    background-position-x: center !important;
}

.bg-right-70 {
    background-position-x: 70% !important;
}

.bg-right-80 {
    background-position-x: 80% !important;
}

.bg-gray-vms {
    background: #CACDD0 !important;
}

.bg-white-color {
    background-color: #fff !important;
}

span.red {
    color: #F34C44;
}

span.gray {
    color: #A6A6A6;
}

a.black,
p.black,
span.black {
    color: #332E2E;
}

span.green {
    color: #52BEA6;
}

button,
.whole-word {
    word-break: keep-all;
    white-space: nowrap;
}

/*Open VMS边框*/
.border {
    border: 1px solid #e3e4e6;
}

.border-vms {
    border: 1px solid #E5E5E5;;
    border-radius: 0.04rem !important;
}

.border-radius-none {
    border-radius: 0 !important;
}

.border-left {
    border-left: 1px solid #F2F2F2;
    padding-left: 0.3rem;
}

.border-left-none {
    border-left: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.border-dashed-vms {
    border: 1px dashed #E5E5E5 !important;
    border-radius: 0.04rem !important;
}

.border-right-none {
    border-right: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #F2F2F2;
}

.border-top-10 {
    border-top: 10px solid #F2F2F2;
}

/*OpenVMS 引入组件覆盖样式*/
#select-status .chosen-container {
    width: auto !important;
    min-width: 2.6rem !important;
}

#select-status .chosen-container-multi .chosen-choices {
    border-radius: 0.04rem !important;
    border: 1px solid #E5E5E5 !important;
    background: #FAFAFA !important;
}

#select-status .chosen-container-multi .chosen-choices li.search-choice span {
    font-size: 0.12rem !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #ccc !important;
}

select:disabled,
html input[disabled],
.table-tr-disabled,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #F2F2F2 !important;
}

fieldset[disabled] label:hover {
    cursor: not-allowed !important;
}

.tree-disabled {
    cursor: not-allowed !important;
}

.modal-body {
    font-size: 0.12rem !important;
}

.modal-body .table-overflow-auto thead {
    display: block;
}

.modal-body .table-overflow-auto tbody {
    max-height: 3rem;
    overflow-y: auto;
    display: block;
}

.modal-footer {
    display: flex;
    padding: 0.05rem;
    justify-content: flex-end;
}

.modal-header {
    padding: 0.1rem;
}

.modal-header h1.modal-title {
    font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 0.2rem !important;
    color: #4E4949 !important;
}

.swal-button {
    padding: 0.05rem 0.1rem;
    border-radius: 4px;
}

.chosen-container .chosen-drop {
    border-color: #E5E5E5 !important;
}

.chosen-container-single .chosen-single {
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    border-color: #E5E5E5 !important;
    box-shadow: none;
    color: #4E4949;
    background: #fff url("/styles/img/icon/btn_order_bottom.png") no-repeat 99% center;
}

.chosen-container-single .chosen-single div b {
    display: none;
}

.has-error .input-x-vms,
.has-error input[type=text],
.has-error .form-control,
.has-error .select-xs-active,
.has-error .input-xxs-vms,
.has-error .select-md-vms,
.has-error .input-md-vms,
.has-error .chosen-container-single .chosen-single {
    border-color: #F34C44 !important;
}

.has-error .control-label {
    color: #F34C44 !important;
}

.input-group-addon {
    background: none;
    border-color: #E5E5E5;
    border-radius: 4px;
    font-size: 0.14rem;
}

.input-group-addon:hover {
    cursor: pointer !important;
}

.cursor-hover-auto:hover {
    cursor: auto !important;
}

.common-status {
    font-family: HelveticaNeue-Medium;
    color: #FFFFFF;
    font-size: 0.12rem;
    border-radius: 0.7rem;
    padding: 0.04rem 0.1rem;
    word-break: keep-all;
    white-space: nowrap;
}

/**
product status switch
 */
#bg-label {
    width: 0.6rem;
    height: 0.24rem;
    border-radius: 0.5rem;
    position: relative;
    cursor: pointer;
    background: #52BEA6;
}

#switch-label {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 0.02rem;
    background: white;
    cursor: pointer;
    right: 1px;
}

.text-switch-vms {
    color: #FFFFFF;
    padding: 0.03rem 0.1rem;
}

/*login*/
.register-page,
.login-page {
    position: relative;
    background-image: url("/styles/img/bg7.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height:calc(100%);
}

.register-page .header-box,
.login-page .header-box {
    position: fixed;
    width: 100%;
    border: 1px solid #E5E5E5;
    padding: 18px;
}

.register-page .page-footer,
.login-page .page-footer {
    position: fixed;
    height: 3.8%;
    line-height: 3.8%;
    text-align: center;
    /*padding-top: 0.6%;*/
    background: none;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    font-family: Arial, HelveticaNeue;
    padding-left: 0;
    font-size: 12px;
    color: #A6A6A6;
    bottom: 0;
}

.register-page .bg-img-vms,
.login-page .bg-img-vms {
    position: relative;
    margin: 0 auto;

}

.login-page .bg-img-vms {
    top: 7%;
    width: 90%;
    height: 90%;
}

.register-box {
    position: relative;
    margin: 0 auto;
    width: 640px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.05);
}

.login-page .bg-img-vms > .title-box {
    position: relative;
    top: 30%;
    margin: 0 auto;
    width: 960px;
    height: auto;
}

.login-page .bg-img-vms > .title-box > div {
    position: absolute;
    width: 640px;
    height: auto;
    min-height: 300px;
}

.login-page .bg-img-vms > .title-box > div.login-box {
    position: absolute;
    border-radius: 4px;
    right: 0;
    top: 0;
    width: 320px;
    height: auto;
    min-height: 300px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}

.lg-font-box,
.xl-font-box,
.md-font-box {
    position: absolute;
    color: #4E4949;
}

.md-font-box,
.lg-font-box {
    font-family: Arial, HelveticaNeue;
    font-size: 30px;
}

.lg-font-box {
    bottom: 162px;
}

.xl-font-box {
    font-family: Arial, HelveticaNeue-Medium;
    font-size: 40px;
    bottom: 102px;
}

.md-font-box {
    bottom: 56px;
}

.login-page .bg-img-vms div.row .form-control,
.login-page .bg-img-vms .btn-login {
    font-size: 0.14rem;
    width: 260px;
    padding: 4px 12px;
    border-radius: 4px !important;
    margin-top: 25px;
    margin-bottom: 10px;
    text-indent: 5px;
}

.login-page .bg-img-vms .btn-login {
    color: #fff;
    background: #F74A3E;
}

.login-page .bg-img-vms div.row .form-control {
    margin-top: 5px;
    margin-bottom: 5px;
    background: #FAFAFA;
}

.login-tab {
    position: relative;
    height: 70px;
    margin-bottom: 25px;
}

.login-tab ul.nav li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.login-tab ul.nav li a {
    text-align: center;
    width: 100px;
    height: 33px;

}

.login-tab > ul.nav {
    position: absolute;
    bottom: 0;
    left: 20px;
}

.login-tab .vmsActive,
.login-tab ul.nav li a:active,
.login-tab ul.nav li a:hover {
    background: none;
    border-bottom: 2px #F74A3E solid;
}

.login-page .bg-img-vms a:hover {
    color: #F74A3E !important;
}

.font-bolder {
    font-weight: bolder;
    color: black;
}

.padding-5 {
    padding: 0.05rem !important;
}

.padding-10 {
    padding: 0.1rem !important;
}

.padding-25 {
    padding: 0.25rem !important;
}

.padding-right-5 {
    padding-right: 0.05rem;
}

.padding-bottom-2 {
    padding-bottom: 0.02rem !important;
}

.padding-bottom-20 {
    padding-bottom: 0.2rem;
}

.padding-bottom-5 {
    padding-bottom: 0.05rem;
}

.margin-top-30 {
    margin-top: 0.3rem;
}

.margin-right-5 {
    margin-right: 0.05rem;
}

.margin-bottom-5 {
    margin-bottom: 0.05rem;
}

.margin-bottom-10 {
    margin-bottom: 0.1rem !important;
}

.margin-bottom-40 {
    margin-bottom: 0.4rem !important;
}

.margin-bottom-100 {
    margin-bottom: 1rem !important;
}

.margin-left-5 {
    margin-left: 0.05rem;
}

.height-140 {
    height: 1.4rem;
}

.height-120 {
    height: 1.2rem;
}

.height-30 {
    height: 0.3rem;
}

.height-210 {
    height: 2.1rem !important;
}

.border-top {
    border-top: 1px solid #e3e4e6;
}

.padding-top-30 {
    padding-top: 0.3rem;
}

.padding-top-3 {
    padding-top: 0.03rem;
}

.padding-top-8 {
    padding-top: 0.08rem !important;
}

.padding-top-10 {
    padding-top: 0.1rem !important;
}

.padding-bottom-18 {
    padding-bottom: 0.18rem;
}

.padding-bottom-30 {
    padding-bottom: 0.3rem;
}

.padding-bottom-40 {
    padding-bottom: 0.4rem;
}

.text-decoration-none {
    text-decoration: none;
}

.margin-top-25 {
    margin-top: 0.25rem !important;
}

.margin-top-25 > h1 {
    color: #4E4949;
    margin: 0;
}

.height-20 {
    height: 0.2rem;
    line-height: 0.2rem !important;
}

.height-40 {
    min-height: 0.4rem;
    line-height: 0.4rem !important;
}

.height-42 {
    height: 0.42rem !important;
}

.height-60 {
    min-height: 0.6rem;
    line-height: 0.6rem !important;
}

.height-70 {
    min-height: 0.7rem;
    line-height: 0.7rem !important;
}

.height-160 {
    height: 1.6rem;
    line-height: 0.2rem !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #e3e4e6;
}

.font-lg-color {
    color: #4E4949;
}

.height-140 img,
.height-160 > img {
    display: flex;
    justify-content: center;
}

.height-140 hr,
.height-160 > hr {
    width: 1px;
    color: #e3e4e6;
    border-top: 0.5rem;
    border-style: solid;
}

.height-140 hr {
    margin-right: 0.04rem;
}

.padding-top-50 {
    padding-top: 0.5rem !important;
}

.padding-3 {
    padding: 0.03rem !important;
}

.padding-left-none {
    padding-left: 0 !important;
}

.padding-left-3 {
    padding-left: 0.03rem !important;
}

.padding-left-100 {
    padding-left: 1rem !important;
}

.padding-left-40 {
    padding-left: 0.4rem !important;
}

.padding-left-20 {
    padding-left: 0.2rem !important;
}

#content .content-md-vms .img-big-box,
#content .img-table-lk .img-box-lk {
    display: flex;
    height: 1.2rem;
    justify-content: center;
    overflow: hidden;
}

#content .img-table-lk .icon-complete-success.display {
    visibility: visible;
}

#content .img-table-lk .icon-complete-success {
    position: relative;
    visibility: hidden;
    top: 0.5rem;
    left: 60%;
}

#content .content-md-vms .img-big-box img,
#content .img-table-lk .img-box-lk img {
    width: 1.2rem;
    align-items: center;
    align-self: center;
    border: 1px solid #E5E5E5;
}

#content .content-md-vms .img-big-box,
#content .content-md-vms .img-big-box img {
    height: 2.2rem;
    width: 2.2rem;
}

#content .img-table-lk ul {
    display: flex;
    flex-wrap: wrap;
}

#content .img-table-lk ul li {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-right: 0.2rem;
    cursor: default;
    width: 2.9rem;
    height: 3.6rem;
}

/*树状图*/
.tree {
    min-height: 0.2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 0.05rem;
    position: relative;
}

.tree ul ul li:hover {
    background: rgba(0, 0, 0, .015)
}

.tree li:after, .tree li:before {
    content: '';
    left: -0.2rem;
    position: absolute;
    right: auto
}

.tree li:before {
    border-left: 1px solid #999;
    bottom: 0.5rem;
    height: 100%;
    top: -0.11rem;
    width: 1px;
    -webkit-transition: "border-color 0.1s ease 0.1s";
    -moz-transition: "border-color 0.1s ease 0.1s";
    -o-transition: "border-color 0.1s ease 0.1s";
    transition: "border-color 0.1s ease 0.1s";
}

.tree li:after {
    border-top: 1px solid #999;
    height: 0.2rem;
    top: 0.18rem;
    width: 0.25rem;
}

.tree li span {
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border: 1px dotted #999;
    border-radius: 0.05rem;
    display: inline-block;
    padding: 0.03rem 0.08rem;
    text-decoration: none;
    -webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -moz-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -o-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
}

.tree li span > label {
    margin-top: 0;
}

.tree li span > label > img {
    transform: scale(0.8);
    padding-right: 0.05rem;
}

.tree li.parent_li > span {
    cursor: pointer;
}

.tree > ul > li::after, .tree > ul > li:before {
    border: 0
}

.tree li:last-child::before {
    height: 0.3rem;
}

.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000
}

.tree > ul {
    padding-left: 0
}

.tree ul ul {
    padding-left: 0.34rem;
    padding-top: 0.1rem;
}

.tree li.parent_li > span:hover {
    background-color: #DF8505;
    border: 1px solid #C67605;
    color: #fff
}

.tree li.parent_li > span:hover + ul li::before {
    border-left-color: #F89406
}

.tree li.parent_li > span:hover + ul li::after {
    border-top-color: #F89406
}

.tree li.parent_li > span:hover + ul li span {
    background: #FDDFB3 !important;
    border: 1px solid #FAA937;
    color: #000
}

.smart-form .checkbox input:checked:hover + i:after {
    content: '\f00c' !important
}

. {
    padding-top: 0.04rem !important;
}

.padding-top-40 {
    padding-top: 0.4rem !important;
}

.padding-left-10 {
    padding-left: 0.1rem !important;
}

.padding-left-5 {
    padding-left: 0.05rem !important;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-700 {
    font-weight: 700;
}

.margin-left-30 {
    margin-left: 0.3rem !important;
}

.margin-left-20 {
    margin-left: 0.2rem !important;
}

.margin-left-10 {
    margin-left: 0.1rem !important;
}

label input[type=checkbox].checkbox + span:before {
    border-radius: 0.02rem !important;
}

.padding-top-20 {
    padding-top: 0.2rem !important;
}

.height-180 {
    height: 1.8rem;
}

.chosen-100 .chosen-container,
.register-box .chosen-container {
    width: 100% !important;
}

.tab-content {
    display: none;
    padding-bottom: 0.25rem;
}

.tab-content.active {
    display: block;
}

.tab-content .img-box-vms {
    height: 1rem;
    background: url("/styles/img/icon/icon_success.png") no-repeat center center;
}

.margin-left-650 {
    margin-left: 6.5rem;
}

.select-disabled-vms {
    background-color: #F2F2F2 !important;
}

.retailer .chosen-container,
.vendor .chosen-container {
    width: 100% !important;
}

.option-currency.glyphicon {
    color: #F34C44 !important;
    font-family: 'HelveticaNeue-Medium' !important;
}

.option-currency.glyphicon-exclamation-sign:before {
    font-family: 'Glyphicons Halflings';
    padding-right: 0.1rem;
}

.bottom-50 {
    bottom: 0.5rem;
}

.margin-top-50 {
    margin-top: 0.5rem;
}

.margin-right-auto {
    margin-right: auto;
}

.height-0 {
    height: 0 !important;
}

.margin-center-x {
    margin-left: auto;
    margin-right: auto;
}

span.green {
    color: green;
}

.margin-right-30 {
    margin-right: 0.3rem
}

.margin-right-20 {
    margin-right: 0.2rem
}

/*OpenVMS 折线图样式*/
#curveChart {
    width: 100%;
    height: 3.2rem;
}

.paymentDate .input-append img {
    margin-bottom: 0.03rem;
}

.paymentDate .date-style {
    background: white !important;
    height: 0.24rem;
    border: 1px dashed #E5E5E5 !important;
}

.word-break-break-all {
    word-break: break-all;
}

#inputOrderAdQty .input-xs-box {
    display: flex;
    width: 0.8rem !important;
    height: 0.28rem;
    border: dashed #E5E5E5;
    border-width: 1px 0;
    border-radius: 0 !important;
}

#inputOrderAdQty .input-group-addon:hover {
    cursor: pointer !important;
}

#inputOrderAdQty .input-group-addon {
    background: white !important;
    padding-right: 0.2rem;
    border: 1px dashed #E5E5E5;
    font-size: 0.14rem;
    border-radius: 0.04rem !important;
}

#adjustmentModal label,
#adjustConfigGenerateRule label,
#adjustConfigBalanceRule label {
    padding-bottom: 0.03rem;
    font-weight: 400;
}

.input-fixed-day {
    border-radius: 0.04rem !important;
    color: #4E4949;
    border: 1px dashed #E5E5E5;
}

#adjustConfigGenerateRule div:last-child,
#adjustConfigBalanceRule div:last-child {
    border-bottom: 0;
}

label input[type=radio].radiobox:checked + span:before {
    content: "\f111";
    color: #4E4949 !important;
}

.popover-content {
    padding: 0.1rem !important;
    color: #FFFFFF !important;
    background: #4E4949 !important;
}

.popover.top > .arrow:after {
    border-top-color: #4E4949 !important;
}

.popover {
    background-color: #4E4949 !important;
    border-radius: 4px;
}

#popover {
    background: #FFFFFF;
    font-weight: bold;
    margin-left: 0.03rem;
    margin-bottom: 0.02rem;
    padding-top: 1px;
    cursor: pointer;
}

.icon-box-vms .box-md #popover img {
    width: 0.14rem;
    margin-right: 0.2rem;
    height: auto;
}

.text-clip-vms {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.page-total {
    position: absolute;
    bottom: -34px;
}

div.page-total span {
    font-size: 0.12rem;
    font-weight: normal;
}
/*解决某些浏览器下，chosen下拉框错位的问题*/
.chosen-container{
    display: block!important;
}

.overflow-x-auto {
    overflow-x: auto;
}


.privacy-policy {
  width:92%;
  background:#fff;
  min-height:400px;
  position:absolute;
  top:0;
  left:4%;
  color:#000;
  font-family: Arial, HelveticaNeue-Medium,PingFangSC-Regular,PingFang SC;
}

.privacy-policy h2 {
    font-size:24px;
    margin:30px auto;
    color:#000;
    display:inline-block;
    width:inherit;
    text-align: center;
    font-weight:bolder;
}

.privacy-policy .content {
    padding:10px 20px;
}
.privacy-policy .content div {
    margin:40px 0;
}

.privacy-policy .content div h5 {
    font-weight:600;
    font-size:14px;
}

.privacy-policy .content div p {
    text-indent: 20px;
    margin:10px 0;
}