@charset "utf-8";
/***
 *@title：公共样式文件
 *@description：定义css reset、页面相关样式文件
 *@created by ：张飞（cheungfei）
 *@create time：2017-07-10
 */
 /* CSS Reset
-------------------------------------------------------------------------------*/
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin: 0; padding: 0; }
fieldset, img { border: 0; }
dl{border:none;-webkit-margin-before: 0;-webkit-margin-after: 0;}
:focus { outline: o; }
h1, h2, h3, h4, h5, h6,address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
i{font-style: normal;}
input, button, textarea, select { *font-size: 100%;}
ul,ol,dl,dt,dd{list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }
:link, :visited, ins { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
 /* Common CSS Class
-------------------------------------------------------------------------------*/
body{font:400 14px/1.5 "Microsoft YaHei",Arial Narrow,Helvetica;color:#606977;background-color:#fff;width: 100%; height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0); }
html, body { _background-image: url(about:blank); }
pre{ white-space:pre; }
pre,code,tt{ font:12px 'andale mono', 'lucida console', monospace; line-height:1.5;}
img { border:none; vertical-align: middle;overflow: hidden; -ms-interpolation-mode:bicubic;}
small { font-size:12px; }
textarea { overflow:auto; vertical-align:top; resize: vertical; }
button, input, textarea, select, optgroup, option { *font-size: 100%; font-family: inherit; }
button, input { line-height:normal; *overflow:visible;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
input[type="search"] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
::-moz-selection {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;text-shadow: none;}
::selection { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; text-shadow: none;}
:link, :visited, ins { text-decoration: none; }
th { font-weight:bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
.fix { *zoom:1;}
.fix:after { display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.cell { display:table-cell; *display:inline-block; width:2000px; *width:auto;}
.ell { -moz-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.row { zoom:1; margin-left:-20px; }
.row:before, .row:after { display:table; content:""; zoom:1; *display:inline;}
.row:after { clear:both; }
/*显示*/
/*::-webkit-scrollbar {width:0;display:none}
::-webkit-scrollbar-track {width:0;display:none}
::-webkit-scrollbar-thumb {width:0;display:none}*/
input:-moz-placeholder, textarea:-moz-placeholder {color:#333}
input::-moz-placeholder, textarea::-moz-placeholder {color:#333}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#333}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#333}
input:-webkit-autofill,textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f8f8f8 inset; }
input::-ms-clear,textarea::-ms-clear { display: none; }
input::-ms-reveal,textarea::-ms-reveal  { display: none; }
.overflow,.oh{ overflow:hidden; zoom:1; }
.hide, .none, .hidden{display:none !important;}
.block,.show{ display:block !important; }
.dib { display: inline-block !important; }
.di { display: inline; }
/*浮动*/
.clearfix:after{content:".";display:block;font-size:0; height:0;clear:both;visibility:hidden;}
.clearfix{ display:block; *zoom: 1; }
* html .clearfix{height:1%}
.clearfix{ _height:1%; }
.clear{ clear:both; line-height:0; }
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.fn{ float:none; }
/*链接*/
a{color: #707070;cursor:pointer; vertical-align:baseline; hide-focus:expression(this.hideFocus = true); outline:none;text-decoration: none;outline: none;-moz-transition: all .3s linear 0s;-webkit-transition: all .3s linear;-webkit-transition-delay: 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s;}
a:hover{ text-decoration:none; color:#0066ff;}
a:visited{ text-decoration:none; }
a:focus { outline:thin dotted; }
a,area{ blr:expression(this.onFocus=this.blur()) }/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:hover, a:active { outline:0;-moz-transition: all .3s linear 0s;-webkit-transition: all .3s linear;-webkit-transition-delay: 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; }
:focus{ outline:0; }
.underline{ text-decoration:underline; }
.pointer{ cursor:pointer; }
.noDecoration,.noDecoration:hover{ text-decoration:none; }
/*颜色*/
.black{ color:#000 !important; }
.blue{ color:#31879d !important; }
.gray{ color:#808080 !important; }
.gray-3{color: #333 !important;}
.gray-6{color: #666 !important;}
.gray-9{color: #999 !important;}
.green{ color:#008000 !important; }
.orange{ color:#ff7e00 !important; }
.purple{ color:#800080 !important; }
.red{ color:#e72b00 !important; }
.silver{ color:#c0c0c0 !important; }
.white{ color:#fff !important; }
.c92{color: #929292 !important;}
.c222{ color:#222 !important; }
.cd0{color: #d0d0d0 !important;}
/*字体*/
.fs10{ font-size:10px !important; }
.fs12{ font-size:12px !important; }
.fs13{ font-size:13px !important; }
.fs14{ font-size:14px !important; }
.fs15{ font-size:15px !important; }
.fs16{ font-size:16px !important; }
.fs18{ font-size:18px !important; }
.fs20{ font-size:20px !important; }
.fs22{ font-size:22px !important; }
.fs24{ font-size:24px !important; }
.fs28{ font-size:28px !important; }
.fs30{ font-size:30px !important; }
.fs36{ font-size: 36px !important; }
.bold{ font-weight:bold !important; }
.bolder{ font-weight:bolder !important; }
.lineThrough{ text-decoration:line-through; }
.italic{ font-style:italic; }
.normal{ font-style:normal; font-weight:normal; }
.indent2em{ text-indent:2em; }
.nowrap{ white-space:nowrap; }
.ellipsis{ text-overflow:ellipsis; }
.yahei{ font-family:\5FAE\8F6F\96C5\9ED1; }
.arial{ font-family: "arial"; }
.tahoma{ font-family: "tahoma"; }
.verdana{font-family: "verdana";}
.wordBreak{word-wrap: break-word;word-break: break-all;}
/*图片*/
.imgbox{ border:1px silver solid; }
.halfOpacity{ filter:alpha(opacity=50); opacity:0.5; }
/*边距*/
.mlra{ margin-left:auto; margin-right:auto; }
.m5{ margin:5px !important; }
.m10{ margin:10px !important; }
.m20{ margin:20px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{margin-bottom: 15px !important;}
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml22 { margin-left: 22px !important }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }
.ml100{ margin-left:100px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr50{ margin-right:50px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt80{ margin-top:80px !important; }
.mt90{ margin-top:90px !important; }
.mt100{ margin-top:100px !important; }
.p1{ padding:1px !important; }
.p2{ padding:2px !important; }
.p5{ padding:5px !important; }
.p10{ padding:10px !important; }
.p15{ padding:15px !important; }
.p20{ padding:20px !important; }
.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.plr2{ padding:0 2px !important; }
.pl5{ padding-left:5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
/*宽高*/
.h10{ height:10px !important; }
.h20{ height:20px !important; }
.h22{ height:22px !important; }
.h24{ height:24px !important; }
.h26{ height:26px !important; }
.h28{ height:28px !important; }
.h30{ height:30px !important; }
.h35{ height:35px !important; }
.h40{ height:40px !important; }
.h45{ height:45px !important; }
.h50{ height:50px !important; }
.h60{ height:60px !important; }
.h100{ height:100px !important; }
.h200{ height:200px !important; }
.h300{ height:300px !important; }
.h400{ height:400px !important; }
.h460{ height:460px !important; }
.h500{ height:500px !important; }
.lh14{ line-height:14px !important; }
.lh16{ line-height:16px !important; }
.lh18{ line-height:18px !important; }
.lh20{ line-height:20px !important; }
.lh22{ line-height:22px !important; }
.lh24{ line-height:24px !important; }
.lh26{ line-height:26px !important; }
.lh28{ line-height:28px !important; }
.lh40{ line-height:40px !important; }
.lh150{ line-height:150%; }
.lh180{ line-height:180%; }
.lh200{ line-height:200%; }
.lhn{ line-height:normal; }
.w10{width:10px !important; }
.w20{width:20px !important; }
.w30{width:30px !important; }
.w40{width:40px !important; }
.w70{ width:70px !important; }
.w80{ width: 80px !important; }
.w100{ width:100px !important; }
.w120{ width:120px !important; }
.w125{ width:125px !important; }
.w140{ width:140px !important; }
.w200{ width:200px !important; }
.w250{ width:250px !important; }
.w300{ width:300px !important; }
.w400{ width:400px !important; }
.w500{ width:500px !important; }
.w1000{ width:1000px !important; }
.w1100{ width:1100px !important; }
.w1225{ width:1225px !important; }
.w1920{ width:1920px !important; }
.halfWidth{ width:50% !important; }
.height-fit { height: 100% !important; }
.width-fit,.fullwidth{ width:100% !important; }
/*位置*/
.pr,.pos-r, .pos-rel { position:relative; }
.pa,.pos-a, .pos-abs { position:absolute; }
.pf,.pos-f, .pos-fix{ position:fixed; }
.abs-right{position:absolute;right:0}
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tl { text-align: left !important; }
.tj {text-align: justify;}
.vtb { vertical-align: text-bottom; }
.middle,.vm { vertical-align: middle; }
.bottom,.vb { vertical-align: bottom; }
.top,.vt { vertical-align: top; }
.vn { vertical-align: -2px; }
.b-0{ bottom:0; }
.b-1{ bottom:1px !important; }
.l-0{ left:0; }
.l-1{ left:1px !important; }
.r-0{ right:0; }
.r-1{ right:1px !important; }
.t-0{ top:0; }
.t-1{ top:1px !important; }
.z-100{ z-index:100; }
.z-200{ z-index:200; }
/*背景*/
.bg-black{ background-color:#000 !important; }
.bg-white { background-color: #fff !important; }
.bg-gray{background-color: #f8f8f8 !important;}
.bg-purple{background-color: #cbcbff !important;}
.bg-red{background-color: #ce6464 !important;}
.bg-yellow{background-color: #ffffc9 !important;}
.bg-pink{background-color: #ffcccb !important;}
/*其他*/
.hidden{ visibility:hidden; }
.visible{ visibility:visible; }
.inline{ display:inline; }
.inlineBlock{ display:inline-block; *display:inline; zoom:1; }
.collapse{ border-collapse:collapse; }
.separate{ border-collapse:separate; }
.ovhide{ overflow: hidden; }
.scroll{ overflow:scroll; }
.xScroll{ overflow-x:scroll; }
.yScroll{ overflow-y:scroll; }
/*html5相关*/
article, aside, details, figcaption, dialog, figure, footer, header, hgroup, nav, section, summary, menu { display:block; }
audio, canvas, video { display:inline-block; *display:inline;*zoom:1;}
audio:not([controls]) {display:none; height: 0;}
nav ul,nav ol { list-style: none; list-style-image: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0 }
input[type="search"]{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none;}
:-moz-placeholder,::-webkit-input-placeholder{color: #999;}
[hidden], template { display: none }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
/*CSS3相关*/
.br2{ border-radius:2px !important; }
.br3 { border-radius:3px !important; }
.br4{ border-radius:4px !important; }
.br5 { border-radius:5px !important; }
.br8{ border-radius:8px !important; }
.br10 { border-radius:10px !important; }
.rt3 { border-radius:3px 3px 0 0; }
.rt5 { border-radius:5px 5px 0 0; }
.rt10 { border-radius:10px 10px 0 0; }
.rb3 { border-radius:0 0 3px 3px; }
.rb5 { border-radius:0 0 5px 5px; }
.rb10 { border-radius:0 0 10px 10px; }
.rl3 { border-radius:3px 0 0 3px; }
.rl5 { border-radius:5px 0 0 5px; }
.rl10 { border-radius:10px 0 0 10px; }
.rr3 { border-radius:0 3px 3px 0; }
.rr5 { border-radius:0 5px 5px 0; }
.rr10 { border-radius:0 10px 10px 0; }
/* text */
.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tdl { text-decoration: underline; }
.tdn, .tdn:hover, a.tdl:hover { text-decoration: none; }
.lt0 { letter-spacing: 0; }
.lt1 { letter-spacing: 1px; }
.nowrap { white-space: nowrap; }
.bk { word-wrap:break-word; }
.hidden { display: none !important; visibility: hidden; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
.cp { cursor: pointer; }
.cd { cursor: default; }
.ovh { overflow: hidden; }
.ovs { overflow: scroll; }
.vh { visibility: hidden; }
.vv { visibility: visible; }
.zoom { zoom:1; }