body {
    /*font-family: "Microsoft YaHei", 微软雅黑;*/
    /*font-family: 'SourceHanSansCN-Normal';*/
    font-family:Arial,"Microsoft YaHei";
}
@font-face {
    font-family: '思源宋体';
    src: url('SourceHanSansCN/思源宋体.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('SourceHanSansCN/SourceHanSansCN-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('SourceHanSansCN/SourceHanSansCN-ExtraLight.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('SourceHanSansCN/SourceHanSansCN-Light.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('SourceHanSansCN/SourceHanSansCN-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('SourceHanSansCN/SourceHanSansCN-Normal.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('SourceHanSansCN/SourceHanSansCN-Regular.otf') format('opentype');
}
/*****文字排版******/ 
.f10{font-size:10px;} 
.f11{font-size:11px;} 
.f12{font-size:12px;} 
.f13{font-size:13px;} 
.f14{font-size:14px;}
.f15{font-size:15px;} 
.f16{font-size:16px;} 
.f17{font-size:17px;}
.f18{font-size:18px;} 
.f19{font-size:19px;} 
.f20{font-size:20px;} 
.f21{font-size:21px;} 
.f22{font-size:22px;} 
.f23{font-size:23px;} 
.f24{font-size:24px;} 
.f25{font-size:25px;} 
.f26{font-size:26px;} 
.f27{font-size:27px;} 
.f28{font-size:28px;} 
.f29{font-size:29px;} 
.f30{font-size:30px;} 

.fb{font-weight:bold;} 
.fn{font-weight:normal;} 
.t2{text-indent:2em;}
.lh10{line-height:10%}  
.lh150{line-height:150%} 
.lh180{line-height:180%} 
.lh200{line-height:200%} 
.unl{text-decoration:underline;} 
.no_unl{text-decoration:none;} 
.fw{font-weight:800;}
/****定位****/ 
.tl{text-align:left;} 
.tc{text-align:center;} 
.tr{text-align:right;} 

/******长度 高度*******/ 
.w10{width:10px;} 
.w20{width:20px;} 
.w30{width:30px;} 
.w40{width:40px;} 
.w50{width:50px;} 
.w60{width:60px;} 
.w70{width:70px;} 
.w80{width:80px;} 
.w90{width:90px;} 
.w100{width:100px;} 
.w160{width:160px;}
.w150{width:150px;}
.w200{width:200px;} 
.w300{width:300px;} 
.w400{width:400px;} 
.w500{width:500px;} 
.w600{width:600px;} 
.w700{width:700px;} 
.w800{width:800px;} 
.w{width:100%;}
.w1{width:10%;} 
.w2{width:20%;}
.w25{width:25%;}
.w33{width:33%}
.w3{width:30%;}
.w4{width:40%;}
.w5{width:50%;}
.w6{width:60%;}
.w7{width:70%;}
.w8{width:80%;}
.w9{width:90%;}    
.h50{height:50px;} 
.h80{height:80px;} 
.h100{height:100px;} 
.h110{height:110px;}
.h120{height:120px;} 
.h150{height:150px;}
.h200{height:200px;} 
.h{height:100%} 
/**/
.c-white{ color: white;}
.c-black{ color:black;}
.c-red{color: red;}
.c-gray{color:#87828a;}
.c-gray2{color:#f7f7f7;}
.c-orange{color:#ff5400;}
.c-green{color: green;}
.c-green2{color: #4bd968;}
.b-white{ background:#FFF;}
.b-red{ background:red;}
.b-gray{ background:#e5e5e5;}
.b-gray2{background:#f7f7f7;}
.b-green{ background:green}

/******边距*******/ 
.m10{margin:10px;} 
.m15{margin:15px;} 
.m30{margin:30px;} 
.mt5{margin-top:5px;} 
.mt10{margin-top:10px;} 
.mt15{margin-top:15px;} 
.mt20{margin-top:20px;} 
.mt30{margin-top:30px;} 
.mt50{margin-top:50px;} 
.mt60{margin-top:60px;} 
.mt70{margin-top:70px;} 
.mt80{margin-top:80px;} 
.mt90{margin-top:90px;} 
.mt100{margin-top:100px;} 
.mb5{margin-bottom:5px;} 
.mb10{margin-bottom:10px;} 
.mb15{margin-bottom:15px;} 
.mb20{margin-bottom:20px;} 
.mb30{margin-bottom:30px;} 
.mb50{margin-bottom:50px;} 
.mb60{margin-bottom:60px;} 
.mb70{margin-bottom:70px;} 
.mb80{margin-bottom:80px;} 
.mb90{margin-bottom:90px;} 
.mb100{margin-bottom:100px;} 
.ml5{margin-left:5px;} 
.ml10{margin-left:10px;} 
.ml15{margin-left:15px;} 
.ml20{margin-left:20px;} 
.ml30{margin-left:30px;} 
.ml50{margin-left:50px;} 
.ml60{margin-left:60px;} 
.ml70{margin-left:70px;} 
.ml80{margin-left:80px;} 
.ml90{margin-left:90px;} 
.ml100{margin-left:100px;} 
.mr5{margin-right:5px;} 
.mr10{margin-right:10px;} 
.mr15{margin-right:15px;} 
.mr20{margin-right:20px;} 
.mr30{margin-right:30px;} 
.mr50{margin-right:50px;} 
.mr60{margin-right:60px;} 
.mr70{margin-right:70px;} 
.mr80{margin-right:80px;} 
.mr90{margin-right:90px;} 
.mr100{margin-right:100px;} 
.p10{padding:10px;} 
.p15{padding:15px;} 
.p30{padding:30px;} 
.pt5{padding-top:5px;} 
.pt10{padding-top:10px;} 
.pt15{padding-top:15px;} 
.pt20{padding-top:20px;} 
.pt30{padding-top:30px;} 
.pt40{padding-top:40px;}
.pt50{padding-top:50px;} 
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;} 
.pb5{padding-bottom:5px;} 
.pb10{padding-bottom:10px;} 
.pb15{padding-bottom:15px;} 
.pb20{padding-bottom:20px;} 
.pb30{padding-bottom:30px;} 
.pb40{padding-bottom:40px;} 
.pb50{padding-bottom:50px;} 
.pb60{padding-bottom:60px;} 
.pb70{padding-bottom:70px;} 
.pb80{padding-bottom:80px;} 
.pb90{padding-bottom:90px;} 
.pb100{padding-bottom:100px;} 
.pl5{padding-left:5px;} 
.pl10{padding-left:10px;} 
.pl15{padding-left:15px;} 
.pl20{padding-left:20px;} 
.pl30{padding-left:30px;} 
.pl40{padding-left:40px;} 
.pl50{padding-left:50px;} 
.pl60{padding-left:60px;} 
.pl70{padding-left:70px;} 
.pl80{padding-left:80px;} 
.pl90{padding-left:90px;} 
.pl100{padding-left:100px;} 
.pr5{padding-right:5px;} 
.pr10{padding-right:10px;} 
.pr15{padding-right:15px;} 
.pr20{padding-right:20px;} 
.pr30{padding-right:30px;} 
.pr50{padding-right:50px;} 
.pr60{padding-right:60px;} 
.pr70{padding-right:70px;} 
.pr80{padding-right:80px;} 
.pr90{padding-right:90px;} 
.pr100{padding-right:100px;}

.pot2{position:relative;
       top:2px;
}
.pot3{position:relative;
       top:3px;
}
.pot4{position:relative;
       top:4px;
}
.pot5{position:relative;
       top:5px;
}
.pot10{position:relative;
       top:10px;
}