/* +----------------------------------------------------------------------
// | SeeyouVip
// +----------------------------------------------------------------------
// | 版权所有 2011~2019 上海喜酿贸易有限公司 [ http://www.seeyou.vip ]
// +----------------------------------------------------------------------
*/
*[search],
*[detail-href],
html{overflow:auto}body{width:100%;font-size:12px;font-family:'微软雅黑','Microsoft YaHei','Helvetica Neue','Luxi Sans','DejaVu Sans','Hiragino Sans GB',serif}
a{color:#06C;cursor:pointer}a:hover{color:#039}input::-ms-clear{display:none}button{border-radius:0!important}
.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-top{vertical-align:top!important}
.color-desc{color:#999!important}.color-text{color:#333!important}.color-blue{color:#2494f2!important}.color-red{color:#ec494e!important}.color-green{color:#090!important}
.nowrap{white-space:nowrap!important}.pointer{cursor:pointer!important}.help-block{margin-bottom:0}.block{display:block!important}.inline-block{display:inline-block!important}
.full-width{width:100%!important}.full-height{height:100%!important}.help-block{font-size:12px}.well{border-radius:0;box-shadow:none}
.transition{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.notselect{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}

[data-tips-image]{cursor:zoom-in!important;}
:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#333;}
::-webkit-input-placeholder{color:#aaa}::selection{background-color:#ec494e;color:#fff}::-moz-selection{background-color:#ec494e;color:#fff}
::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:#ccc;}::-webkit-scrollbar-thumb{background-color:#666}

.font-s12{font-size:12px!important}.font-s13{font-size:13px!important}.font-s14{font-size:14px!important;}.font-s16{font-size:16px!important;}.font-s18{font-size:18px!important;}.font-s20{font-size:20px!important;}
.border-none{border:none!important;}.border-radius-none{border-radius:0!important;}.line-height-18{line-height:18px!important;}

.padding-none{padding:0!important;}
.padding-5{padding:5px!important}.padding-10{padding:10px!important}.padding-15{padding:15px!important}.padding-20{padding:20px!important}.padding-25{padding:25px!important}.padding-30{padding:30px!important}
.padding-top-0{padding-top:0!important;}.padding-top-5{padding-top:5px!important;}.padding-top-10{padding-top:10px!important;}.padding-top-15{padding-top:15px!important;}.padding-top-20{padding-top:20px!important;}
.padding-left-0{padding-left:0!important;}.padding-left-5{padding-left:5px!important;}.padding-left-10{padding-left:10px!important;}.padding-left-15{padding-left:15px!important;}.padding-left-20{padding-left:20px!important;}
.padding-right-0{padding-right:0!important;}.padding-right-5{padding-right:5px!important;}.padding-right-10{padding-right:10px!important;}.padding-right-15{padding-right:15px!important;}.padding-right-20{padding-right:20px!important;}
.padding-bottom-0{padding-bottom:0!important;}.padding-bottom-5{padding-bottom:5px!important;}.padding-bottom-10{padding-bottom:10px!important;}.padding-bottom-15{padding-bottom:15px!important;}.padding-bottom-20{padding-bottom:20px!important;}

.margin-none{margin:0!important;}
.margin-top-0{margin-top:0!important;}.margin-top-5{margin-top:5px!important;}.margin-top-10{margin-top:10px!important;}.margin-top-15{margin-top:15px!important;}.margin-top-20{margin-top:20px!important;}
.margin-left-0{margin-left:0!important;}.margin-left-5{margin-left:5px!important;}.margin-left-10{margin-left:10px!important;}.margin-left-15{margin-left:15px!important;}.margin-left-20{margin-left:20px!important;}
.margin-right-0{margin-right:0!important;}.margin-right-5{margin-right:5px!important;}.margin-right-10{margin-right:10px!important;}.margin-right-15{margin-right:15px!important;}.margin-right-20{margin-right:20px!important;}
.margin-bottom-0{margin-bottom:0!important;}.margin-bottom-5{margin-bottom:5px!important;}.margin-bottom-10{margin-bottom:10px!important;}.margin-bottom-15{margin-bottom:15px!important;}.margin-bottom-20{margin-bottom:20px!important;}

/** 页面加载进度 */
.pace-inactive{display:none}
.modal-form-box{padding:2rem}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace .pace-progress{background:#22df80;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
.uploadimage{display:inline-block;width:80px;height:80px;background:url('../img/image.png') no-repeat center center;background-size:cover;cursor:pointer}
.uploadimagemtl{margin-right:8px;}
.uploadimagemtl a{color:#fff;width:20px;height:20px;float:right;display:none;line-height:22px;text-align:center;background:rgba(0,0,0,0.5)}
.uploadimagemtl:hover a{display:inline-block;cursor:pointer}
.uploadimagemtl:hover a:hover{color:#fff;text-decoration:none}
.hr-line-dashed{border-top:1px dashed #e7eaec;color:#fff;background-color:#fff;height:1px;margin:20px 0}
.hr-line-solid{border-bottom:1px solid #e7eaec;background-color:rgba(0,0,0,0);border-style:solid!important;margin-top:15px;margin-bottom:15px}
.pagination-trigger{position:absolute;line-height:31px;margin:20px 0}
.pagination-trigger select{height:20px;text-align:center;border:1px solid #ccc;border-radius:0;font-size:12px}
.label-required:after{content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px}

/** Layui样式调整 */
.layui-card-header{
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    background-color: #F8F8F8;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.layui-card-header .title{
    font-size: 18px;
    line-height: 40px;
    margin-top: 5px;
}
.layui-fluid{
    padding: inherit;
}

.layui-btn-sm.layui-btn-primary{line-height:28px!important;}
.think-inner-table{border:none!important;margin:0!important}
.think-inner-table tr:first-child td{padding-top:5px!important}
.think-inner-table tr:last-child td{padding-bottom:5px!important}
.think-inner-table tr td{padding:0px 3px!important;border:none!important}
.think-inner-table tr td:first-child{padding-left:10px!important}
.think-inner-table tr td:last-child{padding-right:10px!important}
legend{width:auto!important;border-bottom:none!important}
.layui-form-label{padding:9px 15px 9px 0;width:95px}
.layui-input,.layui-select{line-height:38px}
.layui-table.notevent tbody tr:hover{background-color:inherit;}
.layui-table th,.layui-table td{font-size:12px}
.layui-table td .text-explode:first-child{opacity:0;display:none}
.layui-table td .text-explode{color:#ccc!important;font-weight:normal!important;margin:0px 4px!important}
.layui-table .list-table-image{width:22px;cursor:pointer}
.layui-table .list-table-sort-td{width:60px!important;text-align:center!important}
.layui-table .list-table-sort-td button{width:50px}
.layui-table .list-table-sort-td input{width:50px;text-align:center;line-height:14px;padding:2px;border:1px solid #e6e6e6}
.layui-table .list-table-check-td{width:30px!important;text-align:center;}
.layui-table .list-table-check-td input{margin:0;vertical-align:middle}

/*表格自定义左侧工具条增加下拉项*/
.layui-table-tool .layui-table-tool-temp .layui-btn-container {
    font-size: 12px;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
    height: 100%;
    max-height: 100%;
}
.layui-table-tool .layui-table-tool-temp .layui-form-label {
    width: auto!important;
    border-radius: 0;
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #FBFBFB;
    overflow: hidden;
    box-sizing: border-box;
    border:0px solid #C9C9C9 ;
}
.layui-table-tool .layui-table-tool-temp .layui-inline
{
    border:1px solid #C9C9C9 ;
    margin-right: 10px;
    margin-bottom: 10px;
}
.layui-table-tool .layui-table-tool-temp .layui-inline:hover {
    border:1px solid #5FB878 ;
}

.layui-table-tool .layui-table-tool-temp .layui-input-inline
{
    margin-left: -1px;
    vertical-align: baseline;
}
.layui-table-tool .layui-table-tool-temp .layui-input-inline input
{
    border-radius: 0;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border:0px ;
}
.layui-table-tool .layui-table-tool-temp .layui-input-inline .layui-form-select dl {
    top: 31px;
    padding: 0;
}
/** checkbox 优化 */
label{font-size:100%;font-weight:500;margin-bottom:0}
.think-radio,.think-checkbox{cursor:pointer;margin-top:10px;line-height:18px;margin-right:10px;font-weight: normal}
.think-checkbox input[type=checkbox],.think-radio input[type=radio]{appearance:none;-webkit-appearance:none;display:inline-block!important;margin:0;width:18px;height:18px;cursor:pointer;background:#fff;border-radius:1px;position:relative;vertical-align:bottom;-moz-border-radius:1px;border:1px solid #dcdcdc;-webkit-border-radius:1px;box-sizing:border-box !important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important}
.think-checkbox input[type=checkbox]:active,.think-radio input[type=radio]:active{background:#ebebeb;border-color:#c6c6c6}
.think-checkbox input[type=checkbox]:hover{border-color:#c6c6c6;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)}
.think-radio input[type=radio]{width:18px;height:18px;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em}
.think-checkbox input[type=checkbox]:checked,.think-radio input[type=radio]:checked{background:#fff}
.think-radio input[type=radio]:checked::after{top:4px;left:4px;width:8px;height:8px;content:'';display:block;background:#666;position:relative;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em}
.think-checkbox input[type=checkbox]:checked::after{top:-2px;left:-4px;display:block;position:absolute;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAtklEQVQ4y2P4//8/A7Ux1Q0cxoaCADIbCUgCMTvVXAoE5kA8CYidyXYpGrAH4iVAHIXiCwoMDQTimUBcBsRMlBrKCsTpUANzkC0j11BuIK6EGlgKsoAkQ4FgChD7AzELVI8YEDdDDawDYk6YQaQY6gg1oAqILYC4D8oHGcyLbBAphoJAKtQgGO4EYiHk2CLHUJAXm6AG9gCxNHoSIMdQEJCFGqiALaGSayjMxQwUGzq0S6nhZygA2ojsbh6J67kAAAAASUVORK5CYII=')}
.think-checkbox input[type=checkbox]:focus,.think-radio input[type=radio]:focus{outline:none}

/* 右则内容搜索样式 */
.layui-card .form-search{background:#fff;padding: 15px 15px 0 15px;}
.layui-card .form-search .layui-btn{height:32px;line-height:30px;font-size:12px;padding:0 10px}
.layui-card .form-search .layui-form-label{width:auto!important;border-radius:0;padding:0 6px;height:32px;line-height:30px}
.layui-card .form-search .layui-input-inline{width:170px}
.layui-card .form-search .layui-input-inline input,
.layui-card .form-search .layui-input-inline select{border-radius:0;padding:0 5px;height:32px;line-height:30px;width:100%}
.layui-card .form-search .layui-form-select{border-radius:0}
.layui-card .form-search .layui-form-select dl{top:31px;padding:0}


/*inputTags CSS begin*/
.tags
{
    padding: 10px;
    color: #777;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.tags span{
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    position: relative;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 4px 22px 5px 9px;
    cursor: pointer;
    transition: all .2s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
    color: #fff;
    background-color: #009688;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}
/*修正，input框时候系统会自动增加 最后一个SPAN提示信息*/
.tags span:nth-last-of-type(1){
    /*background-color: transparent;*/
}
.tag span em{
    font-style: normal;
}

.tags span button.close{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: none;
    width: 18px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    color: #fff;
    border: 0 none;
    background: transparent none repeat scroll 0 0;
    text-shadow: none;
}
.tags .close:hover{
    background: #ffb800;
}
.albtn{
    line-height: 30px;
    display: block;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: #ffb800;
}
/*inputTags CSS end*/

/*form 自定义*/
.layui-flex {
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
}
.layui-view .layui-input {
    border: 0;
}

.layui-tips {
    margin-left: 2rem;
    min-height: calc(100vh - 12rem);
    height: auto;
    background: #f3f4e1;
    overflow-y: scroll;
}
.layui-flex.layui-view .layui-form-item .layui-input-inline{
    border-bottom: 1px solid #EEE;
    line-height: 2.25rem;
}
