html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
input,
select,
ul,
ol,
li,
fieldset,
figure {
    margin: 0;
    padding: 0;
    border: none;
}
/* h1样式被系统覆盖，加最高权重修复 */
h1{
  font-size: 2em !important;
  margin-block-start: 0.67em !important;
  margin-block-end: 0.67em !important;
}
ul,
li {
    list-style: none;
    padding: 0;
}
* {
  margin: 0;
  padding: 0;
}
body{font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color: #24324c;font-size:14px;}
body,html{min-width:1200px;width:100%;height:100%;}
a {
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

img {
    border: none;
}

div {
    -webkit-highlight: none;
    -webkit-tap-highlight-color: transparent;
    /*-webkit-user-select: none;*/
}

a {
    text-decoration: none;
    cursor: pointer;
}
::-webkit-input-placeholder {color: #d3d3d3;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="tel"] {
    -webkit-appearance: none;
    /*清除ios默认圆角*/
    outline: none;
}
input:focus{
    outline: none;
}
textarea {
    -webkit-appearance: none;
}

/* 设置滚动条样式 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #999;
  }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #999;
    -webkit-box-shadow: inset 0 0 6px #999;
    border-radius: 10px;
    background-color: #999;
  }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.2);
}
/* //Ie下滚动条样式 */
/* HTML {
  scrollbar-base-color: rgba(0,0,0,0.2);
  scrollbar-3dlight-color:rgba(0,0,0,0.2);
  scrollbar-highlight-color: rgba(0,0,0,0.2);
  scrollbar-track-color: rgba(255,255,255,0.2);
  scrollbar-arrow-color:rgba(255,255,255,0.2);
  scrollbar-shadow-color:rgba(255,255,255,0.2);
  scrollbar-darkshadow-color: rgba(0,0,0,0.2);
} */

/* .button{ border-radius: 0; } */

.clear {
    overflow: hidden;
    zoom: 1;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*=======文字 start======*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
/*=======文字 end======*/

/*=======边距 start======*/
.ma{margin-left:auto; margin-right:auto;}
.mal{margin-left:auto;}
.mar{margin-right:auto;}
.m5 {margin: 5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

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

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl18{padding-left:18px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr--1{position:relative;top:1px;}
.pr--2{position:relative;top:2px;}
.pr-1{position:relative;top:-1px;}
.pr-4{position:relative;top:-4px;}
/* .pr--1{position:relative;right:1px;} */

.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.p30-p25 {padding: 30px 25px}
.p25-p20 {padding: 25px 20px}
.p20-p10 {padding: 20px 10px}
.p10-p20 {padding: 10px 20px}
.p10-p0 {padding: 10px 0}
.p0-p7 {padding: 0 7px}
.p0-p10 {padding: 0 10px}
.p0-p15 {padding: 0 15px}
.p0-p20 {padding: 0 20px}
.p0-p5 {padding: 0 5px}
.p5-p0 {padding: 5px 0}
.p7-p0 {padding: 7px 0}
.ml-10 {margin-left: -10px}
.m5-m0 {margin: 5px 0}
/*=======边距 end======*/

/*字体颜色*/
:root {
--primary_color:#3986ee;
}
.c999 {color: #999}
.c888 {color: #888}
.c666 {color: #666}
.c596378 {color:#596378;}
.c333 {color: #333}
.c000 {color: #000}
.c_blue {color: #6F8193}
.c_red {color: #ff3300}
.c_green {color: #91CA52}
.c_orange {color: #FF7D3F}
.c_white {color: #fff}
.c_icon {color: #3986ee}
.placeholderColor {color: #757575} /*预输入文本颜色*/
.primary_color {color: var(--primary_color)} /*主色*/

/*布局辅助样式*/
.w {width: 100%;max-width: 750px;margin-left: auto;margin-right: auto}
.w100p {width: 100%}
.w300{width:300px;}
.w198{width:198px;}
.w152{width:152px;}
.w124{width:124px;}
.w118{width:118px;}
.w90{width:90px;}
.w60{width:60px;}
.w40{width:40px;}
.w-auto70{width:70%}
.w-auto60{width:60%}
.w-auto38{width:38%}
.ml-auto2{margin-left:2%;}
.w-flex-width{flex-grow: 0;flex-shrink: 0;width: 120px!important;}

.ti2{text-indent:2em;}
.ti3{text-indent:3em;}
.unl{text-decoration:underline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.rtl {direction: rtl}
.rtr {direction: ltr}
.pr {position: relative;}
.pa {position: absolute;}
.vt {vertical-align: top;}
.db {display: block;}
.ib {display: inline-block;vertical-align: middle;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.nowrap {white-space: nowrap;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.ellipsis_line2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
i[class*="_ico"] {display: inline-block;vertical-align: middle;}
.fixed_layout {table-layout: fixed;}

/* 效果辅助样式 */
.radius100p {border-radius: 100%;background-clip: padding-box}
.rotate180 {transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .3s;
  -webkit-transition: all .3s}
.invisible {height: 0px !important;border:0 !important;overflow: hidden;}
.ui_hover:active {background-color: #ececec !important}
.ui_none {display: none}

/*滚动条美化*/
.nice_scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.nice_scroll::-webkit-scrollbar-button {
  background-color: #f1f1f1;
}
.nice_scroll::-webkit-scrollbar-track {
  box-shadow: none;
  background: #f1f1f1;
}
.nice_scroll::-webkit-scrollbar-track-piece {
  box-shadow: none;
  background: #f1f1f1;
}
.nice_scroll:hover::-webkit-scrollbar-thumb {
  background: #6F8193;
  border-radius: 2px;
}
.nice_scroll::-webkit-scrollbar-corner {
  background: #f1f1f1;
}
.nice_scroll::-webkit-scrollbar-resizer {
  background: #FF0BEE;
}

/* 截取 */
.cutout{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.cutout2{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.max298{max-width:298px;}
.max276{max-width:276px;}
.max197{max-width:197px;}
.max100{max-width:100px;}
.max60{max-width:60px;}
.max80{max-width:80px;}
.min60-max100{min-width:60px;max-width:100px;}
.max-auto{max-width:100%;}
.max-50auto{max-width:50%;}
.max-80auto{max-width:80%;}
.max-70auto{max-width:70%;}
/*flex 布局*/
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexCenter  {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexBetween{
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;justify-content: space-between;
}


/* 弹窗header区域背景 */
.el-dialog__header,.el-message-box__header{padding:12px 20px!important;}
.el-dialog__header .el-dialog__title,.el-dialog__header .el-dialog__headerbtn i,.el-message-box__header .el-message-box__title,.el-message-box__header .el-message-box__headerbtn i,.el-dialog__header .el-dialog__headerbtn i:hover,.el-message-box__header .el-message-box__headerbtn i:hover{color:#fff;font-size:16px;}
.el-dialog__header .el-dialog__headerbtn{top: 15px;}
.el-message-box__header .el-message-box__headerbtn{top: 12px;}
.el-button--small, .el-button--small.is-round{padding: 7px 15px!important;font-size:14px!important;}
.el-dialog__body{padding:20px!important;}
.el-collapse-item__header{height:40px!important;line-height:40px!important;}
.el-dialog,.el-message-box{background: #fff; box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.16), 0px 12px 32px 0px rgba(0,0,0,0.12), 0px 16px 48px 16px rgba(0,0,0,0.08), 0px 8px 16px -8px rgba(0,0,0,0.16), 0px 12px 32px 0px rgba(0,0,0,0.12), 0px 16px 48px 16px rgba(0,0,0,0.08)!important;border-radius: 0px!important;border:none!important;}
.el-message-box .el-message-box__content{padding: 20px 15px;}
.el-message{background: #fff!important;box-shadow: 0px 8px 20px 0px rgba(177,197,197,0.08)!important;border-radius: 4px!important;min-width:auto!important;}
.el-message-box .el-message-box__message{word-wrap: break-word;word-break: normal;}

/* 强制不换行 */
.bhh{white-space:nowrap;}
/* 自动换行 */
.zdhh{word-wrap: break-word;word-break: normal;}
/* 强制英文单词断行 */
.ywdh{word-break:break-all;}