@charset "utf-8";

html, body, div,h1, h2, h3, h4, h5, h6,hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, object, code,legend, button, input, textarea, label,
th, td, a, img {margin: 0; padding: 0;border: 0;outline: 0;}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; font-size: 100%;}
:focus { outline: 0;}
ul,ol {list-style: none;}
fieldset, img {border: 0 none; vertical-align: top;}
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal; font-weight: normal;}
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%;}
input, button, textarea, select {*font-size: 100%; outline: none;}
textarea {resize: none;}
table { border-collapse: collapse;border-spacing: 0;}
blockquote, q { quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none;}
.fl {float: left;}
.fr {float: right !important;}
a {color: #333;text-decoration: none;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out;transition: color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;-moz-transition: background-color .2s ease-in-out;transition: background-color .2s ease-in-out;}

a:hover {text-decoration: none;}

.col {transition: transform 0.3s ease;}
.col:hover {transform: translateX(10px);transition: transform 0.3s ease;}

/*--清除浮动
-------------------------------------------*/
.cf:before,.cf:after,.clearfix:before,.clearfix:after { content: ""; display: table;}
.cf:after,.clearfix:after {clear: both;}
.cf,.clearfix { clear: both; *zoom: 1;}
/* 颜色 */
.c-333 {color: #333;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-green {color: #1fb079;}
.c-orange {color: #e8b254;}
.c-reg {color: #d90106;}

/* 字号 */
.f12,.fb12 {font-size: 12px;}
.f14,.fb14 {font-size: 14px;}
.f16,.fb16 { font-size: 16px;}
.f18,.fb18 {font-size: 18px;}
.f20,.fb20 {font-size: 20px;}
.fb12,.fb14,.fb16,.fb18,.fb20 {font-weight: 700;}
/* 间距 */
.p10{padding-left: 10px}
.p20{padding-left: 20px;}
.p30{padding-left: 30px}
.t10{padding-top: 10px}
.b10{padding-bottom: 10px;}
.t20{padding-top: 20px}
.b20{padding-bottom: 20px;}
.t30{padding-top: 30px}
.b30{padding-bottom: 30px;}
.t40{padding-top: 40px}
.b40{padding-bottom: 40px;}
.t50{padding-top: 50px}
.b50{padding-bottom: 50px;}
.t60{padding-top: 60px}
.b60{padding-bottom: 60px}
.tm10{margin-top: 10px}
.bm10{margin-bottom: 10px;}
.tm20{margin-top: 20px}
.bm20{margin-bottom: 20px;}
.tm30{margin-top:30px}
.bm30{margin-bottom: 30px;}

.tc {text-align: center;}
.tr {text-align: right;}
.show {display: block;}
.hide { display: none !important;}
.ti,.te {white-space: nowrap;overflow: hidden;}
.ti {text-indent: -999em;}
.te {text-overflow: ellipsis;}