@charset "utf-8";
*{margin: 0; padding: 0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: content-box;}
html {line-height: 100%; font-size:12px;}
body {color: #333; background:#fff; cursor:default; -webkit-tap-highlight-color:transparent;font-family:Helvetica,tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;height:100%;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch; }
html, body{ font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,arial,sans-serif;}
img { border:0px;cursor: default; vertical-align: middle;}
ul, li,ol{ list-style: none; }
h1,h2,h3,h4,h5{ font-weight: normal;}
p{word-wrap:break-word;}
.left { float: left; }
.right { float: right; }
.block{ display:block;}
.hide{display: none;}
.none{display: none;}
.hidden{ overflow: hidden;}
.inline-block{display: inline-block; *display: inline; *zoom: 1;}
.clear{ clear: both;}
.relative{ position: relative;}
.absolute{ position: absolute;}
em,i{ font-style:normal;}
a { text-decoration:none; color: #4b8ada;}
a:focus, a:hover{text-decoration: none; outline: none;}
/* all font */
.indent{ text-indent:2em;}
.middle{ margin-top:-2px;margin-top:0px\9; vertical-align:middle;}
.align-left{ text-align:left;}
.align-center{ text-align:center;}
.align-right{ text-align:right;}
.bold{ font-weight: bold;}
.font12{ font-size:12px!important;}
.font13{ font-size:13px!important;}
.font14{ font-size:14px!important;}
.font15{ font-size:15px!important;}
.font16{ font-size:16px!important;}
.font17{ font-size:17px!important;}
.font18{ font-size:18px!important;}
.font19{ font-size:19px!important;}
.font20{ font-size:20px!important;}
.font21{ font-size:21px!important;}
.font22{ font-size:22px!important;}
.font24{ font-size:24px!important;}
.font26{ font-size:26px!important;}
.font28{ font-size:28px!important;}
.font30{ font-size:30px!important;}
.line-height30{ line-height: 30px;}
.red{ color: #ea2e2e;}
/* all forms */
*:focus { outline: none; }
input, label {vertical-align: middle; cursor:text;font-size:12px;border-radius:0px;font-family:arial,"Microsoft yahei";*font-family:"Microsoft yahei"; }
textarea {resize: none; overflow-y: auto;font-size:12px; border-radius:0px; }
select{font-size:12px;font-family:Verdana,arial,"Microsoft yahei"; *font-family:"Microsoft yahei";}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

button, input, optgroup, select, textarea {margin: 0;font: inherit;color: inherit;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;} 
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] { padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* all margin-padding */
.mar-top-5{ margin-top: 5px;}
.mar-top-10{ margin-top: 10px;}
.mar-top-15{ margin-top: 15px;}
.mar-top-20{ margin-top: 20px;}
.mar-bottom-5{ margin-bottom: 5px;}
.mar-bottom-10{ margin-bottom: 10px;}
.mar-bottom-15{ margin-bottom: 15px;}
.mar-bottom-20{ margin-bottom: 20px;}
.mar-left-5{ margin-left: 5px;}
.mar-left-10{ margin-left: 10px;}
.mar-left-15{ margin-left: 15px;}
.mar-left-20{ margin-left: 20px;}
.mar-right-5{ margin-right:5px;}
.mar-right-10{ margin-right:10px;}
.mar-right-15{ margin-right:15px;}
.mar-right-20{ margin-right:20px;}
.pad-top-5{ padding-top: 5px;}
.pad-top-10{ padding-top: 10px;}
.pad-top-15{ padding-top: 15px;}
.pad-top-20{ padding-top: 20px;}
.pad-bottom-5{ padding-bottom: 5px;}
.pad-bottom-10{ padding-bottom: 10px;}
.pad-bottom-15{ padding-bottom: 15px;}
.pad-bottom-20{ padding-bottom: 20px;}
.pad-left-5{ padding-left: 5px;}
.pad-left-10{ padding-left: 10px;}
.pad-left-15{ padding-left: 15px;}
.pad-left-20{ padding-left: 20px;}
.pad-right-5{ padding-right: 5px;}
.pad-right-10{ padding-right: 10px;}
.pad-right-15{ padding-right: 15px;}
.pad-right-20{ padding-right: 20px;}

/*按钮*/
.btn{display: inline-block; *display: inline; *zoom: 1; padding: 6px 12px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,.btn:focus, .btn.focus { text-decoration: none; }
.btn:active, .btn.active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
a.btn.disabled, fieldset[disabled] a.btn {pointer-events: none;}
.btn.btn-large{ padding: 8px 30px; font-size: 14px;}

/*表单*/
input::-webkit-input-placeholder{ color:#bbb;}
input:-moz-placeholder{ color:#bbb; }
input::-moz-placeholder{ color:#bbb; }
input:-ms-input-placeholder{ color:#bbb; }
input[value]{ color:#333; }
select{ color: #666;}

/* flex */
.mt-flex{display:-o-box;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.mt-flex-x{-ms-flex-direction:row;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;flex-direction:row;}
.mt-flex-y{-ms-flex-direction:column;-webkit-flex-direction:column;-webkit-box-orient:vertical;-moz-box-orient:vertical;flex-direction:column;}
.mt-flex-center{-ms-flex-pack:center;-webkit-box-pack:center;box-pack:center;-ms-flex-align:center;-webkit-justify-content:center;-webkit-align-items:center;-webkit-align-content:center;justify-content:center;align-items:center;align-content:center;}
.mt-flex-inner{ -webkit-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}