*{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{color:inherit;font-weight: normal;}
ul,li{list-style-type: none;}
b,i,strong{font-weight: normal;font-style: normal;}
a{ text-decoration: none;}

/*float*/
.clear {clear:both; height:0; font-size:0;margin: 0;padding: 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;clear: both;}/*解决ie6/7兼容问题*/
.fl{float:left;} .fr {float:right;}
/*align*/
.tl{text-align: left;}  .tc {text-align: center;}  .tr{text-align: right;}.vtop{vertical-align: top;}.vmiddle{vertical-align: middle;}.vbottom{vertical-align: bottom;}
/*margin*/
.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{margin-top:15px;}  .mt20{ margin-top:20px;}  .mt30{ margin-top:30px;}.mt0{margin-top: 0px;}
.mb5{margin-bottom: 5px;}.mb10{ margin-bottom:10px;}.mb15{margin-bottom: 15px;}  .mb20{ margin-bottom:20px;}  .mb30{ margin-bottom:30px;}.mb0{margin-bottom: 0px;}
.mr5{ margin-right:5px;}.mr10{ margin-right:10px !important;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px !important;}.mr15{margin-right: 15px;}
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml24{margin-left: 24px;}.ml30{ margin-left:30px;}

.marHori10{margin:0 10px;}
.marVert10{margin:10px 0;}
/*padding*/
.pd5{padding:5px;}.pd10{padding:10px;}.pd15{ padding: 15px;}.pd20{padding:20px;}.pd30{padding:30px;}
.pt5{padding-top:5px;}.pt10{padding-top: 10px;} .pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{ padding-top: 40px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom: 10px;} .pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}
/*font*/
.f15px{font-size: 15px;}.f36px{ font-size: 36px;}.f20px{font-size: 20px;}.f24px{font-size: 24px;}
.f12px{font-size:12px;}.f13px{font-size: 13px;}  .f14px{font-size:14px;}  .f16px{font-size:16px;}  .f18px{font-size:18px;}  .f22px{font-size:22px;}  .f26px{font-size:26px;}.f30px{font-size: 30px;}  .f32px{font-size:32px;}
/*color*/
.gray3{color:#333;}  .gray6{color:#666;}  .gray9 {color: #999;}.gray4b{color:#4b4b4b;}  .red{color:#fb5454;} .red1{color: #e34d59;}   .orange {color:#ff7700;} .green {color: #2ac97c;} .yellow{color: #f6e842;}
.blue{color:#4787F0 !important;}
.gy1{color: #000000;opacity: 90%;}
.gy2{color: #000000;opacity: 60%;}
.gy3{color: #000000;opacity: 40%;}
.gy4{color: #000000;opacity: 26%;}
.white{color:#FFFFFF;} .deepBlue{color:#042854}
.redBg{ background-color: #fb5454 !important;}.blueBg{ background-color: #2B6DF5;} .orangeBg{ background-color: #ff7700} .greenBg {background-color: #2ac97c !important;} .yellowBg{background-color: #f6e842 !important;}
/*font-weight*/
.fb,.bold{font-weight: bold;}
.fn{font-weight:normal}
.inBlock{display: inline-block;}.block{display: block !important;}

/*line-height*/
.lh32{line-height: 32px;}.lh28{ line-height: 28px;}

/*------public------*/
.full-width{width: 100%;}
.fa{box-sizing: border-box;}.lh24{line-height: 24px;}
.themeColor a{color: #2B6DF5}
.wrapBox{ background-color: #FFF;border-radius: 10px;}label,b,i,strong{font-weight: normal;}
.wrapAuto{overflow: auto;}
.hide{display: none;}.vHide{visibility: hidden;}.poi{cursor:pointer;}
.w1200, .mainArea{width:1200px;margin:0 auto;}.full-width{width:100%;}
.main{ background-color: #f4f6f9;padding:15px 0;}
.highLayer{ position: relative;z-index: 100; width: 100%;} /*置为高层*/
.whiteBg{ background-color: #FFF;}
.line{height:1px; background-color: #EEE;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.radius0{border-radius: 0px;}
.center{position: relative;}
.center > i{position: absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:26px;height:26px;}
.is_required:before{content: "*";color: #f56c6c;margin-right: 4px;}
.pointer{ cursor: pointer;}
.notAllowed{ cursor: not-allowed;}
.editorPreview{height:700px;overflow: auto;font-size: 16px;}
.editorPreview img{width: 100%;}
.flex{display: flex;}
.editor-box img{max-width:100px;}
.root-bottle{height:100%; overflow: auto;}
.progress-white .ant-progress-text{color:#FFF !important;}
.iconText{ position: relative; top:1px;}


.warpMessage{position:absolute;top:20px;left: 50%;}
.warpMessage .message{border-radius: 3px;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 22px;font-size: 14px;
  padding: 6px 16px;background: #FFF;border: 1px solid #f1efef;}
.warpMessage i{position: relative;top:3px;}
.card{box-shadow: #dcdcdc 0px 2px 5px;}

.ellipsis-4{
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
}

.ellipsis-2{
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
}

div, html, ul {
    &::-webkit-scrollbar{
        width: 10px;
        height: 10px;
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 2px solid transparent;
        background-clip: content-box;
        background-color: #d5d5d5;
    }

    &::-webkit-scrollbar-corner {
        width: 0;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }
}