/* 
* @Author: Lavinia
* @Date:   2016-01-13 16:16:00
* @Last Modified by:   Marte
* @Last Modified time: 2016-12-27 16:08:55
*/

/* 清除样式 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;/*  box-sizing: border-box; */}
body { font-size: 14px; color: #666; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif; background: #fff;}
/* html {overflow-x:hidden;} *//*@ 新添加解决ie横向滚动条问题 */
fieldset, img { border: 0;}
ol, ul, li { list-style: none;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-family: Microsoft YaHei;}
em, i{ font-style: normal;}
input, button, select, textarea { outline: none;} 
textarea { resize: none;} /*禁用了文本的拖拉，尤其在谷歌下*/
p{ color: #666; display: block; font-family: Microsoft YaHei;}
a{ color: #333; text-decoration: none; font-size: 16px; font-family: Microsoft YaHei;}
img { display: block;}


/* 字号 */
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}
.f28 { font-size: 28px;}
.f30 { font-size: 30px;}
.f32 { font-size: 32px;}
.f60 { font-size: 60px;}

.noborder { border: none!important;}
.color { color: #b789be!important;}
.cl-red { color: #dd5561!important;}
.cl-blue { color: #0996d6!important;}
.cl-f63 { color: #ff6633!important;}
.cl-fff { color: #fff!important;}
.cl-333 { color: #333!important;}
.cl-999 { color: #999!important;}
.fb { font-weight: bold;}
.fn { font-weight: normal;}
.t2 { text-indent: 2em;}
.lh{ line-height:60px;}
.lh150 { line-height: 150%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh300 { line-height: 300%;}
.lh400 { line-height: 400%;}
.unl { text-decoration: underline;}
.no_unl { text-decoration: none;}

/*定位*/
.tl { text-align: left;}
.tc { text-align: center; color:#CCCCCC}
.tr { text-align: right;}
.bc { margin-left: auto; margin-right: auto;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.cb { clear: both;}
.cl { clear: left;}
.cr { clear: right;}
.oh { overflow: hidden;}
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height:1%;}
.clearfix { display: block;}
.vm { vertical-align: middle;}
.pr { position: relative;}
.pa { position: absolute;}
.abs-right { position: absolute; right: 0;}
.zoom { zoom:1;}
.hidden{ visibility: hidden;}
.none{ display: none;}

/*长度高度*/
.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;}
.w200 { width: 200px;}
.w250 { width: 250px;}
.w300 { width: 300px;}
.w400 { width: 400px;}
.w500 { width: 500px;}
.w600 { width: 600px;}
.w700 { width: 700px;}
.w800 { width: 800px;}
.w840 { width: 840px;}
.w1000 { width: 1000px;}
.w1240 { width: 1240px;}
.w { width: 100%;}
.h40 { height: 40px;}
.h45 { height: 45px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h80 { height: 80px;}
.h100 { height: 100px;}
.h200 { height: 200px;}
.h90 { height: 90px;}
.h { height: 100%;}

/*边距*/
.m0 { margin: 0!important;}
.m5 { margin: 5px;}
.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;}
.mt80 { margin-top: 80px;}
.mt100 { margin-top: 100px;}
.mt120 { margin-top: 120px;}
.mt200 {margin-top:150px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.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;}
.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;}
.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;}
.pt50 { padding-top: 50px;}
.pt80 { padding-top: 80px;}
.pt90 { padding-top: 90px;}
.pt100	{ padding-top: 100px;}
.pt160{padding-top:160px;}
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}
.pb100 { padding-bottom: 100px;}
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl50 { padding-left: 50px;}
.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;}
.pr100 { padding-right: 100px;}