
/* CSS Document */

/* CSS重置 */
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;}
body{ font-size:12px;font-family:Tahoma, Arial, SimSun, "宋体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体"; background:#fff; color:#333; -webkit-text-size-adjust:100%;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight: normal;}
del,ins{text-decoration:none;}
ol,ul,li { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
input,button,textarea,select{*font-size:100%;}
textarea { resize:none;}
i,em,strong { font-style:normal;}
a{color:#666;text-decoration:none;}
a:hover{color:#F08C00;text-decoration:underline;}
area{border:0;outline:0;}

/* 颜色 */
.red{color:#F08C00;}

/* 文字排版 */
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}

/* 定位 */
.tl { text-align:left;}
.tc { text-align:center;}
.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;}
.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;}
.pf { position:fixed;}
.abs-right { position:absolute; right:0;}
.zoom { zoom:1;}
.hidden { visibility: hidden;}
.none { display:none;}

/* 布局 */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container{width:1230px;padding:0 15px;margin:0 auto;position:relative;/*overflow:hidden;*/}
.row{margin: 0 -15px;}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;min-height:1px;padding:0 15px;float:left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}
.col-pull-12 {right: 100%;}
.col-pull-11 {right: 91.66666667%;}
.col-pull-10 {right: 83.33333333%;}
.col-pull-9 {right: 75%;}
.col-pull-8 {right: 66.66666667%;}
.col-pull-7 {right: 58.33333333%;}
.col-pull-6 {right: 50%;}
.col-pull-5 {right: 41.66666667%;}
.col-pull-4 {right: 33.33333333%;}
.col-pull-3 {right: 25%;}
.col-pull-2 {right: 16.66666667%;}
.col-pull-1 {right: 8.33333333%;}
.col-pull-0 {right: auto;}
.col-push-12 {left: 100%;}
.col-push-11 {left: 91.66666667%;}
.col-push-10 {left: 83.33333333%;}
.col-push-9 {left: 75%;}
.col-push-8 {left: 66.66666667%;}
.col-push-7 {left: 58.33333333%;}
.col-push-6 {left: 50%;}
.col-push-5 {left: 41.66666667%;}
.col-push-4 {left: 33.33333333%;}
.col-push-3 {left: 25%;}
.col-push-2 {left: 16.66666667%;}
.col-push-1 {left: 8.33333333%;}
.col-push-0 {left: auto;}
.col-offset-12 {margin-left: 100%;}
.col-offset-11 {margin-left: 91.66666667%;}
.col-offset-10 {margin-left: 83.33333333%;}
.col-offset-9 {margin-left: 75%;}
.col-offset-8 {margin-left: 66.66666667%;}
.col-offset-7 {margin-left: 58.33333333%;}
.col-offset-6 {margin-left: 50%;}
.col-offset-5 {margin-left: 41.66666667%;}
.col-offset-4 {margin-left: 33.33333333%;}
.col-offset-3 {margin-left: 25%;}
.col-offset-2 {margin-left: 16.66666667%;}
.col-offset-1 {margin-left: 8.33333333%;}
.col-offset-0 {margin-left: 0%;}

/* 长度高度 */
.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;}
.w960 { width:960px;}
.w1000 {width:1000px;}
.w1200 {width: 1200px;}
.w { width:100%;}
.wp5{width:5%;}
.wp10{width:10%;}
.wp20{width:20%;}
.wp25{width:25%;}
.wp30{width:30%;}
.wp35{width:35%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60%;}
.wp65{width:65%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp95{width:95%;}

.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%;}

/* 边距 */
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.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;}
.ml25 { margin-left:25px;}
.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;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
.mr100 { margin-right:100px;}

.p0 { padding:0px;}
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.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;}
.pl25 { padding-left:25px;}
.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;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}
