@import url("layui-theme.css?t=512");
@import url("theme.css?t=1");
:root {
    --default: #473bf0;
    --blue: #0066ff;
    --green: #35c857;
    --yellow: #ffd200;
    --red: #ff3838;
    --grey: #999999;
    --purple: #804cde;
    --pink: #f248dc;
    --orange: #f68e38;
    --teal: #2fcb99;
    --cyan: #27d9e5;
    --white: #fff;
    --gray: #343a40;
    --black: #000;



  /* 浅色 */
  --default-dark: #f6f5ff;
    --blue-dark: #f1f6ff;
    --green-dark: #effff5;
    --yellow-dark: #fffdf5;
    --red-dark: #fff9f9;
    --grey-dark: #f9f9f9;
    --purple-dark: #f9f6ff;
    --pink-dark: #ffe9fc;
    --orange-dark: #fff5ed;
    --teal-dark: #edfff9;
    --cyan-dark: #ecfeff;
    --gray-dark: #f9f9f9;
    --black-dark: #f9f9f9;



  /* 阴影透明色 */
  --shadow-size: 0 14px 26px -12px;
    --default-shadow: rgba(246,245,255,0.3);
    --blue-shadow: rgba(0,102,255,0.3);
    --green-shadow: rgba(53,200,81,0.3);
    --yellow-shadow:rgba(255,210,0,0.3);
    --red-shadow: rgba(255,56,56,0.3);
    --grey-shadow: rgba(153,153,153,0.3);
    --purple-shadow:rgba(128,76,222,0.3);
    --pink-shadow: rgba(242,72,220,0.3);
    --orange-shadow:rgba(246,243,56,0.3);
    --teal-shadow: rgba(47,203,153,0.3);
    --cyan-shadow: rgba(39,217,229,0.3);
    --white-shadow: rgba(255,255,255,0.3);
    --gray-shadow: rgba(153,153,153,0.3);
    --black-shadow: rgba(0,0,0,0.3);


  /* 渐变色 */
    --default-gradual: linear-gradient(135deg, #6cb3ff, #007bff);
    --red-gradual: linear-gradient(135deg, #f06464, #fb3030);
    --yellow-gradual: linear-gradient(135deg, #ffe603, #ffcb0b);
  --orange-gradual: linear-gradient(45deg, #ffa45f, #fd882f);
  --green-gradual: linear-gradient(45deg, #70e489, #54d56f);
  --cyan-gradual: linear-gradient(45deg, #41e6dd, #23cfc7);
  --blue-gradual: linear-gradient(45deg, #6cb3ff, #007bff);
  --purple-gradual: linear-gradient(45deg, #9d6eee, #6f3bca);
  --black-gradual: linear-gradient(45deg, #555555, #000000);
}
*, *::before, *::after {
    box-sizing: border-box;
}
::-moz-selection {
  background: #009688;
  color: #FFF; 
}
::selection {
  background: #159b76;
  color: #FFF; 
}

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

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bdbdbd;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); 
}

::-webkit-input-placeholder{
  color:#aaa
}

::selection{
  color:#fff;
  background-color:#ec494e
}
::-moz-selection{
  color:#fff;
  background-color:#ec494e
}

/* 页面布局 - 全局 */
.layui-layout>.layui-body>.layui-card{box-shadow:none;}
.layui-layout>.layui-body>.layui-card>.layui-card-body{margin:10px;padding-top:50px;border-radius:5px;background: #fff;position:absolute;width: calc(100% - 50px);overflow-y:scroll;height: calc(100% - 20px)}
.layui-layout>.layui-body>.layui-card>.layui-card-body>.layout-body-title{color:#555;height:50px;border:none;line-height:50px;border-bottom:1px dashed #e7eaec;position: fixed;top:70px;width: calc(100% - 20px);z-index: 9999;background: #fff}
.layui-layout>.layui-body>.layui-card>.layui-card-body>.layout-body-title{
  width: calc(100% - 240px)!important;
}
.layui-layout-left-mini.layui-layout>.layui-body>.layui-card>.layui-card-body>.layout-body-title{
  width: calc(100% - 140px)!important;
}


.layui-layout>.layui-body,.layui-layout>.layui-side{top:60px;bottom:0;z-index: -1}
.layui-layout>.layui-body>.layui-body-header{height:45px;border:none;line-height:45px;}
/* 页面布局 - 头部 */
.layui-header{height:60px;}
.layui-layout-admin .layui-header{background-color:#fff;z-index: 1; }
.layui-layout-admin .layui-side,.layui-layout-admin .layui-logo{width: 150px!important;}
.layui-layout-left,.layui-body{left: 150px!important;}
.layui-header .layui-layout-left,.layui-header .layui-layout-right{padding:0;}
.layui-header .layui-logo{color:#000;font-size:16px;font-weight: bold;line-height:60px;box-shadow: none!important;;}
.layui-header .layui-logo sup{font-size:9px;line-height:9px}
.layui-side .layui-nav{background: #fff!important;color: #333;}
.layui-nav-itemed>.layui-nav-child{background: #fff!important;}
.layui-header .layui-nav-item{line-height:36px;border-radius:5px;margin:12px 0;}
.layui-header .layui-nav-item>a{color:#000!important;padding: 0 15px;}
.layui-header .layui-nav-item.layui-this>a{color:var(--default)!important;}

.layui-header .layui-nav-bar,.layui-header .layui-nav-item:after{display:none!important}
.layui-header .layui-nav-item .layui-nav-child{top:49px;padding:0;border:none;line-height:40px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);left: -20px;right: 20px;border-radius: 5px;}
.layui-header .layui-nav-item .layui-nav-child+a{padding-right:35px}
.layui-header .layui-nav-item .layui-nav-child dd a{padding:0;color:#333;text-align:center;border-top:1px solid #eaedf1}
.layui-nav .layui-nav-child a:hover{background:var(--default)!important;color: #fff!important;}
.layui-nav .layui-nav-child{overflow: hidden;}
/* 页面布局 - 左则 */
.layui-layout.layui-layout-left-mini>.layui-body{left:60px!important;}
.layui-layout.layui-layout-left-hide>.layui-side{display:none;}
.layui-layout.layui-layout-left-hide>.layui-body{left:0!important}
.layui-layout>.layui-side .layui-nav-bar{display:none!important}
.layui-layout>.layui-side .layui-side-scroll{width:100%!important;background: #fff;border-top: 1px solid #f0f0f0;height: calc(100% - 1px)}
.layui-layout>.layui-side .layui-nav-item{color: #2cc643!important;}
.layui-layout>.layui-side .layui-nav-itemed{border-bottom:none!important;}
.layui-layout>.layui-side .layui-nav-item a{height:42px;display:block;color:#333!important;line-height:42px;padding: 0!important;margin:5px 10px!important;padding-left: 10px!important;}
.layui-layout>.layui-side .layui-nav-item a:hover{background:var(--default-dark)!important;border-radius: 5px;}
.layui-layout .layui-nav.layui-nav-tree{width: 150px!important;padding-top: 20px;}
.layui-layout .layui-nav-item .layui-this a,.layui-layout .layui-nav-item.layui-this a{background:var(--default-dark)!important;color:var(--default)!important;border-radius: 5px;}

.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-this>a, .layui-nav-tree .layui-this>a:hover{background: none; }
.layui-layout>.layui-side .layui-nav-tree-top a{height:28px!important;line-height:28px!important}
.layui-layout.layui-layout-left-mini>.layui-side,.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-tree,.layui-layout.layui-layout-left-mini>.layui-side .layui-side-scroll{width:50px!important;;text-align:center}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item a{padding:0!important;margin:5px !important;}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .nav-text{display:none}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .nav-icon{display:inline-block!important;padding:0!important}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .layui-nav-child{padding:0;display:block!important;background-color:none!important}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-tree-top i{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-more{display:none!important}

/* 下拉样式 */
.layui-nav .layui-nav-item .layui-nav-more{padding: 0;top:0;border:none;right:15px;width:auto;height:auto;margin-top:0;font-size:14px;font-style:normal;font-family:layui-icon!important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.layui-nav .layui-nav-item .layui-nav-mored,.layui-nav .layui-nav-itemed .layui-nav-more{border:none;margin-top:0;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.layui-nav .layui-nav-item .layui-nav-more::before{content:"\e619"}
/* 空数据 */
.empty-data{text-align: center;}
.empty-data img{width:120px;}
.not-data{display:block;padding:15px;text-align:center;letter-spacing:8px;font-size:13px;line-height:22px;color: #888;}

/** 自定义表单样式 */
.think-form-label{padding:9px 15px;font-weight:400;line-height:20px;text-align:right}
.think-form-group-right{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}
.think-form-group-left input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}
.think-box-shadow{padding:20px 30px!important;background: #fff;}
/* 对齐及颜色 */
[data-tips-image]{cursor:zoom-in!important}.notselect{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
/* 文字大小 */
/* 弹框层表单 */
fieldset legend{color:#fff;padding:0 10px;font-size:14px;background: #0A0E11;}
fieldset{margin:0;border:0;padding:10px 0 0 0}
fieldset .rt-btn{margin: 0 7px 0 0}
.layui-form.layui-card{box-shadow:none;border-radius: 5px;}
.layui-form.layui-card .layui-card-body{padding:20px 80px 0 0;border-radius: 5px;}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{top:50%!important;margin-top:-15px!important}
/** 加载进度 */
.pace-inactive{display:none}
.pace-progress{position:fixed;top:0;right:100%;width:100%;height:5px;z-index:99999;background: rgba(0,102,255,0.2)!important;}
/* 通用分页 */
.pagination-container{line-height:40px}
.pagination-container>span{color:#666;font-size:9pt}
.pagination-container>.layui-laypage{float:right;display:inline-block;margin:0;padding:0}
.pagination-container>.layui-laypage a:hover{background:#dcdcdc;border-color:#dcdcdc;color:var(--black)!important}
/* 图片上传 */
.uploadimage{width: 200px;height: 200px;border: 1px dashed  #e6e6e6;border-radius: 5px;cursor:pointer;display:inline-block;background:url(../img/image.png) no-repeat center;background-size:100% auto}
.uploadimagemtl{margin-right:8px}
.uploadimagemtl a{color:#fff;width:20px;height:20px;float:right;display:none;text-align:center;line-height:22px;background:rgba(0,0,0,.5)}
.uploadimagemtl:hover a{cursor:pointer;display:inline-block}
.uploadimagemtl:hover a:hover{color:#fff;text-decoration:none}
/** Layui样式调整 */
.layui-input,.layui-select{line-height:38px}
.layui-table td,.layui-table th{font-size:12px;color: #333!important;padding:12px 15px; }
.layui-btn-sm.layui-btn-primary{line-height:28px}
.layui-btn-xs.layui-btn-primary{line-height:20px}
.laydate-footer-btns span{line-height:24px!important}
.layui-table td .text-explode{color:#ccc!important;margin:0 4px!important}
.layui-table td .text-explode:first-child{display:none;opacity:0}
.layui-table td .background-image{float:left;width:40px;height:40px;display:inline-block;margin-right:5px;background:no-repeat center center;background-size:cover;vertical-align:middle}
.layui-table .list-table-image{width:22px;cursor:pointer}
.layui-table .list-table-sort-td{width:10px!important;text-align:center!important;padding-left:5px!important;padding-right:5px!important}
.layui-table .list-table-sort-td button{width:56px;background:#009688}
.layui-table .list-table-sort-td input{width:50px;color:#666;padding:2px;border:1px solid #e6e6e6;text-align:center;font-size:9pt;line-height:18px}
.layui-table .list-table-check-td{width:10px!important;text-align:center;padding-left:15px!important;padding-right:15px!important}
.layui-table .list-table-check-td input{margin:0!important;vertical-align:middle}
.layui-table-cell{height: auto;min-height: 28px;}
.layui-btn{ background-color: var(--default)!important;}
.layui-btn-primary{background-color: #fff!important;border: 1px solid #C9C9C9!important;color: #333!important;}
.layui-btn-primary:hover{border-color:#333!important;}
.layui-bg-green{background-color:var(--green)!important;}
.layui-btn-danger{background-color:rgba(255, 87, 34, 1) !important}
.layui-btn-warm{background-color:#f6b610 !important}
.layui-btn-normal {background-color: #1E9FFF!important;}
.layui-btn-black{background-color: #333333!important;}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{    background-color: #FBFBFB!important;}

.layui-form.layui-card .layui-card-body{margin-left:80px!important;}


.layui-card-header span.card-title{font-size:18px;}
.layui-card-header span.caed-title-desc{margin-left:20px;font-size:14px;color: #888;}
/*颜色选择器*/
.color-btn{position: absolute;right:2px;top:2px;margin-right:0!important;}
.layui-elem-quote{border-left: 5px solid var(--default)!important;}
.layui-elem-quote.quote-left{border-left: 5px solid var(--default)!important;color:#000!important;padding:2px 15px!important;background:none;line-height: 14px!important;;}
.layui-form-item .layui-input-inline{width:390px!important;}
.layui-form-item .layui-input-inline.right{width:280px!important;}
.layui-form-item .layui-inline .layui-input-inline{width:190px!important;}
.form-search .layui-btn{height:32px;line-height:28px;font-size:12px;padding:0 10px}
.form-search .layui-form-label{width:auto!important;padding:0 8px;height:32px;line-height:30px}
.form-search .layui-input-inline{width:170px!important}
.form-search .layui-input-inline input, .form-search .layui-input-inline select {width: 100%;height: 32px;padding: 2px 8px;line-height: 30px;outline: 0;border-radius: 0 2px 2px 0!important;box-sizing: border-box;}

.form-search .layui-inline.inline-joined input,.form-search .layui-inline.inline-joinedinput select{border-radius:0;display: block;height:30px;line-height:28px;padding-left:10px;}
.form-search .layui-inline.inline-joined .layui-input-inline{width:120px!important}
.form-search .layui-form-select dl{top:31px;padding:0}
.layui-form-item .layui-input-inline.layui-date{width:190px!important}
.width-lg .layui-form-item .layui-form-label{width:120px!important}
.width-lg .layui-form-item .layui-input-block{margin-left:150px!important}
.width-lg .layui-form-item .layui-input-inline{width:450px!important}
body .layui-layer.modal-class{border-radius:2px;overflow: hidden;}
body .modal-class .layui-layer-title,.layui-layer-title{background:#fff!important; color:#000; font-weight: bold;border: none!important; border-radius:10px 10px 0 0;}
body .modal-class.layui-layer-page .layui-layer-content{padding:20px 0;}
body .modal-tips-class.layui-layer-page .layui-layer-content{padding: 30px;}
body .layui-layer.modal-class.modal-hr .layui-layer-btn{border-top: 1px dashed #f0f0f0!important;}
body .modal-class .layui-layer-btn a.layui-layer-btn0{background:var(--default)!important;color: var(--white)!important;}
body .modal-class .layui-layer-btn a.layui-layer-btn1{background-color: #f0f0f0!important;color: var(--black)!important;border:0!important;;}
body .modal-class .layui-layer-ico {background: url(../img/icon.png) no-repeat;background-position: 1px -40px;}
.layui-tab-title li:hover{
  background:  var(--default-dark);
  color:var(--default);
}
.layui-layer-btn .layui-layer-btn0{border-color:var(--default)!important;background-color:var(--default)!important;}
.layui-layer-setwin .layui-layer-close2 {background-image: url(../img/close.png)!important;background-position:0!important;position: absolute;right: -28px;top: -28px;width: 30px;height: 30px;margin-left: 0;transition: All .4s ease-in-out;*right: -18px;_display: none;}
.layui-layer-setwin .layui-layer-close2:hover {background-image: url(../img/close_hover.png)!important;transform: rotate(180deg);}
.layui-card-body .layui-tab{background: #fff;border-radius: 6px;}
.layui-card-body .layui-tab-card{box-shadow: none;}
.layui-card-body .layui-tab-card>.layui-tab-title{border-top-left-radius: 5px;border-top-right-radius: 5px;background: #fff;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid var(--default);}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: var(--default);}
.layui-form-select dl dd.layui-this{background: var(--default);color: var(--white);}
.layui-btn:hover{box-shadow: none!important;}
.layui-form-item[data-region-selected] .selected-box{display: flex;justify-content:space-between;}
.layui-form-item[data-region-selected] .selected-box .layui-form-select{width: calc(33.3334% - 5px)}
.layui-form-item .layui-input-inline .selected-box{display: flex;justify-content:space-between;}
.layui-form-item .layui-input-inline .selected-box .selected-box-text{line-height: 36px;}
.layui-tab-card>.layui-tab-title .layui-this{color: var(--default);}
.layui-form .layui-form-item{ position: relative;}
.uploadimage-list{display: flex;flex-wrap: wrap;}
.uploadimage-box,.img-item-box{height:130px;width:130px;padding: 5px;border:1px dashed #e3e3e3;border-radius: 3px;cursor: pointer;position: relative;margin-right: 10px;margin-bottom: 10px;}
.uploadimage-btn,.img-item{height:120px;width:100%;background: no-repeat center center / 100%;background-image: url("../img/upload-img.png");background-size: auto 100%;}
.uploadimage-box.lg{width: 260px}.uploadimage-img{height:40px;width:40px;display: inline-block;background: no-repeat center center / 100%;background-image: url("../img/upload-img.png");}
.uploadimage-box span{position: absolute;bottom: 0px;left: 0;width: 100%;height:25px;background: rgba(0,0,0,0.5);color: var(--white);text-align: center;display: none;}
.uploadimage-box:hover span{display: block;}
.img-item-box .tools-box{position: absolute;width: 100%;height: 20px;background: rgba(0,0,0,.8);bottom:0;left: 0; display: flex;justify-content: space-around;line-height: 20px;display: none;}
.img-item-box .tools-box a{color: #fff;}
.img-item-box:hover .tools-box{display: flex;}
/**消息**/
.m-message {pointer-events: none;position: fixed;z-index: 99999999;}
.m-message-notice {text-align: center;line-height:18px;margin-top:10px;}

.m-message .message {box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);display: inline-block;border-radius: 2px!important;text-align: left;max-width: 100%;padding: 8px 10px 8px 15px!important;background:#fff;margin: 0!important;height: auto!important;font-weight: bold;animation:message 0.2s;-webkit-animation:message 0.2s;opacity: 1;transition: opacity .15s ease,marginTop .3s ease,marginBottom .3s ease,padding .3s ease;}
.m-message .message {font-weight:400;line-height: 25px;}
.m-message .message div{display: flex;flex-wrap: wrap;}
.m-message .message span {vertical-align: middle;margin-left: 5px;}
.m-message .message .msg-content{vertical-align: middle;line-height: 25px;margin:0 15px 0 5px!important;}

/*验证码定位*/
.captcha-verify{position: relative;}
.captcha-verify img{width:82px;height:32px;top:4px;right: 4px;cursor: pointer;position: absolute;border-radius: 2px;}



.table-top-box{display: flex;justify-content: space-between;}
.table-top-right{width:300px;display: flex;flex-wrap: wrap;justify-content: flex-end;}

.layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){background-color: #f0f3f5!important;}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{border-width: 1px;border-style: solid;border-color: #f0f3f5!important;}
.layui-table-header,.layui-table-view .layui-table[lay-skin=line],.layui-table-tool{border-width:0!important;}
.layui-table-cell div,.layui-table-cell span{line-height: 20px!important;}
.layui-table-view .layui-table{width: 100%!important;}
.layui-table tbody tr:hover, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){background: none!important;}
.dropdown-btn{
  position: relative;
}
.dropdown-box{
  display: none;
  position: absolute;
  top:30px;
  background: #fff;
  padding: 20px;
  z-index: 9999;
  border-radius: 5px;
  -webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,0.04), 0 4px 8px 2px rgba(0,0,0,0.04);box-shadow: 0 2px 4px 2px rgba(0,0,0,0.04), 0 4px 8px 2px rgba(0,0,0,0.04);
}

.dropdown-box.type-btn{
  width: auto;
}
.dropdown-box.right{
  right: 0!important;
}
.dropdown-box.type-btn.left{
  left: 0!important;
}
.dropdown-btn{
  position: relative;
}
.prompt-tips {padding: 15px;border: 0;background-color: #fff;border: 1px dashed var(--default);margin-bottom:15px;}
.prompt-tips .layui-colla-title {padding-left: 10px;height: 30px;font-size: 16px;font-weight: 400;line-height: 30px;color: var(--default);background-color: transparent;font-size: 12px;}
.prompt-tips .layui-colla-title .layui-colla-icon {left:70px;}
.prompt-tips .layui-colla-content {padding: 0;padding-left: 34px;border: none;}
.prompt-tips .layui-colla-content li {line-height: 25px;list-style: initial;}
.layui-timeline-item:before{left: 10px!important;}
.layui-timeline-item>.timeline-item-icon{height:18px;width: 18px;border-radius: 20px;background: #fff;text-align: center;line-height: 20px;z-index: 9;position: absolute;color: var(--default);}
.layui-timeline-item>.timeline-item-icon .icon{font-size: 12px;}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
#verify_code_box{
    height: 40px;
    width: 100%;
    background: rgba(212, 212, 212, 1);
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    position: relative;
    background-color: rgba(212, 212, 212, 1);
    border-radius: 2px;
    overflow: hidden;
}
#verify_code_box .verify-code-text{
  width:calc(100% - 54px);
  float: right;
}
#verify_code_xbox{
    width: 54px;
    height:38px;
    text-align: center;
    line-height: 38px;
    color:var(--default);
    /*border-radius: 2px;*/
    position: absolute;
    border:1px solid var(--default);
    background:var(--default-dark);
}
#verify_code_btn {
    cursor: pointer;
    width: 54px;
    height: 38px;
    line-height: 38px;
    background-color:#007bff;
    color: #fff;
    float: right;

}
#verify_code_btn>i{
    position:relative;
    top:0;
    left:0;
    font-size: 16px;
    color:#fff;
}
#verify_code_xbox>i{
    position:relative;
    top:2px;
    left:0;
    font-size: 16px;
    color:var(--default);
}
.verify img{
    width: 90px;
    height: 40px;
    top: 0;
    right: 0;
    cursor: pointer;
    position: absolute;
    border-radius: 2px;
}
.verify .inline input.input{
  width:auto;
  padding-left: 40px;
  height: 40px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
.btn.code-btn{
  position: absolute;
  top: 5px;
  right: 5px;
}
.btn.code-btn[data-disabled="true"]{
    background: none!important;
    color: #999!important;
    border-color: #ffffff!important;
}
.input-unit-box{
  width:100%;
  position: relative;
}
.input-unit-text{
  position: absolute;
  right: 3px;
  height: 38px;
  line-height: 38px;
  top: 1px;
  padding: 0 20px;
  color: #777;
}
.col-input-item{
  width: 300px;
}
.col-input-dis{
  display: flex;
}
.col-input-dis .col-input-item{
  width:160px;
}
.cover-image{
  height:50px;
}
.goods-image{
  width:50px;
  height:50px;
}
.input-group{width:320px;position:relative; margin-left: 180px}
.input-group-label{height: 38px;width: 100%;background: #f5f7fa;border-radius: 3px;}
.input-group-label>div{position: absolute;text-align: center;line-height: 38px;}
.input-group-label .input-group-label__left{left: 0;width:80px;}
.input-group-label .input-group-label__center{left:80px;width: 200px;}
.input-group-label .input-group-label__right{right:0;width:40px;}
.table-scroll tbody{
  height: 400px;
  overflow-y: scroll;
  width: 100%;
  display: block;
}
.table-scroll thead {
    width: calc( 100% - 1em )
}
.table-scroll thead,.table-scroll tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.goods-image-60{
  height: 60px!important;
  width: 60px!important;
  max-width: 60px!important;
}
.goods-image-80{
  height: 80px!important;
  width: 80px!important;
  max-width: 80px!important;
}
.goods-image-100{
  height: 100px!important;
  width: 100px!important;
  max-width: 100px!important;
}
.goods-image-120{
  height: 120px!important;
  width: 120px!important;
  max-width: 120px!important;
}
.goods-image-200{
  height: 200px!important;
  width: 200px!important;
  max-width: 200px!important;
}
.goods-image-300{
  height: 300px!important;
  width: 300px!important;
  max-width: 300px!important;
}
 
.js-list{
    display: none;
}
.js-list .goods-list-box .item{
    float: left;
    width: calc(25% - 32px);
    border:1px dashed  #f0f0f0;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    padding: 10px;
}
.user-head-pic{
  width: 28px;
  height: 28px;
  border-radius: 28px;
}

.form-bottom-box{
  position: absolute;
  bottom: 0;
}

@media (max-width: 800px) { 

               
    .layui-layout-left{
        position: fixed!important;
        bottom: 70px!important;
        left: 10px!important;
        width:100px;
        background: #fff!important;
        top: auto;
        box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px 2px!important;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
    }
    .layui-layout-left li{
        width:90%!important;
    }
    .layui-layout-left-web{
        display: block;
    }
    .think-box-shadow{
        padding: 5px!important;
    }
    .think-box-shadow .flex{
        display: block!important;
    }
    .form-search .layui-form-item .layui-form-label{
        width:80px!important;
    }
    .layui-layout>.layui-body{
        padding-bottom: 10px;
    }
    .layui-layout>.layui-body>.layui-card>.layui-card-body{
        height:calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .form-search .layui-form-item{
      margin-bottom: 0;
    }
    .form-search .layui-form-item .layui-input-inline{
      max-width: 100%;
      margin:0 0 10px 0;
      width: calc(100% - 90px)!important;
    }
    .form-search .layui-form-item.layui-inline{
      display: flex;
    }
    .form-search .layui-input-inline input, .form-search .layui-input-inline select{
    }
    body .layui-layer.modal-class{
        width: 94%!important;
    }
    body .layui-layer.modal-class .layui-form.layui-card .layui-card-body{
      padding: 20px!important;
      margin-left: 0!important;
    }
}