@font-face {
  font-family: "siyuan";
  src: url('/static/font/hansans/SourceHanSansCN-Regular.otf');
}
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
html{line-height:1;}
ol,ul{list-style:none;}
a{color:#0f3961;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor: pointer;}
a img{border:none;}table{border-collapse:collapse;border-spacing:0;}
input,select,textarea,button{font-size:100%;border: none;padding: 0;}
/*textarea{resize: none;line-height: 1.2em}*/
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;vertical-align:middle;}
em,i{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary{display:block;}
button,select,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */
.pointer{cursor: pointer}

/* --------tools-------- */
.clearfix:after{content:"$";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
.table{width:100%;display:table;table-layout:fixed;}
.table-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}

.relative{position:relative;}.absolute{position: absolute}.in-block{display: inline-block}.block{display:block;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}.vt{vertical-align:top;}.vm{vertical-align:middle;}.vb{vertical-align:bottom;}
img{max-width:100%;}img.imgm{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;}

/*全局*/
body {font-size:63%; line-height:1.5; font-family:"siyuan" !important; overflow-x: hidden;color:#fff;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; font-style:normal;}
h1{font-size:1.8em;}h2{font-size:1.4em;}h3{font-size:1em;}
h1,h2,h3,h4,h5,h6,strong,caption,th{font-weight:normal;}

.web-font {
    font-family: "webfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*color*/
.colc{color: #cccccc}
.blue{color: #0f3961}
.col9b{color: #eeeeee}
.blue-light{color: #95cbff}

/*font-size*/
.fs16{font-size: 16px;}.fs18{font-size: 18px;}.fs20{font-size: 18px;}.fs24{font-size: 24px;}.fs30{font-size: 30px;}.fs36{font-size: 36px;}.fs40{font-size: 40px;}.fs42{font-size: 42px;}.fs44{font-size: 34px;}
.fs60{font-size: 44px;}.fs74{font-size: 74px;}.fs76{font-size: 56px;}
.fs56 {font-size:42px;}

.w20{width: 20px;}


.mt20{margin-top: 20px;}.mt40{margin-top: 40px;}
.mtb20{margin-top: 20px;margin-bottom:20px}

.pl40{padding-left: 40px;}
.pr20{padding-right: 20px;}.pr50{padding-right: 50px;}
.pr16-{padding-right: 16%;}
.pr12-{padding-right: 12%;}

.plr20{padding-left: 20px;padding-right: 20px;}
.pt10{padding-top: 10px;}.pt20{padding-top: 20px;}
.pb20{padding-bottom:20px}.pb100{padding-bottom: 100px;}
.ptb5-{padding-top:3%;padding-bottom:3%}
.ptb10{padding-top:10px;padding-bottom:10px}
.ptb20{padding-top:20px;padding-bottom:20px}


.opacity-4{opacity: 0.4}
.title-3{font-size: 2vw; color:#fff;}
.txt-center {text-align:center;}

.ptb4- {padding-top:4%; padding-bottom:4%;}