/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: 200;}
input:focus{outline: none;}
a{text-decoration: none;}
img{border: 0;}
body{
    font-size: 14px;
    font-family: 'Microsoft YaHei',  'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
    color: #333;
    box-sizing: border-box;
    font-weight: 200;
}
body a:hover{
    text-decoration: none;
    color: #f08200;
}
.page-center{
    width: 1200px;
    margin: 0 auto;
}
i{
    display: inline-block;
    vertical-align: middle;
}
/* typography */
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}
.fz38{font-size: 38px;}
.fn1{font-weight:normal;}
.fb{font-weight:bold;}
.fi{font-style: italic;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_decoration{text-decoration:none;}
.text-trim{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
/* edge */
.m5{margin: 5px;}
.m10{margin: 10px;}
.m20{margin: 20px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pl5{padding-left: 5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left: 40px;}
.pr5{padding-right: 5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right: 40px;}
/* position */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin: 0 auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.hidden{visiility:hidden;}
.off{display:none;}
.db{display: block;}
/* color */
.gray0{color: #000;}
.gray1{color: #111;}
.gray2{color: #222;}
.gray3{color: #333;}
.gray4{color: #444;}
.gray5{color: #555;}
.gray6{color: #666;}
.gray7{color: #777;}
.gray8{color: #888;}
.gray9{color: #999;}
.gray16{color: #fff;}
.bg-white{background: #fff;}
.bg-gray{background: #efefef;}

.ml40{margin-left: 40px;}
.ml60{margin-left: 60px;}
.mt15{margin-top: 15px;}
.mt25{margin-top: 25px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mb35{margin-bottom: 35px;}
.mb50{margin-bottom: 50px;}
.mb65{margin-bottom: 65px;}
.pv40{padding-top: 40px; padding-bottom: 40px;}
.pv8{padding-top: 8px; padding-bottom: 8px}
.ph15{padding-left: 15px; padding-right: 15px;}
.fz28{font-size: 28px;}
.fz36{font-size: 36px;}
.fz42{font-size: 42px;}
.fz48{font-size: 48px;}
.fz50{font-size: 50px;}
.lh22{line-height: 22px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh35{line-height: 35px;}
.lh40{line-height: 40px;}
.lh45{line-height: 45px;}
.gray10{color: #959595;}
.blue{color: #08f;}
.text-blue{color: #40aada;}
.text-lightyellow{color: #fcfa02}
.text-yellow{color: #ff9c01}
.text-orange{color: #ff8208}
.border-gray{border: 1px solid #e4e4e4;}
.border-gray-b{border-bottom: 1px solid #e4e4e4;}
.bg-gray1{background-color: #f8f7f7;}
.bg-gray2{background-color: #f0f0f0;}
.bg-blue{background-color: #40abda;}
.bg-green{background-color: #34bc77;}
.bg-orange{background-color: #fe8408;}
.text-indent{text-indent: 2em;}
.lespce1{letter-spacing: 1px;}
.font-bold{font-weight: bold;}