@charset "utf-8";

/* reset */
html { height: 100% }
body { min-height: 100%;background-color: #f5f7fa; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 16px;font-family:var(--hmos-r),sans-serif;color:#222;}
body { line-height: 1.5 }
a { text-decoration: none;}
a:hover { color:#ED6C00;}
a { blr:expression(this.onFocus=this.blur()); color:#222; }
a * { *cursor: pointer }
:focus { outline: none }
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before,.footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .footer { *zoom: 1;}
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
/* 字体引入start */
:root {
  --main-bg-color: coral;
  --hmos-b:'HarmonyOS Sans SC Bold';
  --hmos-r:'HarmonyOS Sans SC Regular';
}
.c000{
	color: #000;
}
/* 字体引入end */
/* 常用 start */
/* 内容区域宽度 */
.m-width-content{
	width:100%;
	max-width:1440px;
	margin:0 auto;
}
.m-width-1200{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.m-width-1030{
	width:100%;
	max-width:1030px;
	margin:0 auto;
}
.m-width-1130{
	width:100%;
	max-width:1130px;
	margin:0 auto;
}
/* 常用 end */
/*公用样式end*/
.fbold{
	font-weight: bold;
}
.fb500{
	font-weight: 500;
}
.fb400{
	font-weight: 400;
	font-family:var(--hmos-r)
}
.f-50{
	font-size: 50px;
}
.f-36{
    font-size: 36px;
}
.f-26{
    font-size: 26px;
}
.f-20{
    font-size: 20px;
}
.f-32{
	font-size: 32px;
}
.f-42{
	font-size: 42px;
}
.f-30{
	font-size: 30px;
}
.f-28{
	font-size: 28px;
}
.f-24{
	font-size: 24px;
}
.f-18{
	font-size: 18px;
}
.f-16{
	font-size: 16px;
}
.f-14{
	font-size: 14px;
}
.f-12{
	font-size: 12px;
}
.app .el-button{
	font-size: 16px;
	min-width: 140px;
	padding-top: 11px;
	padding-bottom: 11px;
}
.app .el-button.el-button--medium{
	font-size: 14px;
	min-width: auto;
}
.app .el-button.el-button--mini{
	padding: 5px 14px;
	min-width: auto;
}
body .el-input .el-icon-view{
	font-size: 18px;
}
body .el-input__inner{
    height: 50px;
    line-height: 50px;
}
body .el-input__inner::placeholder{
	color: #999999;
}
body .el-form-item__content{
	line-height: 50px;
}
body .el-form-item__label{
	line-height: 50px;
}
@media screen and (max-width: 1600px) {

	body, input, select, button, textarea{
		font-size: 14px;
	}
	.f-50{
		font-size: 42px;
	}
	.f-32{
		font-size: 28px;
	}
	.f-42{
		font-size: 36px;
	}
	.f-28{
		font-size: 24px;
	}
	.f-24{
		font-size: 18px;
	}
	.f-18{
		font-size: 16px;
	}
	.f-16{
		font-size: 14px;
	}
	body .el-input__inner{
		height: 40px;
		line-height: 40px;
	}
	body .el-form-item__content{
		line-height: 40px;
	}
	body .el-form-item__label{
		line-height: 40px;
	}
}
@media screen and (max-width: 1466px) {
	/* .f-50{
		font-size: 42px;
	}
	.f-32{
		font-size: 28px;
	}
	.f-42{
		font-size: 36px;
	}
	.f-28{
		font-size: 24px;
	}
	.f-24{
		font-size: 18px;
	}
	.f-18{
		font-size: 16px;
	}
	.f-16{
		font-size: 14px;
	} */
}
@media screen and (max-width: 1366px) {
	body .el-checkbox__label{
		font-size: 12px;
	}
  .m-width-content{
    max-width: 1000px;
  }
  .f-50{
	font-size: 36px;
	}
	.f-32{
		font-size: 24px;
	}
	.f-42{
		font-size: 30px;
	}
	.f-28{
		font-size: 20px;
	}
	.f-24{
		font-size: 16px;
	}
	.f-18{
		font-size: 14px;
	}
	/* .f-16{
		font-size: 12px;
	} */
	.f-14{
		font-size: 12px;
	}
}