/* 蓝色背景色 */
/* 侧边栏背景色 */
/* 后台头部背景色 */
/* 字体颜色 */
/*
* font color
*/
/*
* 字体类
*/
.rdp-font-12 {
  font-size: 12px;
}
.rdp-font-14 {
  font-size: 14px;
}
.rdp-font-15 {
  font-size: 15px;
}
.rdp-font-16 {
  font-size: 16px;
}
.rdp-font-18 {
  font-size: 18px;
}
.rdp-font-20 {
  font-size: 20px;
}
.rdp-font-22 {
  font-size: 22px;
}
.rdp-font-24 {
  font-size: 24px;
}
.rdp-font-26 {
  font-size: 26px;
}
.rdp-font-gray-primary {
  color: #333;
}
.rdp-font-gray-secondary {
  color: #666;
}
.rdp-font-gray-tertiary {
  color: #999;
}
.tableBG {
  background-color: white;
}
.tableBG .layui-table-view .layui-table td,
.layui-table-view .layui-table th {
  border-right: none !important;
}
/* sidebar导航栏样式 */
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-nav-item > a:hover {
  background-color: #E2E8F3 !important;
  color: #3A7FF6 !important;
}
.layui-nav-tree .layui-nav-bar {
  display: none;
}
.layui-form-danger {
  border: 1px solid crimson;
}
/* 覆盖 弹窗layer 样式*/
/*.layui-layer-content{
  max-height: 80vh;
  overflow: auto !important;
  background: #fff;
}*/
/*
* 覆盖默认的表单中label和input的样式，label和input分别独占一行
*/
/* tree grid 表格滚动条 */
.layui-table-body {
  overflow-x: auto !important;
  overflow-y: hidden;
}
.layui-table-fixed .layui-table-body {
  overflow: hidden !important;
}
/*
* 表单按钮组样式
*/
.collapse {
  display: none;
}
/* 覆盖类layui-btn-primary 默认的hover样式 */
.layui-btn-primary:hover {
  border: 1px solid #3A7FF6;
  color: #3A7FF6;
}
/* 覆盖当前分页默认背景色 */
.tableBG {
  background-color: white;
}
.tableBG .layui-table tr.layui-table-click {
  background-color: #E1F3FF !important;
}
/* 表格操作列的样式 */
.tb-action-line {
  display: inline-block;
  text-align: center;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
}
.tb-action-line:hover {
  background: #3A7FF6;
}
.tb-action-line:hover .tb-action-line-icon {
  color: #fff;
}
.tb-action-line:after {
  word-break: keep-all !important;
  white-space: nowrap !important;
}
.tb-action-line + .tb-action-line {
  margin-left: 4px;
}
.tb-action-line-icon {
  color: #3A7FF6;
}
/* 表格行单双行变色 */
tbody > tr:nth-child(n) {
  background: #FFF;
}
tbody > tr:nth-child(2n) {
  background: #FBFBFD;
}
thead > tr > th {
  border-right: 0.5px solid rgba(0, 0, 0, 0.08) !important;
}
thead > tr > th:last-child {
  border-right: none !important;
}
.layui-table tr {
  border-bottom: 1px solid #E7E7EB;
}
.layui-table td {
  border: none;
}
/* 覆盖 checkbox 样式*/
.layui-form-checked[lay-skin=primary] i {
  border-color: #3A7FF6;
  background-color: #3A7FF6;
}
/* input:focus */
.layui-input:focus,
.layui-textarea:focus {
  border-color: #3A7FF6;
}
.layui-input.layui-input-danger {
  border-color: crimson;
}
/* table td 换行显示 */
.layui-table-col-special .layui-table-cell {
  /* height: auto;
  line-height: 28px;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all; */
}

/* table td 换行显示 */
.layui-table-col-line-break .layui-table-cell {
  height: auto;
  line-height: 28px;
  overflow: visible;
  white-space: normal;
  word-break: break-all;
}

.layui-table td:hover .layui-table-grid-down {
  display: none;
}
.layui-table:not(.tree-table) + .layui-table-view .layui-table-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  height: auto;
}
.layui-table-tips .layui-table-tips-c {
  box-sizing: content-box;
}
/*滚动条样式*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  scrollbar-arrow-color: #00FFFF;
}
/* 滚动条方块*/
::-webkit-scrollbar-thumb {
  scrollbar-arrow-color: #000;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
/* 滚动条轨道*/
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
/*多选组件的颜色与主题一致*/
.xm-form-selected .xm-select,
.xm-form-selected .xm-select:hover {
  border-color: #3A7FF6 !important;
}
.xm-select-parent .xm-select-title div.xm-select-label > span {
  border-color: #3A7FF6 !important;
}
div[xm-select-skin] .xm-select-title div.xm-select-label > span {
  border: 1px solid #3A7FF6;
  background-color: #3A7FF6;
}
.xm-form-checkbox[lay-skin=primary]:hover i {
  border-color: #3A7FF6;
}
.xm-select-parent dl dd.xm-select-this i {
  background-color: #3A7FF6;
  border-color: #3A7FF6;
}
/*切换switch的颜色与主题一致*/
.layui-form-onswitch {
  border-color: #3A7FF6;
  background-color: #3A7FF6;
}
/*radio颜色与主题一致*/
.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #3A7FF6;
}
/*checkbox颜色与主题一致*/
.layui-form-checked i,
.layui-form-checked:hover i {
  color: #3A7FF6;
}
/*table鼠标悬浮颜色*/
.layui-table tbody tr:hover,
.layui-table-hover {
  background-color: #E1F3FF;
}
/*圆角的按钮*/
.layui-btn {
  border-radius: 2px;
}
/* 数据表格与搜索panel的间距不要过大 */
.layui-table,
.layui-table-view {
  margin: 0;
}
/*时间选择器的颜色*/
.layui-laydate-content td.laydate-selected {
  border-color: #E6F9FF;
  background-color: #E6F9FF !important;
}
.layui-laydate .layui-this {
  background-color: #11A0F8 !important;
}
.treeTable {
  overflow-y: auto;
}
.range-separator {
  line-height: 32px;
  text-align: center !important;
}
/*
* layer 弹窗样式覆盖
*/
.layui-layer {
  box-shadow: none !important;
  border-radius: 4px !important;
}
.layui-layer .layui-layer-title {
  border-radius: 4px 4px 0 0 !important;
}
.layui-layer .layui-layer-content {
  border-radius: 0px 0px 4px 4px !important;
}
.layui-layer .layui-layer-setwin {
  top: 13px;
  right: 24px;
}
.layui-layer .layui-layer-setwin .layui-layer-close {
  background: none;
  color: #777;
  font-size: 22px;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.layui-layer .layui-layer-setwin .layui-layer-close::after {
  content: '\e62c';
}
.layui-layer .layui-layer-setwin .layui-layer-close:hover {
  color: #f00;
}
.layui-layer-shade {
  opacity: 0.5 !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content {
  text-align: center;
  height: auto !important;
  position: absolute;
  padding: 0 !important;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content .pos-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn {
  border-top: 1px solid #E7E7EB;
  padding: 20px 0;
  height: 76px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a {
  height: 36px;
  margin: 0;
  width: 112px;
  text-align: center;
  line-height: 36px;
  border-radius: 4px;
  margin-left: 20px;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a:first-child {
  background: #fff;
  margin-left: 0;
  color: #3A7FF6;
  border: 1px solid #3A7FF6;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a:last-child {
  background: #3A7FF6;
  color: #fff;
  border: none;
}
.layui-layer-title {
  background: #F8F8FC !important;
  font-size: 16px !important;
}
.layui-layer.layui-layer-page:not(.search-layer, .popup-bottom-page) {
  border-radius: 4px !important;
  overflow: hidden;
  color: #333;
}
.layui-layer.layui-layer-page:not(.search-layer, .popup-bottom-page) .layui-layer-title {
  height: 50px;
  line-height: 50px;
  background: #F6F8FC;
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
}
.layui-layer.layui-layer-page:not(.search-layer, .popup-bottom-page) .layui-layer-setwin {
  top: 22px;
}
.popup-bottom-page .layui-layer-title {
  background: #fff !important;
  height: 60px;
  line-height: 60px;
  padding: 0 39px;
}
.popup-bottom-page .layui-layer-title .breadcrumb {
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 16px;
  color: #999999;
  letter-spacing: 0;
}
.popup-bottom-page .layui-layer-title .breadcrumb .bc-strong {
  color: #333333;
}
.popup-bottom-page .ws-modal-content {
  height: 100%;
  padding: 20px 0 20px 0;
  position: relative;
  box-sizing: border-box;
}
.popup-bottom-page .slide-page-body .ws-modal-content.vertical-form{
  padding: 0;
}
.popup-bottom-page .ws-modal-content .wsm-body {
  height: 100%;
  overflow-y: auto;
  background: #f4f5f9;
}
.popup-bottom-page .ws-modal-content .wsm-body .step-form{
  background: #fff;
  max-width: 1200px;
}
.popup-bottom-page .ws-modal-content .wsm-body .form-body {
  background: #fff;
}
.popup-bottom-page .ws-modal-content .wsm-body .info-group {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 56px;
}
.popup-bottom-page .ws-modal-content .wsm-body .info-group .info-title {
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 28px;
  height: 28px;
  border-bottom: 1px solid #E7E7EB;
  box-sizing: content-box;
  padding-bottom: 11.5px;
  margin-bottom: 12.5px;
}
.popup-bottom-page .ws-modal-content .wsm-body .info-group .info-body .info-item {
  margin-bottom: 14px;
}
.popup-bottom-page .ws-modal-content .wsm-body .info-group .info-body .info-item .item-label {
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 28px;
  width: 60px;
  margin-right: 29px;
  display: inline-block;
}
.popup-bottom-page .ws-modal-content .wsm-body .info-group .info-body .info-item .item-value {
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 28px;
}
.popup-bottom-page .ws-modal-content .wsm-footer {
  border-top: 1px solid #E7E7EB;
  line-height: 80px;
  text-align: center;
  background: #FFF;
}
.popup-bottom-page .ws-modal-content .wsm-footer .layui-btn {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  padding: 0 42px;
}
.popup-bottom-page .ws-modal-content .wsm-footer .layui-btn.cancel-btn {
  background: #FFFFFF;
  border: 1px solid #3A7FF6;
  color: #3A7FF6;
}
.popup-bottom-page .ws-modal-content .wsm-footer .layui-btn.confirm-btn {
  background: #3A7FF6;
  color: #fff;
}
.popup-bottom-page .layui-layer-setwin {
  top: 20px;
}
.popup-bottom-page .layui-layer-setwin a {
  color: #777777;
}
.layui-layer.search-layer {
  border-radius: 4px;
}
.layui-layer.search-layer .layui-layer-title {
  height: 50px;
  line-height: 50px;
  background: #F6F8FC;
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.layui-layer.search-layer .layui-table-header {
  background: #F6F8FC;
}
#adminPopupLoginForm + .layui-layer-setwin {
  display: none;
}
/* select下拉框组件 */
.layui-form-select .layui-this {
  background: #EEF4FF !important;
  color: #333333 !important;
}
.layui-form-select .layui-edge {
  border: none;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-top: -6px;
  color: #C5C5C5;
}
.layui-form-select .layui-edge:before {
  content: "\e60d";
  font-size: 14px;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.layui-laydate.layui-laydate-range {
  width: 722px;
  font-size: 0;
  box-sizing: border-box;
}
.layui-laydate.layui-laydate-range .layui-laydate-main {
  font-size: 14px;
}
.layui-laydate .layui-laydate-main {
  width: 360px;
}
.layui-laydate .layui-laydate-main .layui-laydate-header {
  height: 50px;
  box-sizing: border-box;
}
.layui-laydate .layui-laydate-main .layui-laydate-header .layui-icon {
  font-size: 14px;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 7px 0;
  border: none;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table thead tr th {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: none !important;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr:nth-child(2n) {
  background: #fff;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.laydate-selected {
  background: #EEF4FF;
}
.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this {
  background: #3A7FF6 !important;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-year-list li {
  border-radius: 4px;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-year-list li.layui-this {
  background: #3A7FF6 !important;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-year-list.layui-this {
  background: #3A7FF6 !important;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-month-list li {
  border-radius: 4px;
  width: 33.33333%;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-month-list li.layui-this {
  background: #3A7FF6 !important;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-time-list li ol li {
  padding-left: 48px;
  font-family: PingFang-SC-Medium;
  font-size: 14px;
  color: #333 !important;
  letter-spacing: 0;
  text-align: left;
}
.layui-laydate .layui-laydate-main .layui-laydate-content .laydate-time-list li ol li.layui-this {
  background: #EEF4FF !important;
}
.layui-laydate .layui-laydate-footer {
  height: 51px;
  box-sizing: border-box;
}
.layui-laydate .layui-laydate-footer .laydate-btns-time {
  color: #333333 !important;
}
.layui-laydate .layui-laydate-footer .laydate-btns-time:hover {
  color: #333333 !important;
}
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-clear,
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-now,
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-confirm {
  width: 68px;
  height: 32px;
  line-height: 32px;
  font-family: Microsoft YaHei, MicrosoftYaHei, PingFangSC-Regular, PingFangSC;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;
}
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-clear {
  background: #fff;
  color: #3A7FF6;
  border: 1px solid #3A7FF6;
}
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-now {
  background: #fff;
  color: #3A7FF6;
  border: 1px solid #3A7FF6;
}
.layui-laydate .layui-laydate-footer .laydate-footer-btns .laydate-btns-confirm {
  background: #3A7FF6;
  color: #fff;
  border: none ;
}