@charset "utf-8";
/* 字体与ICON */
/* @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('//at.alicdn.com/t/c/font_1949298_qkjl55d6pc8.css'); 
/* 字体与ICON */
/* reset */
html { height: 100%;font-size:62.5%;}
body { min-height: 100%;}
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:inherit;}
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 {color:#777777;font-family:'HarmonyOS_Sans_SC', "PingFang SC", helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;font-size: var(--f16);font-weight:400;}
body { line-height: 1.5;}
a { text-decoration: none;}
a:hover { color:#ac343d;}
a { blr:expression(this.onFocus=this.blur()); color:#777777;}
a * { *cursor: pointer;}
:focus { outline: none;}

/* layer视频弹窗bug调整 */
.layui-layer-content {
	height: calc(100% - 43px);
}
.layui-layer-content iframe {
	height: 100% !important;
}
/*编辑器图片样式*/
.alignleft {
    float: left;
    margin: 6px 28px 28px 0;
}
.alignright {
    float: right;
    margin: 6px 0 28px 28px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px;
}
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table;}
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both;}
.fixed, .clearfix, .cf, .header, .main, .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;}
/* 表单特殊标签处理 */
fieldset{
	display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-block-start: 0em;
    padding-inline-start: 0em;
    padding-inline-end: 0em;
    padding-block-end: 0em;
    min-inline-size: auto;
    border-width: 0px;
    border-style: none;
    border-color: threedface;
    border-image: initial;
}
/*公用样式end*/

/* 自定义样式 */

/* 所有图片列表,图片外层类名定义为以下 */
.img-box{
	display: block;
	padding-bottom:100%;
	position: relative;
	overflow: hidden;
}
.img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: cover;
}
/* ie 10-11 */
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
	.img-box img{
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:auto;
	}
}
.animate__animated.animate__bounce {
	--animate-duration: 2s;
  }
  
:root{
	--animate-duration: 800ms;
	--animate-delay: 0.9s;
	/* 字体大小 */
	--f12:1.2rem;
	--f14:1.4rem;
	--f16:1.6rem;
	--f18:1.8rem;
	--f20:2.0rem;
	--f22:2.2rem;
	--f24:2.4rem;
	--f26:2.6rem;
	--f28:2.8rem;
	--f30:3.0rem;
	--f32:3.2rem;
	--f34:3.4rem;
	--f36:3.6rem;
	--f38:3.8rem;
	--f40:4.0rem;
	--f42:4.2rem;
	--f44:4.4rem;
	--f46:4.6rem;
	--f48:4.8rem;
	--f50:5.0rem;
	--f52:5.2rem;
	--f56:5.6rem;
	--f58:5.8rem;
	--f60:6.0rem;
	--f64:6.4rem;
	--f72:7.2rem;
	--f80:8.0rem;
	--f86:8.6em;
	--f100:10.0rem;
	/* 内容区域大小 */
	--mwc:1600px;
	/* 内容区与可视区域最小间距 */
	--ipd:0px;
}


@media screen and (max-width: 1700px){
	:root{
		/* 字体大小 */
		
		/* 内容区域大小 */
		--mwc:1400px;
		/* 内容区与可视区域最小间距 */
		--ipd:0px;
	}
}

@media screen and (max-width: 1600px){
	:root{
		/* 字体大小 */
		
		/* 内容区域大小 */
		--mwc:1200px;
		/* 内容区与可视区域最小间距 */
		--ipd:0px;
	}
}
@media screen and (max-width: 1466px){
	:root{
		/* 字体大小 */
		/* --f12:1.2rem; */
		--f14:1.2rem;
		--f16:1.4rem;
		 --f18:1.4rem;
		 --f20:1.6rem;
		 --f22:1.8rem;
		 --f24:1.8rem;
		 --f28:1.8rem;
		 --f30:2.0rem;
		 --f32:2.0rem;
		 --f34:2.0rem;
		 --f36:2.0rem;
		 --f38:2.0rem;
		 --f40:2.4rem;
		 --f42:2.8rem;
		 --f46:2.4rem;
		 --f48:3rem;
		 --f52:4rem;
		 --f58:4rem;
		 --f50:3.6rem;
		 --f52:3.6rem;
		 --f60:3.6rem;
		 --f64:4.0rem;
		 --f80:4.0rem;
		/*--f20:2.0rem;
		--f22:2.2rem;
		--f24:2.4rem;
		--f26:2.6rem;
		
		--f30:3.0rem;
		--f32:3.2rem;
		--f34:3.4rem;
		
		--f38:3.8rem;
		--f40:4.0rem;
		--f42:4.2rem;
		--f44:4.4rem;
		--f46:4.6rem;
		--f48:4.8rem;
		--f50:5.0rem;
		--f52:5.2rem;
		--f60:6.0rem;
		--f72:7.2rem;
		--f100:10.0rem; */
		/* 内容区域大小 */
		--mwc:1600px;
		/* 内容区与可视区域最小间距 */
		--ipd:0px;
	}
}
@media screen and (max-width: 1300px){
	:root{
		/* 字体大小 */
		
		/* 内容区域大小 */
		--mwc:980px;
		/* 内容区与可视区域最小间距 */
		--ipd:0px;
	}
}
@media screen and (max-width: 1000px){
	:root{
		/* 字体大小 */
		--f58:2.4rem;
		/* 内容区域大小 */
		--mwc:980px;
		/* 内容区与可视区域最小间距 */
		--ipd:0 20px;
		--f26:1.8rem;
	}
}