@charset "UTF-8";

*{padding:0;margin:0;font-family:'Microsoft YaHei',Arial,sans-serif;font-size: 15px;/* color: #555; */-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{background: #fff;width:100%;font-size:1.0rem;height:100%;}
ul,li{list-style-type:none;}
ul{padding:0;margin:0;}
a{ text-decoration:none;}
input,a,textarea,button{-webkit-appearance: none;outline:medium;}
.none{display:none;}
.none-important{display:none !important;}
.block{display: inline-block;}

.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

/* text color */
.t-red{color:red !important;}
.t-blue{color:#1E9FFF !important;}
.t-green{color:#009688 !important;}
.t-orange{color:#ff8822 !important;}
.t-gray{color:#9a9a9a !important;}
.t-fail{color:#FA8072 !important;}
.t-white {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px;
	color:#ffffff!important;
}
/* text align */
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}


/* 背景颜色 */
.bg-red{background-color:red !important;}
.bg-light-red{background-color:#FF4555 !important;}
.bg-blue{background-color:#1E9FFF !important;}
.bg-green{background-color:#009688 !important;}
.bg-gray{background-color:#dddddd !important;}
.bg-light-gray{background-color:#f5f5f5 !important;}
.bg-orange{background-color:#ff9449 !important;}
.bg-white{background-color:#fff !important;}
.bg-black{background-color:#000 !important;}
.bg-yellow{background-color:#FFB800 !important;}
.bg-purple{background-color:#6080e9 !important;}
.bg-pink{background-color:#FFCCCC !important;}
.bg-light-green{background-color:#1EC24C !important;}
.bg-light-blue{background-color:#2CB9FF !important;}


/* 旋转 */
.rotate{
    transition:all 0.35s;
    display: inline-block;
    transform:rotate(0);
    -ms-transform:rotate(0); 	/* IE 9 */
    -moz-transform:rotate(0); 	/* Firefox */
    -webkit-transform:rotate(0); /* Safari 和 Chrome */
    -o-transform:rotate(0); 	/* Opera */
}

/*清除浮动*/
.clearfix {
    overflow: auto;
    zoom: 1;
}

/* margin */
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}


/*滚动条*/
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0;
}
::-webkit-scrollbar-thumb {
    height: 50px;
    /*background-color: #b8b8b8;*/
    background-color: #C1C1C1;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    /*border: 2px solid #fff;*/
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #878987;
    -webkit-border-radius: 6px
}

.account-box{
    padding: 10px 15px;
}
.account-box .account-tips{
    background:#f0f0f0;
    border-radius:3px;
    color:red;
    padding:0 6px;
    height: 30px;
    line-height: 30px;
    margin-bottom:10px;
}
.account-box .account-info{
    color: #555;
    height: 30px;
    line-height: 30px;
}


.hidden-text{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emptyData{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.emptyData.noFixed{
    transform: unset;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 50px;
}

.emptyData .icon{
    color: #ddd;
    margin-bottom: 20px;
}
.emptyData .icon text{
    font-size: 80px;
}
.emptyData .txt{
    color: #ccc;
}
.emptyData .addBtn{
    margin: 0 auto;
    margin-top: 20px;
    color: #ffa821;
    background: #fbf8f4;
    height: 36px;
    line-height: 36px;
    border-radius: 5rem;
    padding: 0 20px;
    white-space: nowrap;
}

/* 文字颜色 */
.white{color:#fff !important;}
.red{color:red !important;}
.blue{color:#1E9FFF !important;}
.green{color:#009688 !important;}
.gray{color:#999 !important;}
.dark-gray{color:#666 !important;}
.orange{color:#ff9449 !important;}
.freshGreen{color:#009933 !important;}
.light-green{color:#1EC24C !important;}
.purple{color:#6080e9 !important;}
.black{color:#333 !important;}
.pink{color: #f26080 !important;}
.yellow{color:#FFB800 !important;}

/*下划线*/
.xiahuaxian{
    text-decoration:underline;
}


.layui-table tbody tr:hover{
    background-color:#f9f9f9 !important;
}

/* vue */
[v-cloak] {
    display: none;
}


/*.layui-none {
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999;
	max-width: unset;
    width: 99.92%;
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 0 0 50px 0;
    text-align: center;
}*/
.layui-table-view .layui-none{border:none;}
.no-border{border:none !important;}
.tableList{
	max-height:440px;
	overflow-y: scroll;
    border: 1px solid #e6e6e6;
}
.tableList .layui-table{
	
}
.tableList .layui-table@charset "UTF-8";

*{padding:0;margin:0;font-family:'Microsoft YaHei',Arial,sans-serif;font-size: 15px;/* color: #555; */-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{background: #fff;width:100%;font-size:1.0rem;height:100%;}
ul,li{list-style-type:none;}
ul{padding:0;margin:0;}
a{ text-decoration:none;}
input,a,textarea,button{-webkit-appearance: none;outline:medium;}
.none{display:none;}
.none-important{display:none !important;}
.block{display: inline-block;}

.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

/* text color */
.t-red{color:red !important;}
.t-blue{color:#1E9FFF !important;}
.t-green{color:#009688 !important;}
.t-orange{color:#ff8822 !important;}
.t-gray{color:#9a9a9a !important;}
.t-fail{color:#FA8072 !important;}
.t-white {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px;
	color:#ffffff!important;
}
/* text align */
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}


/* 背景颜色 */
.bg-red{background-color:red !important;}
.bg-light-red{background-color:#FF4555 !important;}
.bg-blue{background-color:#1E9FFF !important;}
.bg-green{background-color:#009688 !important;}
.bg-gray{background-color:#dddddd !important;}
.bg-light-gray{background-color:#f5f5f5 !important;}
.bg-orange{background-color:#ff9449 !important;}
.bg-white{background-color:#fff !important;}
.bg-black{background-color:#000 !important;}
.bg-yellow{background-color:#FFB800 !important;}
.bg-purple{background-color:#6080e9 !important;}
.bg-pink{background-color:#FFCCCC !important;}
.bg-light-green{background-color:#1EC24C !important;}
.bg-light-blue{background-color:#2CB9FF !important;}


/* 旋转 */
.rotate{
    transition:all 0.35s;
    display: inline-block;
    transform:rotate(0);
    -ms-transform:rotate(0); 	/* IE 9 */
    -moz-transform:rotate(0); 	/* Firefox */
    -webkit-transform:rotate(0); /* Safari 和 Chrome */
    -o-transform:rotate(0); 	/* Opera */
}

/*清除浮动*/
.clearfix {
    overflow: auto;
    zoom: 1;
}

/* margin */
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}


/*滚动条*/
/*::-webkit-scrollbar-track-piece {*/
/*    background-color: #fff;*/
/*    -webkit-border-radius: 0*/
/*}*/
/*::-webkit-scrollbar {*/
/*    !*width: 10px;*/
/*    height: 10px*!*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    height: 50px;*/
/*    background-color: #b8b8b8;*/
/*    -webkit-border-radius: 6px;*/
/*    outline: 2px solid #fff;*/
/*    outline-offset: -2px;*/
/*    border: 2px solid #fff;*/
/*    filter: alpha(opacity = 50);*/
/*    -moz-opacity: 0.5;*/
/*    -khtml-opacity: 0.5;*/
/*    opacity: 0.5*/
/*}*/
/*::-webkit-scrollbar-thumb:hover {*/
/*    height: 50px;*/
/*    background-color: #878987;*/
/*    -webkit-border-radius: 6px*/
/*}*/

.account-box{
    padding: 10px 15px;
}
.account-box .account-tips{
    background:#f0f0f0;
    border-radius:3px;
    color:red;
    padding:0 6px;
    height: 30px;
    line-height: 30px;
    margin-bottom:10px;
}
.account-box .account-info{
    color: #555;
    height: 30px;
    line-height: 30px;
}


.hidden-text{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emptyData{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.emptyData.noFixed{
    transform: unset;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 50px;
}

.emptyData .icon{
    color: #ddd;
    margin-bottom: 20px;
}
.emptyData .icon text{
    font-size: 80px;
}
.emptyData .txt{
    color: #ccc;
}
.emptyData .addBtn{
    margin: 0 auto;
    margin-top: 20px;
    color: #ffa821;
    background: #fbf8f4;
    height: 36px;
    line-height: 36px;
    border-radius: 5rem;
    padding: 0 20px;
    white-space: nowrap;
}

/* 文字颜色 */
.white{color:#fff !important;}
.red{color:red !important;}
.blue{color:#1E9FFF !important;}
.green{color:#009688 !important;}
.gray{color:#999 !important;}
.dark-gray{color:#666 !important;}
.orange{color:#ff9449 !important;}
.freshGreen{color:#009933 !important;}
.light-green{color:#1EC24C !important;}
.purple{color:#6080e9 !important;}
.black{color:#333 !important;}
.pink{color: #f26080 !important;}
.yellow{color:#FFB800 !important;}

/*下划线*/
.xiahuaxian{
    text-decoration:underline;
}


.layui-table tbody tr:hover{
    background-color:#f9f9f9 !important;
}

/* vue */
[v-cloak] {
    display: none;
}


.layui-none {
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999;
	max-width: unset;
    width: auto;
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 0 0 50px 0;
    text-align: center;
}
.layui-table-view .layui-none{border:none;}
.no-border{border:none !important;}

.prompt{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}

.prompt-shadow{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
}

/* 相对定位 居中 */
.pos-middle{
    position: absolute;
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
}

/* 相对定位 垂直居中 */
.vert-middle{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
}

/* 相对定位 水平居中 */
.hor-middle{
    position: absolute;
    left:50%;
    transform:translateX(-50%);
}


/*筛选*/
.search_right_box{
    padding: 10px;
    overflow: auto!important;
    position: absolute;
    top: 0;
    bottom: 55px;
    width: 100%;
}

.seachBtnBox{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    margin-bottom: 0!important;
    box-shadow: 5px -1px 10px rgb(0,0,0,0.2);
}
.search_right_box .layui-input-inline{
    margin-right:0!important;
}
.search_right_box .layui-form-label{
    width: 86px;
    height: 21px;
    padding: 6px 8px;
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    border-right: 0;
}
.search_right_box .layui-input-block{
    margin-left: 103px;
    width:368px;
}
.search_right_box .xm-select-parent .xm-select{
    min-height: 35px;
}
.search_right_box .emptyInput{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: red;
    border-radius: 3rem;
    color: #fff;
    height: 20px;
    line-height: 18px;
    width: 20px;
    text-align: center;
}
.search_right_box .emptyInput>i{
    font-size:12px;
}
.search_right_box .layui-input{
    padding-right:36px;
}