.new_ui.backend-pic {
  background-image: url("/assets/images/new_ui/login/bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.layui-tab-content .layui-show {
  margin: 0 0 0 15px;
  top: 15px !important;
}
.layui-fluid {
  padding: 0 !important;
}
.clear {
  clear: both;
}
.new_ui {
  /* 通知中心
   * ---------------------------------------- */
}
.new_ui .layui-layout-admin .layui-header a {
  padding: 0;
  margin: 0 15px;
}
.new_ui .login-window {
  width: 1128px;
  height: 640px;
  background: #FFFFFF;
  box-shadow: 0 46px 23px -30px #0013a80f;
  border-radius: 12px;
  position: relative;
  margin: 5% auto 0;
  box-sizing: border-box;
}
.new_ui .login-window .left {
  height: 640px;
  background-image: url("/assets/images/new_ui/login/bg_left.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.new_ui .login-window .left .logo {
  width: 114px;
  height: 33px;
  position: absolute;
  left: 48px;
  top: 32px;
}
.new_ui .login-window .left .logo img {
  width: 100%;
  height: 100%;
}
.new_ui .login-window .left h1 {
  position: absolute;
  left: 48px;
  top: 114px;
  font-weight: 600;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: 4.23px;
}
.new_ui .login-window .left h2 {
  left: 48px;
  top: 263px;
  position: absolute;
  font-weight: 300;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 1.32px;
}
.new_ui .login-window .right {
  height: 640px;
  position: relative;
}
.new_ui .login-window .right h1 {
  position: absolute;
  top: 57px;
  left: 101px;
  font-weight: 500;
  font-size: 42px;
  color: #000000;
  letter-spacing: 3.7px;
  text-align: center;
}
.new_ui .login-window .right .separate {
  width: 355px;
  height: 1px;
  background: #D2D2D2;
  position: absolute;
  top: 128px;
  left: 101px;
}
.new_ui .login-window .right .form {
  position: absolute;
  display: block;
  left: 101px;
  top: 165px;
  width: 355px;
}
.new_ui .login-window .right .form div {
  margin-bottom: 32px;
}
.new_ui .login-window .right .form div label {
  display: block;
  height: 17px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.06px;
}
.new_ui .login-window .right .form div input {
  width: 331px;
  height: 57px;
  border: 1px solid #D2D2D2;
  border-radius: 12px;
  padding: 0 12px;
}
.new_ui .login-window .right .form div input:focus {
  border: 1px solid #5468FF;
}
.new_ui .login-window .right .form .login-btn {
  width: 355px;
  height: 57px;
  background: #5468FF;
  border-radius: 12px;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 1.59px;
  cursor: pointer;
  border: 1px solid #5468FF;
  margin: 18px auto auto;
}
.new_ui .admin-nav-mini .layui-logo .logo {
  display: none !important;
}
.new_ui .admin-nav-mini .layui-logo .logo-mini {
  display: block !important;
}
.new_ui .layui-layout-admin .layui-logo {
  text-align: center;
}
.new_ui .layui-layout-admin .layui-logo .logo {
  display: block;
  height: 40px;
  margin: 5px auto auto;
}
.new_ui .layui-layout-admin .layui-logo .logo-mini {
  display: none;
  height: 40px;
  margin: 5px auto auto;
}
.new_ui .layui-layout-admin .layui-header {
  background-color: #5468FF;
  box-shadow: 0 2px 4px 0 #B4BDFF;
}
.new_ui .layui-layout-admin .layui-header .layui-layout-left {
  padding: 0;
  left: 235px;
}
.new_ui .layui-layout-admin .layui-header .layui-layout-right a,
.new_ui .layui-layout-admin .layui-header .layui-layout-right i {
  color: #FFFFFF;
}
.new_ui .layui-layout-admin .layui-header .layui-layout-right .layui-nav-more {
  border-color: #FFFFFF transparent transparent;
}
.new_ui .layui-layout-admin .layui-header .layui-icon,
.new_ui .layui-layout-admin .layui-header .bi {
  color: #FFFFFF;
}
.new_ui .layui-layout-admin .layui-header .layui-logo {
  background-color: #5468FF;
  width: 235px;
}
.new_ui .layui-layout-admin .layui-header .layui-nav-bar {
  background-color: #FFFFFF;
}
.new_ui .layui-layout-admin .layui-header .layui-nav li {
  text-align: center;
}
.new_ui .layui-layout-admin .layui-header .layui-nav .layadmin-flexible {
  background-color: #3A4FEC;
}
.new_ui .layui-layout-admin .layui-header .layui-nav .search-main {
  background-color: #6073FF;
}
.new_ui .layui-layout-admin .layui-header .layui-nav .refresh {
  background-color: #5468FF;
}
.new_ui .layui-layout-admin .layui-side {
  width: 220px;
  background: #FFFFFF;
  box-shadow: 4px 0 6px 0 #00000008;
  border-radius: 2px;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-item {
  line-height: 44px;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-item:hover > a {
  font-weight: bold;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed a {
  color: #333333 !important;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child {
  background-color: #F7F8FF !important;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child a:hover {
  height: 44px;
  border-radius: 7px;
  color: #5468FF !important;
  font-weight: bolder;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child .layui-this,
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child .layui-this > a,
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child .layui-this {
  height: 44px;
  background-color: #5468FF;
  border-radius: 7px;
  color: #FFFFFF !important;
}
.new_ui .layui-layout-admin .layui-side .layui-nav-tree .layui-nav-bar {
  width: 0;
  opacity: 0;
}
.new_ui .layui-layout-admin .layui-body {
  background-color: #F0F3F8;
  margin-top: 10px;
}
.new_ui .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
  margin: auto 15px;
  height: 40px;
  background: #FFFFFF;
  box-shadow: 0 4px 6px 0 #00000008;
  border-radius: 2px;
}
.new_ui .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title > li.layui-this {
  color: #5468FF;
  background-color: #5468ff1a;
}
.new_ui .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title > li.layui-this:after {
  height: 0;
}
.new_ui .layui-layout-admin .layui-body .layui-icon-prev {
  left: 15px;
}
.new_ui .layui-layout-admin .layui-side {
  margin-top: 10px;
  box-shadow: 4px 0 6px 0 #00000008;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.new_ui .layui-layout-admin .layui-side .layui-nav .layui-nav-item > a {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.new_ui .layui-layout-admin .layui-side .layui-nav-more {
  font-size: 14px;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-header .layui-logo {
  width: 75px;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-header .layui-layout-left {
  left: 75px;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
  background-color: #5468FF;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover > .layui-nav-child {
  background-color: #F7F8FF !important;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover > .layui-nav-child a {
  color: #333333 !important;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover > .layui-nav-child .layui-this a {
  color: #FFFFFF !important;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover > .layui-nav-child dd:hover {
  border-radius: 7px;
}
.new_ui .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover > .layui-nav-child dd:hover > a {
  color: #5468FF;
}
.new_ui .backend--main .layui-card-body {
  padding: 0;
}
.new_ui .menu_thumb {
  display: inline-block;
  top: 5px;
  position: relative;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.new_ui .menu_thumb_kr {
  background-image: url("/app/images/menu_thumb/kr.png");
}
.new_ui .menu_thumb_kjs {
  background-image: url("/app/images/menu_thumb/kjs.png");
}
.new_ui .menu_thumb_staff {
  background-image: url("/app/images/menu_thumb/staff.png");
}
.new_ui .menu_thumb_localization {
  background-image: url("/app/images/menu_thumb/localization.svg");
}
.new_ui .menu_thumb_yszl {
	background-image: url("/app/images/menu_thumb/yszl.png");
}
.new_ui .layui-card {
  border-color: #FFFFFF;
}
.new_ui .layui-card > .layui-card-header {
  font-size: 14px;
  font-weight: 500;
}
.new_ui .layui-card > .layui-card-header > i {
  width: 4px;
  height: 20px;
  background: #5468FF;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 10px;
}
.new_ui .layui-card > .layui-card-body {
  padding: 10px !important;
}
.new_ui .ring-loading div {
  border: 6px solid #5468FF;
  border-color: #5468FF transparent transparent transparent;
}
.new_ui .layui-this > a {
  color: #5468FF;
}
.new_ui .layui-tab-brief > .layui-tab-more li.layui-this:after,
.new_ui .layui-tab-brief > .layui-tab-title .layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #5468FF;
}
.new_ui .layui-input,
.new_ui .layui-select,
.new_ui .layui-textarea {
  border: 1px solid #EDEDED;
  border-radius: 4px;
}
.new_ui .layui-btn {
  /* Keep consistent button shape in the new UI */
  border-radius: 4px;
}

/*
 * Do not override Layui semantic variants.
 * Without this, `.layui-btn-danger` (delete) is forced to the default brand color.
 */
.new_ui .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-normal):not(.layui-btn-warm):not(.layui-btn-disabled) {
  background: #5468FF;
}
.new_ui table .layui-btn {
  margin-top: 4px;
}
.new_ui .layui-btn-primary {
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  background-color: #FFFFFF;
}
.new_ui .layui-btn-primary:hover {
  border-color: #5468FF !important;
}
.new_ui .layui-input-inline .layui-icon.layui-icon-date {
  position: absolute;
  top: 6px;
  right: 10px;
}
.new_ui .layui-input:focus,
.new_ui .layui-textarea:focus {
  border: 1px solid #5468FF;
}
.new_ui .layui-table {
  border: 1px solid #EDEDED !important;
}
.new_ui .layui-table thead tr {
  background-color: #F0F3F8;
  min-height: 50px;
}
.new_ui .layui-table tbody tr:nth-child(2n) {
  background-color: #F7F8FF;
}
.new_ui .layui-table tbody tr:hover {
  background-color: #ECEEFF;
}
.new_ui .layui-laydate {
  box-shadow: 0 2px 8px 0 #00000029;
  border-radius: 4px;
}
.new_ui .layui-laydate .layui-this {
  background-color: #4B60FF !important;
  border-radius: 4px;
}
.new_ui .layui-laydate .layui-this div {
  background-color: #5468FF !important;
}
.new_ui .layui-laydate-header {
  border-bottom: 0;
}
.new_ui .layui-laydate,
.new_ui .layui-laydate-hint {
  border: 0;
}
.new_ui .layui-laydate-footer {
  border-top: 0;
}
.new_ui .layui-laydate-range .laydate-main-list-1 .layui-laydate-content,
.new_ui .layui-laydate-range .laydate-main-list-1 .layui-laydate-header {
  border-left: 0;
}
.new_ui .layui-laydate-footer span:hover {
  color: #4B60FF;
}
.new_ui .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #5468FF;
}
.new_ui .layui-laypage a:hover {
  color: #5468FF;
}
.new_ui .layui-laydate-preview {
  color: #666666 !important;
}
.new_ui .layui-elem-quote {
  border-left: 5px solid #5468FF;
}
.new_ui .layui-form-radio:hover *,
.new_ui .layui-form-radioed,
.new_ui .layui-form-radioed > i {
  color: #5468FF;
}
.new_ui .layui-form-checked[lay-skin=primary] i {
  border-color: #5468FF !important;
  background-color: #5468FF;
}
.new_ui .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #5468FF;
}
.new_ui .layui-upload.upload--multi .multi-img.multi-uploaded .layui-icon {
  color: #5468FF !important;
}
.new_ui .layui-layer-shade {
  opacity: 0.11 !important;
  background: #000000 !important;
}
.new_ui .layui-layer-iframe {
  border-radius: 2px;
  box-shadow: unset !important;
  background-color: #FFFFFF;
}
.new_ui .layui-layer-content > iframe {
  background-color: #FFFFFF;
}
.new_ui .layui-form-select dl dd.layui-this {
  background-color: #5468FF;
  color: #FFFFFF;
}
.new_ui .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
  border-color: #5468FF;
  background-color: #5468FF;
}
.new_ui .layui-layer.layui-layer-admin .layui-layer-title {
  background-color: #5468FF;
}
.new_ui .label-content .xm-label-block {
  background-color: #5468FF !important;
}
.new_ui .layui-input-block xm-select {
  border-color: #EDEDED !important;
  border: 1px solid;
  border-radius: 4px;
}
.new_ui .layui-input-block xm-select:hover {
  border-color: #5468FF !important;
}
.new_ui .layui-input-block .xm-body .selected .xm-icon-duox {
  color: #5468FF !important;
  border: solid 1px !important;
}
.new_ui .layui-input-block .xm-body .xm-icon-duox {
  border-color: #5468FF !important;
}
.new_ui .layui-btn + .layui-btn {
  margin-left: 0 !important;
}
.new_ui #notice-center-channel {
  margin: 0 20px;
}
.new_ui #notice-center-channel #notice-bell {
  display: block;
  font-size: 20px;
  cursor: pointer;
  width: 40px;
  text-align: center;
}
.new_ui #notice-center-channel #notice-num {
  display: none;
  border-radius: 14px;
  margin-left: 26px;
  margin-top: -2px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  padding: 0 4px;
  cursor: pointer;
}
.new_ui #notice-message-list {
  width: 450px;
  height: 95%;
  position: fixed;
  right: -50%;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
  overflow: auto;
  color: #000000;
  transition: opacity 0.5s ease;
}
.new_ui #notice-message-list .title {
  float: left;
  border-bottom: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
  position: fixed;
  top: 50px;
  z-index: 1;
  background: aliceblue;
}
.new_ui #notice-message-list .title h3 {
  float: left;
}
.new_ui #notice-message-list .title h3,
.new_ui #notice-message-list .title i {
  font-size: 20px;
  color: #333;
}
.new_ui #notice-message-list .title i {
  color: #333;
  margin: auto 10px;
  cursor: pointer;
}
.new_ui #notice-message-list .title #close-notice-list {
  cursor: pointer;
}
.new_ui #notice-message-list .title .batch-btn {
  float: left;
  margin-left: 10px;
}
.new_ui #notice-message-list .title .batch-btn li {
  float: left;
  margin: auto 4px;
}
.new_ui #notice-message-list .body .blur {
  content: "";
  position: fixed;
  bottom: 0;
  width: 450px;
  height: 91%;
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
  z-index: -1;
  background: rgba(250, 250, 250, 0.01);
}
.new_ui #notice-message-list .body ul {
  margin-top: 60px;
  margin-bottom: 30px;
}
.new_ui #notice-message-list .body ul > div .layui-icon {
  color: #5468FF;
}
.new_ui #notice-message-list .body .empty-notice {
  text-align: center;
  margin-top: 30%;
  font-size: 16px;
  color: #999;
}
.new_ui #notice-message-list .body .layui-bg-gray {
  padding: 10px 20px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0) !important;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card {
  border-radius: 10px;
  border: 1px solid #e6e6e6;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-header,
.new_ui #notice-message-list .body .layui-bg-gray .layui-card b {
  font-size: 15px;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card b {
  color: #5468FF;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .is-read-1 {
  color: #cccccc;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-header .delete {
  float: right;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-header .delete i {
  color: #333;
  font-size: 26px;
  cursor: pointer;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-body .content {
  margin-left: 30px;
  margin-bottom: 10px;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-body .time {
  float: left;
  font-size: 14px;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-body .route {
  color: #5468FF;
  cursor: pointer;
}
.new_ui #notice-message-list .body .layui-bg-gray .layui-card .layui-card-body .read_status {
  float: right;
  cursor: pointer;
}
.new_ui .nav-child-menu {
  margin-top: -6px;
  line-height: unset;
}
.new_ui .layui-step-item-active > .layui-step-item-head {
  background: #5468ff;
}
.new_ui .layui-step-item-head {
  border: 2px solid #5468ff;
}
.new_ui .layui-step-item-done > .layui-step-item-tail i {
  background: #5468ff;
}
.new_ui .layui-step-item-head {
  color: #5468ff;
}

.new_ui .form_thumb-upload {
  background-color: #FFFFFF !important;
}