@charset "utf-8"; 

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
   _background-image:url(about:blank);
   _background-attachment:fixed;
}
body, button, input, select, textarea {
	/* font-family: "微软雅黑","宋体","Arail"; */
	font-family: Century Gothic, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
	font-size: 14px;
    outline:none;
	color:#828282 ;
}
ul,ol,li {
	list-style: none;
}
img {
	border: none;
    vertical-align: middle;
}
.img-responsive{width:100%;height: auto}  /*自适应图片*/
/* a标签 */ 
a {
	text-decoration: none ; 
    color:#000000 ;
}

a:hover {
	text-decoration: none ;
} 


/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.center {
	margin: 0 auto;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.clearfix:after, .clearfix:before {
	content:"";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}

/*重复div标签*/
.DIV{
    position:relative;
    width:98%;
    margin:0 auto;
}

.DIV4{
    position:relative;
    width:90%;
    margin:0 auto;
}


/* 重置h标签 */ 
h1 {
	font-size: 24px
}
.h1{color:#2a2a2a;font-family:"Arial";text-align:center;}

h2 {
	font-size: 20px
}

h3 {
	font-size: 19px
}

.h3{color:#2a2a2a;font-family:"Arial";}

h4 {
	font-size: 16px
}
.h4{color:#313131;margin-top: 65px;font-weight: 100;}





h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}

/* 字体大小 */ 
.font12 {
	font-size: 0.75em;
}

.font14 {
	font-size: .875em;
}

.font16 {
	font-size: 1em;
}

.font18 {
	font-size: 1.125em;
}

.font20 {
	font-size: 1.25em;
}

.font22 {
	font-size: 1.375em;
}

.font24 {
	font-size: 1.5em;
}

.font26 {
	font-size: 26px
}

.font28 {
	font-size: 28px
}


.font30 {
	font-size: 30px
}

/* 主色 */ 
.role_color{ color:#3fb560 }

/* 所有颜色 */ 
.c1 {
    color:#d0292a; /*red*/
}

.c2 {
    color:#313131;/*gray*/
}

.c3{color:#b3b3b3;}
.c4{color:#2d2c2c}
.c5{color:#ababab;}

/* 定义边距  padding margin*/ 
.p1{
    padding-top:25px;
}
.p3{
    padding-top:30px;
}
.m1{
    margin-top:15px;
}

.m2{
    margin-top:25px;
}

.m3{
    margin-top:30px;
}

.p1{padding-top:15px;}
.p2{padding-top:10px;}

/*line-height*/
.line1{line-height:20px;}
.line2{line-height:24px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#7e7e7e;font-size:0.875em;}
input:-moz-placeholder,textarea::-moz-input-placeholder{color:#7e7e7e;font-size:0.875em;}
.icon-tiktok {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg data-name='Layer 1' id='Layer_1' fill='%23FFFFFF' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256,0C114.615,0,0,114.615,0,256S114.615,512,256,512,512,397.385,512,256,397.385,0,256,0ZM385.62,232.382c-27.184,0-53.634-8.822-74-23.75l-.162,101.5a92.457,92.457,0,1,1-80.178-91.721v49.845a43.657,43.657,0,1,0,31.288,41.876V109.333h51.275a71.773,71.773,0,0,0,71.774,71.773Z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.w100{
	width: 100%;
}