body { min-height: 100%;width:100%;overflow-x:hidden;}
body { _height: 100% }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
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 }*/
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align:top;max-width:100%; }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button,select { -webkit-border-radius: 0; -webkit-appearance: none;border: none;background:none; }
select::-ms-expand { display: none; }
body * { box-sizing: border-box;}
body ,input,textarea{  font-family:-apple-system,BlinkMacSystemFont,Source Han Sans CN, "SourceHanSansCN-Regular",PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,"\5b8b\4f53";color:#231815;font-size:16px; }

button { margin: 0; padding: 0; border: 1px solid transparent; outline: none; background-color: transparent; }
button:active { opacity: 0.6; }
a { text-decoration: none; color:#333; }
a:hover{color:#9d2872;}
a { blr:expression(this.onFocus=this.blur()) } 
a * { *cursor: pointer }
:focus { outline: none } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;font-weight: normal;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;font-weight: normal;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;font-weight: normal;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;font-weight: normal;}
.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 }
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.flex-col { display: flex; flex-direction: column; flex-shrink: 0;  }
.flex-row { display: flex; flex-direction: row; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-evenly { justify-content: space-evenly; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }
.align-start {align-items: flex-start; }
.align-center { align-items: center; }
.align-end { align-items: flex-end; }

.ellipsis-2{max-height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.db{display: block;}
.dpinb{display: inline-block;}
.fb{font-weight: bold;}
.tc{text-align: center;}
.tr{text-align: right;}
.ovh,.hid{overflow: hidden;}
.hide{display: none;}
.mt{margin-top:2em;}
.mt25{margin-top:25px;}

.c-424243{color:#424243;}
.c-9b9b9e{color:#9b9b9e;}
.c-6f2c91{color:#6f2c91;}
.c-9d2872{color:#9d2872;}
.c-fff{color:#ffffff;}

.f-12{font-size:12px;}
.f-14{font-size:14px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-36{font-size:36px;} 
.f-40{font-size:40px;}
.f-48{font-size:48px;}
@media (max-width:750px) {
  .mt100{margin-top:50px;}
	.f-14{font-size:12px;}
	.f-16{font-size:14px;}
	.f-18{font-size:16px;}
  .f-20{font-size:16px;}
	.f-24{font-size:20px;}
	.f-32{font-size:30px;} 
  .f-36{font-size:28px;} 
	.f-40{font-size:36px;}
	.f-48{font-size:32px;}
  .mt25{margin-top:10px;}
}