@import "../toast.css";
* {
    box-sizing: border-box;
}

body {
    overflow: hidden;
    color: #333;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
em,
p,
font,
img,
small,
strong,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

body {
    font-family: Microsoft YaHei, Arial;
    font-size: 12px;
}

ol,
ul {
    list-style: none;
    padding: 0;
}

:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: normal;
}

strong {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

input {
    padding: 4px 6px;
    border-width: 0;
}

input:disabled {
    background-color: transparent;
}

button {
    border-width: 0;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
}

textarea {
    resize: none;
}

.fa {
    font-size: 26px;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.clear:before {
    content: "";
    display: table;
}

.hidden {
    display: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.radius {
    border-radius: 50%;
}

.position {
    position: relative;
    top: 0;
    left: 0;
}

.arrow-left {
    margin-left: -8px;
    display: inline-block;
    border: 8px solid transparent;
    border-right-color: #798081;
}

.arrow-right {
    margin-left: 4px;
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #798081;
}

.arrow-down {
    margin-left: 4px;
    display: inline-block;
    border: 8px solid transparent;
    border-top-color: #798081;
}

@keyframes ellipsis {
    from {
        width: 2px;
    }
    to {
        width: 15px;
    }
}

.pointer {
    cursor: pointer;
}

.f-noselect {
    -webkit-user-select: none;
}

.f-select {
    -webkit-user-select: initial;
}

.f-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.suc {
    font-size: 24px;
    margin-top: 16px;
}

html,
body {
    height: 100%;
    -webkit-user-select: none;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
}

*::-webkit-scrollbar-track {
    width: 12px;
}

*::-webkit-scrollbar-button {
    background-position: center center;
    background-repeat: no-repeat;
}

*::-webkit-scrollbar:horizontal,
*::-webkit-scrollbar-button:vertical:decrement,
*::-webkit-scrollbar-button:vertical:increment {
    height: 8px;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar-button:horizontal:decrement,
*::-webkit-scrollbar-button:horizontal:increment {
    width: 8px;
}

*::-webkit-scrollbar-button:vertical:decrement {
    background-image: url('../../img/scroll/up.png');
}

*::-webkit-scrollbar-button:vertical:increment {
    background-image: url('../../img/scroll/down.png');
}

*::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url('../../img/scroll/left.png');
}

*::-webkit-scrollbar-button:horizontal:increment {
    background-image: url('../../img/scroll/right.png');
}

*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
}

.f-nodrag {
    -webkit-app-region: no-drag;
}

.f-drag {
    -webkit-app-region: drag;
}

.btn {
    -webkit-user-select: none;
}

.btn li {
    cursor: pointer;
    float: left;
    height: 26px;
    margin: 0;
    margin-right: 10px;
    text-align: right;
}

.btn li span {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 26px !important;
    height: 26px;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
}

.btn li span:before {
    color: #83bb42;
}

.btn li span:hover {
    background: #83bb42;
}

.btn li span:hover:before {
    color: #ffffff !important;
}

.btn li span.fa-print:before,
.btn li span.fa-search:before {
    color: #3481de;
}

.btn li span.fa-print:hover,
.btn li span.fa-search:hover {
    background: #3481de;
}

.nav-btn {
    z-index: 10;
    position: absolute;
    top: 2px;
    left: 0;
}

.nav-btn a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    position: relative;
    margin-right: 12px !important;
    background: #ffffff;
}

.nav-btn a:before {
    color: #83bb42;
    color: #7592a4;
}

.nav-btn a:hover {
    background: #7592a4;
}

.nav-btn a:hover:before {
    color: #ffffff !important;
}

.more {
    width: 60px;
    text-align: center;
    font-size: 12px;
}

.more li:first-child:after {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    border-top-color: #666;
    margin-bottom: -4px;
    margin-left: 5px;
    vertical-align: middle;
}

.more li {
    cursor: pointer;
}

.more .sub-list {
    background: #fff;
    position: absolute;
    top: 24px;
    left: -78px;
    margin-right: 6px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    z-index: 10;
    border: solid 1px #ccc;
    width: 148px;
    height: 0;
    opacity: 0;
}

.more .sub-list span {
    display: block;
    text-align: left;
    padding-left: 10px !important;
}

.more .sub-list span:hover {
    background: #f0f0f0;
}

.more .sub-list span i {
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: solid 1px #999;
    vertical-align: middle;
}

.more .sub-list span i.active {
    background: url("../../img/state_icon.png") no-repeat -4px -203px;
}

.more .sub-list span:last-child {
    padding-left: 34px;
}

.more .sub-list.active {
    opacity: 1;
    height: 92px;
    transition: height .2s;
}

.header {
    font-size: 14px;
    font-weight: normal;
    padding-left: 30px;
    background: #2c3031;
    line-height: 40px;
    color: #fff;
}

.search-component {
    height: 26px;
    position: absolute;
    top: 18px;
    right: 15px;
    overflow: hidden;
    z-index: 10;
    line-height: 26px;
}

.search-component.active {
    height: 366px;
    transition: height .5s;
}

.search-component>span {
    cursor: pointer;
    display: inline-block;
    width: 61px;
    float: left;
    font-size: 12px;
    padding-left: 11px;
    background: #fff;
    border-radius: 100px 0 0 100px;
}

.search-component>span:after {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    border-top-color: #666;
    margin-bottom: -4px;
    margin-left: 7px;
    vertical-align: middle;
}

.search-component>input {
    float: left;
    width: 108px;
    height: 26px;
    border: none;
    font-size: 12px;
    border-radius: 0 100px 100px 0;
}

.search-component .filter {
    width: 148px;
    background: #fff;
    margin: 29px 0 0 11px;
    line-height: 30px;
    font-size: 12px;
    border: solid 1px #ccc;
}

.search-component .filter li {
    padding-left: 9px;
    cursor: pointer;
    width: 148px;
}

.search-component .filter li:hover {
    background: #f0f0f0;
}

.search-component .filter li.active {
    background: #f0f0f0;
}

.search-component .filter li span {
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: solid 1px #999;
    vertical-align: middle;
}

.search-component .filter li span.active {
    background: url("../../img/state_icon.png") no-repeat -4px -203px;
}

.search-component .filter li .inverse {
    margin-left: 26px;
}

.search-component .filter li:last-child {
    border-top: solid 1px #ccc;
}

.toolbar {
    height: 56px;
    padding: 18px 15px 0;
}

.table {
    padding: 0 15px;
    display: -webkit-box;
    -webkit-box-flex: 1;
}

.table .table-container {
    -webkit-box-flex: 1;
    border: solid 1px #d4d8d9;
    overflow: auto;
}

.table .table-container td {
    font-size: 13px;
}

.form-component {
    margin-top: 10px;
    width: 100%;
}

.form-component .form-container {
    height: 150px;
    font-size: 13px;
    border: solid 1px #d4d8d9;
    background: #fff;
    width: 100%;
}

.form-component .form-container>h4 {
    padding: 0 24px 0 2px;
    border-bottom: solid 1px #d4d8d9;
}

.form-component .form-container>h4 span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: solid 1px #ffb822;
}

.form-component .form-container #formInfo {
    padding-right: 25px;
    padding-left: 21px;
    margin-top: 24px;
    width: 100%;
    font-size: 13px;
}

.form-component .form-container #formInfo .illustrate {
    border-top: solid 1px #d4d8d9;
    margin: 29px -25px 0 -21px;
}

.form-component .form-container #formInfo .illustrate span {
    width: auto !important;
    line-height: 30px;
    padding-left: 20px !important;
    color: #333;
    font-size: 12px;
}

.m-modal-confirm .modal-body p {
    font-size: 16px;
    text-align: center;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    opacity: 0;
    text-align: left;
    font-size: 12px;
}

.tooltip.in {
    opacity: 0.9;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #ffb822;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
}

.uib-datepicker-popup {
    display: flex;
    flex-direction: column;
    width: 272px;
    height: 300px;
}

.uib-datepicker-popup>li:nth-of-type(1) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
}

.uib-datepicker-popup table th>span {
    padding: 0 10px;
}

.uib-datepicker-popup .uib-datepicker {
    width: 100%;
}

.uib-datepicker-popup .uib-daypicker {
    width: 100%;
    font-family: "Microsoft Yahei";
}

.uib-datepicker-popup .uib-daypicker .g-hd {
    display: flex;
    height: 40px;
    background-color: #2c3031;
}

.uib-datepicker-popup .uib-daypicker .g-hd>* {
    display: flex;
    justify-content: center;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker {
    position: relative;
    width: 88px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker button {
    flex: 1;
    color: #fff;
    font-size: 12px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker button span {
    margin-right: 7px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker button i {
    font-size: 12px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker ul {
    position: absolute;
    top: 40px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-dropdown-datepicker ul li {
    cursor: pointer;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group {
    flex: 1;
    height: 100%;
    margin-bottom: 0;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group button {
    color: #fff;
    font-size: 12px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group .u-btn-prev,
.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group .u-btn-next {
    width: 40px;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group .u-btn-page {
    color: #999;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group .u-btn-page:hover {
    color: #fff;
}

.uib-datepicker-popup .uib-daypicker .g-hd .m-btn-group .u-btn-cur {
    flex: 1;
    font-family: "Microsoft Yahei";
}

.uib-datepicker-popup .uib-daypicker .g-bd {
    padding: 0 9px;
}

.uib-datepicker-popup .uib-daypicker .g-bd table {
    width: 100%;
}

.uib-datepicker-popup .uib-daypicker .g-bd table th,
.uib-datepicker-popup .uib-daypicker .g-bd table td {
    height: 30px;
    line-height: 30px;
}

.uib-datepicker-popup .uib-daypicker .g-bd table th {
    font-weight: bold;
}

.uib-datepicker-popup .uib-daypicker .g-bd table td {
    border-radius: 2px;
}

.uib-datepicker-popup .uib-daypicker .g-bd table td a {
    display: inline-block;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.uib-datepicker-popup .uib-daypicker .u-btn {
    border-radius: 2px;
}

.uib-datepicker-popup .uib-daypicker .u-btn:hover {
    background-color: #e6e6e6;
    color: #333;
}

.uib-datepicker-popup .uib-daypicker .u-btn.active {
    background-color: #ffb822;
    color: #333;
    font-weight: bold;
}

.uib-datepicker-popup .uib-daypicker .u-btn.today {
    color: #ffb822;
}

.uib-datepicker-popup .uib-daypicker .u-btn.today.active {
    color: #333;
}

.uib-datepicker-popup .uib-daypicker .u-btn:active {
    background-color: #2c3031;
    color: #fff;
}

.uib-datepicker-popup .uib-daypicker .u-btn .text-muted {
    color: #999;
}

.uib-datepicker-popup .uib-button-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0;
    margin: 10px;
}

.uib-datepicker-popup .uib-button-bar .u-btn {
    width: 50px;
    height: 30px;
    border-radius: 2px;
    font-family: "Microsoft Yahei";
}

.uib-datepicker-popup .uib-button-bar .u-btn:hover {
    background-color: #e6e6e6;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1150;
    display: none;
    min-width: 80px;
    max-height: 500px;
    margin: 2px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

[uib-typeahead-popup].dropdown-menu {
    min-width: 60px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li {
    min-height: 30px;
    line-height: 30px;
}

.dropdown-menu .dropdown-item {
    text-align: left;
    padding: 0 10px;
    cursor: pointer;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0;
}

.dropdown-menu>li .dropdown-menu:not(.uib-datepicker-popup)>li:hover {
    background-color: #f0f0f0;
}

.dropdown-menu>li>span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.m-dropdown .dropdown-toggle {
    display: flex;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: left;
}

.m-dropdown .dropdown-toggle .u-text-selected {
    width: 100%;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    color: #333;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1049;
    display: none;
    padding: 1px;
    border: 1px solid #d4d8d9;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

.m-popover-complexDropdown {
    padding: 0;
}

.m-popover-complexDropdown .arrow {
    display: none;
}

.m-popover-complexDropdown .popover-inner,
.m-popover-complexDropdown .popover-content {
    height: 100%;
}

.m-popover-complexDropdown .popover-content {
    position: relative;
    padding: 0;
}

.m-popover-complexDropdown .popover-content .m-popover {
    min-width: 297px;
    min-height: 190px;
}

.m-popover-complexDropdown .popover-content .m-popover .m-search {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
}

.m-popover-complexDropdown .popover-content .m-popover .m-search input {
    flex: 1;
    border-width: 0;
    box-shadow: none;
    font-family: "Microsoft Yahei";
}

.m-popover-complexDropdown .popover-content .m-popover .m-search input:focus {
    box-shadow: none;
}

.m-popover-complexDropdown .popover-content .m-popover .m-search .fa {
    width: 40px;
}

.m-popover-complexDropdown .popover-content .ui-grid {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100% - 40px) !important;
}

.m-popover-complexDropdown .popover-content .ui-grid .m-jumpto,
.m-popover-complexDropdown .popover-content .ui-grid .ui-grid-pager-row-count-picker,
.m-popover-complexDropdown .popover-content .ui-grid .ui-grid-pager-count-container {
    display: none;
}

.m-popover-complexDropdown .popover-content .ui-grid .ui-grid-pager-control {
    padding-left: 0;
}

.m-popover-complexDropdown .popover-content .ui-grid .ui-grid-pager-container {
    justify-content: center;
}

.popover-custom .arrow {
    display: none;
}

.popover-no-arrow .arrow {
    display: none;
}

.m-popover>.u-history-value {
    margin: 4px 0;
}

.m-popover>.u-history-value.s-value-plus {
    color: #ff0000;
}

.m-popover>.u-history-value.s-value-minus {
    color: #00cc00;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    font-family: "Microsoft Yahei";
}

.modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.modal .modal-dialog.no-transition {
    transition: none;
}

.modal-content {
    position: relative;
    height: 100%;
    outline: 0;
    background-color: #ffffff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 8px;
    background-color: #2c3031;
    color: #fff;
}

.modal-header .modal-title {
    flex: 1;
}

.modal-header .close {
    cursor: pointer;
}

.modal-header .fa-cancel {
    color: #bfbfbf;
}

.modal-body {
    position: relative;
    padding: 30px;
}

.modal-body .m-form .row {
    margin-bottom: 10px;
}

.modal-footer {
    display: flex;
    justify-content: center;
    padding: 30px;
    padding-top: 0;
}

.modal-footer button {
    cursor: pointer;
    font-family: "Microsoft Yahei";
}

.modal-footer .u-btn {
    width: 140px;
    height: 40px;
    border-radius: 4px;
}

.modal-footer .u-btn-default {
    background-color: #e6e6e6;
}

.modal-footer .u-btn-theme {
    background-color: #ffb822;
}

.modal-footer .u-btn+.u-btn {
    margin-left: 20px;
}

.modal-footer .modal-footer .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal .modal-dialog {
        min-width: 360px;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.modal-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.modal-container .modal-body {
    flex: 1;
}

.m-form .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 0;
}

.m-form .row>div {
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
}

.m-form .row>div>* {
    vertical-align: text-bottom;
}

.m-form .row>div>span {
    font-size: 12px;
}

.m-form .row>div input,
.m-form .row>div textarea,
.m-form .row>div select {
    flex: 1;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.m-form .row>div+div {
    margin-left: 20px;
}

.form-row>div{
    margin-right: 20px !important;
    height: 32px !important;
    margin-left: 0px !important;
}

.from-padding{
    padding: 5px !important;
}

.m-form label,
.m-form input {
    font-size: 12px;
}

.m-form label {
    margin-right: 10px;
}

.m-form input,
.m-form textarea,
.m-form select {
    padding: 4px 3px;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 0;
}

.m-form input {
    height: 24px;
}

.m-form input:disabled {
    border-width: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.m-form input[type=checkbox] {
    flex: initial;
    height: 16px;
}

.m-form .fa-search {
    padding: 0 6px;
    color: #999;
    cursor: pointer;
}

.m-form textarea,
.m-form select,
.m-form .m-dropdown,
.m-form .m-multi-select,
.m-form .m-complex-dropdown,
.m-form input:not([readonly="readonly"]):not([type=checkbox]) {
    border-style: solid;
    border: 1px solid transparent;
    border-bottom-color: #d9d9d9;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.m-form textarea:focus,
.m-form select:focus,
.m-form input:not([readonly="readonly"]):not([type=checkbox]):focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.m-form .m-dropdown,
.m-form .m-multi-select,
.m-form .m-complex-dropdown {
    flex: 1;
    display: flex;
    width: 100%;
    height: 24px;
    overflow: hidden;
}

.m-form .m-dropdown.focus,
.m-form .m-multi-select.focus,
.m-form .m-complex-dropdown.focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.m-form .m-dropdown .fa-triangle,
.m-form .m-multi-select .fa-triangle,
.m-form .m-complex-dropdown .fa-triangle {
    font-size: 12px;
    line-height: 26px;
}

.m-form .m-dropdown input,
.m-form .m-multi-select input,
.m-form .m-complex-dropdown input {
    height: auto;
    border-width: 0!important;
    box-shadow: none!important;
    border-radius: 4px;
}

.m-form .m-complex-dropdown.disabled button {
    color: #808080;
}

.m-form .m-dropdown,
.m-form .m-multi-select {
    display: flex;
}

.m-form .m-multi-select {
    position: relative;
}

.m-form .m-multi-select .m-list-selected {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 18px;
    height: 100%;
    overflow: hidden;
}

.m-form .m-multi-select .m-list-selected li {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin-left: 10px;
    background-color: #d4d8d9;
    color: #333;
    font-size: 12px;
    border-radius: 2px;
}

.m-form .m-multi-select .m-list-selected li .u-btn-delete {
    font-size: 14px;
}

.m-form .m-multi-select .fa-triangle {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.m-form .m-multi-select .fa-triangle.radio {
    position: relative;
    right: 0;
    cursor: pointer;
}

.m-form .m-checkbox {
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    border-radius: 1px;
}

.m-form .m-checkbox.checked {
    border-color: #333;
    background-color: #333;
    color: #fff;
}

.m-form .m-checkbox.checked .fa-selected {
    visibility: visible;
}

.m-form .m-checkbox.disabled {
    border-color: #bbb;
    background-color: transparent;
}

.m-form .m-checkbox.disabled.checked {
    border-color: #999;
    background-color: #999;
}

.m-form .m-checkbox .fa-selected {
    visibility: hidden;
    font-size: 14px;
}

.dropdown-menu .uib-typeahead-match {
    height: 30px;
}

.dropdown-menu .uib-typeahead-match a {
    width: 100%;
    height: 100%;
    line-height: 30px;
    padding: 0;
}

.resizable {
    position: relative;
}

.resizable.no-transition {
    transition: none !important;
}

.rg-right,
.rg-left,
.rg-top,
.rg-bottom {
    display: block;
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    line-height: 10px;
    -webkit-user-select: none;
    background: transparent;
}

.rg-right span,
.rg-left span,
.rg-top span,
.rg-bottom span {
    position: absolute;
    display: block;
    box-sizing: border-box;
}

.rg-right,
.rg-left {
    height: 100%;
    cursor: col-resize;
}

.rg-right span,
.rg-left span {
    top: 50%;
    height: 20px;
    width: 5px;
    margin: -10px 0 0 2.5px;
}

.rg-top,
.rg-bottom {
    width: 100%;
    cursor: row-resize;
}

.rg-top span,
.rg-bottom span {
    left: 50%;
    width: 20px;
    height: 5px;
    margin: 2.5px 0 0 -10px;
}

.rg-top {
    top: 0;
    left: 0;
    margin-top: -10px;
}

.rg-right {
    top: 0;
    right: 0;
    margin-right: -10px;
}

.rg-bottom {
    left: 0;
    bottom: 0;
    margin-bottom: -10px;
}

.rg-left {
    left: 0;
    top: 0;
    margin-left: -10px;
}

.m-tree {
    display: flex;
    height: 100%;
}

.u-title-accordion {
    display: flex;
    align-items: center;
    height: 40px;
    min-height: 40px;
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
}

.u-title-accordion.selected {
    background-color: #ffb822;
}

.u-title-accordion.selected i {
    color: #333;
}

.u-title-accordion i {
    color: #ffb822;
    margin-right: 5px;
}

.m-accordion {
    flex: 1;
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
    padding-top: 0;
    margin-top: 0;
}

.m-accordion ul {
    padding-left: 20px;
}

.m-accordion>ul {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

.m-accordion>ul li {
    cursor: pointer;
    font-size: 0;
}

.m-accordion>ul li a {
    position: relative;
    padding: 0 5px;
    white-space: nowrap;
}

.m-accordion>ul li>ul {
    display: none;
}

.m-accordion>ul li.expanded>ul {
    display: block;
}

.m-accordion>ul li.expanded:not(.selected)>a .fa {
    color: #ffb822;
}

.m-accordion>ul li.expanded>a .fa-triangle {
    transform: rotate(0);
}

.m-accordion>ul li.selected>a .fa {
    color: #333;
}

.m-accordion>ul li.selected>.s-bg {
    display: block;
}

.m-accordion>ul li>.s-bg {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    height: 40px;
    background-color: #ffb822;
}

.m-accordion>ul a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 0;
}

.m-accordion>ul a>* {
    vertical-align: middle;
}

.m-accordion>ul a .fa {
    color: #999;
}

.m-accordion>ul .fa-triangle {
    display: inline-block;
    transform: rotate(-90deg);
    transition: all ease-in 0.1s;
}

.m-accordion>ul .fa-triangle,
.m-accordion>ul .fa-disc {
    display: inline-block;
    width: 26px;
    font-size: 12px;
    text-align: center;
}

.m-accordion>ul .u-title {
    margin-left: 5px;
    font-size: 13px;
}

div[class^=m-view] .g-top .g-right {
    display: flex;
}

.m-view {
    width: 100%;
    height: 100%;
    padding: 5px 10px 10px;
    color: #333;
}

.m-view>div[class*="m-view-"] {
    display: none;
}

.m-view>div[class*="m-view-"].show {
    display: flex;
}

.m-view .m-search,
.m-view .m-more {
    display: flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 13px;
}

.m-view .m-search .fa-triangle,
.m-view .m-more .fa-triangle {
    font-size: 10px;
}

.m-view .m-search button,
.m-view .m-more button {
    line-height: 26px;
    color: #333;
}

.m-view .m-search button>*,
.m-view .m-more button>* {
    vertical-align: middle;
}

.m-view .m-search {
    width: 170px;
    margin-right: 10px;
}

.m-view .m-search .search-component {
    top: 12px;
    right: 110px;
}

.m-view .m-btn-group {
    margin-bottom: 3px;
    font-size: 0;
    height: 28px;
}

.m-view .m-btn-group button {
    margin-right: 10px;
    color: #333;
    font-family: "Microsoft Yahei";
    font-size: 0;
    cursor: pointer;
}

.ag-cell .s-blue {
    color: #3481de;
}

.no-check {
    background-color: #fff7e6;
}

.m-view .m-btn-group button .s-bluegray {
    color: #7592a4;
}

.m-view .m-btn-group button .s-green {
    color: #7cb638;
}

.m-view .m-btn-group button .s-blue {
    color: #3481de;
}

.m-view .m-btn-group button:hover .u-icon {
    color: #fff;
}

.m-view .m-btn-group button:hover .s-bluegray {
    background-color: #7592a4;
}

.m-view .m-btn-group button:hover .s-green {
    background-color: #7cb638;
}

.m-view .m-btn-group button:hover .s-blue {
    background-color: #3481de;
}

.m-view .m-btn-group button>* {
    vertical-align: middle;
}

.m-view .m-btn-group button>span {
    font-size: 12px;
}

.m-view .m-btn-group button .u-icon {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fff;
    transition: all ease-out 0.1s;
}

.m-view .m-btn-group button .spanFrIcon {
    float: left;
}

.m-view .m-btn-group button .spanFr {
    float: left;
    line-height: 26px;
}

.m-view .m-btn-group button .clearFloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFloat {
    zoom: 1
}

.m-view .m-btn-group button .u-icon .fa {
    font-size: 26px;
}

.m-view .m-btn-group button .s-underline {
    text-decoration: underline;
    font-size: 12px;
}

.m-view .m-table {
    width: 100%;
}

.m-view .m-table thead {
    background-color: #d4d8d9;
}

.m-view .m-table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    white-space: nowrap;
}

.m-view .m-table thead th:first-of-type {
    border-bottom: 1px solid #fff;
}

.m-view .m-table thead th+th {
    border: 1px solid #fff;
    border-right-width: 0;
    border-top-width: 0;
}

.m-view .m-table th,
.m-view .m-table td {
    vertical-align: middle;
}

.m-view .m-table tbody {
    font-size: 13px;
}

.m-view .m-table tbody tr {
    cursor: pointer;
}

.m-view .m-table tbody tr.selected {
    background-color: #ffb822!important;
}

.m-view .m-table tbody tr:hover,
.m-view .m-table tbody tr:nth-child(even):hover {
    background-color: #e6e6e6;
}

.m-view .m-table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}

.m-view .m-table tbody td {
    height: 40px;
}

.m-view .m-table tbody td+td {
    border-left: 1px solid #e6e6e6;
}

.m-view .m-table td {
    padding: 7px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.m-view .g-hd.g-hd-table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
}

.m-view .g-hd.g-hd-table .m-select {
    width: 68px;
}

.m-view .g-hd.g-hd-table .m-search input {
    border-width: 0;
}

.m-view .g-hd.g-hd-table .m-form {
    flex: 1;
}

.m-view .g-hd.g-hd-table .m-form>.row>div {
    max-width: 300px;
}

.m-view .g-hd.g-hd-table .m-btn-group {
    margin-bottom: 0px;
    display: flex;
    overflow-x: auto;
}

.m-view .g-hd.g-hd-table .m-btn-group button:hover .u-icon {
    background-color: #e6e6e6;
    color: #333;
}

.m-view .m-tag2 {
    height: 100%;
}

.m-view .m-tag2 li {
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    text-align: center;
    cursor: pointer;
}

.m-view .m-tag2 li.active {
    font-weight: bold;
    border-bottom-color: #ffb822;
}

.m-view-datum .g-left,
.m-view-datum .g-right {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.m-view-datum .g-left {
    float: left;
    min-width: 218px;
}

.m-view-datum .g-left .g-btm {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(61%);
}

.m-view-datum .g-right {
    margin-left: 224px;
}

.m-view-datum .g-right .g-btm {
    display: flex;
    flex-direction: column;
}

.m-view-datum .g-right .g-btm .g-tp {
    height: 40px;
}

.m-view-datum .g-right .g-btm .g-md {
    flex: 1;
}

.m-view-datum .g-right .g-btm .g-bt {
    height: 31px;
}

.m-view-datum .g-left {
    position: relative;
    float: left;
    margin-right: 6px;
}

.m-view-datum .g-right {
    overflow: hidden;
    margin-left: 0;
}

.m-view-datum .g-right>* {
    width: 100%;
}

.m-view-datum .g-right .g-mid {
    margin-bottom: 9px;
}

.m-view-datum .g-right .g-top {
    display: flex;
}

.m-view-datum .g-right .g-top .m-btn-group {
    flex: 1;
}

.m-view-datum .g-right .g-mid {
    flex: 0 0 50%;
}

.m-view-datum .g-right .g-btm {
    flex: 1.2;
}

.m-view-datum .g-btm .g-tp {
    height: 40px;
    border-bottom: 1px solid #d4d8d9;
}

.m-view-datum .g-btm .g-md {
    display: flex;
}

.m-view-datum .g-btm .g-md .m-tagview {
    overflow: auto;
    flex: 1;
}

.m-view-datum .g-btm .g-bt {
    padding: 0 17px;
    border-top: 1px solid #d4d8d9;
    line-height: 30px;
    font-size: 0;
}

.m-view-datum .g-btm .g-bt .u-info {
    margin-right: 20px;
    font-size: 12px;
}

.m-view-datum .g-btm .m-form {
    padding-left: 15px;
}

.m-view-datum .m-form {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 600px;
    margin-top: -5px;
}

.m-view-datum .m-btn-group {
    margin-bottom: 6px;
}

.m-view-datum .g-btm>.g-tp .m-btn-group {
    height: 40px;
    line-height: 40px;
}

.m-form .row>div {
    align-items: flex-end;
}

.m-form .row>div em {
    color: red;
    padding-left: 3px;
    font-size: 12px;
    font-style: initial;
}


/* 往来记事公共样式 */

.m-modal-intercourse .modal-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.m-modal-intercourse .m-attachment {
    flex: 1;
    position: relative;
    border: 1px solid #d4d8d9;
    margin-top: 5px;
    overflow: hidden;
}

.m-modal-intercourse .m-attachment .g-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #d4d8d9;
}

.m-modal-intercourse .m-attachment .g-bd {
    position: absolute;
    top: 34px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    padding: 20px;
    overflow-y: auto;
}

.m-modal-intercourse .u-btn-add {
    position: relative;
    width: 100px;
    height: 24px;
    border: 1px solid #aaa;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    font-family: "Microsoft Yahei";
}

.m-modal-intercourse .u-btn-add .s-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.m-modal-intercourse .u-btn-add .s-input input {
    display: none;
}

.m-modal-intercourse .m-list-attachment li,
.m-modal-intercourse .m-operation {
    font-size: 0;
}

.m-modal-intercourse .m-list-attachment {
    flex: 1;
}

.m-modal-intercourse .m-list-attachment li {
    display: flex;
    align-items: center;
}

.m-modal-intercourse .m-list-attachment li .g-right {
    height: 50px;
    margin-left: 10px;
}

.m-modal-intercourse .m-list-attachment li .g-right .g-up {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.m-modal-intercourse .m-list-attachment li+li {
    margin-top: 10px;
}

.m-modal-intercourse .m-list-attachment .u-name,
.m-modal-intercourse .m-list-attachment .u-size,
.m-modal-intercourse .m-list-attachment .u-percentage,
.m-modal-intercourse .m-list-attachment .m-operation .u-btn {
    font-size: 12px;
}

.m-modal-intercourse .m-list-attachment .m-operation .u-btn {
    margin-right: 5px;
}

.m-modal-intercourse .m-list-attachment .m-operation .u-btn:hover {
    text-decoration: underline;
}

.m-modal-intercourse .m-list-attachment .u-pic {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding: 3px;
    border: 1px solid #d4d8d9;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: content-box;
}

.m-modal-intercourse .m-list-attachment .u-pic-file {
    background-image: url('../../img/default/file.png');
}

.m-modal-intercourse .m-list-attachment .u-name {
    display: inline-block;
    max-width: 10em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.m-modal-intercourse .m-list-attachment .u-size {
    color: #999;
    margin-left: 3px;
}

.m-modal-intercourse .m-list-attachment .u-btn {
    color: #3481de;
}

.m-modal-intercourse .m-list-attachment .m-progress {
    display: flex;
    align-items: center;
}

.m-modal-intercourse .m-list-attachment .m-progress .progress {
    width: 200px;
    height: 10px;
    border: 1px solid #ffb822;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: initial;
    background-color: transparent;
}

.m-modal-intercourse .m-list-attachment .m-progress .progress-bar {
    -webkit-box-shadow: initial;
}

.m-modal-intercourse .m-list-attachment .m-progress .u-percentage {
    margin-left: 5px;
}

.m-view-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.fontRed .s-red {
    color: red;
}

.m-card-with-footer {
    flex: 1;
    position: relative;
}

.m-card-with-footer .g-bd {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 31px;
    left: 0;
    overflow: auto;
}

.m-card-with-footer .g-ft {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    border-top: 1px solid #d4d8d9;
}

.m-card-with-footer .g-ft .u-info {
    margin-right: 20px;
}

.m-card-with-footer .g-ft .s-red {
    color: red;
}

.m-card-with-header-and-footer {
    flex: 1;
    position: relative;
}

.m-card-with-header-and-footer .g-bd {
    position: absolute;
    top: 38px;
    right: 0;
    bottom: 31px;
    left: 0;
    overflow: auto;
}

.m-card-with-header-and-footer .g-ft {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    border-top: 1px solid #d4d8d9;
}

.m-card-with-header-and-footer .g-ft .u-info {
    margin-right: 20px;
}

.m-card-with-header-and-footer .g-ft .s-red {
    color: red;
}

.m-view-1form2table>.g-top,
.m-view-1form1table>.g-top {
    display: flex;
    min-height: 28px;
}

.m-view-1form2table>.g-top .g-left,
.m-view-1form1table>.g-top .g-left {
    flex: 1;
}

.m-view-1form2table>.g-mid,
.m-view-1form1table>.g-mid {
    display: flex;
    /* height: 141px; */
}

.m-view-1form2table>.g-mid>*,
.m-view-1form1table>.g-mid>* {
    height: 100%;
}

.m-view-1form2table>.g-mid .g-left,
.m-view-1form1table>.g-mid .g-left {
    display: flex;
    width: 250px;
}

.m-view-1form2table>.g-mid .g-right,
.m-view-1form1table>.g-mid .g-right {
    flex: 1;
    display: flex;
    padding-right: 20px;
    padding-top: 15px;
    padding-left: 50px;
    overflow: hidden;
    transition: padding .5s;
    -webkit-transition: padding .5s;
    -o-transition: padding .5s;
    -moz-transition: padding .5s;
}

.m-view-1form2table>.g-mid .m-form,
.m-view-1form1table>.g-mid .m-form {
    width: 100%;
}

.m-view-1form2table>.g-mid .m-title,
.m-view-1form1table>.g-mid .m-title {
    flex: 1;
    padding: 30px 5px 5px 30px;
}
.isScaleButton{
    float:right;
}
@media screen and (max-width:1250px) {
    .fold-button {
        position: absolute  !important;
        left: 227px;
        margin:0 !important;
    }
    .isScaleButton{
        float: inherit;
    }
    .u-info,.u-info label{
        font-size:10px;
        margin-right:10px !important;
    }
    .no-fold-button {
        position: absolute  !important;
        left: 227px;
        margin:0 !important;
    }

	.m-view-1form2table>.g-mid .m-title, .m-view-1form1table>.g-mid .m-title {
        flex: 1;
   		min-width: 215px;
    }
    .m-view-1form2table>.g-mid, .m-view-1form1table>.g-mid {
        display: flex;
        /* height: 141px; */
    }
    .m-view-1form2table>.g-mid .g-right, .from-fold>.g-mid .g-right {
        padding-right: 0!important;
        padding-top: 0!important;
        padding-left: 0!important;
        overflow-x: auto !important;
    }
    .m-view-1form2table>.g-mid .g-right .m-form, .from-fold>.g-mid .g-right .m-form{
        min-width:902px;
    }
    .m-view-1form2table>.g-mid .m-title h2, .from-fold>.g-mid .m-title h2 {
        font-size: 22px;
        font-weight: normal;
    }
    .from-fold>.g-mid .g-right {
        overflow:auto;
    }
	.from-fold>.g-mid .m-title, .m-view-1form1table>.g-mid .m-title {
        flex: 1;
   		min-width: 215px;
    }
    .from-fold>.g-mid .m-title h2, .m-view-1form1table>.g-mid .m-title h2 {
        font-size: 22px;
        font-weight: normal;
    }
}
.m-view-1form2table>.g-mid .m-title>div,
.m-view-1form1table>.g-mid .m-title>div {
    display: flex;
    align-items: center;
}

.m-view-1form2table>.g-mid .m-title h2,
.m-view-1form1table>.g-mid .m-title h2 {
    font-size: 24px;
    font-weight: normal;
}

.m-view-1form2table>.g-mid .m-title .m-desc .u-label,
.m-view-1form1table>.g-mid .m-title .m-desc .u-label {
    margin-left: 11px;
}

.m-view-1form2table>.g-mid .m-title .m-desc .u-text,
.m-view-1form1table>.g-mid .m-title .m-desc .u-text {
    display: inline-block;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    margin-left: 5px;
    border-radius: 2px;
    text-align: center;
}

.m-view-1form2table>.g-mid .m-title .m-desc .u-text-spec,
.m-view-1form1table>.g-mid .m-title .m-desc .u-text-spec {
    min-width: 30px;
    border-color: #428be0;
    color: #3481de;
}

.m-view-1form2table>.g-mid .m-title .m-status,
.m-view-1form1table>.g-mid .m-title .m-status {
    margin-top: 10px;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa,
.m-view-1form1table>.g-mid .m-title .m-status .fa {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #d4d8d9;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-daYin.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-daYin.z-active {
    background-color: #3481de !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-zhuangChe.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-zhuangChe.z-active {
    background-color: #7cb638 !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-shenHe.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-shenHe.z-active {
    background-color: #ffb822 !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-export.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-export.z-active {
    background-color: #ffb822 !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-yisongdan.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-yisongdan.z-active {
    background-color: #ff7322 !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-fuKuan.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-fuKuan.z-active {
    background-color: #7592a4 !important;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-fapiao.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-fapiao.z-active {
    background-color: red;
}

.m-view-1form2table>.g-mid .m-title .m-status .fa-tiaozhuan.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-tiaozhuan.z-active {
    background-color: #4f99f1;
}


.m-view-1form2table {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.m-view-1form2table>.g-btm {
    flex: 1;
    overflow: hidden;
    margin-top: 6px;
}

.m-view-1form2table>.g-btm.hidetree .g-left {
    visibility: hidden;
    width: 0!important;
    border-width: 0;
    margin-right: 0;
}

.m-view-1form2table>.g-btm>.g-left {
    float: left;
    display: flex;
    flex-direction: column;
    width: 218px;
    border-width: 1px;
    margin-right: 6px;
    height: 100%;
}

.m-view-1form2table>.g-btm>.g-right {
    flex: 1;
    height: 100%;
    margin-left: 0;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
}

.m-view-1form2table>.g-btm>.g-right>.g-t,
.m-view-1form2table>.g-btm>.g-right>.g-b {
    min-height: 0;
    width: 100%;
}

.m-view-1form2table>.g-btm>.g-right>.g-t {
    flex: 1;
}

.m-view-1form2table>.g-btm>.g-right>.g-t.resizable {
    flex: 0 0 50%;
}

.m-view-1form2table>.g-btm>.g-right>.g-b {
    flex: 1;
}

.m-view-1form2table>.g-btm>.g-right>.g-t .g-hd+.ag-grid {
    height: calc(100% - 38px);
}

.m-view-1form2table>.g-btm>.g-right>.g-b {
    margin-top: 8px;
    position: relative;
}

.m-view-1form2table>.g-btm>.g-right>.g-b>.g-md {
    position: absolute;
    top: 41px;
    right: 0;
    bottom: 0;
    left: 0;
}

.m-view-1form2table>.g-btm>.g-right>.g-b>.g-md>div:not([class*=popover]) {
    height: 100%;
}

.m-view-1form2table>.g-btm>.g-right>.g-b>.g-md>div:not([class*=popover])>.ui-grid {
    height: 100%!important;
}

.m-view-1form2table .s-card>.g-hd+.ui-grid,
.m-view-1form2table .s-card>.g-md .ui-grid {
    height: calc(100% - 38px) !important;
}

.m-view-1form1table {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.m-view-1form1table .g-btm {
    flex: 1;
}

.s-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #d4d8d9;
}

.s-card .ui-grid-render-container {
    display: flex;
    flex-direction: column;
    overflow: hidden!important;
}

.s-card .ui-grid {
    height: 100%;
    border: none;
}

.s-card .ui-grid .ui-grid-render-container-body .ui-grid-viewport {
    flex: 1;
}

.s-card:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: none;
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
}

.s-card.shadow:after {
    display: block;
}

.m-entrance {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.m-modal-multiselect input,
.m-modal-multiselect button {
    font-family: "Microsoft Yahei";
}

.m-modal-multiselect .modal-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    background-color: #f0f0f0;
}

.m-modal-multiselect .modal-container .modal-body {
    flex: 1;
    padding: 10px 20px;
}

.m-modal-multiselect .modal-container .modal-body .g-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    box-sizing: content-box;
    padding-top: 10px;
    padding-bottom: 10px;
}

.m-modal-multiselect .modal-container .modal-body .g-ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.m-modal-multiselect .modal-container .modal-body .g-ft .ft-l button {
    width: 108px;
    height: 25px;
    background: #ffb822;
    border-radius: 4px;
}

.m-modal-multiselect .modal-container .modal-body .g-ft .ft-r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.m-modal-multiselect .modal-container .modal-body .g-ft .ft-r .total {
    margin-left: 30px;
}

.m-modal-multiselect .modal-container .modal-body .g-ft .ft-r p span {
    font-weight: bold;
}

.m-modal-multiselect .modal-container .modal-body .s-hd {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m-modal-multiselect .modal-container .modal-body .s-hd .hd-btn {
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 4px;
}

.m-modal-multiselect .modal-container .modal-body .m-search {
    display: flex;
    align-items: center;
}

.m-modal-multiselect .modal-container .modal-body .m-search input {
    margin-left: 10px;
    border-radius: 13px;
    width: 127px;
}

.m-modal-multiselect .modal-container .modal-body .m-btn-group button {
    /* width: 60px; */
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 4px;
}

.m-modal-multiselect .modal-container .modal-body .m-btn-group button+button {
    margin-left: 10px;
}

.m-modal-multiselect .modal-container .modal-footer {
    height: 60px;
}

.ui-grid-multiselect {
    border: 1px solid #d5d7d8;
    background-color: #fff;
}

.ui-grid-multiselect .ui-grid-top-panel {
    background-color: #c8cbcc;
}

.ui-grid-multiselect .ui-grid-header-cell {
    border-color: #edeeef;
}

.ui-grid-multiselect .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background-color: transparent;
}

.ui-grid-multiselect .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
    pointer-events: auto;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons {
    text-align: center;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-all-selected,
.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
    display: inline-block;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-all-selected>button,
.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-row-selected>button {
    background-color: #333;
    color: #fff;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-all-selected>button .fa,
.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-row-selected>button .fa {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-any-selected>button span {
    display: inline-block;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons.ui-grid-any-selected.ui-grid-all-selected>button span {
    display: none;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons>button {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #333;
    background-color: #fff;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons>button .fa,
.ui-grid-multiselect .ui-grid-selection-row-header-buttons>button span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

.ui-grid-multiselect .ui-grid-selection-row-header-buttons>button span {
    width: 6px;
    height: 6px;
    background-color: #333;
}

.ui-grid-multiselect .ui-grid-canvas,
.ui-grid-multiselect .ui-grid-row:nth-child(even) {
    background-color: #fff;
}

.ui-grid-multiselect .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-color: #e9e9e9;
}

.ui-grid-multiselect .ui-grid-row {
    border-bottom: 1px solid #e9e9e9;
}

.ui-grid-multiselect .ui-grid-row.ui-grid-row-selected {
    background-color: #f0f0f0;
}

.ui-grid-multiselect .ui-grid-scrollbar-placeholder {
    background-color: #f0f0f0;
}

.popover-multiselect {
    position: relative;
    width: 322px;
    min-height: 120px;
}

.popover-multiselect .popover-content {
    padding: 20px;
}

.popover-multiselect .m-popover-multiselect {
    display: flex;
    flex-direction: column;
}

.popover-multiselect .m-list-selected {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popover-multiselect .m-list-selected li {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #d4d8d9;
    color: #333;
    font-size: 12px;
    border-radius: 2px;
}

.popover-multiselect .m-list-selected li .u-btn-delete {
    font-size: 14px;
}

.popover-multiselect .m-btn-group {
    margin-top: 20px;
    text-align: right;
}

.popover-multiselect .m-btn-group button {
    display: inline-block;
    width: 80px;
    height: 26px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    font-family: "Microsoft Yahei";
}

.m-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-app-region: no-drag;
}

.m-preview.z-show {
    display: block;
}

.m-preview img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-preview button {
    color: #fff;
}

.m-preview .u-btn-page {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.m-preview .u-btn-page.z-disabled {
    border-color: #aaa;
    color: #aaa;
}

.m-preview .u-btn-page.z-hide {
    display: none;
}

.m-preview .u-btn-prev {
    left: 40px;
}

.m-preview .u-btn-next {
    right: 40px;
}

.m-preview .u-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #d43f27;
}

.ag-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ag-grid-pagination>.ag-bl {
    flex: 1;
}

.ag-grid-pagination .m-pagination {
    display: flex;
    align-items: center;
    height: 34px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    font-family: "Microsoft Yahei";
}

.ag-grid-pagination .m-pagination .select-page-size select {
    width: 60px;
    height: 22px;
    border-radius: 2px;
}

.ag-grid-pagination .m-pagination .text-total-items {
    flex: 1;
    text-align: right;
}


/* UI Grid Group Columns */

[ui-grid-group-columns] .ui-grid-header-canvas {
    display: flex;
}

[ui-grid-group-columns] .ui-grid-header-group-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 31px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    box-sizing: border-box;
    text-align: center;
}

[ui-grid-group-columns] .ui-grid-header-group.named {
    position: relative;
    padding-top: 31px;
}

[ui-grid-group-columns] .ui-grid-header-cell-wrapper,
[ui-grid-group-columns] .ui-grid-header-cell-row {
    position: static;
}

[ui-grid-group-columns] .ui-grid-header-cell {
    height: 100%;
    vertical-align: middle;
}

[ui-grid-group-columns] .ui-grid-header-cell [role="columnheader"] {
    position: relative;
}


/**********私有样式***********/

#container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
}

#container .content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#container .content>.g-hd {
    height: 54px;
}

#container .content>.g-bd {
    flex: 1;
    position: relative;
}

#container .content>.g-bd .m-tags {
    height: 36px;
}

#container .content>.g-bd .m-tagviews {
    position: absolute;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}
.line li{
    margin:10px;padding:0px
}

#container .content>.g-ft {
    height: 30px;
}

#container {
    border-right: solid 1px #acacac;
    background-color: #e8e8e8;
}

#container>.g-sd {
    position: relative;
    height: 100%;
    width: 120px;
    -webkit-user-select: none;
    -webkit-app-region: drag;
    background: #2c3031;
    color: #d9d9d9;
}

#container>.g-sd.shrink {
    width: 50px!important;
}

#container>.g-sd.shrink dt>span {
    display: none;
}

#container>.g-sd.shrink dd {
    padding-left: 0;
    padding-right: 0;
}

#container>.g-sd.shrink dd span {
    display: none;
}

#container>.g-sd.shrink dd .icon-layer1 {
    margin-right: 0;
}

#container>.g-sd.shrink .arrow-left {
    transform: translateX(8px) rotate(180deg);
}

#container>.g-sd>* {
    -webkit-app-region: no-drag;
}

#container>.g-sd dt {
    height: 54px;
    line-height: 54px;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    background: #171919;
    color: #ffffff;
}

#container>.g-sd dd {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 52px;
    font-size: 14px;
    padding-left: 16px;
    padding-right: 20px;
    border-left: solid 4px transparent;
    cursor: pointer;
}

#container>.g-sd dd.active,
#container>.g-sd dd:hover {
    /* color: #ffb822; */
}

#container>.g-sd dd.active .icon-layer1,
#container>.g-sd dd:hover .icon-layer1 {
    background-position-y: -20px !important;
}

#container>.g-sd dd.active {
    border-color: #ffb822;
    background-color: #1f2324;
}

/* #container>.g-sd dd:last-child {
    position: absolute;
    width: 14px;
    height: 60px;
    bottom: 30px;
    right: 0;
    padding: 0;
    background-image: none;
    background-color: #3d4142;
    border: none;
}

#container>.g-sd dd:last-child:hover {
    background: #373a3b;
}
*/
#container>.g-sd dd .icon-layer1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url("../../img/sprite_layer1.png");
    background-repeat: no-repeat;
}

#container>.g-sd dd .icon-layer1.personal {
    background-position: 0px 0;
}

#container>.g-sd dd .icon-layer1.assistant {
    background-position: -259px 0;
}

#container>.g-sd dd .icon-layer1.purchase {
    background-position: -20px 0;
}

#container>.g-sd dd .icon-layer1.sale {
    background-position: -39px 0;
}

#container>.g-sd dd .icon-layer1.retail {
    background-position: -60px 0;
}

#container>.g-sd dd .icon-layer1.stock {
    background-position: -79px 0;
}

#container>.g-sd dd .icon-layer1.finance {
    background-position: -100px 0;
}

#container>.g-sd dd .icon-layer1.analysis {
    background-position: -119px 0;
}

#container>.g-sd dd .icon-layer1.datum {
    background-position: -139px 0;
}

#container>.g-sd dd .icon-layer1.auxiliary {
    background-position: -159px 0;
}

#container>.g-sd dd .icon-layer1.marketing {
    background-position: -180px 0;
}

#container>.g-sd dd .icon-layer1.wms {
    background-position: -219px 0;
}

#container>.g-sd dd .icon-layer1.tms {
    background-position: -200px 0;
}

#container>.g-sd dd .icon-layer1.pos {
    background-position: -239px 0;
}
#container>.g-sd dd .icon-layer1.invoice {
    background-position: -180px 0;
}
#container>.g-sd dd .icon-layer1.appcenter {
    background-position: -139px 0;
}

#container>.content.active {
    width: 100%;
}

#container>.content header {
    -webkit-user-select: none;
    -webkit-app-region: drag;
    background: #73797a;
}

#container>.content footer {
    background: #d4d8d9;
    border-bottom: solid 1px #acacac;
}

#container>.content footer ul {
    line-height: 30px;
    color: #666;
    margin-right: 16px;
}

#container>.content footer ul li {
    float: left;
}

#container>.content footer ul b {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #b3b3b3;
    margin: 0 10px;
}

.right {
    height: 100%;
    width: 456px;
}

.right .interface-controls {
    height: 100%;
    -webkit-app-region: no-drag;
}

.right .interface-controls li {
    float: right;
    width: 36px;
    height: 100%;
    cursor: pointer;
    background: url("../../img/icon.png") no-repeat -160px -150px;
}

.right .interface-controls li:hover {
    background-position: -210px -150px;
}

.right .interface-controls li:nth-child(3) {
    background-position: -160px -189px;
}

.right .interface-controls li:nth-child(3):hover {
    background-position: -210px -189px;
}

.right .interface-controls li:nth-child(2) {
    background-position: -160px -235px;
}

.right .interface-controls li:nth-child(2):hover {
    background-position: -210px -235px;
}

.right .interface-controls li:nth-child(1) {
    background-position: -160px -281px;
}

.right .interface-controls li:nth-child(1):hover {
    background-position: -210px -281px;
}

.right b {
    width: 1px;
    height: 31px;
    margin-top: 12px;
    float: right;
    border: solid 1px #888;
    position: absolute;
    right: 174px;
}

.right .user-info {
    margin-top: 9px;
    width: 254px;
}

.right .user-info img {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    margin-left: 12px;
}

.right .user-info ul {
    text-align: right;
    width: 254px;
    color: #ffffff;
}

.right .user-info ul li:nth-child(1) {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.right .user-info ul li:nth-child(2) {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

header.g-hd .left {
    width: 650px;
    height: 100%;
}

header.g-hd .left .menu-controls {
    height: 100%;
    -webkit-app-region: no-drag;
}

header.g-hd .left .menu-controls li {
    cursor: pointer;
    float: left;
    width: 50px;
    height: 100%;
    background: url("../../img/icon.png") no-repeat -129px 17px;
}

header.g-hd .left .menu-controls li:nth-child(1) {
    background: url("../../img/kefu-block.png") no-repeat 29px 16px;
}

header.g-hd .left .menu-controls li:nth-child(1):hover {
    background: url("../../img/kefu.png") no-repeat 28px 15px;
}

header.g-hd .left .menu-controls li:nth-child(2) {
    background-position: -130px -28px;
}

header.g-hd .left .menu-controls li:nth-child(2):hover {
    background-position: -180px -28px;
}

header.g-hd .left .menu-controls li:nth-child(4) {
    background-position: -130px -112px;
}

header.g-hd .left .menu-controls li:nth-child(4):hover {
    background-position: -180px -112px;
}

header.g-hd .left .menu-controls li:nth-child(3) {
    background: url("../../img/quse-block.png") no-repeat 29px 19px;
}

header.g-hd .left .menu-controls li:nth-child(3):hover {
    background: url("../../img/quse.png") no-repeat 28px 17px;
}

header.g-hd .left .menu-controls li:nth-child(5) {
    background: url("../../img/help.png") no-repeat 30px 18px;
}

header.g-hd .left .menu-controls li:nth-child(5):hover {
    background-position: -49px 18px;
}


/* header.g-hd .left .menu-controls li:nth-child(3) {
  background-position: -129px -68px;
}
header.g-hd .left .menu-controls li:nth-child(3):hover {
  background-position: -179px -68px;
} */


/* header.g-hd .left .menu-controls li:nth-child(4) {
  background-position: -130px -112px;
}
header.g-hd .left .menu-controls li:nth-child(4):hover {
  background-position: -180px -112px;
} */

menu-controls .header-tooltip {
    top: 36px !important;
}

header.g-hd .left .notice {
    /* margin-left: 70px; */
    display: flex;
    height: 54px;
    color: #ffffff;
    /* line-height: 60px; */
    font-size: 12px;
    padding-left: 30px;
}

.right-column {
    position: absolute;
    top: 30px;
    right: 21px;
    width: 320px;
}

.right-column ul {
    margin: 20px 0;
}

.right-column ul li {
    cursor: pointer;
    border-radius: 2px;
    line-height: 50px;
    margin-bottom: 10px;
    color: #ffffff;
    background: #D4D8D9;
    /* background: #7592a4; */
}

.right-column ul li b {
    display: inline-block;
    width: 54px;
    height: 50px;
    vertical-align: middle;
    background: url("../../img/state_icon.png") no-repeat 15px -563px;
}

.right-column ul li:nth-child(2) {
    /* background: #3481de; */
    background: #D4D8D9;
}

.right-column ul li:nth-child(2) b {
    background-position: 18px -341px;
}

.right-column ul li:nth-child(3) {
    background: #D4D8D9;
    /* background-color: #7cb638; */
}

.right-column ul li:nth-child(3) b {
    background-position: 18px -257px;
}

.right-column ul li.xtgg{
    background: url("../../img/xtgg.jpg") no-repeat;
    background-size: 100%;
}

.d0-card{
    display: block;
    height: 56px;
    width: 56px;
    transform: translate(0px,-6px);
    background: url(../../img/logo3.png) no-repeat;
    background-size: 100% 78%;
    background-position: center center;
}
.right-column dl {
    padding-left: 12px;
    border-radius: 2px;
    background: #ffffff;
    line-height: 44px;
}

.right-column dl dt {
    border-bottom: solid 1px #f0f0f0;
}

.right-column dl dd {
    cursor: pointer;
    border-bottom: solid 1px #f0f0f0;
    font-size: 12px;
}

.right-column dl dd:before {
    content: "";
    margin-right: 6px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffb822;
}

.m-tags {
    display: flex;
    box-sizing: border-box;
    background: #ffffff;
    -webkit-app-region: drag;
}

.m-tags li {
    flex: 0 0 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 37px;
    padding: 0 4px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    background: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-app-region: no-drag;
}

.m-tags li.active {
    background: #e8e8e8;
    border-bottom-color: transparent;
    color: #000;
    font-weight: bold;
}

.m-tags li:hover a {
    display: inline-block;
}

.m-tags li p {
    flex: 1;
    display: flex;
    position: relative;
}

.m-tags li p .u-text-title {
    flex: 1;
}

.m-tags li a {
    position: absolute;
    right: 0;
    display: none;
    width: 16px;
    height: 16px;
    opacity: .6;
    -webkit-user-select: none;
    font-weight: bold;
    border-radius: 2px;
}

.m-tags li a:hover {
    opacity: 1;
    color: #ffb822;
    font-weight: normal;
    background-color: #999;
    color: #fff;
}

.deleteTag {
    display: inline-flex;
    width: 36px;
    height: 33px;
    cursor: pointer;
    -webkit-app-region: no-drag;
    margin: 0 auto 0 10px;
    flex-shrink: 0; /* 不允许收缩，保持固定宽度 */
}

.m-tagviews .m-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.icon-fill {
    display: block;
    height: 34px;
    width: 34px;
    background: url(../../img/sprite_layer2.png) no-repeat;
}
.cloudShop{
    background: url(../../img/cloudShop.png) no-repeat;
}
.faceRecognition{
    background: url(../../img/faceR.png) no-repeat;
}
.superLayout{
    background: url(../../img/superLayout.png) no-repeat;
}
.icon-fill.orderNote {
    background-position: -1360px 0;
}

.icon-fill.inNote {
    background-position: -1394px 0;
}

.icon-fill.returnNote {
    background-position: -714px 0;
}

.icon-fill.quoteNote {
    background-position: -1155px 0;
}

.icon-fill.outNote {
    background-position: -782px 0;
}

.icon-fill.refundsNote {
    background-position: -714px 0;
}

.icon-fill.adjustNote {
    background-position: -1258px 0;
}

.icon-fill.promoteNote {
    background-position: -1224px 0;
}

.icon-fill.customerCheck {
    background-position: -1462px 0;
}

.icon-fill.alarmStock {
    background-position: -1428px 0;
}

.icon-fill.stockBalance {
    background-position: -782px -34px;
}

.icon-fill.transferNote {
    background-position: -578px 0;
}

.icon-fill.countNote {
    background-position: -850px 0;
}

.icon-fill.productProcessNote {
    background-position: -374px 0;
}

.icon-fill.costAdjustNote {
    background-position: -1258px 0;
}

.icon-fill.repairNote {
    background-position: -1775px -34px;
}

.icon-fill.repairRecord {
    background-position: -1812px 0;
}

.icon-fill.repair {
    background-position: -1812px -34px;
}
.icon-fill.installationNote {
    background-position: -1812px -34px;
}

.icon-fill.productDatum {
    background-position: -204px 0;
}

.icon-fill.supplierDatum {
    background-position: -884px 0;
}

.icon-fill.customerDatum {
    background-position: -1496px 0;
}

.icon-fill.staff {
    background-position: -442px 0;
}

.icon-fill.depot {
    background-position: -1088px 0;
}

.icon-fill.organization {
    background-position: -1738px 0;
}

.icon-fill.basic {
    background-position: -1598px 0;
}

.icon-fill.account {
    background-position: -986px 0;
}

.icon-fill.bar_code {
    background-position: -102px 0;
}

.icon-fill.paymentNote {
    background-position: -954px 0;
}

.icon-fill.receivablesNote {
    background-position: -307px 0;
}

.icon-fill.loanNote {
    background-position: -1633px 0;
}

.icon-fill.repaymentNote {
    background-position: -1054px 0;
}

.icon-fill.incomeNote {
    background-position: -1777px 0;
}

.icon-fill.expenditureNote {
    background-position: -614px 0;
}

.icon-fill.transferAccounts {
    background-position: -543px 0;
}

.icon-fill.prepayNote {
    background-position: -1122px 0;
}

.icon-fill.receivableInAdvance {
    background-position: -748px 0;
}

.icon-fill.voucherEntry {
    background-position: -1598px 0;
}

.icon-fill.checkout {
    background-position: -1019px 0;
}

.icon-fill.checkout {
    background-position: -1019px 0;
}

.icon-fill.userPermission {
    background-position: -509px 0;
}

.icon-fill.rolePermission {
    background-position:  -1702px 0;
}
.icon-fill.chainOrganization {
    background-position:-136px -34px;
}
.icon-fill.revisePwd {
    background-position: -918px 0;
}

.icon-fill.systemParameter {
    background-position: -680px 0;
}

.icon-fill.DataTransfer {
    background-position: -170px 0;
}

.icon-fill.monthDispose {
    background-position: -137px 0;
}

.icon-fill.dataBackups {
    background-position: -37px 0;
}

.icon-fill.dataRecovery {
    background-position: 0px 0;
}

.icon-fill.dataClear {
    background-position: -1326px 0;
}

.icon-fill.calculator {
    background-position: -1529px 0;
}

.icon-fill.clearPrint {
    background-position: -238px 0;
}

.icon-fill.authentication {
    background-position: -1190px 0;
}

.icon-fill.userLog {
    background-position: -476px 0;
}

.icon-fill.downloadDatum {
    background-position: -646px 0;
}

.icon-fill.invoiceSet {
    background-position: -1738px -34px;
}
.icon-fill.overflowNote {
    background-position: 0 -68px;
}

/* pos收银 */
.icon-fill.posPayway {
    background-position: -918px -34px;
}

.icon-fill.posTicket {
    background-position: -816px -34px;
}

.icon-fill.postransferNote {
    background-position: -1088px 0;
}
.icon-fill.paymentMethod {
    background-position: -1847px 0;
}

#analysis,
#marketing {
    width: calc(100% - 370px);
}

#analysis>li,
#marketing>li {
    display: flex;
    -webkit-flex-flow: row;
    justify-content: flex-start;
    width: 260px;
    height: 50px;
}

#analysis>li>i,
#marketing>li>i {
    margin-left: 40px;
    margin-right: 20px;
}

.icon-analysis {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../../img/sprite_layer2_relate.png) no-repeat;
}

.icon-analysis.productGather {
    background-position: -560px 0;
}

.icon-analysis.customerGather {
    background-position: -800px 0;
}

.icon-analysis.rankingList {
    background-position: -20px 0;
}
.icon-analysis.otherOutbound {
    background-position: -900px 0;
}

.icon-analysis.NotMovingQuery {
    background-position: -60px 0;
}

.icon-analysis.customerSPdtGather {
    background-position: -520px 0;
}

.icon-analysis.typeStatistics {
    background-position: -140px 0;
}

.icon-analysis.NoteStatistics {
    background-position: -500px 0;
}

.icon-analysis.beLaidUpStatistics {
    background-position: -180px 0;
}

.icon-analysis.historyQuery {
    background-position: -120px 0;
}

.icon-analysis.achievementStatistics {
    background-position: -240px 0;
}

.icon-analysis.achievementGather {
    background-position: -260px 0;
}

.icon-analysis.saleDetail {
    background-position: -340px 0;
}

.icon-analysis.receivablesDetail {
    background-position: -420px 0;
}

.icon-analysis.receivedGather {
    background-position: -780px 0;
}

.icon-analysis.trendAnalysis {
    background-position: -440px 0;
}

.icon-analysis.noteCtent {
    background-position: -480px 0;
}

.icon-analysis.salesVolumeGather {
    background-position: -740px 0;
}

.icon-analysis.monthGather {
    background-position: -160px 0;
}

.icon-analysis.SPSale {
    background-position: -380px 0;
}

.icon-analysis.salesDetailGather {
    background-position: -720px 0;
}

.icon-analysis.typeCustomerStatistics {
    background-position: -760px 0;
}

.icon-analysis.dailyPaperQuery {
    background-position: -40px 0;
}

.icon-analysis.purchaseDetail {
    background-position: -700px 0;
}

.icon-analysis.purchaseDetailGather {
    background-position: -540px 0;
}

.icon-analysis.distributionDetails {
    background-position: -540px 0;
}

.icon-analysis.saleDetailRpt {
    background-position: -500px 0;
}


.icon-analysis.saleDetailRptGather {
    background-position: -360px 0;
}

.icon-analysis.pssDetailGather {
    background-position: -500px 0;
}

.icon-analysis.productBatchCount {
    background-position: -500px 0;
}

.icon-analysis.productBatchGather {
    background-position: -500px 0;
}

.icon-analysis.shortageSummary {
    background-position: -500px 0;
}

.icon-analysis.customerPayGather {
    background-position: -500px 0;
}




.icon-analysis.jxcmxcx {
    background-position: -840px 0;
}

.icon-analysis.jxchzcx {
    background-position: -860px 0;
}

.icon-analysis.kcrzjkjl {
    background-position: -460px 0;
}

.icon-analysis.spjgtj {
    background-position: -100px 0;
}

.icon-analysis.zccx {
    background-position: -300px 0;
}

.m-viewContainer .title,
.m-viewContainer .u-title {
    margin: 30px 0 5px 30px;
    font-size: 12px;
    color: #171919;
    font-weight: normal;
}

.m-viewContainer .con-area,
.m-viewContainer .m-list-main {
    width: calc(100% - 370px);
    margin-left: 20px;
    font-size: 14px;
}

.m-viewContainer .con-area>li,
.m-viewContainer .m-list-main li {
    float: left;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    /* border: 2px solid transparent; */
    margin: 10px 6px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.m-viewContainer .con-area>li:hover,
.m-viewContainer .m-list-main li:hover {
    border-color: #ffb822;
}

.m-viewContainer .con-area>li .icon-fill,
.m-viewContainer .m-list-main li .icon-fill {
    margin: 0 auto 16px;
}

/* .m-viewContainer .con-area>li:hover .nav-tips{
    visibility: visible;
} */

.m-viewContainer .m-list-relate {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    margin-left: 30px;
    margin-bottom: 30px;
}

.m-viewContainer .m-list-relate li {
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 180px;
    height: 50px;
    padding: 0 15px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #fff;
}

.m-viewContainer .m-list-relate li>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../img/sprite_layer2_relate.png) no-repeat 0 0;
}

.icon-stroke.pssDetail {
    background-position: -840px 0 !important;
}

.icon-stroke.supvCtrlLog {
    background-position: -460px 0 !important;
}

.min {
    background-position: -160px -186px !important;
}

.min:hover {
    background-position: -210px -186px !important;
}

.restore {
    background-position: -160px -67px !important;
}

.restore:hover {
    background-position: -210px -67px !important;
}

.max {
    background-position: -160px -238px !important;
}

.max:hover {
    background-position: -210px -238px !important;
}

.close {
    background-position: -160px -279px !important;
}

.close:hover {
    background-position: -210px -279px !important;
}

.m-more {
    position: absolute !important;
    top: 3px;
    right: 10px;
}

.search-component>input {
    height: 27px !important;
    border-bottom-right-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.m-viewContainer .m-list-relate li>span {
    margin-left: 20px;
}

.m-entrance>div {
    flex: 1;
}

.m-entrance .g-top {
    min-height: 480px;
}

.btn {
    -webkit-user-select: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 31px;
    margin: 0 !important;
}

.btn li {
    margin: 0 0 7px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    float: left;
    height: 26px;
    margin-right: 10px;
    text-align: right;
}

.btn li span {
    margin-right: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 26px !important;
    height: 26px;
    background: #ffffff;
    border-radius: 50%;
}

btn-group ul.btn li {
    font-size: 12px !important;
}

.m-list-relate>li {
    cursor: pointer !important;
}

.iconChecked{
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    margin: 4px 5px 0 3px;
    cursor: pointer;
}

.iconChecked.active {
    background: url("../../img/temporary/sel.png") no-repeat -1px -1px;
}

.search-ctrl {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 6px 2px 12px;
    width: auto;
    height: 26px;
    border-radius: 100px;
    background-color: #f5f5f5;
}

.search-ctrl>span:after {
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top-color: #333;
    margin-bottom: -5px;
    margin-left: 4px;
}

.search-ctrl>input {
    border: none;
    height: 20px;
    background: none;
}

.radio-ctrl {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
}

.report-form .radio-box,
.radio-ctrl .radio-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: 0 9px 0 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 1px #999999;
    cursor: pointer;
}

.report-form .radio-box.active,
.radio-ctrl .radio-box.active {
    border: solid 1px #333;
}

.report-form .radio-box.active:after,
.radio-ctrl .radio-box.active:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #333;
}

.iconChecked-ctrl {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    cursor: pointer;
}


/*打印*/

.printPanel {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -330px;
    width: 660px;
    height: 500px;
    background-color: #f0f0f0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #d4d8d9;
}

.printPanel>.header,.cusListPanel>.header,
.reportSetting>.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    font-size: 14px;
    background: #2c3031;
    color: #fff;
}

.printPanel>.header>a,.cusListPanel>.header>a,
.reportSetting>.header>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #fff;
    margin-right: 10px;
}

.printPanel>.boolbar,
.reportSetting>.boolbar {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 21px;
    font-size: 14px;
}

.topTools {
    display: flex;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 14px;
}
.topTools>span {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 26px;
    border-radius: 100px;
    background-color: #ffffff;
    cursor: pointer;
}

.printPanel>.boolbar>span{
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 26px;
    border-radius: 100px;
    background-color: #ffffff;
    cursor: pointer;
}

.printPanel .fa-settings,.topTools .fa-add {
    font-size: 18px;
    color: #3481de;
    margin-right: 5px;
}

.printPanel>.content {
    font-size: 13px;
    height: 347px;
    display: flex;
    flex-direction: row !important;
    padding: 0 21px;
    justify-content: space-between;
}

.printPanel>.content>.grid {
    height: 100% !important;
}

.reportSetting .gridCenter {
    text-align: center;
}

.reportSetting>.content {
    width: 760px;
    height: 480px;
    background-color: #ffffff;
    border: solid 1px #d4d8d9;
    margin: 0 auto;
    /*overflow: auto;*/
}

.printPanel>.content>.reportList,
.printPanel>.footer>span:nth-child(1) {
    flex-basis: 458px;
}

.printPanel>.content>.btnColumn,
.printPanel>.footer>span:nth-child(2) {
    flex-basis: 140px;
}

.printPanel>.content>.btnColumn>li {
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.printPanel>.content>.btnColumn>li:hover {
    background-color: #ffb822;
}

.printPanel .content>.reportList>header {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    background: #c8cbcc;
}

.printPanel .content>.reportList>ul {
    overflow: auto;
    height: 315px;
    background-color: #ffffff;
    border: solid 1px #d4d8d9;
    border-top: none;
}

.printPanel .content>.reportList>ul>div>li {
    line-height: 28px;
    padding: 0 10px;
    border-top: 1px solid #f5f5f5;
    cursor: pointer;
}

.printPanel .content>.reportList>ul>div>li.active {
    background: #ffb822 !important;
}
.printPanel .content>.reportList>ul>div>span.active {
    background: #ffb822 !important;
}

.printPanel .content>.reportList>ul>div>li:nth-child(even) {
    background: #f0f0f0;
}
.printPanel .content>.reportList>ul>div>span:nth-child(even) {
    background: #f0f0f0;
}

.printPanel>.footer {
    height: 64px;
    padding: 0 21px;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.printPanel>.footer>span:nth-child(2) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.printPanel>.footer>span:nth-child(1)>input {
    width: 411px;
    height: 24px;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    margin-left: 8px;
}

.printPanel>.footer>span:nth-child(2)>i {
    margin: 0 4px 0 0;
}

.printPanel>.footer p span {
    line-height: 25px;
    padding-right: 10px;
    /* min-width: 80px; */
    display: inline-block;
}

.reportSetting {
    width: 800px;
    height: 590px;
    background-color: #f0f0f0;
}


/*搜索控件*/

.search-box {
    position: relative;
    padding: 8px 0;
    width: 190px;
    font-size: 12px;
    background: #fff;
    margin-left: 8px;
}

.search-box input {
    width: 150px;
    height: 26px;
    border-radius: 100px;
    background-color: #ffffff !important;
    border: solid 1px #d9d9d9 !important;
    margin-left: 5px;
}

.search-box>input:focus {
    border-color: #ffb822;
}

.search-box>i {
    position: absolute;
    font-size: 14px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    width: 14px;
    height: 14px;
    top: 14px;
    left: 158px;
    background-color: #d8d8d8;
    cursor: pointer;
    display: none;
}

.search-box>i.active {
    display: inline-block;
}

.search-box>i:hover {
    color: #f5f5f5;
    background-color: #d0d0d0;
}

.loading-big {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250, 250, 250, 0);
    display: none;
}

.loading-big>img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -100px;
}

.loading-big.active,
.loading-small.active {
    display: block;
    z-index: 1900;
}

.blur {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.loading-small {
    position: absolute;
    top: 0;
    right: 0;
    margin: 4px 320px 0 0;
    display: none;
    width: 46px;
    z-index: 10000;
}

.print-edit-modal .modal-body {
    padding-bottom: 10px;
}

.print-edit-modal .modal-body input {
    width: 390px;
    height: 24px;
    margin: 10px 0 30px 0;
    border-radius: 4px;
    border: solid 1px #d9d9d9 !important;
}

.print-edit-modal .modal-body .explain {
    text-align: center;
    color: #666666;
}

.lock-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}

.lock-screen.active {
    display: block;
    z-index: 100;
}

.lock-screen .center-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 366px;
    height: 270px;
    margin: -183px 0 0 -135px;
    text-align: center;
    font-size: 14px;
}

.lock-screen .center-container p {
    margin: 60px 0 20px 0;
}

.lock-screen .center-container img {
    margin-left: -32px;
}

.lock-screen .center-container input {
    margin-bottom: 30px;
    width: 300px;
    height: 34px;
    border-radius: 4px;
    border: solid 1px #333333;
}

.lock-screen .center-container .btn {
    width: 140px;
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #ffb822;
    margin: 0 5px !important;
    cursor: pointer;
    justify-content: center;
    float: left;
}

.lock-screen .center-container .btn:hover {
    background-color: #ffa200;
}

.lock-screen .center-container .btn-close {
    width: 140px;
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #d6d6d4;
    margin: 0 5px !important;
    cursor: pointer;
    justify-content: center;
    float: left;
}

/*关于本软件*/

.about .explainInfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    height: 277px;
}

.conpany {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

.about .explainInfo>ul {
    line-height: 26px;
    flex: 1;
    padding: 0 0 0 50px;
}

.about .explainInfo>img {
    margin-right: 50px;
}

body .m-view .m-complex-dropdown input:focus {
    border-radius: 4px;
}

.user-info-modal {
    height: 100%;
}

.user-info-modal>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
}

.user-info-modal>ul>li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 30px;
    padding-left: 120px;
}

.user-info-modal>ul>li.active {
    line-height: 36px;
}

.user-info-modal>ul.top>li {
    justify-content: center;
    padding: 0;
    line-height: 28px;
    margin-left: 2px;
}

.user-info-modal>ul.top>li:nth-child(1) {
    align-self: flex-end;
    margin-right: 19px;
    cursor: pointer;
}

.user-info-modal>ul.top>li:nth-child(1)>span:hover {
    color: #666;
}

.user-info-modal>ul.top>li:nth-child(2) {
    font-size: 18px;
    margin-top: 20px;
}

.user-info-modal>ul.top>li:nth-child(3)>span {
    min-width: 84px;
    display: inline-block;
    margin-left: 28px;
    height: 28px;
    cursor: pointer;
}

.user-info-modal>ul.top>li:nth-child(3)>span:focus {
    border-bottom: 1px solid #999;
    line-height: 27px;
}

.user-info-modal>ul.top>li:nth-child(4) {
    margin-top: 12px;
    cursor: pointer;
}

.user-info-modal .info-list {
    display: block;
    margin-top: 20px;
    overflow: auto;
    height: 280px;
    padding-bottom: 20px;
}

.info-list .btn {
    display: inline-block;
    width: 60px;
    line-height: 26px;
    height: 26px;
    margin-left: 55px !important;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
}

.info-list .birthday {
    display: flex;
    flex-direction: row;
}

.info-list .birthday input:nth-child(1) {
    width: 170px !important;
}

.info-list .radio-sex b {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
}

.info-list .radio-sex b.active {
    background-color: #ffb822;
}

.info-list .birthday input:nth-child(2),
.info-list .birthday input:nth-child(3) {
    width: 50px !important;
    margin-left: 5px;
}

.info-list .btn:hover {
    background: #d9d9d9;
}

.user-info-modal .info-list input {
    width: 170px;
    height: 26px;
    padding-left: 6px;
    border-radius: 4px;
    border: none;
    background-color: #f0f0f0;
}

.info-list>li>span {
    color: #666666;
    margin-right: 20px;
}

.user-info-modal .company {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 52px;
    left: 0;
    font-size: 16px;
    color: #fff;
}

.user-info-modal .close {
    position: absolute;
    top: 3px;
    right: 7px;
    color: #fff;
}

.user-info-modal .close .fa-cancel {
    font-size: 32px;
}

.user-info-modal .head-portrait {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.user-info-modal .head-portrait>img {
    width: 94px;
    height: 94px;
    border-radius: 50%;
}

.user-info-modal .weChat {
    width: 100px;
    line-height: 26px;
    border-radius: 4px;
    background-color: #ffb822;
    text-align: center;
    margin-left: 5px;
}

.user-info-modal .qr-code {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user-info-modal .qr-code>div {
    margin-top: 64px;
}

.user-info-modal .qr-code p {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
}

.user-info-modal .qr-code a {
    width: 100px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    margin-top: 119px;
}

.user-info-modal .qr-code a:hover {
    background: #d9d9d9;
}

.modal-content .print-update {
    position: absolute !important;
    top: 44px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: right;
}

.print-update.active {
    display: block;
}

.refresh {
    position: absolute;
    left: 0px;
    top: 22px;
    background: rgba(0, 0, 0, 0.56);
    width: 200px;
    height: 200px;
}

.refresh>img {
    margin: 72px 72px;
}

.topuser {
    margin-top: 60px;
}

.user-info-modal>.topuser>li:nth-child(1),
.user-info-modal>.topuser>li:nth-child(2),
.user-info-modal>.topuser>li:nth-child(3) {
    padding: 0px;
    text-align: center;
    width: 100%;
}

.uesrnames,
.textname {
    width: 100%;
    text-align: center;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 30px;
}

.editor {
    width: 15%;
    text-align: right;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 30px;
}

.changepassword {
    width: 15%;
    text-align: right;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 30px;
}

.fa_btm {
    vertical-align: middle;
}

.version {
    position: absolute;
    top: 175px;
    left: 273px;
}

.versionimg {
    position: relative;
}

.gridCenter {
    text-align: center;
}

.rightrow {
    text-align: right;
}

.cgP-row {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    height: 26px;
}

.cgP-row>span {
    width: 70px;
    display: inline-block;
    margin-right: 10px;
    text-align: right;
}

.cgP-row>button {
    width: 80px;
    height: 26px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #999999;
    margin-left: 10px;
}

.cgP-row>input {
    width: 180px;
    background: #f0f0f0;
}

.cgP-row>input.pn-input {
    width: 90px;
}

.m-form .m-multi-select .fa-triangle.disabled {
    color: #808080;
}

.u-bt-radioicon {
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.salesg-bd {
    height: 93%;
}

.salesm-search {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.salesm-search>label {
    float: left;
    text-align: center;
    margin-right: 10px;
}

.salesm-search>label:nth-child(1) {
    width: 60px;
}

.salesm-search>label:nth-child(2) {
    width: 350px;
    text-align: left;
}

.salesm-search>div {
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.salesm-search>div>input {
    width: 160px;
    border-radius: 10px;
    background: #ffffff;
    height: 24px;
    margin-left: 10px;
}

#salesm-body {
    padding: 10px 20px 20px 20px;
    background: #f0f0f0;
}

.wxlodingtext {
    text-align: center;
    font-size: 16px;
}

.priceCor {
    color: green;
}

.ag-text-right {
    text-align: right;
}

.ag-text-center {
    text-align: center;
}

.ag-theme-fresh .ag-icon-checkbox-checked:empty {
    background: url(../../img/ischeck.png) !important;
    width: 14px !important;
    height: 14px !important;
}

.ag-icon-checkbox-unchecked {
    background: url(../../img/nocheck.png) !important;
    width: 14px !important;
    height: 14px !important;
}

.ag-theme-fresh .ag-icon-checkbox-indeterminate {
    background: url(../../img/hascheck.png) !important;
    width: 14px !important;
    height: 14px !important;
}

.ag-bl-normal-east {
    display: none !important;
}


/* .ag-theme-fresh .ag-row-selected{
  background:white !important;
} */

.ag-theme-fresh .ag-cell-focus {
    border-style: solid !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: #FFB822 !important;
    border-width: 1.5px !important;
}

.ag-theme-fresh .ag-cell-focus-row {
    background: #FFE7B3 !important;
}

.ag-row-hover {
    background: #E6E6E6 !important;
}

.aside-slider {
    overflow: hidden;
    position: relative;
    height: 214px;
}

.aside-slidebox {
    position: absolute;
    left: 0;
    top: 0;
}

.windProduct {
    background: url("../../img/windproduct/windicon.png") no-repeat 0 0;
}

.m-view .m-btn-group button.iconlength {
    background: #ffffff;
    border-radius: 16px;
    padding: 0 10px;
    box-sizing: border-box;
}

.labicon {
    display: inline-block;
    /* vertical-align: middle; */
    width: 20px;
    height: 20px;
    margin-right: 5px;
    /* margin-top: 17px; */
}

#marqueeid {
    display: inline-block;
    height: 20px;
    /* margin: 17px 0; */
    width: 160px;
}

#marqueeid>p {
    line-height: 20px;
    color: #333;
    font-size: 12px;
}

.renewbuttonicon {
    width: 90px;
    height: 24px;
    border-radius: 4px;
    background-color: #ffb822;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    /* margin: 15px 0 15px 30px; */
    margin: 3px 30px 0 30px;
    cursor: pointer;
}

.paytitle {
    margin-bottom: 50px;
}

.paytitle>p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.paytitle>p span{
    color: red;
}
.paytitle>img {
    display: block;
    margin: 0 auto;
}

.paytitle>img.payimgicon {
    margin-top: 10px;
    margin-bottom: 16px;
}
.buttons-sty{
    margin: 0 auto;
    text-align: center;
}
.buttons-sty>button{
    width: 120px;
    height: 30px;
    border-radius: 4px;
    background-color: #ffb822;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    margin:20px 10px;
    margin-right: 15px;
    cursor: pointer;
}

/* .paytitle>img.payerwem{
  margin-bottom: 16px;
} */

.renewpaydiv {
    width: 100% !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.renewpaydiv .lbtitle {
    width: 60px !important;
    text-align: right;
    color: #666666;
}

.renewpaydiv .lbtext {
    width: 300px !important;
    text-align: left;
    color: black;
}

.renewpaydiv .inputtext {
    width: 280px !important;
    text-align: left;
    color: black;
    flex: none !important;
    ;
}

.renewalOrderTitle{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.renewalOrderTitle>span{
    padding: 6px 25px;
    border: 2px solid #d9d9d9;
    cursor:pointer;
}
.renewalOrderTitle .spanCheck{
    border-color:#ffb822;
    color:#ffb822;
}
.renewalOrderForm .renewpaydiv{
    align-items: flex-start !important;
}
.renewalOrderForm .row{
    margin-bottom:20px  !important;
    display: block;
}
.renewalOrderForm .row .lbtitle{
    width: 80px !important;
    white-space: normal;
}
.renewalOrderForm .row textarea{
    border: 1px solid #d9d9d9;
    border-radius: 3px;
}
.renewalOrderForm>div:nth-child(5) .lbtitle{
    height:100%;
    vertical-align: text-top !important;
}
.renewalOrderForm>div:nth-child(6) .lbtitle{
    height:100%;
    vertical-align: text-top !important;
}
.renewalOrderUpload{
    line-height: 200px;
    text-align: center;
    color: #d4d8d9;
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
}
.renewalOrderUpload>input{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.renewalOrderUpload .fa{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px
}

.selecttext {
    width: 200px;
}

.m-accordionland {
    flex: 1;
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
    padding-top: 0;
    margin-top: 0;
}

.m-accordionland ul {
    padding-left: 20px;
}

.m-accordionland>ul {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

.m-accordionland>ul>li {
    cursor: pointer;
    font-size: 0;
}

.m-accordionland>ul>li ul {
    overflow: hidden;
}

.m-accordionland>ul>li ul li {
    float: left;
}

.m-accordionland>ul li a {
    position: relative;
    padding: 0 5px;
    white-space: nowrap;
}

.m-accordionland>ul li>ul {
    display: none;
}

.m-accordionland>ul li.expanded>ul {
    display: block;
}

.m-accordionland>ul li.expanded:not(.selected)>a .fa {
    color: #ffb822;
}

.m-accordionland>ul li.expanded>a .fa-triangle {
    transform: rotate(0);
}

.m-accordionland>ul li.selected>a .fa {
    color: #333;
}


/* .m-accordionland > ul li.selected > .s-bg {
  display: block;
}
.m-accordionland > ul li > .s-bg {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
  height: 40px;
  background-color: #ffb822;
} */

.m-accordionland>ul li.selected>a {
    background-color: #ffb822;
}

.m-accordionland>ul li.selected>.s-bg {
    display: none;
}

.m-accordionland>ul a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 0;
}

.m-accordionland>ul a>* {
    vertical-align: middle;
}

.m-accordionland>ul a .fa {
    color: #999;
}

.m-accordionland>ul .fa-triangle {
    display: inline-block;
    transform: rotate(-90deg);
    transition: all ease-in 0.1s;
}

.m-accordionland>ul .fa-triangle,
.m-accordionland>ul .fa-disc {
    display: inline-block;
    width: 26px;
    font-size: 12px;
    text-align: center;
}

.m-accordionland>ul .u-title {
    margin-left: 5px;
    font-size: 13px;
}

.seachr_input {
    width: 350px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #333333;
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    margin-left: 10px;
    overflow: hidden;
    position: absolute;
    right: 10px;
}

.seachr_input>span {
    display: inline-block;
    width: 50px;
    text-align: center;
}

.seachr_input>input {
    width: 288px;
}

.couponcontent {
    height: 100%;
    overflow: auto;
    max-height: 360px;
}

.couponcontent>ul>li {
    display: flex;
    width: 100%;
}

.couponcontent>ul>li>span {
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    border-right: 0px;
    box-sizing: border-box;
    display: block;
    width: 33%;
    padding: 10 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}

.couponcontent>ul>li:last-child>span {
    border-bottom: 1px solid #d9d9d9;
}

.couponcontent>ul>li>span:nth-child(3) {
    border-right: 1px solid #d9d9d9;
    width: 25%;
}

.couponcontent>ul>li>span:nth-child(3)>button {
    width: 80%;
    height: 78%;
    text-align: center;
    background: #ffb822;
    border-radius: 4px;
    margin: 3% auto;
    display: block;
}

.couponcontent>ul>li>span:nth-child(2) {
    width: 25%;
}

.couponcontent>ul>li>span:nth-child(1) {
    width: 50%;
}

.daywarp {
    position: relative;
}

.daywarp>span {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.daywarp>a {
    display: block;
    width: 138px;
    height: 22px;
    position: absolute;
    right: 30px;
    top: 280px;
}

.daywarp>button {
    display: block;
    width: 146px;
    height: 56px;
    position: absolute;
    top: 330px;
}

.daywarp>button.btn_save {
    left: 123px;
    background: url("../../img/moreli_black.png") no-repeat 0 0;
}

.daywarp>button.btn_save:hover {
    background: url("../../img/moreli_light.png") no-repeat 0 0;
}

.daywarp>button.btn_moresave {
    right: 123px;
    background: url("../../img/more_black.png") no-repeat 0 0;
}

.daywarp>button.btn_moresave:hover {
    background: url("../../img/more_liaght.png") no-repeat 0 0;
}

.payBill {
    background: url('../../img/payBill.png') no-repeat 0 0;
}

.gatheringBill {
    background: url('../../img/gatheringBill.png') no-repeat 0 0;
}

.barcode {
    background: url('../../img/barcode.png') no-repeat 0 0;
}

.cargoPositionDatum {
    background: url('../../img/cargoPosition.png') no-repeat 0 0;
}

.alarmStock {
    background: url('../../img/alarmStock.png');
}
.friendDataSet {
    background: url('../../img/bankTransfer.png');
}
.stockUpperLower {
    background: url('../../img/stockUpperLower.png');
}
.HistoryGoods {
    background: url('../../img/stockUpperLower.png');
}
.goods {
    background: url('../../img/publishGoods.png') no-repeat center;
}

.member {
    background: url('../../img/memberManagement.png') no-repeat center;
}

.precisionMarketing {
    background: url('../../img/precisionMarketing.png') no-repeat center;
}

.orderProcessing {
    background: url('../../img/orderProcessing.png') no-repeat center;
}

.seckill {
    background: url('../../img/secondKill.png') no-repeat center;
}

.coupon {
    background: url('../../img/coupon.png') no-repeat center;
}

.businessSetting {
    background: url('../../img/businessSetting.png') no-repeat center;
}

.WeChat {
    background: url('../../img/WeChat.png') no-repeat center;
}

.repayNote {
    background: url('../../img/repayNote.png') no-repeat center;
}

.bankTransfer {
    background: url('../../img/bankTransfer.png') no-repeat center;
}

.voucherEnter {
    background: url('../../img/voucherEnter.png') no-repeat 0 0;
}

.otherIncome {
    background: url('../../img/otherIncome.png') no-repeat 0 0;
}

.purchasePrepay {
    background: url('../../img/purchasePrepay.png') no-repeat 0 0;
}

.salesAdvance {
    background: url('../../img/salesAdvance.png') no-repeat 0 0;
}

.pssDetail {
    width: 20px;
    height: 20px;
    background: url(../../img/sprite_layer2_relate.png) no-repeat -840px 0;
}

.supvCtrlLog {
    width: 20px;
    height: 20px;
    background: url(../../img/sprite_layer2_relate.png) no-repeat -860px 0;
}

.productCount {
    width: 20px;
    height: 20px;
    background: url(../../img/sprite_layer2_relate.png) no-repeat -460px 0;
}


/* 营销样式 */

.mark-header {
    width: calc(100% - 370px);
    height: 134px;
    border-radius: 4px;
    background-image: linear-gradient(282deg, #f08d02, #ffb822);
    padding: 32px;
    margin: 20px;
}

.mark-chart {
    width: calc(100% - 370px);
    margin: 0 20px 20px 20px;
    height: 380px;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
}

.mark-header>ul {
    display: flex;
}

.mark-header>ul>li {
    margin-left: 100px;
}

.mark-header>ul>li:nth-child(1) {
    margin-left: 68px;
}

.mark-header>ul>li>h1 {
    width: 100%;
    font-size: 64px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
    color: #ffffff;
    height: 64px;
}

.mark-header>ul>li>p {
    width: 100%;
    font-size: 48px;
    line-height: 64px;
    text-align: center;
    color: #ffffff;
    height: 64px;
}

.mark-header>ul>li>span {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.modal-row {
    margin-bottom: 22px;
}

.modal-row>p {
    font-size: 12px !important;
    text-align: left !important;
    color: #333333;
    margin-bottom: 13px;
}

.modal-cell {
    display: flex;
    vertical-align: middle;
    line-height: 26px;
    margin-top: 5px;
}

.modal-cell span {
    margin-right: 20px;
}

.modal-cell i {
    margin-bottom: -2px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #999999;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 7px;
}

.modal-cell i b {
    display: inline-block;
    position: absolute;
    width: 6px !important;
    height: 6px !important;
    top: 3px;
    left: 3px;
    background: #999;
    border-radius: 50%;
}

.modal-cell>input {
    width: 218px;
    height: 24px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    margin-left: 20px;
    font-size: 12px;
    line-height: 24px;
    text-indent: 10px;
    text-align: left;
}

.modal-cell>button {
    width: 120px;
    height: 26px;
    border-radius: 4px;
    background-color: #f0f0f0;
    border: solid 1px #d9d9d9;
    display: inline-block;
    color: #333333;
    font-size: 12px;
    margin-left: 20px;
}

.modal-cell>button.lookmoreicon {
    width: 72px;
    height: 24px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    margin-left: 10px;
}

.modal-cell>button.active {
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
}


/* select2下拉框样式 */


/* .select2-results td{
  border: 1px black solid;
} */

.select2-results__option[aria-selected]:nth-child(1) {
    background-color: #c8cbcc;
    color: #333333;
}


/* .select2-results__option[aria-selected]:nth-child(1) td{
  text-align: center !important;
} */


/* .select2-results td{
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid transparent;
  padding-left: 11px;
  padding-right: 11px;
  width:33.33%;
  display:inline-block;
} */


/* .select2-results td:nth-child(1),.select2-results td:nth-child(2){
  border-right: 1px solid #d9d9d9;
} */

.select2-results__option[aria-selected] {
    padding: 0px;
}


/* .select2-results__option>tr{
  width:100%;
  display: block;
} */

.select2-container--default .select2-results__option--highlighted[aria-selected]:nth-child(1) {
    background-color: #c8cbcc !important;
    color: #333333;
    cursor: default;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #dddddd !important;
    color: #333333 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #FFB822 !important;
}

.select2-container--default .select2-selection--single {
    border-bottom: 1px solid #d9d9d9 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333333 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #333333 transparent !important;
    border-width: 0 4px 5px 4px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #ffffff !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
    border-color: #808080 transparent transparent transparent !important;
}

.select2-container--default .select2-results__option[aria-selected=true]:nth-child(1) {
    background-color: #dddddd !important;
}

.select2-results__option {
    overflow: hidden;
    /* width:320px; */
}

.dropwarpUL {
    overflow: hidden;
    width: auto;
    height: 30px;
    display: flex;
}

.dropwarpUL>li {
    width: 33.33%;
    float: left;
    border-right: 1px solid #d9d9d9;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    padding-left: 11px;
    padding-right: 11px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropwarpUL>li:nth-last-child(0) {
    border-right: 0;
}

.select2-results__option+.select2-results__option .dropwarpUL>li.disabled {
    cursor: not-allowed;
    color: #bbb;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow: auto !important;
    /* width:320px; */
}


/* 解决层级过深，下拉框值不显示的问题 */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}

.edittext {
    text-decoration: none;
    /* margin-right: 186px;
    float: right; */
    cursor: pointer;
}

.deleteiconred {
    width: 20px;
    height: 20px;
    background-color: #f23030;
    border-radius: 100%;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-indent: -1px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    cursor: pointer;
    z-index: 998;
}

.editicongreen {
    width: 20px;
    height: 20px;
    background-color: #7cb638;
    border-radius: 100%;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-indent: -1px;
    position: absolute;
    right: -10px;
    bottom: 90px;
    cursor: pointer;
    z-index: 998;
}

.personal-sort-div {
    width: 80px;
    height: 21px;
    margin-top: 5px;
}

.personal-sort-input {
    width: 80px;
    border: 1px solid #dadada;
    padding: 2px 5px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -40px;
    text-align: center;
    z-index: 998;
}

.maskicon {
    width: 100%;
    height: 100%;
    z-index: 997;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.ScanCode-body {
    background: #ffffff;
}

.spanIcon {
    display: inline-block;
    margin: 0 10px;
    width: 35px;
}

.s-relative {
    position: relative;
}

.s-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6666;
}

.tree-mask {
    width: 100%;
    height: 100%;
    z-index: 100;
}

.flex-bet {
    justify-content: space-between;
}

.btn-b2 {
    width: 90px;
    height: 24px;
    background-color: #ffb822;
    border-radius: 4px;
    margin: 0 10px;
}

.chart-box {
    padding: 20px;
    width: 100%;
    height: 100%;
}
.dropdown-days-wrap {
    position: absolute;
    top: 43px;
    right: 35px;
}
.dropdown-days {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
}
.dropdown-days p {
    display: flex;
    align-items: center;
}
.dropdown-days p .icon-down-days {
    border-color: #808080 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    margin-left: 5px;
}

.dropdown-days p .icon-up-days {
    border-color: transparent transparent #808080 transparent;
    border-width: 0 4px 5px 4px;
}
.dropdown-days .dropdown-option {
    width: 80px;
    position: absolute;
    top: 20px;
    right: 8px;
    padding: 5px 0;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(193, 193, 193, 0.7);
}
.dropdown-days .dropdown-option li {
    line-height: 2.7;
    padding: 0 15px;
}
.dropdown-days .dropdown-option li.active {
    font-weight: bold;
    color: #1F8AFC;
    background: #eff4f7;
}
.dropdown-days .dropdown-option li:hover {
    font-weight: bold;
    color: #1F8AFC;
}

.flexs {
    display: flex;
}

.debt {
    color: #f00;
}

.costPrice-warning {
    color: red !important;
}

.map-seach {
    position: relative;
}

.searchResultPanel {
    position: absolute;
    top: 24px;
    height: auto;
    border: 1px solid #d9d9d9;
    z-index: 99999999;
    background: #ffffff;
}

.searchResultPanel>li {
    height: 44px;
    text-align: left;
    color: #333333;
    line-height: 24px;
    top: 24px;
    left: 10px;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
    padding: 10px;
}

.searchResultPanel>li:nth-last-child(1) {
    border-bottom: 0;
}

.f-windowsrow {
    flex-grow: 1;
    display: block;
}

.f-windowsrow>label {
    font-size: 14px;
    padding: 0 10px;
}

.costPrice-green {
    color: green !important;
}

.quantity-blue {
    color: #1F8AFC !important;
}

.repair-color {
    color: #1F8AFC !important;
}

.data-grey{
    color: grey !important;
}


/*修改20190104*/

.ag-theme-fresh .ag-cell {
    color: black;
    font-size: 13px;
}

.m-form label,
.m-form input {
    font-size: 13px;
}

.calculatorWrap {
    width: 400px;
    background: #fff;
    position: fixed;
    top: 30%;
    right: 5%;
    z-index: 100000;
    box-shadow: 2px 2px 8px #999;
}

.calculatorSty {
    padding: 15px;
}


/* .m-modal-confirm .modal-body.calculatorSty p */

.calculatorSty p {
    text-align: left;
    margin-bottom: 15px;
    font-size: 14px;
}

.calculatorSty input {
    font-size: 18px;
    width: 100%;
    border: solid 1px #d9d9d9
}

.resultCalculateSty {
    margin-top: 15px;
}

.resultCalculateSty span {
    font-size: 1.5em;
    font-weight: bold;
}

.calculator-header {
    display: flex;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 8px;
    background-color: #2c3031;
    color: #fff;
}

.confirmIpt {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    margin: 15px auto;
    height: 35px;
    line-height: 35px;
    color: #333;
    background: #ffb822;
    text-align: center;
    display: block;
}

.changeModalBgCor {
    background: rgba(255, 255, 255, 0);
}


/* 处理ag-grid行空格不被识别问题 */

.white-space-pre {
    white-space: pre !important;
}

.winning-class .layui-layer-btn .layui-layer-btn0 {
    border-color: #ffb822;
    background-color: #ffb822;
    color: #2c3031;
}

.winning-class .layui-layer-title {
    background: #2c3031;
    color: #fff;
}

.winning-class .layui-layer-setwin .layui-layer-close1 {
    background: none;
    color: #fff;
    font-family: "fa";
    font-size: 26px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.winning-class .layui-layer-setwin a {
    margin-top: -10px;
}

.winning-class .layui-layer-setwin .layui-layer-close1:before {
    content: "\e673";
}

.appStore {
    float: left;
    color: #f0f0f0;
    height: 100%;
    margin-left: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-app-region: no-drag;
    width: 20px;
    background: url(../../img/icon.png) no-repeat;
    background-position: -160px -324px;
}

.appStore:hover {
    background-position: -211px -324px;
}


/* 自定义公共弹窗 */

.userDefinedModal {
    position: absolute;
    top: 30%;
    right: 50px;
    min-width: 650px;
    z-index: 1050;
    min-height: 380px;
}

.userDefinedModal .modal-mark {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.userDefinedModal .modal-body {
    padding: 8px;
    display: flex;
    justify-content: flex-start;
    height: calc(100% - 40px);
}

.userDefinedModal .modal-content {
    position: relative;
    height: 100%;
    outline: 0;
    background-color: #ffffff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dragWH {
    position: absolute;
    width: 15px;
    /* height:calc(100% - 40px); */
    display: block;
    right: 0;
    /* top: 40px; */
    /* cursor:e-resize; */
    height: 15px;
    bottom: 0;
    cursor: se-resize;
}

.reportSearch {
    display: flex;
    margin: 30px 0 5px 30px;
}

.reportSearchBtn {
    width: 350px;
    display: flex;
    align-items: center;
    /* margin-left: 30px; */
}

.reportSearchBtn input {
    border-radius: 15px 0 0 15px;
    width: 270px;
    height: 30px;
    padding-left: 12px;
}

.reportSearchBtn span {
    background: #ffb822;
    color: #333;
    text-align: center;
    width: 58px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
}

.reportSearch button {
    margin-right: 20px;
    color: #333;
    font-family: "Microsoft Yahei";
    cursor: pointer;
    display: flex;
    align-items: center;
}

.reportSearch button .u-icon {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fff;
}

.reportSearch button .s-green {
    color: #7cb638;
}


/* 新增图标样式 */

.icon-fill.supplierInvoice {
    background-position: 0 -34px;
}

.icon-fill.saleOrder {
    background-position: -34px -34px;
}

.icon-fill.contractManage {
    background-position: -68px -34px;
}

.icon-fill.historicalPrice {
    background-position: -102px -34px;
}

.icon-fill.subjectSetting {
    background-position: -136px -34px;
}

.icon-fill.tagManage {
    background-position: -170px -34px;
}

.icon-fill.batchMatch {
    background-position: -204px -34px;
}

.icon-fill.tableConfig {
    background-position: -238px -34px;
}

.icon-fill.cloudgoods {
    background-position: -272px -34px;
}

.icon-fill.reportpublic {
    background-position: -306px -34px;
}

.icon-fill.upstreamImport {
    background-position: -340px -34px;
}

.icon-fill.productBatch {
    background-position: -374px -34px;
}

.icon-fill.coustomerBatch {
    background-position: -408px -34px;
}

.icon-fill.priceStrategy {
    background-position: -442px -34px;
}

.icon-fill.downStream {
    background-position: -476px -34px;
}

.icon-fill.upstreamMatch {
    background-position: -510px -34px;
}

.icon-fill.goodsWeighed {
    background-position: -544px -34px;
}

.icon-fill.electronicScale {
    background-position: -578px -34px;
}

.icon-fill.opening {
    background-position: -612px -34px;
}

.icon-fill.helpCenter {
    background-position: -646px -34px;
}

.icon-fill.updateLog {
    background-position: -680px -34px;
}


/* 应用中心的图标 */

.icon-fill.appcenter {
    background-position: -714px -34px;
}

.icon-fill.bpNote {
    background-position: -748px -34px;
}

.icon-fill.salePayment {
    background-position: -782px -34px;
}

.icon-fill.saleInvoice {
    background-position: -816px -34px;
}

.icon-fill.saleCurrentAccount {
    background-position: -850px -34px;
}

.icon-fill.pmInvoice {
    background-position: -884px -34px;
}

.icon-fill.pmCurrentAccount {
    background-position: -918px -34px;
}

.icon-fill.batchSendBill {
    background-position: -952px -34px;
}

.icon-fill.batchSendBill {
    background-position: -986px -34px;
}

.icon-fill.pickingPlan {
    background-position: -1020px -34px;
}

.icon-fill.pickingJob {
    background-position: -1054px -34px;
}

.icon-fill.pickingProduct {
    background-position: -1088px -34px;
}

.icon-fill.checkingProduct {
    background-position: -1122px -34px;
}

.icon-fill.recyclingBoxManager {
    background-position: -1156px -34px;
}

.icon-fill.wmsperformance {
    background-position: -1190px -34px;
}

.icon-fill.dermap {
    background-position: -1224px -34px;
}

.icon-fill.carset {
    background-position: -1258px -34px;
}

.icon-fill.deliverySet {
    background-position: -1292px -34px;
}

.icon-fill.deliverProcessing {
    background-position: -1327px -34px;
}

.icon-fill.deliverList {
    background-position: -1361px -34px;
}

.icon-fill.clickCheckUp {
    background-position: -1395px -34px;
}

.icon-fill.planChart {
    background-position: -1429px -34px;
}

.icon-fill.batchPrinting {
    background-position: -1463px -34px;
}

.icon-fill.deliverStatistics {
    background-position: -1497px -34px;
}

.icon-fill.payeesSummary {
    background-position: -1531px -34px;
}

.icon-fill.accountBalance {
    background-position: -1565px -34px;
}

.icon-fill.handCheckUp {
    background-position: -1599px -34px;
}

.icon-fill.routebasic {
    background-position: -1633px -34px;
}

.icon-fill.routeSet {
    background-position: -1667px -34px;
}

.icon-fill.aboutMe {
    background-position: -1701px -34px;
}

.icon-analysis.OperatingState {
    background-position: 0 -20px !important;
}

.icon-analysis.salesCategory {
    background-position: -20px -20px;
}

.icon-analysis.noContainerGoods {
    background-position: -40px -20px;
}

.icon-analysis.goodsAllocation {
    background-position: -60px -20px;
}


.icon-analysis.ywyxsmx {
    background-position: -100px -20px;
}

.icon-analysis.flxsqsfx {
    background-position: -120px -20px;
}

.icon-analysis.khskusltj {
    background-position: -180px -20px;
}

.icon-analysis.jxmx {
    background-position: -340px -20px;
}


.icon-analysis.sdycbb {
    background-position: -380px -20px;
}

.icon-analysis.psxlfx {
    background-position: -440px -20px;
}

.icon-analysis.psdjtj {
    background-position: -460px -20px;
}

.icon-analysis.skrhz {
    background-position: -480px -20px;
}

.icon-analysis.sp_mall_getseckillList {
    background-position: -500px -20px;
}

.icon-analysis.getFaBalance {
    background-position: -520px -20px;
}

.icon-analysis.report_noContainerGoods {
    background-position: -540px -20px;
}

.icon-analysis.spxstj {
    background-position: -660px -20px;
}

.icon-analysis.akhxscx {
    background-position: -680px -20px;
}

.icon-analysis.spxsflhz {
    background-position: -720px -20px;
}

.icon-analysis.khxsflhz {
    background-position: -740px -20px;
}

.icon-analysis.rxshz {
    background-position: -760px -20px;
}


.icon-analysis.sys_bill {
    background-position: -800px -20px;
}

.icon-analysis.statement {
    background-position: -820px -20px !important;
}

.icon-analysis.subjectSummary {
    background-position: -840px -20px !important;
}

.icon-analysis.summaryQuery {
    background-position: -860px -20px !important;
}

.icon-analysis.cashFlow {
    background-position: -880px -20px !important;
}

.icon-analysis.billHistoryQuery {
    background-position: -900px -20px !important;
}

.icon-analysis.subjectBanlance {
    background-position: -920px -20px !important;
}

.icon-analysis.subjectDetail {
    background-position: 0 -40px !important;
}

.icon-analysis.throwException {
    background-position: -20px -40px !important;
}

.icon-analysis.balanceSheet {
    background-position: -40px -40px !important;
}

.icon-analysis.profitStatement {
    background-position: -60px -40px !important;
}


/* 导出相关 */

.exportPanel {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -230px;
    width: 445px;
    height: 460px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #979999;
}

.exportPanel>.content {
    font-size: 13px;
    height: 347px;
    display: flex;
    flex-direction: row !important;
    padding: 0 21px;
    justify-content: space-between;
}

.exportPanel>.content>.grid {
    height: 100% !important;
}

.exportPanel>.footer {
    /* height: 64px; */
    padding: 0 21px;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.exportPanel>.header,
.reportSetting>.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    font-size: 14px;
    background: #2c3031;
    color: #fff;
}

.exportPanel>.header>a,
.reportSetting>.header>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #fff;
    margin-right: 10px;
}

.bottom_3px {
    margin-bottom: 3px
}

.expotColItem {
    width: 210px;
    height: 240px;
    overflow: auto;
    border: solid 1px #ccc
}

.afterSale,.afterSaleTwo {
    width: 200px;
    background: #fff;
    position: absolute;
    bottom: 80px;
    left: 89px;
    /* left: 104px; */
    z-index: 998;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .3);
}
.afterSaleTwo{
    bottom: 0;
}
.afterSale:after,.afterSaleTwo:after{
    content: "";
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 65px;
    left: -16px;
}
.afterSaleTwo:after{
    top:calc(100% - 65px);
}

.afterSale li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 10px;
    box-sizing: border-box;
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: #333;
}

.afterSale .jobWrap {
    border-top: 1px solid #ccc;
}

.afterSale h4 {
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    background: #FFB822;
    color: #fff;
    display: flex;
    /* justify-content: center; */
    box-sizing: border-box;
    padding: 8px 10px;
    align-items: center;
    font-size: 13px;
    border-radius: 0 0 4px 4px;
}

.afterSale h4 i {
    width: 21px;
    height: 21px;
    display: block;
    margin-right: 15px;
}

.severList li:hover {
    cursor: pointer;
    background: #F4F4F5;
}

.jobhead {
    width: 21px;
    height: 21px;
    background: url(../../img/user/severico.png) no-repeat;
    background-position: -147px 0;
    margin-right: 15px;
}

.jobhead img {
    width: 21px;
    height: 21px;
    margin-right: 15px;
}


/*去除图片边框*/

img[src=""],
img:not([src]) {
    opacity: 0;
}

.severIco {
    width: 21px;
    height: 21px;
    display: block;
    margin-right: 15px;
    background: url(../../img/user/severico.png) no-repeat;
}

.sev-yuancheng {
    background-position: 0 0;
}

.severList li:hover .sev-yuancheng {
    background-position: -22px 0;
}

.sev-qq {
    background-position: -84px 0;
}

.severList li:hover .sev-qq {
    background-position: -104.5px 0;
}

.sev-fankui {
    background-position: -44px 0;
}

.severList li:hover .sev-fankui {
    background-position: -64px 0;
}

.severList li:hover div,
.severList li:hover a {
    color: #FFB822;
}

.sev-phone {
    background-position: -126px 0;
}

.onlineNum {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    margin: 0 6px;
    cursor: pointer;
    position: relative;
}

.onlineNum img {
    width: 15px;
    margin-right: 5px;
}

.hintsty {
    position: absolute;
    display: block;
    background: #0F0F0F;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    top: -40px;
    font-size: 12px;
    left: -32px;
    width: 65px;
    height: 30px;
    line-height: 30px;
    z-index: 200;
}

.hintsty:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #0F0F0F;
    position: absolute;
    bottom: -6px;
    right: 12%;
}
#outUser{
    display: none;
}
.outUserSty {
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    z-index: 2000;
    background: #fff;
    height: 205px;
    margin-top: -80px;
    /* box-shadow: 1px 1px 10px #ccc; */
    display: block
}

.outUserSty .modal-body,
.outUserSty .modal-footer {
    padding: 15px 30px;
}
.modalMark{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.jobSty {
    display: inline-block;
    width: 55px;
}

.starts img {
    width: 8px;
    margin-right: 1px;
}


/* 信息提示 */

.public_clearfix_message:after {
    /*清除浮动的样式*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* 设置css当文字超出n行的时候后进省略号 */

.public_sn_number_message {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}

.public_sn_number3_message {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
}


/* 文字单行超出出现省略号针对，p标签单行代码 */

.public_sn_message {
    white-space: nowrap;
    /*规定段落中的文本不进行换行*/
    overflow: hidden;
    /*内容会被修剪，并且其余内容是不可见的。*/
    text-overflow: ellipsis;
    /*显示省略号来代表被修剪的文本*/
}


/* 左浮动代码 */

.public_fl_message {
    float: left;
}


/* 右浮动代码 */

.public_fr_message {
    float: right;
}


/* 样式文件tab栏目选中样式代码 */

.public_active_bgc_message {
    background-color: #E6E6E6 !important;
}

.public_active_bgc2_message {
    background: rgba(230, 230, 230, 0.4)
}


/* 提示信息由右向左消失动画 */

.public_active_fr_message {
    left: 300px;
}


/* 提示信息由左向右消失动画 */

.public_active_fl_message {
    left: 0;
}

#main_messageright {
    position: absolute;
    width: 318px;
    right: 60px;
    bottom: 90px;
    /* margin: auto 0;
  overflow: hidden; */
}

#main_messageright .messageright_box {
    width: 318px;
    height: 76px;
    background-color: #FFFFFF;
    border: 1px solid rgba(181, 181, 182, 0.5);
    position: absolute;
    left: 600px;
    bottom: -56px;
    box-shadow: 3px 3px 3px rgba(166, 166, 166, 0.35)
}

#main_messageright .zxImg {
    width: 86px;
    height: 60px;
    overflow: hidden;
    margin: 7px 11px 0px 11px;
}

#main_messageright .zxImg img {
    width: 86px;
    height: 60px;
}

#main_messageright .messageright_box .img {
    width: 42px;
    height: 42px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin: 17px;
    background: -webkit-linear-gradient(left top, #FFB822, #F6BF58);
    /* Safari 5.1 - 6.0 */
    background: -moz-linear-gradient(left top, #FFB822, #F6BF58);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(left top, #FFB822, #F6BF58);
    /* 标准的语法 */
}

#main_messageright .messageright_box .img img {
    width: 100%;
}

#main_messageright .messageright_box .img i {
    font-size: 26px;
    width: 26px;
    height: 28px;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#main_messageright .zxText {
    width: 200px !important;
}

#main_messageright .zxText .dealWith {
    width: 200px !important;
    height: 45px !important;
    line-height: 15px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    white-space: normal !important;
}

#main_messageright .zxText .origin {
    height: 0 !important;
}

#main_messageright .messageright_box .text {
    width: 215px;
    height: 59px;
    /* overflow:hidden; */
    margin-top: 14px;
    line-height: 13px;
}

#main_messageright .messageright_box .text ._title {
    color: #666666;
    font-size: 11px;
}

#main_messageright .messageright_box .text .dealWith {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}

#main_messageright .messageright_box .text .origin {
    color: #A2A2A2;
    font-size: 11px;
    height: 26px;
    /* overflow:hidden; */
}

#main_messageright .messageright_box .text .origin * {
    font-size: 11px !important
}

#main_messageright .messageright_box .text .origin * {
    /* float:left; */
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main_messageright .messageright_box .colse {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
}

#main_messageright .messageright_box .colse i {
    font-size: 24px;
    color: #A2A2A2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    /* Firefox 4 */
    -webkit-transition: opacity 0.3s;
    /* Safari 和 Chrome */
    -o-transition: opacity 0.3s;
    /* Opera */
}

#main_messageright .messageright_box:hover .colse i {
    opacity: 1 !important
}

webview.hiddennew {
    width: 0px !important;
    height: 0px !important;
    flex: 0 1;
}

webview.shownew {
    width: 100% !important;
    min-height: 600px!important;
    display: flex !important;
    position: fixed;
    /* top: 0;
  left: 0;
  z-index: 99999999999;
  right: 0;
  bottom: 0; */
}

.from-fold>.g-top,
.m-view-1form1table>.g-top {
    display: flex;
    min-height: 28px;
}

.from-fold>.g-top .g-left,
.m-view-1form1table>.g-top .g-left {
    flex: 1;
}

.from-fold>.g-mid,
.m-view-1form1table>.g-mid {
    display: flex;
    height: auto;
}

.from-fold>.g-mid>*,
.m-view-1form1table>.g-mid>* {
    height: 100%;
}

.from-fold>.g-mid .g-left,
.m-view-1form1table>.g-mid .g-left {
    display: flex;
    width: 250px;
}

.from-fold>.g-mid .g-right,
.m-view-1form1table>.g-mid .g-right {
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 20px;
    padding-left: 50px;
    overflow: hidden;
}

.from-fold>.g-mid .m-form,
.m-view-1form1table>.g-mid .m-form {
    width: 100%;
}

.from-fold>.g-mid .m-title,
.m-view-1form1table>.g-mid .m-title {
    flex: 1;
    padding: 0 5px 0 30px;
}

.from-fold>.g-mid .m-title>div,
.m-view-1form1table>.g-mid .m-title>div {
    display: flex;
    align-items: center;
}

.from-fold>.g-mid .m-title h2,
.m-view-1form1table>.g-mid .m-title h2 {
    font-size: 24px;
    font-weight: normal;
}

.from-fold>.g-mid .m-title .m-desc .u-label,
.m-view-1form1table>.g-mid .m-title .m-desc .u-label {
    margin-left: 11px;
}

.from-fold>.g-mid .m-title .m-desc .u-text,
.m-view-1form1table>.g-mid .m-title .m-desc .u-text {
    display: inline-block;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    margin-left: 5px;
    border-radius: 2px;
    text-align: center;
}

.from-fold>.g-mid .m-title .m-desc .u-text-spec,
.m-view-1form1table>.g-mid .m-title .m-desc .u-text-spec {
    min-width: 30px;
    border-color: #428be0;
    color: #3481de;
}


/* .from-fold>.g-mid .m-title .m-status,
.m-view-1form1table>.g-mid .m-title .m-status {
  margin-top: 10px;
} */

.from-fold>.g-mid .m-title .m-status .fa,
.m-view-1form1table>.g-mid .m-title .m-status .fa {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #d4d8d9;
}

.from-fold>.g-mid .m-title .m-status .fa-daYin.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-daYin.z-active {
    background-color: #3481de;
}

.from-fold>.g-mid .m-title .m-status .fa-zhuangChe.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-zhuangChe.z-active {
    background-color: #7cb638;
}

.from-fold>.g-mid .m-title .m-status .fa-shenHe.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-shenHe.z-active {
    background-color: #ffb822;
}

.from-fold>.g-mid .m-title .m-status .fa-yisongdan.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-yisongdan.z-active {
    background-color: #ff7322;
}

.from-fold>.g-mid .m-title .m-status .fa-fuKuan.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-fuKuan.z-active {
    background-color: #7592a4;
    ;
}

.from-fold>.g-mid .m-title .m-status .fa-fapiao.z-active,
.m-view-1form1table>.g-mid .m-title .m-status .fa-fapiao.z-active {
    background-color: red;
}
.from-fold {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.from-fold>.g-btm {
    flex: 1;
    overflow: hidden;
    margin-top: 6px;
}

.from-fold>.g-btm.hidetree .g-left {
    visibility: hidden;
    width: 0 !important;
    border-width: 0;
    margin-right: 0;
}

.from-fold>.g-btm>.g-left {
    float: left;
    display: flex;
    flex-direction: column;
    width: 218px;
    border-width: 1px;
    margin-right: 6px;
    height: 100%;
}

.from-fold>.g-btm>.g-right {
    flex: 1;
    height: 100%;
    margin-left: 0;
    display: flex;
    flex-flow: column nowrap;
}

.from-fold>.g-btm>.g-right>.g-t,
.from-fold>.g-btm>.g-right>.g-b {
    min-height: 0;
    width: 100%;
}

.from-fold>.g-btm>.g-right>.g-t {
    flex: 1;
}

.from-fold>.g-btm>.g-right>.g-t.resizable {
    flex: 0 0 50%;
}

.from-fold>.g-btm>.g-right>.g-b {
    flex: 1;
}

.from-fold>.g-btm>.g-right>.g-t .g-hd+.ag-grid {
    height: calc(100% - 38px);
}

.from-fold>.g-btm>.g-right>.g-b {
    margin-top: 8px;
    position: relative;
}

.from-fold>.g-btm>.g-right>.g-b>.g-md {
    position: absolute;
    top: 41px;
    right: 0;
    bottom: 0;
    left: 0;
}

.from-fold>.g-btm>.g-right>.g-b>.g-md>div:not([class*=popover]) {
    height: 100%;
}

.from-fold>.g-btm>.g-right>.g-b>.g-md>div:not([class*=popover])>.ui-grid {
    height: 100% !important;
}

.from-fold .s-card>.g-hd+.ui-grid,
.from-fold .s-card>.g-md .ui-grid {
    height: calc(100% - 38px) !important;
}

.fold-button,
.no-fold-button {
    position:relative;
    cursor: pointer;
    /* transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s; */
}
.fold-button>i:last-child,
.no-fold-button>i:last-child{
    position: absolute;
    right:1px;
}

@media screen and (max-width: 1300px){
    .fold-button,.no-fold-button {
        position: absolute;
        right:1px;
    }
}
.fold-button {
    transform: rotate(270deg) scale(0.7);
    -webkit-transform: rotate(270deg) scale(0.5);
    -moz-transform: rotate(270deg) scale(0.5);
    -o-transform: rotate(270deg) scale(0.5);
}

.no-fold-button {
    transform: rotate(90deg) scale(0.5);
    -webkit-transform: rotate(90deg) scale(0.5);
    -moz-transform: rotate(90deg) scale(0.5);
    -o-transform: rotate(90deg) scale(0.5);
}

.from-fold>.g-mid .m-view-1form1table .g-mid {
    display: flex !important;
    height: auto !important;
}

.from-fold>.g-mid {
    height: 65px;
}

.from-fold>.g-mid .g-right {
    padding-top: 1px !important;
    /* height  : 56px; */
    overflow: hidden;
}

.from-fold>.g-mid .g-right>div {
    /* height  : 52px; */
    overflow: hidden;
}

.from-fold>.g-mid .g-right>div>div:nth-last-child(-n+2) {
    display: none;
}

.from-fold>.g-mid .g-right>form>div:nth-last-child(-n+2) {
    display: none;
}

.from-fold .row {
    margin-bottom: 0;
    height: 24px;
}

.from-fold>.g-mid .g-left .g-title {
    flex: 1;
    padding: 0px 5px 5px 30px !important;
}

.from-fold>.g-mid .g-left .g-title .m-status {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
}

.m-title {
    transition: padding .5s;
    -moz-transition: padding .5s;
    /* Firefox 4 */
    -webkit-transition: padding .5s;
    /* Safari and Chrome */
    -o-transition: padding .5s;
}

.m-view-1form2table .g-mid,
.from-fold .g-mid,
.m-view-1form2table .row {
    transition: padding .5s;
    -moz-transition: padding .5s;
    -webkit-transition: padding .5s;
    -o-transition: padding .5s;
}


.ag-theme-fresh .ag-selection-checkbox span{
    margin-right: 0 !important;
    margin-top: 7px;
}
.ag-theme-fresh .ag-header-select-all{
    margin-left: calc(50% - 7px);
    margin-top: 4px;

}

.font-size-14px .ag-theme-fresh .ag-cell,
.font-size-14px .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text{
	font-family: "Microsoft Yahei";
	color: black;
    font-size:13px;
}

.font-size-16px .ag-theme-fresh .ag-cell,
.font-size-16px .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text{
    font-size:16px;
}

.font-size-20px .ag-theme-fresh .ag-cell,
.font-size-20px .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text{
    font-size:20px;
}

/* 编辑公式弹框 */
div .fa-edit:before {
    /* color: #4d4e4e; */
}

div .fa-edit:hover {
    /* background: #3481de;    */
    display: block;
}
.checkItem{
 /* font-size: 14px; */
  display: none;
  float:left;
}
.checkItemName{
   cursor:pointer;
   float:left;
 }

.itemName:hover ~.checkItem,.itemName:hover .checkItem{
  display: block;
}

.viewTable{
  height: 450px;
  padding: 15px
}

.setForDelItem{
    cursor:pointer;
}
/*  恒商云样式 */
.hsy-container>.g-sd dd .icon-layer1 {
    background-image: url("../../img/sprite_layer1_hsy.png")!important;
    background-repeat: no-repeat;
}
.hsy-container .g-sd dd:last-child:hover {
    background: #006FE8 !important;
}
.hsy-container>.content header {
    background: #FFFFFF !important;
    border-bottom:1px solid #c3c3c3;
}

.hsy-container>.g-sd dd.active,
.hsy-container>.g-sd dd:hover {
    color: #FFFFFF !important;
}
.hsy-container .arrow-left {
    border-right-color: #FFFFFF !important;
}
.hsy-container .toggleside{
    background-color: rgb(53, 151, 255)!important;
}
.hsy-container>.g-sd dd.toggleside:hover {
    background: rgb(121, 184, 252)!important;
}
.hsy-container>.g-sd dd.active {
    border-color: #FFFFFF !important;
    background-color: #006FE8 !important;
}

.hsy-container>.g-sd dd.active .icon-layer1,
.hsy-container>.g-sd dd:hover .icon-layer1 {
    background-position-y: -20px !important;
}

.hsy-container>.g-sd dd:last-child {
    background-color: #1283FF !important;
    border: none;
}
.hsy-container>.g-sd {
    background: #007AFF !important;
    color: white !important;
}
.hsy-container>.g-sd dt {
    background: #007AFF !important;
    color: #ffffff !important;
}

.hsy-container header.g-hd .left .menu-controls li {
    background: url("../../img/icon-hsy.png") no-repeat -129px 17px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(1) {
    background: url("../../img/kefu-block-hsy.png") no-repeat 29px 16px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(1):hover {
    background: url("../../img/kefu.png") no-repeat 28px 15px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(2) {
    background-position: -130px -28px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(2):hover {
    background-position: -180px -28px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(4) {
    background-position: -130px -112px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(4):hover {
    background-position: -180px -112px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(3) {
    background: url("../../img/quse-block-hsy.png") no-repeat 29px 19px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(3):hover {
    background: url("../../img/quse.png") no-repeat 28px 17px;
}

.hsy-container header.g-hd .left .menu-controls li:nth-child(5) {
    background: url("../../img/help-hsy.png") no-repeat 30px 18px;
}
.hsy-container header.g-hd .left .menu-controls li:nth-child(5):hover {
    background-position: -49px 18px;
}

.hsy-container .right .interface-controls li {
    background: url("../../img/icon-hsy.png") no-repeat -160px -150px;
}
.hsy-container .right .interface-controls li:hover {
    background-position: -210px -150px;
}

.hsy-container .right .interface-controls li:nth-child(3) {
    background-position: -160px -189px;
}

.hsy-container .right .interface-controls li:nth-child(3):hover {
    background-position: -210px -189px;
}

.hsy-container .right .interface-controls li:nth-child(2) {
    background-position: -160px -235px;
}

.hsy-container .right .interface-controls li:nth-child(2):hover {
    background-position: -210px -235px;
}

.hsy-container .right .interface-controls li:nth-child(1) {
    background-position: -160px -281px;
}

.hsy-container .right .interface-controls li:nth-child(1):hover {
    background-position: -210px -281px;
}

.hsy-container .appStore:hover {
    background-position: -211px -324px;
}

.hsy-container .appStore {
    color: #f0f0f0;
    background: url('../../img/icon-hsy.png') no-repeat;
    background-position: -160px -324px;
}

.hsy-container .right .user-info ul {
    color: black;
}
.hsy-container .right b {
    border: solid 1px #919191;
}

/*  轻管店样式 */
.qgd-container>.g-sd dd .icon-layer1 {
    background-image: url("../../img/sprite_layer1_qgd.png")!important;
    background-repeat: no-repeat;
}
.qgd-container .g-sd dd:last-child:hover {
    background: #26344F !important;
}
.qgd-container>.content header {
    background: #FFFFFF !important;
    border-bottom:1px solid #f0f0f0;
}

.qgd-container>.g-sd dd.active,
.qgd-container>.g-sd dd:hover {
    color: #1F8AFC !important;
}
.qgd-container .arrow-left {
    border-right-color: #26344F !important;
}
.qgd-container>.g-sd dd.active {
    border-color: #1F8AFC !important;
    background-color: #2D3D4E !important;
}

.qgd-container>.g-sd dd.active .icon-layer1,
.qgd-container>.g-sd dd:hover .icon-layer1 {
    background-position-y: -20px !important;
}

.qgd-container>.g-sd dd:last-child {
    background-color: #26344F !important;
    border: none;
}
.qgd-container>.g-sd {
    background: #26344F !important;
    color: white !important;
}
.qgd-container>.g-sd dt {
    background: #1D283D !important;
    color: #ffffff !important;
}

.qgd-container header.g-hd .left .menu-controls li {
    background: url("../../img/icon-qgd.png") no-repeat -129px 17px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(1) {
    background: url("../../img/kefu-block-qgd.png") no-repeat 29px 16px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(1):hover {
    background: url("../../img/kefu-qgd.png") no-repeat 28px 15px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(2) {
    background-position: -130px -28px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(2):hover {
    background-position: -180px -28px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(4) {
    background-position: -130px -112px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(4):hover {
    background-position: -180px -112px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(3) {
    background: url("../../img/quse-block-qgd.png") no-repeat 29px 19px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(3):hover {
    background: url("../../img/quse-qgd.png") no-repeat 28px 17px;
}

.qgd-container header.g-hd .left .menu-controls li:nth-child(5) {
    background: url("../../img/help-qgd.png") no-repeat 30px 18px;
}
.qgd-container header.g-hd .left .menu-controls li:nth-child(5):hover {
    background-position: -49px 18px;
}

.qgd-container .right .interface-controls li {
    background: url("../../img/icon-qgd.png") no-repeat -160px -150px;
}
.qgd-container .right .interface-controls li:hover {
    background-position: -210px -150px;
}

.qgd-container .right .interface-controls li:nth-child(3) {
    background-position: -160px -189px;
}

.qgd-container .right .interface-controls li:nth-child(3):hover {
    background-position: -210px -189px;
}

.qgd-container .right .interface-controls li:nth-child(2) {
    background-position: -160px -235px;
}

.qgd-container .right .interface-controls li:nth-child(2):hover {
    background-position: -210px -235px;
}

.qgd-container .right .interface-controls li:nth-child(1) {
    background-position: -160px -281px;
}

.qgd-container .right .interface-controls li:nth-child(1):hover {
    background-position: -210px -281px;
}

.qgd-container .appStore:hover {
    background-position: -211px -324px;
}

.qgd-container .appStore {
    color: #f0f0f0;
    background: url('../../img/icon-qgd.png') no-repeat;
    background-position: -160px -324px;
}

.qgd-container .right .user-info ul {
    color: black;
}
.qgd-container .right b {
    border: solid 1px #919191;
}


/*  渠臣样式 */
.qc-container>.g-sd dd .icon-layer1 {
    background-image: url("../../img/sprite_layer1_qc.png")!important;
    background-repeat: no-repeat;
}
.qc-container .g-sd dd:last-child:hover {
    background: #12204D !important;
}
.qc-container>.content header {
    background: #959FAD !important;
    border-bottom:1px solid #E6E6E6;
}

.qc-container>.g-sd dd.active,
.qc-container>.g-sd dd:hover {
    color: #2B83FF !important;
}
.qc-container .arrow-left {
    border-right-color: #12204D !important;
}
.qc-container>.g-sd dd.active {
    border-color: #2B83FF !important;
    background-color: #354D88 !important;
}

.qc-container>.g-sd dd.active .icon-layer1,
.qc-container>.g-sd dd:hover .icon-layer1 {
    background-position-y: -20px !important;
}

.qc-container>.g-sd dd:last-child {
    background-color: #12204D!important;
    border: none;
}
.qc-container>.g-sd {
    background: #12204D !important;
    color: #fff !important;
}
.qc-container>.g-sd dt {
    background: #12204D !important;
    margin-top: 16px;
}

.qc-container header.g-hd .left .menu-controls li {
    background: url("../../img/icon-qc.png") no-repeat -129px 17px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(1) {
    background: url("../../img/kefu-block-qc.png") no-repeat 29px 16px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(1):hover {
    background: url("../../img/kefu-qc.png") no-repeat 28px 15px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(2) {
    background-position: -130px -28px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(2):hover {
    background-position: -180px -28px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(4) {
    background-position: -130px -112px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(4):hover {
    background-position: -180px -112px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(3) {
    background: url("../../img/quse-block-qc.png") no-repeat 29px 19px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(3):hover {
    background: url("../../img/quse-qc.png") no-repeat 28px 17px;
}

.qc-container header.g-hd .left .menu-controls li:nth-child(5) {
    background: url("../../img/help-qc.png") no-repeat 30px 18px;
}
.qc-container header.g-hd .left .menu-controls li:nth-child(5):hover {
    background-position: -49px 18px;
}

.qc-container .right .interface-controls li {
    background: url("../../img/icon-qc.png") no-repeat -160px -150px;
}
.qc-container .right .interface-controls li:hover {
    background-position: -210px -150px;
}

.qc-container .right .interface-controls li:nth-child(3) {
    background-position: -160px -189px;
}

.qc-container .right .interface-controls li:nth-child(3):hover {
    background-position: -210px -189px;
}

.qc-container .right .interface-controls li:nth-child(2) {
    background-position: -160px -235px;
}

.qc-container .right .interface-controls li:nth-child(2):hover {
    background-position: -210px -235px;
}

.qc-container .right .interface-controls li:nth-child(1) {
    background-position: -160px -281px;
}

.qc-container .right .interface-controls li:nth-child(1):hover {
    background-position: -210px -281px;
}

.qc-container .appStore:hover {
    background-position: -211px -324px;
}

.qc-container .appStore {
    color: #f0f0f0;
    background: url('../../img/icon-qc.png') no-repeat;
    background-position: -160px -324px;
}

.qc-container .right .user-info ul {
    color: #FFFFFF;
}
.qc-container .right b {
    border: solid 1px #919191;
}


#container>.g-sd dd.toggleside{
    position: absolute;
    width: 14px;
    height: 60px;
    bottom: 5px;
    right: 0;
    padding: 0;
    background-image: none;
    background-color: #3d4142;
    border: none;
    padding: 0;
    z-index: 2;
}
#container>.g-sd dd.toggleside:hover{
    background: #373a3b;
}
.userInfosty {
    position: absolute;
    bottom: 1%;
    left: 16px;
}

.userimg{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
}
.userimg span{
    color: #fff;
    display: inline-block;
    font-size: 12px;
}
.moreinfo{
   width: 50px;
   height: 35px;
   margin-top: 5px;
   background: url(../../img/more.png) center center no-repeat;
   background-size: 18px;
   opacity: .7;
   cursor: pointer;

}
.serviceicon{
    width:20px ;
    height: 20px;
    margin:  15px auto;
    cursor: pointer;
    background: url(../../img/kefu-block.png) no-repeat ;

}
.serviceicon:hover{
    background: url(../../img/kefu.png) no-repeat -1px -1px
}
.seticon{
    width:20px ;
    height: 20px;
    margin: 15px auto;
    cursor: pointer;
    background: url(../../img/icon.png) no-repeat -160px -130px;
}
.seticon:hover{
    background: url(../../img/icon.png) no-repeat -210px -130px;

}
.servicebox{
    width: 50px;
    position: relative;
    background: red;
}
.messageicon{
    /* width:20px ; */
    /* width: 50px; */
    /* height: 20px; */
    /* margin: 15px auto; */
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    display: flex;
}
.messageicon::after{
    content: "";
    width: 1px;
    height: 10px;
    background: #b3b3b3;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}
.messageicon img{
    width: 20px;
    margin-top: 7.5px;
}
.messagenum{
    cursor: pointer;
    /* position: absolute;
    left: 23px;
    top: 2px; */
}
.morecon{
    width: 180px;
    background: #fff;
    position: absolute;
    bottom: 10px;
    left: 89px;
    z-index: 998;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    padding:13px 20px;
    color: #666;
}

.morecon:after {
    content: "";
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: 4px;
    left: -16px;
}
.morecon div{
    cursor: pointer;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    color: #333;
}
.morecon div i{
    color: #ccc;
}
.morecon div:hover,.morecon div:hover i{
    color: #ffb822;
}
.morecon  hr{
    height:1px;
    border:none;
    border-top:1px solid #ddd;
    margin: 10px 0;
}
.locksty,.helpsty,.centersty,.aboutsty,.serviceiconTwo,.seticonTwo,.showiconTwo{
    width: 23px;
    height: 23px;
    margin-right: 10px;
    display: inline-block;
}

.minsty,.zoomty,.closesty{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.locksty{
    background: url(../../img/icon.png) no-repeat -160px -40px;
}
.helpsty{
    background:url(../../img/help.png) no-repeat 0 3px;
}
.centersty{
    background: url(../../img/icon.png) no-repeat -160px -340px;
}
.aboutsty{
    background: url(../../img/icon.png) no-repeat -160px -165px
}
.minsty{
    background: url(../../img/icon/min.png) no-repeat ;
}
.zoomty{
   background: url(../../img/icon/zoomty.png) no-repeat ;
}
.closesty{
    background: url(../../img/icon/close.png) no-repeat ;
}
.serviceiconTwo{
    background: url(../../img/kefu-block.png) no-repeat ;
}
.seticonTwo{
    background: url(../../img/icon.png) no-repeat -160px -126px;
}
.morecon div:hover .serviceiconTwo{
    background: url(../../img/kefu.png) no-repeat -1px -1px
}
.morecon div:hover .seticonTwo{
    background: url(../../img/icon.png) no-repeat -210px -126px;
}

.morecon div:hover .locksty{
    background-position: -210px -40px;
}
.morecon div:hover .helpsty{
    background-position: -79px 3px;
}
.morecon div:hover .centersty{
    background-position: -211px -340px;
}
.morecon div:hover .aboutsty{
    background-position: -211px -165px;
}
.morecon div:hover .closesty{
    background-position: -206px -295px;
}
.morecon div:hover .sev-fankui {
    background-position: -64px 0;
}
.operation{
    display: flex;
}
.operation span{
    width: 50%;
    text-align: center;
}
.operation span i{
    display: block;
    margin: 0 auto;
}
.operation span:hover .minsty{
    background-position: -211px -206px;
}
.operation span:hover .zoomty{
    background-position: -211px -85px;
}
div.operation:hover{
    color: #666;
}
.operation span:hover{
    color: #ffb822;
}
.notice{
    padding-top: 5px;
}
#container>.g-sd.shrink .userInfosty{
    left: 0;
}

/**右上角按钮**/
.tools-top {
	-webkit-app-region: drag;
    width:100%;
    border-bottom: solid 1px #e6e6e6;
	background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 37px;
    min-width: 0; /* 允许flex子元素收缩 */
}

/* 菜单标签滚动容器 */
.menu-left-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* 允许收缩，防止挤压右边 */
    overflow: hidden; /* 防止内容溢出 */
}

.tools-top .menu-left{
    overflow-y: hidden;
    overflow-x: auto;
    /* width: 100%;
    flex: 0 0 calc(100% - 380px); */
    flex: 1;
    min-width: 0; /* 允许收缩 */
    /* 隐藏滚动条但保持滚动功能 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

/* 隐藏Chrome/Safari的滚动条 */
.tools-top .menu-left::-webkit-scrollbar {
    display: none;
}

/* 滚动箭头按钮 */
.scroll-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    min-width: 32px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    cursor: pointer;
    z-index: 10;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    -webkit-app-region: no-drag;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
}

.scroll-arrow:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.scroll-arrow:active {
    background: rgba(245, 245, 245, 1);
}

.scroll-arrow i.fa {
    font-size: 18px !important;
    color: #333 !important;
    display: inline-block !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "FontAwesome" !important;
}

.scroll-arrow:hover i.fa {
    color: #ffb822 !important;
    transform: scale(1.2);
}

/* 备选箭头文本（始终显示作为备选） */
.scroll-arrow .arrow-text {
    position: absolute;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, sans-serif;
}

/* 左边箭头 - 使用旋转使其与右边一致 */
.scroll-arrow-left .arrow-text {
    transform: translate(-50%, -50%) rotate(180deg);
}

.scroll-arrow:hover .arrow-text {
    color: #ffb822;
}

/* 如果图标显示正常，隐藏文本箭头 */
.scroll-arrow i.fa:not(:empty) ~ .arrow-text {
    display: none;
}

.scroll-arrow-left {
    left: 0;
    border-radius: 0 4px 4px 0;
}

.scroll-arrow-right {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.tools-top .menu-right{
    width: 290px;
    flex-shrink: 0; /* 不允许收缩，保持固定宽度 */
    display: flex;
    align-items: center;
    flex-direction: row-reverse; /* 倒序显示，关闭按钮在最后 */
}

.menu-right{
    -webkit-app-region: no-drag;
}

.menu-right li{
    align-items: center;
    display: flex;
    cursor: pointer;
    margin:auto 8px;
    flex-shrink: 0; /* 不允许收缩 */
}
/* 第1到第3个li的i图片居中 */
.menu-right li:nth-child(1) i,.menu-right li:nth-child(2) i,.menu-right li:nth-child(3) i{
    background-position: center;
}
/* .menu-right li.aside-search{
    display: flex;
    align-items: center;
} */
/* .menu-right li:hover{
    color: #f08d02;
} */
#qrcode img{
    margin: 25px auto;
}
.remind-sty{
    background: #F17335;
    height: 60px;
    overflow:hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 0 10px;
}
.remind-sty .help-center{
	font-size: 18px;
    font-weight: bold;
}
.scanAppCode {
    padding: 20px 0;
    background: white;
    margin-top: 10px;
    font-weight: 600;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.scanAppCode .scanAppCode-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.scanAppCode .scanAppCode-item img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}
.scanAppCode .scanAppCode-item2 img {
    width: 50px;
    height: 50px;
}
.remindtext{
    color: #eee;
    padding:5px 8px;
    border-radius: 2px;
    cursor: default;
    position: relative;
    padding-left: 28px;
}
.remindtext .laba{
    width: 15px;
    height: 15px;
    background: url(../../img/laba2.png) no-repeat 0 0;
    background-size: 13px;
    cursor: pointer;
    position: absolute;
    left: -20px;
    top: 13px;
}

.remindbox a{
    display: block;
    cursor: pointer;
}

.fankuiicon{
    width: 20px;
    height: 20px;
    margin: 15px auto;
    cursor: pointer;
    background: url(../../img/user/severico.png) no-repeat;
    background-position: -44px 0;
}
.fankuiicon:hover{
    background: url(../../img/user/severico.png) no-repeat;
    background-position: -64px 0;
}

.cursor-hand{
    cursor: pointer;
}

/* 链接跳转 */
.click-item {
    cursor: pointer;
    color: #1677FF;
}

/*分页 开始*/
.admin_mM_bottom{
    height: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #c7d1e4;
    border: solid 1px var(--light-blue-grey);
    position: absolute;
    bottom: 19px;
    left: 0px;
    width: 100%;
  }
  .admin_mM_bTFy{
      overflow: hidden;
      width: 100%;
      margin: 4px auto 0;
  }
  .admin_mM_bTFy ul{
      overflow: hidden;
  }
  .admin_mM_bTFy ul li{
      float: left;
      width: 26px;
       height: 26px;
       /* border-radius: 4px; */
      background-color: #ffffff;
      border: solid 1px #c7d1e4;
      font-size: 12px;
    line-height: 26px;
    text-align: center;
    color: #3d3d3d;
    display: inline-block;
    margin-right:4px;
    cursor: pointer;
  }
  .admin_mM_bTFy ul li.buttonlike{
    display: inline-block;
      float: left;
      width: 62px;
    height: 26px;
    /* border-radius: 4px; */
    background-color: #ffffff;
    border: solid 1px #c7d1e4;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    color: #3d3d3d;
  }
  .admin_mM_bTFy ul li.admin_mM_total{
    margin-left: 30px;
    height: 26px;
    border: none;
    width: 350px;
  }
  .admin_mM_bTFy ul li.admin_mM_bTFyicon{
      border: none;
       width: 20px;
       background: url('../../img/windproduct/diandian.png') no-repeat center center;
  }
  .admin_mM_bTFy ul li.admin_mM_total span{
      font-size: 12px;
    line-height: 26px;
    text-align: left;
    color: #666666;
    height: 26px;
    letter-spacing: 2px;
    display: inline-block;
    float: left;
  }
  .admin_mM_bTFy ul li.admin_mM_total span{
    font-size: 12px;
  line-height: 26px;
  text-align: left;
  color: #666666;
  height: 26px;
  letter-spacing: 2px;
  display: inline-block;
  float: left;

  }
  .admin_mM_totaldd{
    display: inline-block;
    width: 50px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: inset 0 2px 4px 0 #dee5f3;
  border: solid 1px #c7d1e4;
  margin: 1px 10px;
  padding:0 10px;
  float: left;
  overflow: hidden;
  height:24px;

  }
  .admin_mM_totaldd input{
    width: 50px;
    border: none;
    height: 18px;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    float: left;
    margin:3px 0px;
  }
  /*分页 结束*/

  .ag-theme-fresh .ag-header-group-cell-label {
    justify-content: center;
   }

.nav-item>li:nth-child(2n-1){
    width: 23px;
    height: 1px;
    border-top: 1px dashed #999999;
    background-color: transparent;
    margin-top: 65px;
    margin-left: 0px;
    margin-right: 0px;
}

.nav-item2>li:nth-child(1){
    width: 23px;
    height: 1px;
    border-top: 1px dashed #999999;
    background-color: transparent;
    margin-top: 65px;
    margin-left: 0px;
    margin-right: 0px;
}
.nav-item2>li:nth-child(2n+1){
    width: 23px;
    height: 1px;
    background-color: transparent;
    margin-top: 65px;
    margin-left: 0px;
    margin-right: 0px;
}

.nav-item>li,.nav-item2>li{
    margin: 13px 5px;
}

.nav-item-li{
    width: 26px;
    height: 1px;
    border-top: 1px dashed #999999;
    background-color: transparent;
    margin-top: 80px;
    margin-left: 0px;
    margin-right: 0px;
}

.nav-center-divline{
    width: 24px;float: left;
      height: 449px;
      border-top: dashed 1px;
      border-bottom: dashed 1px;
      border-right: dashed 1px;
      color: #999999;
      margin-top: 150px;
}

.nav-tips{
    width:80px;
    height:80px;
    position: absolute;
    background: #FFB822;
    top:-45px;
    right:-45px;
    transform: rotate(45deg);
    color:#fff;
    /* visibility: hidden; */
    display:none;
}
.nav-tips span{
    position: absolute;
    bottom:0;
    display: block;
    width:80px;
    text-align: center;
}
.overflow_h{
    overflow: hidden;
}
.border_0{
    border:0
}

.nav-middle-div{
      width: 24px;float: left;
      margin-left: 5px;
      height: 449px;
      border-top: dashed 1px;
      border-bottom: dashed 1px;
      border-right: dashed 1px;
      color: #999999;
      margin-top: 100px;
}

.nav-middle-top{
    max-width: 530px;
    float: left;
    margin-top: 150px;
}

#nav-middle-center,#nav-middle-bottom{
    width: 100%;
    margin-left: 0px;
}

.nav-right{
    /* max-width: 23.3%; */
    width: 425px;
    float: left;
    border: dashed 1px  #999999;
    margin-top: 150px;
    margin-left: -3px;
    border-radius: 5px;
    padding-left: 20px;
    font-size: 14px;
    min-height: 382px;
}

#nav-right-fin{
    width: 100%;
    margin-left: 0px;
}

.menu-disabled{
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #ccc
}

.pro-area{
    margin-left: 286px;
    font-size: 14px;
}

.pro-area2{
    margin-left: 26px;
    font-size: 14px;
}

.pro-area3{
    margin-left: 156px;
    font-size: 14px;
}

.pro-div1{
    float: left;
    width: 130px;
    height: 154px;
}

.pro-div2{
    float: left;
    width: 130px;
    height: 105px;
}

.pro-modular1{
    float: left;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    margin-top: 24px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.pro-modular2{
    float: left;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.pro-modular3{
    float: left;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.pro-right{
    max-width: 23.3%;
    float: left;
    border: dashed 1px  #999999;
    margin-top: 150px;
    border-radius: 5px;
    padding-left: 20px;
    font-size: 14px;
}

.pro-rightR{
    max-width: 23.3%;
    float: left;
    border: dashed 1px  #999999;
    margin-left: 24px;
    margin-top: 150px;
    border-radius: 5px;
    padding-left: 20px;
    font-size: 14px;
}

#pro-right-fin{
    width: 100%;
    margin-left: 0px;
}

.pro-pointRightLine1{
    width: 19px;
    height: 1px;
    background-color: transparent;
    margin-top: 76.5px;
    float: left;
}

.pro-pointRightArrow1{
    width: 5px;
    height: 5px;
    background: #F0F0F0;
    margin-top: 75.5px;
    float: left;
    border-radius: 10em;
}

.pro-pointRightLine2{
    width: 19px;
    height: 1px;
    background-color: transparent;
    margin-top: 52.5px;
    float: left;
}

.pro-pointRightArrow2{
    width: 5px;
    height: 5px;
    background: #F0F0F0;
    margin-top: 51.5px;
    float: left;
    border-radius: 10em;
}

.pro-pointRight{
    margin-left: 830px;
    margin-top: 200px;
    position: absolute;
    /* width: 1px; */
}

.pro-pointRightLine3{
    width: 19px;
    height: 1px;
    background-color: transparent;
    margin-top: 52.5px;
    float: left;
    border-top: 2px dotted #999999;
    list-style-type: none;
}

.pro-pointRightArrow3{
    width: 5px;
    height: 5px;
    background: #F0F0F0;
    margin-top: 51.5px;
    float: left;
    border-radius: 10em;
    border: 1px solid #999999;
    list-style-type: none;
}

.pro-pointUp{
    margin-left: 50px;
    position: absolute;
    width: 1px;
}

.pro-pointUpLine{
    width: 1px;
    height: 19px;
    background-color: transparent;
    float: left;
    margin-left: 1px;
}

.pro-pointUpArrow{
    width: 5px;
    height: 5px;
    background: #F0F0F0;
    float: left;
    border-radius: 10em;
}

.pro-pointDown{
    margin-left: 52.5px;
    margin-top: 129px;
    position: absolute;
    width: 1px;
}

.pro-pointDownLine{
    width: 1px;
    height: 19px;
    background-color: transparent;
    float: left;
    margin-left: 1px;
}

.pro-pointDownArrow{
    width: 5px;
    height: 5px;
    background: #F0F0F0;
    float: left;
    border-radius: 10em;
}

.pro-middle-div{
    width: 24px;
    float: left;
    /* margin-left: 5px; */
    height: 300px;
    border-top: dashed 1px;
    border-bottom: dashed 1px;
    border-right: dashed 1px;
    color: #999999;
    margin-top: 100px;
}

.ag-rowHeight-47{
    line-height: 47px;
}

.summary-container {
    background: rgba(0, 0, 0, 0.56);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.summary-main {
    width: 400px;
    height: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -170px 0 0 -200px;
}
.summary {
    width: 100%;
    height: 100%;
    padding-top: 56px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    position: relative;
}
.summary h2 {
    font-size: 20px;
    color: #636363;
    font-weight: normal;
    margin-bottom: 46px;
}
.summary .qrcode .qrcode-img {
    width: 146px;
    height: 146px;
}
.summary .qrcode .qrcode-des {
    font-size: 14px;
}
.summary .ndxj {
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -129px;
}
.summary .summary-close {
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}

.m-multi-select .fa-delete-all {
 position:absolute;
 right:12px;
 cursor:pointer;
 font-size:17px;
 background:#fff;
 line-height:22px
}


.text-bold{
	font-size: 15px;
	font-weight: bold
}

.moreMain{
    display: flex;
    justify-content: space-between;
}

.moreMain .moreBtnWrap{
	position: relative;
	margin-bottom: 6px;
}
.moreMain .morebtn{
	display: flex;
	align-items: center;
	border-radius: 30px;
	width: 60px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #fff;
	justify-content: center;
	cursor:pointer;
}
.moreMain .morebtn i{
	width: 10px;
	height: 10px;
	display: block;
	background: url(../../img/upico.png) no-repeat center;
	background-size:8px ;
	margin-left: 3px;
	transform: rotateX(180deg);
}
.moreMain .morebtn i.upIco{
	transform: rotateX(0);
}
.moreMain .morebtns{
	width: 100px;
	background: #fff;
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	height: auto;
	border: 1px solid #ddd;
	z-index: 1;
	box-sizing: border-box;
    border-radius: 4px;
}
.moreMain .morebtns li{
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 8px 10px;
}
.moreMain .morebtns li:hover{
	background: #f2f2f2;
}
.moreMain .morebtns li:last-child{
	margin-bottom: 0;
}
.moreMain .morebtns li i{
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../../img/nocheck.png) no-repeat;
	margin-right: 5px;
}
.moreMain .morebtns li i.check{
	background: url(../../img/ischeck.png) no-repeat;
}

.r-form  {
    display: flex;
    flex-wrap: wrap;
    padding:15px 0 0 15px ;
    width: 100%;
    line-height: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 0;
}

.r-form >div {
    display: flex;
    align-items: center;
    width:200px;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
    margin-right: 20px;
}

.r-form >div>* {
    vertical-align: text-bottom;
}

.r-form >div input,
.r-form >div textarea,
.r-form >div select {
    flex: 1;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.r-form label,
.r-form input {
    font-size: 12px;
}

.r-form label {
    margin-right: 10px;
}

.r-form input,
.r-form textarea,
.r-form select {
    padding: 4px 3px;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 0;
}

.r-form input {
    height: 24px;
}

.r-form input:disabled {
    border-width: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.r-form input[type=checkbox] {
    flex: initial;
    height: 16px;
}

.r-form textarea,
.r-form select,
.r-form .m-dropdown,
.r-form .m-multi-select,
.r-form .m-complex-dropdown,
.r-form input:not([readonly="readonly"]):not([type=checkbox]) {
    border-style: solid;
    border: 1px solid transparent;
    border-bottom-color: #d9d9d9;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.r-form textarea:focus,
.r-form select:focus,
.r-form input:not([readonly="readonly"]):not([type=checkbox]):focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.r-form .m-dropdown,
.r-form .m-multi-select,
.r-form .m-complex-dropdown {
    flex: 1;
    display: flex;
    width: 138px;
    height: 24px;
    overflow: hidden;
}

.r-form .m-dropdown.focus,
.r-form .m-multi-select.focus,
.r-form .m-complex-dropdown.focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.r-form .m-dropdown .fa-triangle,
.r-form .m-multi-select .fa-triangle,
.r-form .m-complex-dropdown .fa-triangle {
    font-size: 12px;
    line-height: 26px;
}

.r-form .m-dropdown input,
.r-form .m-multi-select input,
.r-form .m-complex-dropdown input {
    height: auto;
    border-width: 0!important;
    box-shadow: none!important;
    border-radius: 4px;
}

.r-form .m-dropdown,
.r-form .m-multi-select {
    display: flex;
}

/* 自定义报表样式 */
.con-area .s-green {
    color: #7cb638;
}

.con-area .s-blue {
    color: #3481de;
}

.con-area i:hover .u-icon {
    color: #fff;
}

.con-area i:hover .s-bluegray {
    background-color: #7592a4;
}

.con-area i:hover .s-green {
    background-color: #7cb638;
}

.con-area i:hover .s-blue {
    background-color: #3481de;
}

.font-20{
    font-size: 20px;
}


.cusListPanel {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -300px;
    width: 650px;
    height: 500px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #979999;
}

.cusListPanel>.content {
    font-size: 13px;
    height: 347px;
    display: flex;
    flex-direction: row !important;
    padding: 0 21px;
    justify-content: space-between;
}

.cusListPanel>.content>.grid {
    height: 100% !important;
}

.cusListPanel>.footer {
    /* height: 64px; */
    padding: 0 21px;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.cusListPanel .checkItem{
    width: 130px;
    float: left;
    margin-right: 20px;
    height: 28px;
    display: block;
}

.cusListPanel .type{
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    cursor: pointer;
    width: 600px;
    font-weight: bold;
    color: #737272;
}

/* 自定义条件生成面板 */
.cus-nav{
    width:100% !important;
    display: inline-block !important;
}

.cus-nav .m-multi-select{
    flex: 1;
    display: flex;
    /* width: 100%; */
    height: 24px;
    overflow: hidden;
    width: 138px;
    float: right;
    position: relative;
    cursor: pointer;
}

.cus-nav .m-multi-select .fa-triangle{
    visibility: visible;
}

.cus-nav>div{
    margin-right: 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 34px;

    flex: 1;
    float: left;
}

.cus-nav .nav-lable{
    float: left;
    margin-right: 5px !important;
    line-height: 22px;
}

.cus-nav .u-btn-cancel {
    width: 90px;
    height: 24px;
    background-color: #d6d6d4;
    border-radius: 4px;
    margin-left: 10px;
}


/* aside */
.link-main{
    line-height: 50px;
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    cursor: pointer;
    height: 50px;
}

.link-main i{
    float: left; margin-left: 10px;font-size: 40px;
}

.link-main span{
    float: left;margin-left: 4px;
}

.aside-search input{
    border-radius:11px;
    width: 140px;
    background: url(../../img/search.png) no-repeat 4px center;
    text-indent: 16px;
    border: 0px solid #d2cfcf !important;
    color: #797575;
    font-size: 12px;
}
.aside-search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    rgb(179, 176, 179); }

.aside-search-list{
    z-index: 9999;
    position: fixed;
    background-color: #fff;
    width: 240px;
    margin-top: 5px;
    /* border: 1px solid #cccaca; */
    box-shadow: 4px 4px 5px #e0dede;
    border-radius: 4px;
}
.aside-search-list div{
    line-height: 20px;
    cursor: pointer;
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aside-search-list p{
    padding: 5px;
    text-align: center;
}

.aside-search-list p span{
    padding: 3px;
    font-size: 14px;
    cursor: pointer;
}

.aside-search-list div:hover{
    background-color: #ffb822;
}
.searh-selected{
    background-color: #ffb822;
}
.c-gray{
    color: #a09d9d !important;
}


.asdide-service{
    /* width: 160px; */
    /* height: 175px; */
    background: #FFFFFF;
    margin-top: 10px;
}

.asdide-service p{
    line-height: 20px;
}

.asdide-service .line{
    line-height: 35px;
    margin-bottom: 5px;
}

.asdide-service .jobhead{
    float: left;
    margin-right: 8px;
    margin-top: 10px;
    margin-left: 10px;
}

.asdide-service p img{
    height: 8px;
}

.aside-kf{
    width: 23px;
    height: 23px;
    background: url(../../img/kf.png) no-repeat 4px center;
    margin-right: 8px;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
}

.aside-qq{
    width: 23px;
    height: 23px;
    background: url(../../img/qq.png) no-repeat 4px center;
    margin-right: 8px;
    margin-top: 10px;
    margin-left: 5px;
    float: left;
}

.asdide-title{
    width: 100%;
    line-height: 20px;
    text-indent: 32px;
    padding-top: 7px;
}

.asdide-phone{
    width: 100%;
    line-height: 16px;
    text-indent: 32px;
}

.email-tips{
    background: none !important;
    box-shadow:none !important;
}

.email-tips-main{
    background:url(../../img/expire-tips.png) no-repeat 4px center;
    width:450px;
    height:430px;
}

.email-tips-main p{
    width:333px;
    margin-left:60px;
    margin-right: 60px;
    font-size: 14px;
    line-height: 30px;
}

.email-tips-title{
    font-size: 18px !important;
    font-weight: 800;
    color: #333333;
    line-height: 60px !important;
    text-indent: 130px;
}

.email-tips-main button{
    width: 101px;
    height: 32px;
    background: #333333;
    border-radius: 4px;
    color: rgba(252, 231, 187, 1);
    margin-left: 175px;
    margin-top: 50px;
}

.layui-layer-ico{
    background: url(../../img/tips-close.png) no-repeat !important;
    background-position:0 !important;
}

.modal-email-tips{
    position: relative;
    height: 100%;
    outline: 0;
    background-clip: padding-box;
}

 .ag-theme-fresh .ag-header-cell, .ag-theme-fresh .ag-header-group-cell{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ag-header-cell-text{
    margin-left: 4px !important;
    margin-right: -4px !important;
}

#loantable2-detail .ag-header-cell-text{
    margin-left: 0px !important;
    margin-right: -0px !important;
}

#loantable2-detail .ag-header-cell-label{
    width: 100% !important;
}

.ag-money{
    margin-left: 4px;
}
.money-unit{
    font-size: 10px;
    font-weight: 400;
    float: right;
    position: relative;
    right: 2px;
    bottom: -7px;
    color: #aaa;
}

.aside-featurePoll{
    padding: 8px;
}
.aside-featurePoll div div{
   padding-bottom: 4px;
   height: 20px;
   display:flex;
}

.setTop>div:nth-child(n) b{
	color:#989494;
 }
 .setTop>div:nth-child(1) b{
	color:red;
 }
 .setTop>div:nth-child(2) b{
	color:#ff8f00;
 }
 .setTop>div:nth-child(3) b{
	color:#f1da2a;
 }

.aside-featurePoll p{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 15px;
 }
 .aside-hotTips{
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 0 8px;
 }
 .aside-hotTips i{
	font-size: 12px;
 }
 .aside-hotTips .aside-hotTips-turn{
	display: flex;
	/* width: 48px; */
	align-items: center;
    justify-content: space-between;
 }
 .aside-hotTips .aside-hotTips-turn div{
	width: 17px;
    display: flex;
    justify-content: center;
    height: 17px;
    align-items: center;
	background-color: #e0e0e0;
	color:white;
	border:1px solid transparent;
	border-radius:50px;
 }

 .r-form >div {
    display: flex;
    align-items: center;
    width:200px;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
}

.r-form >div>* {
    vertical-align: text-bottom;
}

.r-form >div>span {
    font-size: 12px;
}

.r-form >div input,
.r-form >div textarea,
.r-form >div select {
    flex: 1;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.r-form >div {
    margin-right: 20px;
}

.r-form label,
.r-form input {
    font-size: 12px;
}

.r-form label {
    margin-right: 10px;
}

.r-form input,
.r-form textarea,
.r-form select {
    padding: 4px 3px;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 0;
}

.r-form input {
    height: 24px;
}

.r-form input:disabled {
    border-width: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.r-form input[type=checkbox] {
    flex: initial;
    height: 16px;
}

.r-form .fa-search {
    padding: 0 6px;
    color: #999;
    cursor: pointer;
}

.r-form textarea,
.r-form select,
.r-form .m-dropdown,
.r-form .m-multi-select,
.r-form .m-complex-dropdown,
.r-form input:not([readonly="readonly"]):not([type=checkbox]) {
    border-style: solid;
    border: 1px solid transparent;
    border-bottom-color: #d9d9d9;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.r-form textarea:focus,
.r-form select:focus,
.r-form input:not([readonly="readonly"]):not([type=checkbox]):focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.r-form .m-dropdown,
.r-form .m-multi-select,
.r-form .m-complex-dropdown {
    flex: 1;
    display: flex;
    width: 138px;
    height: 24px;
    overflow: hidden;
}

.r-form .m-dropdown.focus,
.r-form .m-multi-select.focus,
.r-form .m-complex-dropdown.focus {
    border-color: #66afe9;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.r-form .m-dropdown .fa-triangle,
.r-form .m-multi-select .fa-triangle,
.r-form .m-complex-dropdown .fa-triangle {
    font-size: 11px;
    line-height: 26px;
}

.r-form .m-dropdown input,
.r-form .m-multi-select input,
.r-form .m-complex-dropdown input {
    height: auto;
    border-width: 0!important;
    box-shadow: none!important;
    border-radius: 4px;
}

.r-form .m-complex-dropdown.disabled button {
    color: #808080;
}

.r-form .m-dropdown,
.r-form .m-multi-select {
    display: flex;
}

.r-form .m-multi-select {
    position: relative;
}

.r-form .m-multi-select .m-list-selected {
    display: flex;
    position: absolute;
    left: 0;
    right: 18px;
    height: 100%;
    overflow: hidden;
}

.r-form .m-multi-select .m-list-selected li {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin-left: 10px;
    background-color: #d4d8d9;
    color: #333;
    font-size: 12px;
    border-radius: 2px;
}

.r-form .m-multi-select .m-list-selected li .u-btn-delete {
    font-size: 14px;
}

.r-form .m-multi-select .fa-triangle {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.r-form .m-multi-select .fa-triangle.radio {
    position: relative;
    right: 0;
    cursor: pointer;
}

.r-form .m-checkbox {
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    border-radius: 1px;
    line-height: 14px;
}

.r-form .m-checkbox.checked {
    border-color: #333;
    background-color: #333;
    color: #fff;
}

.r-form .m-checkbox.checked .fa-selected {
    vertical-align: super;
    visibility: visible;
}

.r-form .m-checkbox.disabled {
    border-color: #bbb;
    background-color: transparent;
}

.r-form .m-checkbox.disabled.checked {
    border-color: #999;
    background-color: #999;
}

.r-form .m-checkbox .fa-selected {
    visibility: hidden;
    font-size: 14px;
}

.r-form  > div.multiple {
    width:250px;
}
.r-form .u-btn-query {
    width: 90px;
    height: 24px;
    background-color: #ffb822;
    border-radius: 4px;
}
.r-form >div.rowdate {
    width:344px;
}
.r-form >div.separate{
    width:1px;
    border-left:1px solid rgb(216, 216, 216);
}
.r-form > div.twoinputwd {
    width:345px;
}
.r-form .r-radio>span{
    width: 80px;
}
.r-form .r-radio{
    width: auto!important;
}
.r-form .r-radio{
    display:flex;
    flex-direction: row;
    padding-top: 2px;
    height: 29px;
}
.r-form .r-radio>div{
    flex:1;
}
.r-form  .r-radio>div>span{
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}
.r-form  .r-radio>div>span>i{
    margin-bottom: -2px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #999999;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
}
.r-form  .r-radio>div>span b{
    display: inline-block;
    position: absolute;
    width: 6px !important;
    height: 6px !important;
    top: 3px;
    left: 3px;
    background: #999;
    border-radius: 50%;
}
.r-form>div em {
    color: red;
    padding-left: 3px;
    font-size: 12px;
    font-style: initial;
}
/* 解决客户下拉选文本过长 */
.select2-text-overflow-row .twoinputwd .select2-container--default .select2-selection--single,
.select2-text-overflow-row {
    height: 30px!important;
    margin:0!important;
}
.select2-text-overflow-row .twoinputwd{
    height:30px!important;
}
.twoinputwd{
    transition:none;
}
.select2-text-overflow-form{
    height:80px;
}
.select2-text-overflow-row .twoinputwd .select2-selection__rendered{
    height: 100%;
    overflow-wrap: break-word!important;
    display: inline-block !important;
    line-height: 15px!important;
    white-space: normal!important;
}
.select2-drop-list-overflow{
    height: 100%;
    overflow-wrap: break-word!important;
    line-height: 15px!important;
    white-space: normal!important;
    display: flex!important;
    align-items: center!important;
}
.customer-info{
    display: flex;
    flex-wrap: wrap;
    line-height: 30px;
    align-items: center;
  }
  .customer-info>div>div{
    flex:1;
    display: inline-block;
    border-style: solid;
    border: 1px solid transparent;
    border-bottom-color: #d9d9d9;
    min-height: 30px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .customer-info>div{
    width: 235px;
    display: flex;
    align-items: center;
    margin-right: 20px;
  }
  .customer-info>span{
    min-width: 235px;
    align-items: center;
    margin-right: 20px;
  }
  .customer-info>span>span{
    min-width:180px;
    min-height: 30px;
    display: inline-block;
    border-style: solid;
    border: 1px solid transparent;
    border-bottom-color: #d9d9d9;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .customer-info li{
    float:left;
  }

  .confirm_goods_del{
    width: 60px;
    border: 1px solid #bdc3c7;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 8px;
    margin-left: auto;
    padding: 4px 10px;
    cursor: pointer;
  }
  /* --------------------------------------------------新手教程--------------------------------------------------- */
  .guidemark{
      display: none;
  }
  .guidemarkshow{
    display: block;
}
.guideLogoBtn{
    line-height: 28px;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
  }
  .guideLogo{
    cursor: pointer;
    width:26px;
    height:26px;
    float: left;
    margin-right: 5px;
    background: url("../../img/guide/guidelogo.png") no-repeat 0% 100%;
  }
  .guideLogo:hover{
    background: url("../../img/guide/guidelogo.png") no-repeat 0% 0%;
  }
  .guideImgBox{
    position: absolute;
    z-index: 10;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    background: rgba(0, 0, 0, 0.5);
  }
  .guideImgBox img{
    width: 100%;
    height:100%;
  }
  .guideConfirm{
    position: absolute;
    z-index: 20;
    width: 450px;
    height:270px;
    bottom:50px;
    right:50px;
  }
  .gc_t{
    height: 200px;
  }
  .gc_t_close{
    height: 38px;
    text-align: right;
    margin-right: 30px;
  }
  .gc_t_closeBtn{
    border: 1px solid #FFFFFF;
    padding-left: 30px;
    line-height: 40px;
    padding-right: 30px;
    text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#FFFFFF;
    cursor: pointer;
    opacity: 0.4;
  }
  .gc_t_closeBtnHover{
    opacity: 1;
  }
  .gc_t_tip{
    height: 140px;
    width: 370px;
    background: url(../../img/guide/tip.png) no-repeat;
    color: #FFB823;
    /* font-size: 14px; */
    line-height: 40px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content:center ;
    justify-content:center;
    align-items:center;
  }
  .gc_t_tip_c{
    width: 200px;
  }
  .gc_t_tip p{
    height: 40px;
  }
  .gc_t_tip span{
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #FFB823;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
  }
  .gc_b{
    height: 100px;
    text-align: right;
    margin-right: 40px;
    margin-top: -30px;
  }
  .d-flex{
      display: flex;
  }

  .refresh-icon{
    text-align: center;
    color: #c5c5c5;
    cursor: pointer;
  }