@charset "utf-8";

/* CSS Document */



/*CSS reset css重置*/

html {*overflow-y:auto;_overflow-x:hidden}

body, button, input, select, textarea {font-size: 14px;font-family: 'Microsoft YaHei' "微软雅黑"; }

body {color:#000;background:#fff;font-family: 'Microsoft YaHei' "微软雅黑"; font-size: 14px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}

capation, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: ' ';}

input, img,abbr, acronym {border: 0;}

input, select, textarea {font-size: 100%;}

table {border-collapse: collapse;border-spacing: 0;}

th {text-align: inherit;}

fieldset, img {border: none;}

abbr, acronym {border: none;font-variant: normal;}

del {text-decoration: line-through;}

ol, ul, li {list-style: none;}

caption, th {text-align: left;}

sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

/*img{width:100%; height: 100%;}*/

a {text-decoration: none; color: #000;}

label {vertical-align:middle;cursor:pointer;}

a:focus, *:focus {outline: none;}

a:active{ background-color: transparent;}

input, textarea { color: #333; font-family: "microsoft yahei"; }

*{ font-family: "microsoft yahei"; *font-family: "microsoft yahei";}

body.overflow{overflow: hidden;/*padding-right:17px;*/}

.MCen{ width:1250px; margin-left: outo; margin-right: outo;}

.hide{display: none;}



::-webkit-input-placeholder { color:#afafaf; }

:-moz-placeholder { color:#afafaf; }

::-moz-placeholder { color:#afafaf; }

:-ms-input-placeholder { color:#afafaf;}

.placeholder{ color: #afafaf;}



/*文字排版 */

.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}

.abs-right{position:absolute;right:0}

.zoom{zoom:1}

.hidden{visibility:hidden}

.none{display:none}

.overhide{  overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}





/*长度高度*/

.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}

.w110{width:110px}

.w120{width:120px}

.w150{width:150px}

.w200{width:200px}

.w250{width:250px}

.w300{width:300px}

.w400{width:400px}

.w450{width:450px}

.w500{width:500px}

.w600{width:600px}

.w700{width:700px}

.w800{width:800px}

.w{width:100%}

.h50{height:50px}

.h80{height:80px}

.h100{height:100px}

.h200{height:200px}

.h{height:100%}

/*边距*/

.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}

.mt40{margin-top:40px}

.mt50{margin-top:50px}

.mt100{margin-top:100px}

.mb10{margin-bottom:10px}

.mb15{margin-bottom:15px}

.mb20{margin-bottom:20px}

.mb30{margin-bottom:30px}

.mb40{margin-bottom:40px}

.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}

.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}

.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}

.pl40{padding-left:40px}

.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}



.bRed{border:1px dashed #F00} 

.bBlack{border:1px dashed #000} 

.bGreen{border:1px dashed #0F0} 

.bBlue{border:1px dashed #00F}



.red{ color: #cf2424;}

.cYellow{color: #ffa61c;}



.bs1{border:#ccc solid 1px;}

.bs2{border:#ccc solid 2px;}

.bs2{border:#ccc solid 3px;}

.bd1{border:#ccc dotted 1px;}

.lh10{line-height:10px;}

.lh20{line-height:20px;}

.lh30{line-height:30px;}

.lh40{line-height:40px;}

.lh50{line-height:50px;}

.lh60{line-height:60px;}