@charset "UTF-8";
* {padding: 0;margin: 0;box-sizing: border-box;}
body {
    background-color: #F1F1F4;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-family: -apple-system-font, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", sans-serif;*/
    font-family: "Arial", "Microsoft YaHei";
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

html, body {height: 100%;}
button,
input,
select,
textarea {font-family: inherit;}
input {outline: none;}
button {outline: none;cursor: pointer;}
ol,
ul,
li {list-style: none;}
img {display: block;}

a,
a:hover {text-decoration: none;}

/*
*用于解决，刷新或者加载出现闪烁（显示变量）
*/
[v-cloak] {display: none;}

/*
*主题
*/
.color-red {color: #ff4d51 !important;}
.color-green {color: #099b0a !important;}

.color-gray9 {color: #999999 !important;}
.color-gray {color: #5C5C5C !important;}
.color-blue {color: #025DFF !important;cursor: pointer;}
.color-white {color: #ffffff !important;}
.color-black {color: #000000 !important;}
.color-info {color: #666666 !important;}
.color-primary{color: #FF6900 !important;}

.primary-color {color: #20b267;}
.center {text-align: center;}
.nowrap {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}

/*border*/
.border-l,
.border-r,
.border-t,
.border-b {position: relative;}

.border-l:after,
.border-r:after {
    position: absolute;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ebeef5;
}
.border-t:after,
.border-b:after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
}
.border-l:after {left: 0;}
.border-r:after {right: 0;}
.border-b:after {bottom: 0;}
.border-t:after {top: 0;}
.border-b:after {bottom: 0;}
.box-border{border:1px solid #ebeef5;}

/*自定表格*/
.custom-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ebeef5;
    table-layout: fixed;
}

.custom-table th {
    background-color: #f5f7fa;
    text-align: left;
}

.custom-table td,
.custom-table th {
    padding: 2px 10px;
    border: 1px solid #ebeef5;
}

@keyframes bounce-in {
    0% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes bounce-out {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-60px);
    }
}

.el-switch.is-checked .el-switch__core::after {
    margin-left: -15px;
}

/* 去除webkit中input的type="number"时出现的上下图标 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*vue v-html 要添加样式才可以显示*/
.v-html {
    white-space: pre-wrap;
}

/* 间距 */
.nopd { padding: 0!important;}
.no-pdt {padding-top: 0 !important;}
.no-pdb {padding-bottom: 0 !important;}
.no-pdl {padding-left: 0 !important;}
.no-pdr {padding-right: 0 !important;}
.pd-16 {padding: 16px !important;}
.pd-20 {padding: 20px !important;}
.pdt-0 {padding-top: 0 !important;}
.pdt-2 {padding-top: 2px !important;}
.pdt-5 {padding-top: 5px !important;}
.pdt-10 {padding-top: 10px !important;}
.pdt-16 {padding-top: 16px !important;}
.pdt-18 {padding-top: 18px !important;}
.pdt-20 {padding-top: 20px !important;}
.pdt-30 {padding-top: 30px !important;}
.pdb-2 {padding-bottom: 2px !important;}
.pdb-5 {padding-bottom: 5px !important;}
.pdb-10 {padding-bottom: 10px !important;}
.pdb-16 {padding-bottom: 16px !important;}
.pdb-20 {padding-bottom: 20px !important;}
.pdb-40 {padding-bottom: 40px !important;}
.pdl-0 {padding-left: 0 !important;}
.pdl-10 {padding-left: 10px !important;}
.pdl-16 {padding-left: 16px!important;}
.pdl-20 {padding-left: 20px !important;}
.pdl-25 {padding-left: 25px !important;}
.pdl-38 {padding-left: 38px !important;}
.pdr-0 {padding-right: 0px!important;}
.pdr-5 {padding-right: 5px!important;}
.pdr-10 {padding-right: 10px!important;}
.pdr-16 {padding-right: 16px!important;}
.pdr-18 {padding-right: 18px!important;}
.pdr-20 {padding-right: 20px !important;}
.mgl-2 {margin-left: 2px !important;}
.mgl-6 {margin-left: 6px !important;}
.mgl-10 {margin-left: 10px !important;}
.mgl-16 {margin-left: 16px !important;}
.mgl-18 {margin-left: 18px !important;}
.mgl-20 {margin-left: 20px !important;}
.mgl-30 {margin-left: 30px !important;}
.mgl-50 {margin-left: 50px !important;}
.mgr-0 {margin-right: 0 !important;}
.mgr-6 {margin-right: 6px !important;}
.mgr-10 {margin-right: 10px !important;}
.mgr-12 {margin-right: 12px !important;}
.mgr-16 {margin-right: 16px !important;}
.mgr-18 {margin-right: 18px !important;}
.mgr-20 {margin-right: 20px !important;}
.mgr-30 {margin-right: 30px !important;}
.mgb-0 {margin-bottom: 0 !important;}
.mgb-6 {margin-bottom: 6px !important;}
.mgb-10 {margin-bottom: 10px !important;}
.mgb-15 {margin-bottom: 15px !important;}
.mgb-18 {margin-bottom: 18px !important;}
.mgb-20 {margin-bottom: 20px !important;}
.mgb-30 {margin-bottom: 30px !important;}
.mgb-40 {margin-bottom: 40px !important;}
.mgt-4 {margin-top: 4px !important;}
.mgt-6 {margin-top: 6px !important;}
.mgt-8 {margin-top: 8px !important;}
.mgt-10 {margin-top: 10px !important;}
.mgt-16 {margin-top: 16px !important;}
.mgt-18 {margin-top: 18px !important;}
.mgt-20 {margin-top: 20px !important;}
.mgt-30 {margin-top: 30px !important;}
.mgt-36 {margin-top: 36px !important;}
.mgt-n10 {margin-top: -10px !important;}
.mgt-n16 {margin-top: -16px !important;}
.mgt-n20 {margin-top: -20px !important;}

.w-30 {width:30px!important;}
.w-50 {width:50px!important;}
.w-100 {width:100px!important;}
.w-150 {width:150px!important;}
.w-200 {width:200px!important;}
.w-300 {width:300px!important;}
.w-350 {width:350px!important;}
.w-500 {width:500px!important;}
.w-percent {width: 100%!important;}

.lh-40 {line-height: 40px!important;}
.lh-32 {line-height: 32px!important;}
/*手势*/
.pointer {cursor: pointer;}
.move {cursor: move;}

/*字体大小*/
.f10 {font-size: 10px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f24 {font-size: 24px !important;}
.f28 {font-size: 28px !important;}
.f32 {font-size: 32px !important;}
.f36 {font-size: 36px !important;}
.f58 {font-size: 58px !important;}
.f60 {font-size: 60px !important;}
.bold {font-weight: bold!important;}
.fw500{font-weight: 800!important;}
.fw500{font-weight: 500!important;}
.fw400{font-weight: 400!important;}

/*
*布局
*/
.flex{display: flex;}
.flex-item{min-width: 0; flex: 1;}
.flex-wrap{flex-wrap: wrap;}
.flex-alc{align-items: center;}
.flex-als{align-items: flex-start;}
.flex-ass{align-self: flex-start;}
.flex-ale{align-items: flex-end;}
.flex-dic{flex-direction: column;}
.ju-sb{justify-content: space-between;}
.ju-sa{justify-content: space-around;}
.ju-ct{justify-content: center;}
.ju-end{justify-content: flex-end;}
.clr:after{clear: both; display: block; overflow: hidden; height: 0; content: ".";}
.fl {float: left!important;;}
.fr {float: right!important;;}
.pr {position: relative!important;;}
.tl {text-align: left !important;}
.tc {text-align: center!important;;}
.tr {text-align: right!important;;}
.dline {display: inline!important;;}
.abs {position: absolute!important;}
.pr {position: relative!important;}
.center {display: block;text-align: center;}

.hide{display: none !important;}
.block{display: block !important;}
.lblock{display: inline-block !important;}

.nowrap {white-space:nowrap}
.wrap { width: 1200px; margin: 0 auto;}

input{
    border: none;
    outline: none;
}
.underline{
    text-decoration: underline;
}