@charset "utf-8";
/*css reset code */
img, legend { border: 0; }
legend, td, th { padding: 0; }
html { font-family: 'microsoft yahei',arial,sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { max-width: 750px; background-color: #fff; margin: 0 auto; overflow-x: hidden; color: #333; padding-bottom: 1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; text-decoration: none; color: black; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, optgroup, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre, textarea { overflow: auto; }
code, kbd, pre, samp { font-family: menlo,consolas,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
input { outline: none; line-height: normal; }
button, select { text-transform: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; -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; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
table { border-collapse: collapse; border-spacing: 0; }
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input:autofill, select:autofill, textarea:autofill { box-shadow: 0 0 0 1000px #fff inset; }
.fc:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; display: inline; }
.fr { float: right; }
.min-w320 { min-width: 320px; }
menu, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
.mask { background: #4b4b4b; width: 100%; height: 100%; opacity: .6; position: fixed; top: 0; left: 0; z-index: 100; pointer-events: auto; }
dd, dl, dt, li, ol, ul { list-style: none; }
.w100 { width: 100%; }
.blue { color: #3b82c4; }
.gray { color: #939393; }
.clear { clear: both; }
.te-left { text-align: left; }
.te-right { text-align: right; }
.validform_wrong, .validform_checktip { color: red; }
.pd6 { padding-bottom: 4rem; }
.height2 { height: 2rem; }
.height3 { height: 3rem; clear: both; }
.mgr { margin-right: 0 !important; }
.mgt { margin-top: 0 !important; }
.mgb { margin-bottom: 0 !important; }
.mg0 { margin: 0 auto !important; display: block; }
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.hidden { overflow: hidden; }
.none { display: none; }
.red { color: red !important; }
.yellow { color: #ff9901; }
.font12 { font-size: 0.853rem !important; }
.font14 { font-size: 0.995rem !important; }
.font15 { font-size: 1.07rem !important; }
.font16 { font-size: 1.138rem !important; }
.font18 { font-size: 1.28rem!important; }
.font20 { font-size: 1.42rem !important; }
.font24 { font-size: 1.7rem !important; }
.position_r { position: relative; }
.position_a { position: absolute; }
.cfff { color: #fff !important; }
.c000 { color: #000 !important; }
.c111 { color: #111 !important; }
.c333 { color: #333 !important; }
.c666 { color: #666 !important; }
.c999, .c999 a { color: #999 !important; }
.clan { color: #00a2ff !important; }
.ccen { color: #e18258; }
time { color: #999; font-size: 12px; }
.border_b { border-bottom: none !important; }
.border_r { border-right: none !important; }
.border_l { border-left: none !important; }
.hover_none:hover { color: #fff; }
.hover_none1:hover { color: #00a2ff; }
.text-ellipsis { white-space: nowrap; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: block; }
.bg-white { background-color: #fff; }
.bold { font-weight: bold; }
.pointer { cursor: pointer; }

@media only screen and (max-width:320px) {
    html { font-size: 12px; }
}

@media only screen and (min-width:321px) and (max-width:359px) {
    html { font-size: 13px; }
}

@media only screen and (width:360px) {
    html { font-size: 13.5px; }
}

@media only screen and (min-width:361px) and (max-width:383px) {
    html { font-size: 14px; }
}

@media only screen and (width:384px) {
    html { font-size: 14.4px; }
}

@media only screen and (min-width:385px) and (max-width:413px) {
    html { font-size: 15px; }
}

@media only screen and (width:414px) {
    html { font-size: 15.525px; }
}

@media only screen and (min-width:415px) and (max-width:460px) {
    html { font-size: 17px; }
}

@media only screen and (min-width:461px) and (max-width:500px) {
    html { font-size: 19px; }
}

@media only screen and (min-width:501px) and (max-width:550px) {
    html { font-size: 20px; }
}

@media only screen and (min-width:551px) and (max-width:599px) {
    html { font-size: 21px; }
}

@media only screen and (min-width:600px) and (max-width:639px) {
    html { font-size: 22.5px; }
}

@media only screen and (width:640px) {
    html { font-size: 24px; }
}

@media only screen and (min-width:641px) and (max-width:700px) {
    html { font-size: 24.5px; }
}

@media only screen and (min-width:701px) and (max-width:749px) {
    html { font-size: 26px; }
}

@media only screen and (min-width:750px) {
    html { font-size: 28.125px; }
}

/*banner*/
.banner{width:100%;height:auto;display:block;}