@charset "gb2312"; 
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
blockquote, q{quotes:none}
::selection{ background:#00669B; color:#fff}
::-moz-selection{ background:#00669B; color:#fff}
::-webkit-selection{ background:#00669B; color:#fff}
body{line-height:1.231; min-width:980px; font-size:12px; font-family:Arial,"宋体"; background-color:#fff;}
img, input, select{vertical-align:middle; font-family:Arial,"microsoft yahei"; vertical-align:top;}
input, button, select, textarea{outline:none}
input, textarea{ color:#666;font-size:12px;}
textarea{resize:none}
table{border-collapse:collapse; border-spacing:0}
em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
ol, ul{list-style:none}

/*文字排版*/
.fys{font-family:Arial,"microsoft yahei";}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14, h3{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:20px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.f50{font-size:50px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.i2{text-indent:2em;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh34{line-height:34px;}
.lh120{line-height:120%;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}


/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}/*全称是"。blockCenter"，作用为使块级元素居中。直接试用她是不能使块级元素居中的，还需设定宽度。*/
.fl{float:left;display:inline;}/*设置display：inline 为了解决IE6的双外边距bug。在IE6下，如果对元素设置了浮动，同时设置了margin-left或者margin-right，margin值会加倍，如设置margin-left：10px在IE6下会显示为margin-left：20px。解决办法就是设置display：inline。*/
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after, .col-a:after, ul:after, dl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/*清除浮动*/
.clearfix, .col-a, ul, dl{zoom:1;}/*(IE特有属性)触发hasLayout*/
.vm{vertical-align:middle;}
.pr{position:relative;_height:1%}
.pa{position:absolute;}
.hidden{visibility:hidden;}
.none{display:none;}

/*长度高度*/
.w{width:100%;}
.h{height:100%;}
.w48{ width:48%;}
.w50{ width:50%;}
.col-a{ width:1000px;}
.col-958{ width:958px;}
.col-918{ width:918px;}
.col-980{ width:980px;}
.col-300{ width:300px;}
.col-670{ width:670px;}
.col-780{ width:780px;}
.col-648{ width:648px;}
.col-588{ width:588px;}
.col-628{ width:628px;}
.col-280{ width:280px;}
.col-380{ width:380px;}
.col-140{ width:140px;}
.hei20{height:20px;}
.hei250{height:250px;}
.hei460{height:460px;}
.hei351{height:351px;}


/*边距*/
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.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;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml23{margin-left:23px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:30px;}
.ml40{margin-left:40px;}
.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;}

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p22{padding:22px;}
.p30{padding:30px;}
.p80{padding:80px;}
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.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;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl80{padding-left:80px;}
.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;}

/*颜色*/
.white{color:#fff}
.white a{color:#fff}
.red{color: #DB2809}
.red a{color:#DB2809}
.green{color:#03a04a}
.green a{color:#03a04a}
.yellow{ color:#fdad02;}
.yellow a{ color:#fdad02;}
.blue{ color:#0080c2;}
.blue a{ color:#0080c2;}
.black{ color:#000;}
.black a{ color:#000;}
.gray-1{ color:#444;}
.gray-2{ color:#666;}
.gray-2 a{ color:#666;}
.gray-3{ color:#888;}
.gray-4{ color:#999;}
.gray-4 a{ color:#999;}
a{color:#0080c2;}

/*背景*/
.bgwhite { background:#fff}
.bggray { background:#f8f7f7}
.bgfoot { background:#8a8a8a}
.bggray1 { background:#e4eaef}
.bgzs { background:#691f90}
.bgsl { background:#028abe}
.bgsc { background:#219b00}
.bgsc1{ background:#008bc1}

/*按钮*/
.btn, .btn span{ display:block; float:left; background:url(../images/btns.png); background-repeat:no-repeat; color:#fff;}
.btn{ padding-left:15px; cursor:pointer;}
.btn span{ padding-right:15px; height:100%;}
.btn:hover{ text-decoration:none;}
.btn:hover span{ color:#ffe7e7;}
.btn.btn-o-m:hover span{ color:#fff4e2;}
.btn.btn-b-xs:hover span{ color:#e5ecff;}
.btn-xs{ height:24px; line-height:24px; background-position:0 0; padding-left:10px;}
.btn-s{ height:26px; line-height:26px; background-position:0 -25px; padding-left:10px;}
.btn-m{ height:34px; font-size:14px; font-weight:bold; line-height:34px; background-position:0 -52px;}
.btn-l{ height:42px; font-size:14px; font-weight:bold; line-height:42px; background-position:0 -87px;}
.btn-xs span{ background-position:right 0; padding-right:10px;}
.btn-s span{ background-position:right -25px; padding-right:10px;}
.btn-m span{ background-position:right -52px;}
.btn-l span{ background-position:right -87px;}
.btn-o-m{ height:34px; font-size:14px; font-weight:bold; line-height:34px; background-position:0 -130px;}/*橙色m号*/
.btn-o-m span{ background-position:right -130px;}
.btn-b-xs{ height:24px; line-height:24px; background-position:0 -165px; padding-left:10px;}/*蓝色m号*/
.btn-b-xs span{ background-position:right -165px; padding-right:10px;}

/*表单元素*/
select, input.txt{ border:1px solid #ccc;}
input.cbox, input.rdo{ margin-right:5px; margin-bottom:2px; *margin-right:2px; *margin-bottom:-2px; vertical-align: text-bottom;}
input.txt{ height:16px; line-height:16px; padding:9px; width:200px;}
input.hov, textarea.hov{ color:#000;}
input.txt.hov{ border:2px solid #ccc; padding:8px;}
input.txt-s{ height:16px; line-height:16px; padding:4px 6px; width:200px; font-size:12px;}
input.txt-s.hov{ border:1px solid #ccc; padding:4px 6px;}


/*线框*/
.imgubk{ padding:4px;  border:1px solid #ebebeb}
.bor-gry1{border:1px #ddd solid}
.bor-grybot1{border-bottom:1px #b3b3b3 dotted}
.bor-grybot2{border-bottom:1px #b3b3b3 solid}
.borbx1{border-bottom:1px #999 solid}