/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a,
.skin-purple .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #333744;
}
.main-sidebar {
  top: 0 !important;
  background-color: #333744 !important;
}
.skin-purple .sidebar-menu > li.header {
  color: #7a8d96;
  background: #2f313d;
}
.skin-purple .sidebar-menu > li.active > a {
  border-left-color: #2f313d;
}
.skin-purple .sidebar a {
  color: #ffffff;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
  background: #404454;
  padding-left: 0;
}
.skin-purple .sidebar-menu .treeview-menu > li > a {
  color: #ffffff;
}
.skin-purple .sidebar-menu .treeview-menu > li > a:hover {
  background: #00c1de;
}
.skin-purple .sidebar-menu .treeview-menu > li > a i {
  opacity: 0;
  width: 20px;
}
.skin-purple .main-header .logo {
  color: #fff;
  border-bottom: 0 solid transparent;
}
b,
strong {
  font-weight: bolder;
}
.main-header .navbar,
.main-header .sidebar-toggle {
  height: 50px;
}
.main-header .logo .logo-lg {
  display: inline-block;
}
.main-header .sidebar-toggle {
  display: inline-block;
  background-color: transparent;
  background-image: none;
  padding: 0px 11px;
  font-family: fontAwesome;
  float: right;
}
.user-panel {
  overflow: visible !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.skin-purple .main-header .logo {
  background-color: #333744;
}
.logo-lg {
  float: left;
}
.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
  color: #fff;
}
.user-actions .notifications-menu .fa {
  color: #fff;
}
.user-actions .user-menu {
  margin-top: 4px;
  text-align: right;
}
.user-actions {
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-actions li {
  display: block;
  padding: 0;
}
.user-actions .user-menu {
  margin-top: 4px;
  text-align: right;
}
.user-actions .dropdown-menu {
  left: auto;
  right: 0;
  padding: 0;
}
.user-actions .dropdown-menu .header {
  background: #edf0f6;
  padding: 5px;
  color: #666666;
  font-weight: normal;
  font-size: 13px;
}
.user-actions .dropdown-menu ul {
  padding: 5px 0px;
}
.user-actions .dropdown-menu ul li {
  padding: 0 10px;
}
.user-actions .dropdown-menu ul a {
  display: block;
  color: #333333;
  font-size: 12px;
  border-bottom: 1px solid #fafafa;
  line-height: 26px;
  text-decoration: none;
}
.user-actions .dropdown-menu ul a label {
  margin-top: 4px;
}
.user-actions .dropdown-menu ul li:hover {
  background-color: #f1f1f1;
}
.user-actions .notifications-menu .fa {
  color: #fff;
}
.user-actions a {
  text-decoration: none;
}
.user-panel {
  overflow: visible !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-sidebar {
  top: 0 !important;
  background-color: #333744 !important;
}
.main-sidebar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  display: none;
}
.main-sidebar .sidebar {
  border-top: 1px solid transparent;
  padding-top: 40px;
}
.main-header {
  position: fixed;
  display: table;
}
.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a,
.skin-purple .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #333744;
}
.skin-purple .sidebar-menu > li.header {
  color: #7a8d96;
  background: #2f313d;
}
.skin-purple .sidebar-menu > li.active > a {
  border-left-color: #2f313d;
}
.skin-purple .sidebar a {
  color: #ffffff;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
  background: #404454;
  padding-left: 0;
}
.skin-purple .sidebar-menu .treeview-menu > li > a {
  color: #ffffff;
}
.skin-purple .sidebar-menu .treeview-menu > li > a:hover {
  background: #00c1de;
}
.skin-purple .sidebar-menu .treeview-menu > li > a i {
  opacity: 0;
  width: 20px;
}
.main-footer {
  display: none !important;
}
.cancel-box-on,
.cancel-box-off {
  background-color: #00c1de !important;
  line-height: 15px !important;
  right: -8px !important;
  font-size: 14px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
}
.cancel-box-on i,
.cancel-box-off i {
  font-size: 12px;
  font-weight: normal;
}
.skin-purple .main-header .logo {
  background-color: #333744;
}
.skin-purple .main-header .logo:hover {
  background-color: #333744;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
.box {
  border-radius: 0 !important;
  box-shadow: none;
}
.box .headBox {
  background: #fff;
}
.modal-backdrop {
  z-index: 50;
}
.modal-dialog .modal-footer {
  text-align: right;
}
.main-header .logo {
  height: 40px !important;
  line-height: 40px !important;
}
.popup-page .popup-box {
  position: relative;
}
.popup-page .popup-box .popup-box-hd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #3b8dbc;
  height: 40px;
  z-index: 9999999;
}
.popup-page .popup-box .popup-box-hd h3 {
  margin: 0;
  padding: 10px;
  font-size: 20px;
}
.popup-page .popup-box .popup-box-hd .btn-box-tool {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
}
.popup-page .popup-box .popup-box-bd {
  height: 100%;
  width: 100%;
  overflow: scroll;
  box-sizing: border-box;
  padding-top: 37px;
}
.popup-page .popup-box .popup-box-bd .float-dialog {
  z-index: 9999999;
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
  background-color: #edf0f6;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 99999999 !important;
}
.popup-page .box-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
}
.popup-page > .popup-box > .box > .box-body {
  margin-top: 50px;
}
.box-header .box-title {
  margin-top: 5px;
}
.ant-card-grid {
  box-shadow: 1px 0 0 0 #f1f1f1, 0 1px 0 0 #f1f1f1, 1px 1px 0 0 #f1f1f1,
    inset 1px 0 0 0 #f1f1f1, inset 0 1px 0 0 #f1f1f1 !important;
}
.table-query > div:first-child {
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.inputBox {
  width: 160px!important;
  margin: 0 10px 0 0!important;
}
.odd {
  min-width: 159px !important;
}
.table-query > div input:focus {
  z-index: 9;
}
.table-query > div .date .input-group-addon {
  display: none;
}
.table-query > div button[type="submit"] {
  margin-top: -1px;
}
.box-body {
  padding: 0 !important;
}
.box-body > .table {
  margin-bottom: 10px;
}
.table-query .status-bar {
  width: 100%;
}
.table-query .status-bar .pull-right {
  width: auto;
}
.on .word {
  font-size: 14px;
  font-family: Arial, \\5fae\8edf\6b63\9ed1\9ad4;
  padding: 0 10px;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  background-color: #ecf0f5;
}
.content-wrapper,
.right-side {
  min-height: 100%;
  background-color: #eaf1f6;
  z-index: 800;
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.on {
  background-color: #ecf0f5;
  border-bottom: 0;
}
.cancel-box-on {
  display: none;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #3b8dbc;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: -5px;
  right: -10px;
  color: #ecf0f5;
  z-index: 999999;
}
div.tb:hover .cancel-box-off,
div.tb:hover .cancel-box-on,
div.tb:hover .Preview_box {
  display: block;
}
div#pageContent {
  margin-top: 55px !important;
}
div#pageContent > section.content {
  padding-top: 0 !important;
  padding-left: 15px !important;
}
.Drawe_clone {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px;
  background: #fff;
  text-align: left;
}
.myfileselector .imageHolder li div img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle;
}
body .ant-table-footer {
  padding: 16px 0;
}
.none {
  display: none;
}
.remark {
  max-width: 200px;
  white-space: normal;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.pointer {
  cursor: pointer;
}
.selectpicker .ant-select-selection {
  border-radius: 0;
}
.ant-drawer-body {
  padding: 24px 24px 140px 24px!important;
}
.textAligncenter {
  text-align: center;
}
.p10px {
  padding: 10px 0;
}
.pt25px {
  padding-top: 25px;
}
.hovercecece {
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.hovercecece:hover {
  color: #fff;
  background: #cecece;
}
.label {
  font-size: 12px;
}
@font-face {
  font-family: anticon;
  src: url("https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot");
  src: url("https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff") format("woff"), url("https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf") format("truetype"), url("https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont") format("svg");
}
#login .focus-input100.password:after {
  content: "\E67B";
}
aside.main-sidebar {
  position: fixed;
  top: 30px;
  left: 0;
  z-index: 50;
  height: 100%;
  overflow: auto;
}
.sidebar-collapse .tab-bar {
  padding-left: 50px;
}
.status-bar-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.status-bar-flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.status-bar {
  height: 66px;
  background: #eaf1f6;
}
.status-bar .split {
  margin: 0 5px;
  color: #ccc;
}
.status-bar .btn {
  min-width: 140px;
}
.status-bar .btn .badge {
  font-size: 14px;
  margin-left: 12px;
}
.status-bar .btn-flat {
  border-radius: 8px !important;
}
.status-bar .btn-transparent {
  border: none;
  font-size: 14px;
  height: 34px;
  background: transparent;
}
.status-bar .btn-transparent-warning {
  color: #cfb62d;
}
.status-bar .btn-transparent-warning .badge {
  color: #fff;
  background: #cfb62d;
}
.status-bar .btn-transparent-warning:hover {
  color: #fff;
  background: #cfb62d;
}
.status-bar .btn-transparent-warning:hover .badge {
  color: #cfb62d;
  background: #fff;
}
.status-bar .btn-transparent-success {
  color: #00c700;
}
.status-bar .btn-transparent-success .badge {
  color: #fff;
  background: #00c700;
}
.status-bar .btn-transparent-success:hover {
  color: #fff;
  background: #00c700;
}
.status-bar .btn-transparent-success:hover .badge {
  color: #00c700;
  background: #fff;
}
.status-bar .btn-transparent-black {
  color: #555859;
}
.status-bar .btn-transparent-black .badge {
  color: #fff;
  background: #555859;
}
.status-bar .btn-transparent-black:hover {
  color: #fff;
  background: #555859;
}
.status-bar .btn-transparent-black:hover .badge {
  color: #555859;
  background: #fff;
}
.status-bar .btn-transparent-red {
  color: #a83737;
}
.status-bar .btn-transparent-red .badge {
  color: #fff;
  background: #a83737;
}
.status-bar .btn-transparent-red:hover {
  color: #fff;
  background: #a83737;
}
.status-bar .btn-transparent-red:hover .badge {
  color: #a83737;
  background: #fff;
}
.status-bar .btn-transparent-warning-choose {
  color: #fff;
  background: #cfb62d;
}
.status-bar .btn-transparent-warning-choose .badge {
  color: #cfb62d;
  background: #fff;
}
.status-bar .btn-transparent-success-choose {
  color: #fff;
  background: #00c700;
}
.status-bar .btn-transparent-success-choose .badge {
  color: #00c700;
  background: #fff;
}
.status-bar .btn-transparent-black-choose {
  color: #fff;
  background: #555859;
}
.status-bar .btn-transparent-black-choose .badge {
  color: #555859;
  background: #fff;
}
.status-bar .btn-transparent-red-choose {
  color: #fff;
  background: #a83737;
}
.status-bar .btn-transparent-red-choose .badge {
  color: #a83737;
  background: #fff;
}
.status-bar .config-bar .btn {
  margin-left: 10px;
  min-width: 78px;
  width: auto;
}
.status-bar .config-bar .btn-yellow {
  color: #fff;
  background: #cfb62d;
}
.status-bar .config-bar .btn-yellow:hover {
  background: #ab9622;
}
.status-bar .config-bar .btn-blue {
  color: #fff;
  background: #2dbfcf;
}
.status-bar .config-bar .btn-blue:hover {
  background: #21a3b1;
}
.status-bar .config-bar .btn-green {
  color: #fff;
  background: #99cf2d;
}
.status-bar .config-bar .btn-green:hover {
  background: #76a519;
}
.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #b94a48 !important;
}
.btn-default {
  background-color: #ffffff;
  color: #444;
  border-color: #ddd !important;
}
.btn {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.table td {
  vertical-align: middle !important;
}
.money-text,
.td-number {
  font-weight: bolder;
  text-align: right;
}
.money-text {
  color: #ff5722;
  font-size: 20px;
}
.btn-group .btn-group + .btn {
  margin-left: 0 !important;
}
.extensible > td:first-child {
  padding-left: 10px;
  position: relative;
}
.rowselected {
  background-color: #e2eff7 !important;
}
.rowselected > td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  background: #367fa9;
}
.rowselected.extensible > td:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  border: 5px solid;
  border-color: transparent transparent transparent #367fa9;
}
.extensible > td:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border: 5px solid;
  border-color: transparent transparent transparent #757575;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.rowselected > td:first-child {
  position: relative;
}
.table-query div.form-group {
  margin-right: 5px;
}
.table-query > div:first-child {
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.treeview-menu > li > a,
body {
  font-family: 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1' !important;
  font-size: 12px !important;
}
.font12 {
  font-size: 12px;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 0 !important;
}
.total-row {
  background-color: #f3f3f3;
}
.red {
  color: red;
}
.green {
  color: green;
}
.COFFEE {
  background-color: #cc9966;
}
.black {
  background-color: #000000;
}
span.ball {
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 60px;
  margin: 1px;
}
.modal-header {
  text-align: center;
}
.modal-header .btn-default {
  left: 24px;
  position: absolute;
}
.modal-header .btn-primary {
  position: absolute;
  left: 80px;
}
.modal-header h4 {
  display: inline-block;
}
.editable-add {
  margin-right: 10px;
  margin-bottom: 10px;
}
body .ant-table-footer {
  padding: 0;
}
.ant-table-tbody .ant-table-row .ant-table-row-expand-icon-cell .ant-table-row-expanded {
  color: #fff;
  background: #cc3800;
}
.ant-table-tbody .ant-table-row .ant-table-row-expand-icon-cell .ant-table-row-collapsed {
  color: #fff;
  background: #00c800;
}
.ant-table-content .ant-table-body .ant-table-thead {
  font-size: 14px;
  font-weight: bold;
  background: #d9dad5;
}
.ant-modal-header {
  font-size: 16px;
  font-weight: bold;
  color: #65675d;
  background: #d9dad5;
}
.table-query-content .form-control,
.table-query-content .bootstrap-select,
.table-query-content .selectpicker,
.table-query-content .ant-calendar-picker,
.table-query-content .ant-select {
  width: 166px;
  margin-right: 26px;
  margin-bottom: 10px;
  border-radius: 4px;
  vertical-align: top;
}
.table-query-content .selectpickerWidth {
  width: 210px !important;
  margin-right: 26px;
  margin-bottom: 10px;
  border-radius: 4px !important;
  vertical-align: top;
}
.table-query-content .selectpickerWidth .ant-select-selection {
  width: 210px !important;
  margin-right: 26px;
  margin-bottom: 10px;
  border-radius: 4px !important;
  vertical-align: top;
}
.table-query-content .search-btn-content {
  text-align: center;
}
.table-query-content .search-btn-content .btn {
  width: 176px;
  border-radius: 6px;
  background: #d3a64e;
}
.table-query-content .search-btn-content .btn:hover {
  border: 1px solid #e6b555;
  background: #e6b555;
}
.table-query-content .search-btn-content .btn:focus {
  border: 1px solid #e6b555;
  background: #e6b555;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body {
  overflow: inherit !important;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
  padding: 0;
  background: #d9dad5;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header {
  padding: 30px !important;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header .btn-default {
  color: #d91111;
  border: 1px solid #d91111 !important;
  border-radius: 4px;
  background: transparent;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header .btn-default:hover {
  color: #fff;
  background: #d91111;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header .btn-primary {
  color: #079029;
  border: 1px solid #079029 !important;
  border-radius: 4px;
  background: transparent;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header .btn-primary:hover {
  color: #fff;
  background: #079029;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title .modal-header h4 {
  margin-bottom: 0 !important;
  font-size: 18px;
  color: #484b3a;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .Drawe_clone {
  z-index: 99999;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .Drawe_clone .btn-default {
  color: #d91111;
  border: 1px solid #d91111 !important;
  border-radius: 4px;
  background: transparent;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .Drawe_clone .btn-default:hover {
  color: #fff;
  background: #d91111;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .Drawe_clone .btn-primary {
  color: #079029;
  border: 1px solid #079029 !important;
  border-radius: 4px;
  background: transparent;
}
.ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .Drawe_clone .btn-primary:hover {
  color: #fff;
  background: #079029;
}
.btn-config-bar .btn,
.ant-dropdown-menu .btn {
  color: #6d6a6a !important;
  border: 1px solid #6d6a6a !important;
  border-radius: 4px !important;
  margin-right: 4px !important;
  margin-bottom: 4px !important;
  background: transparent !important;
}
.btn-config-bar .btn-primary:hover,
.ant-dropdown-menu .btn-primary:hover {
  color: #fff !important;
  border: 1px solid #20b226 !important;
  background: #20b226 !important;
}
.btn-config-bar .btn-info:hover,
.ant-dropdown-menu .btn-info:hover {
  color: #fff !important;
  border: 1px solid #b09e19 !important;
  background: #b09e19 !important;
}
.btn-config-bar .btn-success:hover,
.ant-dropdown-menu .btn-success:hover {
  color: #fff !important;
  border: 1px solid #84a60c !important;
  background: #84a60c !important;
}
.btn-config-bar .btn-warning:hover,
.ant-dropdown-menu .btn-warning:hover {
  color: #fff !important;
  border: 1px solid #0f8fa5 !important;
  background: #0f8fa5 !important;
}
.btn-config-bar .btn-danger:hover,
.ant-dropdown-menu .btn-danger:hover {
  color: #fff !important;
  border: 1px solid #7b09a1 !important;
  background: #7b09a1 !important;
}
.btn-config-bar .jinyong,
.ant-dropdown-menu .jinyong {
  border-color: #7b09a1 !important;
  color: #7b09a1 !important;
}
.btn-config-bar .btn-default:hover,
.ant-dropdown-menu .btn-default:hover {
  color: #fff !important;
  border: 1px solid #b56d14 !important;
  background: #b56d14 !important;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.box .box-header .ant-btn {
  color: #416470;
  border: 1px solid #416470;
}
.box .box-header .ant-btn:hover {
  color: #416470;
  border: 1px solid #416470;
}
.box .box-header .ant-btn:focus {
  color: #416470;
  border: 1px solid #416470;
}
.expand-table-cell th,
.expand-table-cell td {
  text-align: center;
}
.select_box_angus {
  display: inline-block;
  line-height: 30px;
  height: 34px;
  padding: 0rem 11px;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
  border-radius: 5px;
  width: 133px;
  position: relative;
  transition: all .2s;
  margin-right: 26px;
  top: -1px;
}
.select_box_angus .select_bg_a {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}
.select_box_angus .show_content_a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.select_box_angus .content_a {
  position: absolute;
  border: 1px solid #d9d9d9;
  background: #fff;
  overflow: hidden;
  z-index: 2;
  top: 27px;
  min-width: 133px;
  left: -1px;
}
.select_box_angus .content_a .btn_list_a {
  color: #666;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}
.select_box_angus .content_a .btn_list_a button {
  background: #fff;
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  border: none;
}
.select_box_angus .content_a .btn_list_a button:first-child {
  border-right: 1px solid #d9d9d9;
}
.select_box_angus .content_a .select_option_a {
  color: #666;
  padding: 0rem 10px;
  height: 160px;
  overflow: scroll;
}
.select_box_angus .content_a .select_option_a p {
  position: relative;
}
.select_box_angus .close_content_a {
  height: 0px;
  width: 0px;
  top: 30px;
  border: none;
}
.select_box_angus .selecting_a {
  position: absolute;
  right: 4px;
}
.select_box_angus .selecting_a img {
  width: 10px;
  height: 10px;
}
.color_999 {
  color: #999 !important;
}
.color_28b62f {
  color: #28b62f;
}
.spanhidden {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
  height: 24px;
  display: block;
}
.ModalBasic .bf-content {
  background: #3333330d;
}
.panelHead {
  padding: 0 0 10px 10px;
}
.serssionBox .serssionC {
  border-bottom: 1px solid #d1d1d1;
}
.serssionBox .serssionC .ant-layout-header {
  background: #e2e2e2;
  padding: 0 10px;
}
.serssionBox .serssionC .ant-layout-header .inputB {
  max-width: 200px;
  min-width: 200px;
  width: 200px;
}
.serssionBox .serssionC .ant-layout-header .center {
  color: #006cff;
  font-size: 16px;
  text-align: center;
}
.serssionBox .serssionC .ant-layout.ant-layout-has-sider {
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content {
  background: #e4ebfe;
}
.serssionBox .serssionC .ant-layout-content .height45px {
  height: 45px;
  background-color: #cdcdcd;
  position: relative;
}
.serssionBox .serssionC .ant-layout-content .height45px .wh35px {
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 35px;
  overflow: hidden;
}
.serssionBox .serssionC .ant-layout-content .height45px .wh35px:hover {
  box-shadow: 0 0 20px 2px #ffffff;
  -webkit-box-shadow: 0 0 20px 2px #ffffff;
}
.serssionBox .serssionC .ant-layout-content .height45px .rightIcon {
  position: absolute;
  top: 6px;
  right: 41px;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Nzk3QkU4NjE3M0IxMUVBQTcyNEQwNzcxMEY4RTlBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Nzk3QkU4NzE3M0IxMUVBQTcyNEQwNzcxMEY4RTlBNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3OTdCRTg0MTczQjExRUFBNzI0RDA3NzEwRjhFOUE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3OTdCRTg1MTczQjExRUFBNzI0RDA3NzEwRjhFOUE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAIwAjAwERAAIRAQMRAf/EAJ0AAAMBAQAAAAAAAAAAAAAAAAYHCAUEAQADAQEAAAAAAAAAAAAAAAAEBQYHAxAAAQIDBgQCBQ0AAAAAAAAAAQIDEQQFACESExQGMUEVB3EiUWGBkVKxwTJCYoKSI4MkRBYXEQAABAMEBAoHCQAAAAAAAAAAAQIDERIFITFRBEGR0RPwYXGBwSIyYqIVobHhQoIzBvFyksLS8kODFP/aAAwDAQACEQMRAD8AevcnuTI7PkkIQgTNXmUkysqTBISLsxyF+GPAc/eQ5o9HVm1RPqtlefQXH6gtqNRTl04rO4ukxPFf3xuqvPKcqVRecQo3S6FFtlI9AbTBPz20LK01hgoISXLp1iQfzrrpxUo+jUMuSqlSkHQ9Izb0q6DEOMuKbVHxSRYlxlCygpJKLjKI4IdUg4pMyDe7b97pwzbNJ3S4HWnSEMVQgJUhRuAehAFP2+XOPESVX+m0ym4wUDK9OzZqFDTq0cSQ7+LaHjEWiBTiRN8196vbqqNScUVIceUiXHJLLZwtgfdHvtrdNypMMJQWFvLpGfZ183XVKPH0Dd7ct9v5+UnqLuhWkmptaFU+pQCMogEEZt4TGPBYw+2wFXPNtqS6x1kp7ScebZaDKcWXWk23bDO4/btsHDvfttX9qO5rydZSlkZFSZH5ZjwCxE4FeNx5E2702sNZooF1V6Unf7RxztNcYtO1GPC4CdmwXg+/0aqdOjqV6roHS44jDHroZkPj012LjGyHyhE9xS76fwXckwa+YKlvt3cvi/SAqqSLshUpuReBDsq84y4DxxNqKT8lnLLhOISorlER6wtdQaFGk9Bgh2L26re8HndEtqXk5ZSUzM06bklQJASgeZRgPD12X1OrNZQimiajuIgZkacvMHZYkrzB9Ut5bW2PtyZ2rS5t3cs28hTbyn1hUoyVDCUpF4hzwJjfxMbImae/nXifcSTKSuh2j4YnqDdzONZVs2kmbh8dxcMAl7WQmRpdEm9DqsJy9Frf09XpI+GOw3+lM0vel55JvUO25OWPdj4pQ1e93bebM45umksl1pwA1RhAipCkiGcAOKSB5vRx5mEt9N1dMpMOHAy7J9GzUH1apxx3qC+9tCnlK/WJOmTVMlZtbEjOkKm2WyE5mEEAKUPMUwP0YwtVLyra1ktSSNSbjwCFGYWlBoI4JVeOCxA4gh2VsqrbrqyJKSQUy6SDOThHkZb5knmo/VTz8LL6jUW8q3Mq/QWILyeTW+uVN2k8BSX+d7YwZeQrB0vo2HFdpseZ+PH5sXptnHmz8Yx/k3nxXaoaBZ+XtYe5JzbQSnhZaDRMvcbp3U5mPQNVjVHpeuxwjdmQ/bY/ihfG2l0ieQvnS9+T0e9ARNQlmP5ce7N+0ClE0OrTq9Flx/m6zL9uk88LNczPL1Zvhkj4rAAzLG2Xnm/KKg7d4P6wxl9LwYlYejY9ND15nnx/FivtmNWjvzjvP7O16LIYC4p/yi7HwXfaCWy0Gj//2Q==) no-repeat;
}
.serssionBox .serssionC .ant-layout-content .height45px .rightIcon2 {
  position: absolute;
  top: 6px;
  right: 104px;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QzBGNTQwMDE3M0IxMUVBOTA3RUZGNTE5NTE4RTBGNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QzBGNTQwMTE3M0IxMUVBOTA3RUZGNTE5NTE4RTBGNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlDMEY1M0ZFMTczQjExRUE5MDdFRkY1MTk1MThFMEY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlDMEY1M0ZGMTczQjExRUE5MDdFRkY1MTk1MThFMEY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAIwAjAwERAAIRAQMRAf/EAKQAAAICAwAAAAAAAAAAAAAAAAcIAwYCBAUBAAICAwAAAAAAAAAAAAAAAAUGBAcBAgMQAAAEAwcBBAcJAQAAAAAAAAECAwQREgUAIRMUFQYHMUFRcSJhgTJS01UXkcFikoOTJESUFhEAAQIEAQQNCAsAAAAAAAAAAQIDABESBAUhMVHRQWFxgZGh4SJikqITFbHBMkJSgjNT8PHC0vJDc4MUBhb/2gAMAwEAAhEDEQA/ADryTySx2eyIQhAc1dyURatRGBQKF2IpC+WPQO37RAzg+Dqu1TPNbGc+YbfkgbiOIpt06VnMPOYXiv743VXljKVKorKEMNzchhTRKHcCZYF++1hWuGsMCSEjd2eGFB+9ddM1KPm4I5bKqVJgqCzF2s1VAYgoioZM0fEohaS4yhYkpIUNsTjgh1SDNJIgvcb83PBdo0ndKgKpKiBEKoIAUxDDcALQgAl/H2dseoKWL/1tNJcYEiM6dWrghhw7GjMId62uDjELJEM8KZuqoVTdu8qg7bIqvDqKmBuikUxzFbpjKQAAoDdLCPpta9i0i0tkpUQmQyk6TnhBunF3DyiATl4oMTNzxsRogRXZq4KlTKBwNSRMMwAEYmlGPjZPcRelRk+JT+ZywxIVbSE2j1IkUf8AFySZlVdoKppEATHUNSJSlKF4iIiW4Lahq+JkHxP9XljJctQJlrsQN+Ttw8c1RgyT2swI1dJqmM4UTblbxTlhKMITX2Y8Gtbxpai+qpMsnOnlgNiVxbLSA0mRnolEX1GqmnRzJ81oGlxmGE+ehiQ9/LXTdY238IRXmFPfV9jNuVRr4gqnPl7untfdifixLclJ3/UGlKZpO37ZFw3cIuFBRKBCLEKY0wAa+YodlueNqZdtEqcUUoJSQQJ7BjfDA43cKCACoAjLk2YMuq8nfIKf/uN8Kyf3Fj8xfU5YY+9uvYT1uSKvXqpXKs7f0Hc9YabVbnQSAGpQK4zJFRNOYqymHCEsIF6WJ2rDTSUusIU+ZnLmpltCcQX3VuEtuqS0JDJnnPbyRyOWuP8AY1PpgVNs8TplQw4pNChEjoSlulTL7Imh7QeW0vAsVunF0KSVonn9nf2dzPEfFbBhCagaVaNMCbRHeRzUo4eSzv6ebykfCezX/JTVT0qd+iryQA7k0z6M+1TBn5Q2zuWg1lbe+0VDpKrJCnVSJEKcxQuirIYDAJTSBPdcIR74JuC3jL7YtbgTAPNn5N3RwQyYnbOtLL7Oz6WuBx9YuSPnJv2W/wAOzF/n7L5fGrXAbxe59viGqNSp8l71qjRVpUKgDlBYgpnKdu3jKbqAGBOYvqG3ZnB7ZpQUhMiOkrXHNzEX1iSlTG4NUZba25uXflfKQVFFgCXO1BWJiopBd1G6MA8pQ6+EbYvLtixanIDQkbJ+mcxm2t3bpzTpOiGK+ne2JMPANJpejSzXZafE/PP5pu+1eeLPznP8zvPezcEtiHDw9rR6lG9riyj0sNibCy8jadqbmOgZqc0dLz08I3YkP40/vQvjay8IroHxqenRxetKEnEKaj8OfRq/DFUomRzZc3ksOP8AdzmH68p54WK3NdPNq92ifayRAZpnlp36vsw0HHcn/MIYelyTGl0afLQ9OJ55/emvtWOLT78z7z9z0uLJLRDxh/wh6HuZvriy2GxNj//Z) no-repeat;
}
.serssionBox .serssionC .ant-layout-content .dialogPage {
  height: 503px;
  overflow: auto;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo {
  list-style-type: none;
  padding: 0 30px;
  overflow: scroll;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap {
  width: 100%;
  height: auto;
  margin: 10px 0;
  min-height: 110px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box {
  display: -webkit-flex;
  display: flex;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .xw-servicer-user {
  font-size: 12px;
  text-align: center;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .xw-servicer-user p {
  margin: 0;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .xw-servicer-user .xw-servicer-avantar {
  border-radius: 100%;
  height: 60px;
  width: 60px;
  margin-bottom: 10px;
  background: #999;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip {
  max-width: 429px;
  height: auto;
  min-height: 80px;
  border-radius: 8px;
  position: relative;
  padding: 10px;
  word-break: break-word;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip:before {
  content: "";
  position: absolute;
  overflow: hidden;
  border: 5px solid transparent;
  border-right-color: #ccc;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top: 0;
  border-right: 0;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip:after {
  content: "";
  /*转换为一个块元素*/
  display: block;
  /*清除两侧的浮动*/
  clear: both;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip .m4px {
  margin: 4px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip .typyImg {
  cursor: pointer;
  max-width: 300px;
  height: auto;
  background: #3333330d;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip .typepayimg {
  max-width: 560px;
  display: flex;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.bgff {
  color: #000;
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.bgff:before {
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type2 {
  padding: 20px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type2 span {
  padding-right: 30px;
  margin: 10px 0 0 0;
  width: 100px;
  display: inline-block;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type2 .btnbox {
  margin: 10px 0 0 0;
  text-align: center;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type2 .btnbox span {
  width: 141px;
  display: inline-block;
  text-align: center;
  border: 1px solid #999;
  border-radius: 100px;
  background: #fff;
  color: #0f0f0f;
  padding: 5px 0;
  margin: 0 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type4 {
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type4 .btnbox {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type4 .btnbox span {
  color: #000;
  background: #fff;
  font-size: 12px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 18px;
  width: 92px;
  height: 35px;
  line-height: 35px;
  margin: 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type8 {
  background: #fff;
  color: #000;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type8:before {
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type8 .colbo {
  padding-bottom: 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type8 .colbo span {
  width: 100px;
  display: inline-block;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.type8 .colbo input {
  width: 100px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox p,
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox ul {
  margin: 0;
  padding: 0;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox .btnbox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox .btnbox ul li {
  margin: 0 10px 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox .btnbox ul li .boxlist {
  width: 170px;
  height: 44px;
  color: #0f0f0f;
  background: #fff;
  display: flex;
  border: 1px solid #999;
  padding: 1px;
  align-items: center;
  border-radius: 22px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox .btnbox ul li .boxlist .left_box {
  width: 40px;
  height: 100%;
  text-align: right;
  padding: 7px 5px 0 0;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-wrap .servicer-wrap-box .tip.payBox .btnbox ul li .boxlist .right_box {
  width: 100px;
  height: 100%;
  line-height: 20px;
  text-align: left;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-right-wrap .servicer-wrap-box {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-right-wrap .servicer-wrap-box .xw-servicer-user {
  margin-left: 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-right-wrap .servicer-wrap-box .tip {
  background-color: #417ddf;
  color: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-right-wrap .servicer-wrap-box .tip:before {
  top: 31px;
  right: -5px;
  background-color: #417ddf;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-left-wrap .servicer-wrap-box .xw-servicer-user {
  margin-right: 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-left-wrap .servicer-wrap-box .tip {
  background-color: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .servicer-left-wrap .servicer-wrap-box .tip:before {
  top: 31px;
  left: -5px;
  background-color: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogPage .lstNo .rollOut {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #81744b;
  text-align: center;
}
.serssionBox .serssionC .ant-layout-content .dialogbox {
  height: 216px;
  background: #fff;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .headBox {
  padding: 6px 0 6px 50px;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .dialog {
  padding: 0 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .dialog .dialogInput {
  height: 140px;
  position: relative;
  background: #e4ebfe;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .dialog .dialogInput .textArea {
  width: 100%;
  height: 100%;
  resize: none;
  background: #e4ebfe;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .dialog .dialogInput .endSession {
  position: absolute;
  right: 100px;
  bottom: 10px;
}
.serssionBox .serssionC .ant-layout-content .dialogbox .dialog .dialogInput .send {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #fff;
  background: #00a157;
}
.serssionBox .serssionC .ant-layout-sider {
  background: #fff;
  color: #606060;
  height: 700px;
  overflow: scroll;
  padding-bottom: 50px;
}
.serssionBox .serssionC .ant-layout-sider p {
  margin: 0;
}
.serssionBox .serssionC .ant-layout-sider .ant-row {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  border-bottom: 1px solid #d1d1d1;
  padding: 0 10px;
}
.serssionBox .serssionC .ant-layout-sider .ant-row:hover {
  background: #78a1d8;
}
.serssionBox .serssionC .ant-layout-sider .ant-row.Clickrow {
  background: #78a1d8;
}
.serssionBox .serssionC .ant-layout-sider .ant-row .ant-col-16 {
  height: 50px;
  line-height: 25px;
}
.serssionBox .serssionC .ant-layout-sider .ant-row .ant-col-16 .message {
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.serssionBox .serssionC .ant-layout-sider .rightbox {
  padding: 0;
}
.serssionBox .serssionC .ant-layout-sider .rightbox li {
  padding: 10px;
  border-bottom: solid 1px #d1d1d1;
}
.serssionBox .serssionC .ant-layout-sider .rightbox li .playerbox {
  width: 40%;
  text-align: right;
}
.serssionBox .serssionC .ant-layout-sider .rightbox li .playerbox2 {
  width: 60%;
  text-align: left;
  color: #006cff;
}
.serssionBox .serssionC .ant-layout-sider .rightbox li span {
  display: inline-block;
}
/***********************动画。5s*************************/
.transtion_All {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
/*************************放大图片**************************/
.Big-Img-module .ant-modal-close {
  top: -15px;
  right: -13px;
}
.Big-Img-module .ant-modal-body {
  text-align: center;
}
.Big-Img-module .ant-modal-body .bigimg {
  max-width: 100%;
  height: auto;
  background: #3333330d;
}
.textAc {
  text-align: center;
}
.textAc .head {
  padding: 10px 0 0 0;
}
.bg999 {
  background: #999 !important;
}