@charset "utf-8"; /* CSS Document */ /*CSS reset*/ .ellisis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } html { color: #000; background: #FFF; font-family: "Microsoft YaHei";} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, option, p, blockquote, th, td, figure, img { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } ul,li,h1,h2,h3,h4,h5,h6,ol,article,aside,header,footer,figure,figcaption,form,label,fieldset,legend,iframe,frameset,frame{display:block} fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } 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: inherit; font-weight: inherit; } input, button, textarea, select { *font-size:100%; } input, button, select { border: 0 none; outline: 0 none; } a { color: black; outline: 0 none; text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } input[type="text"], input[type="password"] { -webkit-box-shadow: 0 0 0px 1000px white inset; } input[type=text]::-ms-clear { display: none; } * { outline: 0 none; } button { background: #FFF; } /*文字排版*/ .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f32 { font-size: 32px; } .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; } /*传统盒模型*/ .bb { -moz-box-sizing: border-box; box-sizing: border-box; } /*定位*/ .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .tj { text-align: justify; } .vm { vertical-align: middle; } .vt { vertical-align: top; } .vb { vertical-align: bottom; } .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; } .pr { position: relative; } .pa { position: absolute; } /*.abs-right{position:absolute;right:0}*/ .par { position: absolute; right: 10px; top: 10px } .pab { position: absolute; bottom: 0; } .zoom { zoom: 1; } .hidden { visibility: hidden; } .none { display: none !important; } .block { display: block; } .ib { display: inline-block; } /*长度高度*/ .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; } .w300 { width: 300px; } .w400 { width: 400px; } .w500 { width: 500px; } .w600 { width: 600px; } .w700 { width: 700px; } .w800 { width: 800px; } .w { width: 100% } .h50 { width: 50px; } .h80 { width: 80px; } .h100 { width: 100px; } .h200 { width: 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; } .mt50 { margin-top: 50px; } .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; } .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; } .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; } .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; } /*水平线*/ hr { border-style: dashed; border-width: 1px 0; }