body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, a,
table, tr, td, th, form, input, button, select, option, textarea,
pre, code, fieldset, legend, blockquote{ padding:0; margin:0; font-size:12px; font-family:"PingFang SC","Microsoft Yahei","Arial","Simsun"; }
body{ zoom:1; background:#fff; /*min-width:1200px;*/ color:#161823; scrollbar-color:#EBEDF5 #fff; scrollbar-width:thin; }
h1, h2, h3, h4, h5, h6{ font-size:14px; }
ul,ol,li{ list-style:none; }
a{ text-decoration:none; cursor:pointer; color:#000; outline:none; /*blr:expression(this.onFocus=this.blur());*/ }
a:link, :visited, a:hover{ text-decoration:none; cursor:pointer; /*color:currentcolor;*/ }
img, a img, :link img, :visited img{ border:none; vertical-align:middle; }
table, tr, th, td, table tr th, table tr td{ border-collapse:collapse; }
input{ padding:0; border:1px solid #CCC; }
input[type="button"]{ cursor:pointer; box-shadow:none; }
input[type="radio"]{ border:none; background:none; }
input[type=number]{ padding-right:0 !important; }
input[type=search]::-ms-clear{ display:none; } /* IE ?  search    */
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"]>input[type="button"]::-moz-focus-inner, button::-moz-focus-inner{ border:none; padding:0; }
input::-webkit-search-cancel-button{ display:none; }
input:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px #fff inset !important; }
button{ border:0; cursor:pointer; }
select{ width:150px; height:36px; line-height:36px; border:none; padding:0 36px 0 0; font-size:14px; 
	background:url(../images/xiangxia.png) 100% / 35px no-repeat transparent;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
textarea{ resize:none; }
i, em, cite, address{ font-style:normal; }

*:focus{ outline:none; }
input:focus, textarea:focus, button:focus, select:focus{ outline:none; outline-offset:0; }
input[type="text"]:focus{ border:1px solid #0099CC; }
textarea:focus{ box-shadow:0 0 2px rgba(0,119,250,.2); }
/* placeholder设置 */
input::-webkit-input-placeholder{ color:#c8c9cc; }
input::-moz-input-placeholder{ color:#c8c9cc; }
input::-ms-input-placeholder{ color:#c8c9cc; }
textarea::-webkit-input-placeholder{ color:#c8c9cc; }
textarea::-moz-input-placeholder{ color:#c8c9cc; }
textarea::-ms-input-placeholder{ color:#c8c9cc; }
/* 设置滚动条 */
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-button{ display:none; }
::-webkit-scrollbar-track{ background:#fff; }
::-webkit-scrollbar-thumb{ background:rgba(0,25,51,.5); border-radius:4px; }

/******************** 分割线，上边的是原生元素 ********************/

.zoom{ zoom:1; }
.red{ color:#FE2C55; }
.orange{ color:#F99939; }
.yellow{ color:#FBCD26; }
.darkblue{ color:#0077FA !important; }
.green{ color:#3ccc39; }
.purple{ color:#7D00FA; }
.blue{ color:#00aff1; }
.pink{ color:#FA00FA; }
.purpleBlue{ color:#2A00FA; }
.dark{ color:#161823; }
/*.black{ color:#393d49;}*/
.color_0{ color:#000; }
.color_1{ color:#111; }
.color_2{ color:#222; }
.color_3{ color:#333; }
.color_4{ color:#444; }
.color_5{ color:#555; }
.color_6{ color:#666; }
.color_7{ color:#777; }
.color_8{ color:#888; }
.color_9{ color:#999; }
.color_a{ color:#aaa; }
.color_b{ color:#bbb; }
.color_c{ color:#ccc; }
.color_d{ color:#ddd; }
.color_e{ color:#eee; }
.color_f{ color:#fff; }
.color_f0{ color:#f0f0f0; }
.color_f2{ color:#f2f2f2; }
.color_fb{ color:#fbfbfb; }
.color_e2{ color:#e2e2e2; }
.color_d2{ color:#d2d2d2; }
.color_c2{ color:#c2c2c2; }

.f9{ font-size:12px; transform:scale(0.75); margin-left:-14%; }
.f10{ font-size:12px; transform:scale(0.83); margin-left:-9%; }
.f11{ font-size:12px; transform:scale(0.92); margin-left:-5%; }
.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; }
.f19{ font-size:19px; }
.f20{ font-size:20px; }
.f22{ font-size:22px; }
.f24{ font-size:24px; }
.f25{ font-size:25px; }
.f30{ font-size:30px; }
.f32{ font-size:32px; }
.f40{ font-size:40px; }
.f50{ font-size:50px; }
.bold{ font-weight:bold; }
.normal{ font-weight:normal; }

.text_left{ text-align:left; }
.text_right{ text-align:right; }
.text_center, .text-c{ text-align:center; }
.fl, .f-left{ float:left; }
.fr, .f-right{ float:right; }
.clear:after, .clearfix:after{ content:""; display:block; clear:both; }

.m10{ margin:10px; }
.mt-10{ margin-top:10px; }
.mt-15{ margin-top:15px; }
.mt-20{ margin-top:20px; }
.mt-30{ margin-top:30px; }
.mt-40{ margin-top:40px; }
.mt-50{ margin-top:50px; }
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }
.mb-30{ margin-bottom:30px; }
.mb-40{ margin-bottom:40px; }
.mb-50{ margin-bottom:50px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.ml-30{ margin-left:30px; }
.ml-40{ margin-left:40px; }
.ml-50{ margin-left:50px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.mr-20{ margin-right:20px; }
.mr-30{ margin-right:30px; }
.mr-40{ margin-right:40px; }
.mr-50{ margin-right:50px; }

.p10{ padding:10px; }
.pt-10{ padding-top:10px; }
.pt-15{ padding-top:15px; }
.pt-20{ padding-top:20px; }
.pt-30{ padding-top:30px; }
.pt-40{ padding-top:40px; }
.pt-50{ padding-top:50px; }
.pt-100{ padding-top:100px; }
.pb-10{ padding-bottom:10px; }
.pb-15{ padding-bottom:15px; }
.pb-20{ padding-bottom:20px; }
.pb-30{ padding-bottom:30px; }
.pb-40{ padding-bottom:40px; }
.pb-50{ padding-bottom:50px; }
.pb-70{ padding-bottom:70px; }
.pl-10{ padding-left:10px; }
.pl-15{ padding-left:15px; }
.pl-20{ padding-left:20px; }
.pl-30{ padding-left:30px; }
.pl-40{ padding-left:40px; }
.pl-50{ padding-left:50px; }
.pl-60{ padding-left:60px; }
.pr-10{ padding-right:10px; }
.pr-15{ padding-right:15px; }
.pr-20{ padding-right:20px; }
.pr-30{ padding-right:30px; }
.pr-40{ padding-right:40px; }
.pr-50{ padding-right:50px; }

.show, .block{ display:block; }
.in-block{ display:inline-block; }
.hide{ display:none !important; }
.over-hidden{ overflow:hidden; }
.pr{ position:relative; }
.pab{ position:absolute; }
.fixed{ position:fixed; }

.flex{ display:flex; }
.flex-a-{ display:flex; justify-content:space-around; }
.flex-a-c{ display: flex; justify-content: space-around; align-items: center; }
.flex-b-{ display:flex; justify-content:space-between; }
.flex-b-c{ display: flex; justify-content: space-between; align-items: center; }
.flex-c-{ display:flex; justify-content:center; }
.flex--c{ display:flex; align-items:center; }
.flex-c-c{ display:flex; justify-content:center; align-items:center; }
.flex_wrap{ display:flex; flex-wrap:wrap; }
.flex_nowrap{ display:flex; flex-wrap:nowrap; }
.flex_1{ flex:1; }
.flex_2{ flex:2; }
.grid{ display: grid; }

.opacity_10{ opacity:1; }
.opacity_8{ opacity:.8; }
.opacity_6{ opacity:.6; }
.opacity_5{ opacity:.5; }
.opacity_4{ opacity:.4; }
.opacity_2{ opacity:.2; }
.opacity_0{ opacity:0; }

.bg_fff, .bg_f{ background:#fff; }
.bg_56a{ background:#f5f6fa; }
.bg_gray{ background:#EBEDF5; }
.bg_dark{ background:#161823; }
.bg_darkblue{ background:#0077fa !important; }
.bg_blue{ background:linear-gradient(to right, #0077FA 0%, #009AFA 100%); }
.columnar{ background:linear-gradient(0deg, rgba(0, 119, 250, 0) 0%, #0077FA 100%); }

.trans180{ transform:rotate(180deg); }
.lh1{ line-height:1; }
.lh2{ line-height:2; }
.lh3{ line-height:3; }
.line1{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.line2{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; display:-moz-box; box-orient:vertical; -webkit-box-orient:vertical; -moz-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; -moz-line-clamp:2; }
.underline{ text-decoration:underline; }

.w60{ width:60px !important; }
.w80{ width:80px !important; }
.w100{ width:100px !important; }
.w150{ width:150px !important; }
.w200{ width:200px !important; }
.w280{ width:280px; }
.w700{ width:700px; }
.w900{ width:900px; }
.w1200{ width:1200px; min-width:1200px; margin:0 auto; }
.w1440{ width:1440px; margin:0 auto; }
.w1640{ width:1640px; margin:0 auto; }

/*设置字体*/
@font-face{
	font-family:DIN;
	font-style:normal;
	src:url('fonts/DIN-Medium.otf');
}
.DIN{ font-family:DIN; }
.zhezhao{ width:100%; height:100%; position:relative; background:rgba(0,0,0,.3); top:0; left:0; z-index:20; }

.empty-data{ padding-top:100px; }
.empty-data img{ width:30%; }
.empty-data p{ text-align:center; padding:30px; font-size:16px; }
/*@chang*/
.sa-button-container .confirm{ position:relative !important; width:auto !important; height:auto !important; }
.hand{ cursor:pointer; }
/* 重置一些elementUI的样式 */
.el-pagination{
  --el-pagination-hover-color: var(--color-text-blue) !important;
}
