.zy_study { font-size: inherit; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

a { background-color: transparent; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/** Scaffolding ---------------------------------------------------------------------------- */
* { -webkit-overflow-scrolling: touch; }

body { font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; line-height: 1; background-color: white; }

ul, li, ol { padding: 0; }

ul { margin: 0; }

li { list-style-type: none; }

input, button, select, textarea { padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none; border: none; }

input::-ms-clear { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

input, textarea { -webkit-appearance: none; }

input:focus, textarea:focus { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

a, a:active, label, label:active, div, div:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

a { text-decoration: none; }

img { vertical-align: middle; }

select { -webkit-appearance: listbox; }

/** Typography ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #939597; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

/** Forms ---------------------------------------------------------------------------- */
input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; cursor: pointer; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.form-control { display: block; width: 100%; height: 1.17333rem; padding: 0 0.21333rem; font-size: 0.37333rem; line-height: 1.12rem; color: #636567; background-color: white; background-image: none; border: 0.02667rem solid #ccc; border-radius: 0.21333rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-control:focus { border-color: #0858a2; outline: 0; }

.form-control::-moz-placeholder { color: #afafaf; opacity: 1; }

.form-control:-ms-input-placeholder { color: #afafaf; }

.form-control::-webkit-input-placeholder { color: #afafaf; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #939597; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

/** Forms row with title */
.form-row { position: relative; margin: 0.21333rem 0; }

.form-row .form-textarea-hint { margin-top: 0.10667rem; }

.form-title { font-size: 0.37333rem; color: rgba(175, 175, 175, 0.5); line-height: 1.17333rem; }

.form-pretitle { padding-left: 2.13333rem; }

.form-pretitle .form-title { position: absolute; top: 50%; left: 0; width: 1.86667rem; margin-top: -0.58667rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-uptitle .form-title { line-height: 0.90667rem; }

/** Forms common styles */
.input-wrap, .textarea-wrap, .date-wrap, .form-label { position: relative; }

.form-con .tooltip { display: none; left: 0; color: white; opacity: 0.95; filter: alpha(opacity=95); }

.form-con .tooltip-up { top: -0.69333rem; }

.form-con .tooltip-arr { left: 0.26667rem; }

.form-con .tooltip-down { bottom: -0.69333rem; }

.form-error .form-control { border-color: #e20700; }

.error-info { font-size: 0.32rem; color: #e20700; line-height: 1.8; vertical-align: middle; }

.error-info i { margin-right: .3em; font-size: 0.37333rem; vertical-align: middle; }

.text-wrap { font-size: 0.37333rem; color: #636567; line-height: 1.17333rem; }

/** Input & extarea  */
.form-textarea { position: relative; z-index: 1; padding-top: 0.21333rem; padding-bottom: 0.21333rem; line-height: 1.4; }

.form-textarea-bot { font-size: 0.32rem; line-height: 30px; }

.form-textarea-num { color: #afafaf; }

.input-hasicon .form-control { padding-left: 0.85333rem; }

.input-icon { position: absolute; top: 50%; left: 0.21333rem; z-index: 1; display: inline-block; width: 0.42667rem; height: 0.42667rem; margin-top: -0.21333rem; color: #afafaf; line-height: 0.42667rem; vertical-align: middle; }

.input-icon i { display: inline-block; width: 0.42667rem; height: 0.42667rem; line-height: 0.42667rem; font-size: 0.42667rem; vertical-align: middle; }

.input-hasappend .form-control { padding-right: 0.69333rem; }

.input-append { position: absolute; top: 50%; right: 0; z-index: 1; display: none; margin-top: -0.24rem; text-align: center; }

.input-append .btn-icon { display: inline-block; width: 0.48rem; height: 0.48rem; margin: 0 4px; padding: 0; font-size: 0.42667rem; color: #5c5c5c; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 0; }

/** Select */
.form-select { width: 100%; padding: 0; }

.form-select select { width: 100%; padding: 0.30667rem 0; text-indent: 0.21333rem; font-size: 0.32rem; color: #636567; line-height: 1; background-color: transparent; border: none; }

/** Raido and Checkbox */
.form-label { position: relative; margin-right: 0.42667rem; padding-left: 0.69333rem; font-weight: normal; cursor: pointer; }

.form-label input { position: absolute; left: -999999px; }

.form-label.active .form-radio-btn, .form-label.active .form-checkbox-btn { background-color: #0858a2; border-color: #1f7ac6; }

.form-label.active .form-radio-btn i, .form-label.active .form-checkbox-btn i { display: block; }

.form-label.active .form-label-con { color: #0858a2; }

.form-radio-btn, .form-checkbox-btn { position: absolute; top: 50%; left: 0; z-index: 1; display: inline-block; width: 0.42667rem; height: 0.42667rem; margin-top: -0.21333rem; font-size: 0.32rem; color: white; line-height: 0.37333rem; text-align: center; vertical-align: middle; border: 0.02667rem solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-radio-btn i, .form-checkbox-btn i { display: none; }

.form-radio-btn { border-radius: 50%; }

.form-checkbox-btn { border-radius: 0.10667rem; }

.form-label-con { display: inline-block; margin-right: 0.42667rem; font-size: 0.37333rem; color: #636567; line-height: 1.17333rem; }

.label-suffix .form-label { padding-right: 0.69333rem; padding-left: 0; }

.label-suffix .form-radio-btn, .label-suffix .form-checkbox-btn { right: 0; left: auto; }

.label-block .form-label { display: block; margin-right: 0; margin-left: 0.69333rem; padding-left: 0; border-bottom: 0.02667rem solid #eee; }

.label-block .form-label:last-child { border-bottom: 0; }

.label-block .form-radio-btn, .label-block .form-checkbox-btn { left: -0.69333rem; }

.label-block .form-label-con { display: block; margin-right: 0.4rem; padding: 0.32533rem 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.label-block.label-suffix .form-label { margin-left: 0; }

.label-block.label-suffix .form-radio-btn, .label-block.label-suffix .form-checkbox-btn { left: auto; }

/** Mix form group */
.mixform-wrap { position: relative; }

.mixform-wrap .btn { position: absolute; top: 0; right: 0; padding: 0; font-size: 0.37333rem; line-height: 1.12rem; border-radius: 0.21333rem; }

.mixform-wrap.mixform-btn-2 { padding-right: 2.02667rem; }

.mixform-wrap.mixform-btn-2 .btn { width: 1.81333rem; }

.mixform-wrap.mixform-btn-4 { padding-right: 2.56rem; }

.mixform-wrap.mixform-btn-4 .btn { width: 2.34667rem; }

.mixform-wrap.mixform-btn-5 { padding-right: 3.09333rem; }

.mixform-wrap.mixform-btn-5 .btn { width: 2.88rem; }

/** form outlook styles */
.form-sharp .form-control, .form-sharp.form-lg .form-control { border-radius: 0; }

.form-dark .form-control { background-color: #f0f0f0; border-color: #f0f0f0; }

.form-dark .form-control:focus { background-color: #ebebeb; border-color: #ebebeb; }

.form-transparent .form-control { background-color: transparent; border-color: transparent; }

.form-transparent .form-control:active { background-color: #f0f0f0; }

/** form inline */
.form-inline > .form-con, .form-inline > span { display: inline-block; }

/** Buttons ---------------------------------------------------------------------------- */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0.16rem 0.32rem; font-size: 0.37333rem; line-height: 0.58667rem; border-radius: 0.21333rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.btn:hover, .btn:focus, .btn.focus { color: #313335; text-decoration: none; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.4; filter: alpha(opacity=40); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

/** Alternate buttons */
.btn-solid { color: #313335; background-color: #fff; border-color: #ccc; }

.btn-solid:hover { color: #313335; background-color: #f2f2f2; border-color: #bfbfbf; -webkit-box-shadow: 0 2px 6px rgba(204, 204, 204, 0.1); box-shadow: 0 2px 6px rgba(204, 204, 204, 0.1); }

.btn-solid-primary { color: #fff; background-color: #0858a2; border-color: #1f7ac6; }

.btn-solid-primary:hover { color: #fff; background-color: #1f7ac6; border-color: #1b6db0; -webkit-box-shadow: 0 2px 6px rgba(31, 122, 198, 0.1); box-shadow: 0 2px 6px rgba(31, 122, 198, 0.1); }

.btn-solid-secondary { color: #fff; background-color: #3b3e4c; border-color: #30323e; }

.btn-solid-secondary:hover { color: #fff; background-color: #30323e; border-color: #25272f; -webkit-box-shadow: 0 2px 6px rgba(48, 50, 62, 0.1); box-shadow: 0 2px 6px rgba(48, 50, 62, 0.1); }

.btn-solid-success { color: #fff; background-color: #3da48f; border-color: #36917f; }

.btn-solid-success:hover { color: #fff; background-color: #36917f; border-color: #2f7f6f; -webkit-box-shadow: 0 2px 6px rgba(54, 145, 127, 0.1); box-shadow: 0 2px 6px rgba(54, 145, 127, 0.1); }

.btn-solid-warning { color: #fff; background-color: #f89240; border-color: #f78427; }

.btn-solid-warning:hover { color: #fff; background-color: #f78427; border-color: #f6760f; -webkit-box-shadow: 0 2px 6px rgba(247, 132, 39, 0.1); box-shadow: 0 2px 6px rgba(247, 132, 39, 0.1); }

.btn-solid-danger { color: #fff; background-color: #e20700; border-color: #c90600; }

.btn-solid-danger:hover { color: #fff; background-color: #c90600; border-color: #af0500; -webkit-box-shadow: 0 2px 6px rgba(201, 6, 0, 0.1); box-shadow: 0 2px 6px rgba(201, 6, 0, 0.1); }

.btn-solid-light { color: #313335; background-color: #f7f7f7; border-color: #eaeaea; }

.btn-solid-light:hover { color: #313335; background-color: #eaeaea; border-color: #dedede; -webkit-box-shadow: 0 2px 6px rgba(234, 234, 234, 0.1); box-shadow: 0 2px 6px rgba(234, 234, 234, 0.1); }

.btn-solid-dark { color: #fff; background-color: #313335; border-color: #252628; }

.btn-solid-dark:hover { color: #fff; background-color: #252628; border-color: #191a1b; -webkit-box-shadow: 0 2px 6px rgba(37, 38, 40, 0.1); box-shadow: 0 2px 6px rgba(37, 38, 40, 0.1); }

.btn-hollow { color: #313335; background-color: transparent; border-color: #ccc; }

.btn-hollow:hover { color: white; background-color: #ccc; }

.btn-hollow-primary { color: #0858a2; background-color: transparent; border-color: #0858a2; }

.btn-hollow-primary:hover { color: white; background-color: #0858a2; }

.btn-hollow-secondary { color: #3b3e4c; background-color: transparent; border-color: #3b3e4c; }

.btn-hollow-secondary:hover { color: white; background-color: #3b3e4c; }

.btn-hollow-success { color: #3da48f; background-color: transparent; border-color: #3da48f; }

.btn-hollow-success:hover { color: white; background-color: #3da48f; }

.btn-hollow-warning { color: #f89240; background-color: transparent; border-color: #f89240; }

.btn-hollow-warning:hover { color: white; background-color: #f89240; }

.btn-hollow-danger { color: #e20700; background-color: transparent; border-color: #e20700; }

.btn-hollow-danger:hover { color: white; background-color: #e20700; }

.btn-hollow-light { color: #eaeaea; background-color: transparent; border-color: #eaeaea; }

.btn-hollow-light:hover { color: white; background-color: #eaeaea; }

.btn-hollow-dark { color: #313335; background-color: transparent; border-color: #313335; }

.btn-hollow-dark:hover { color: white; background-color: #313335; }

.btn-outline { color: #313335; background-color: white; border-color: #ccc; }

.btn-outline:hover { color: #313335; background-color: whitesmoke; }

.btn-outline-primary { color: #0858a2; background-color: #d2e7f8; border-color: #0858a2; }

.btn-outline-primary:hover { color: #0858a2; background-color: #c0ddf5; }

.btn-outline-secondary { color: #3b3e4c; background-color: #9fa3b4; border-color: #3b3e4c; }

.btn-outline-secondary:hover { color: #3b3e4c; background-color: #9398ab; }

.btn-outline-success { color: #3da48f; background-color: #c4e9e1; border-color: #3da48f; }

.btn-outline-success:hover { color: #3da48f; background-color: #b5e4da; }

.btn-outline-warning { color: #f89240; background-color: white; border-color: #f89240; }

.btn-outline-warning:hover { color: #f89240; background-color: whitesmoke; }

.btn-outline-danger { color: #e20700; background-color: #ffb1af; border-color: #e20700; }

.btn-outline-danger:hover { color: #e20700; background-color: #ff9e9b; }

.btn-outline-light { color: #eaeaea; background-color: white; border-color: #eaeaea; }

.btn-outline-light:hover { color: #eaeaea; background-color: whitesmoke; }

.btn-outline-dark { color: #313335; background-color: #95999d; border-color: #313335; }

.btn-outline-dark:hover { color: #313335; background-color: #8a8f93; }

.btn-prefix-icon, .btn-suffix-icon { display: inline-block; vertical-align: middle; }

.btn-prefix-icon span, .btn-prefix-icon i, .btn-suffix-icon span, .btn-suffix-icon i { display: inline-block; font-size: inherit; color: inherit; vertical-align: middle; }

.btn-prefix-icon i { margin-right: 0.13333rem; }

.btn-suffix-icon i { margin-left: 0.13333rem; }

.btn-icon { color: #313335; }

.btn-link, .btn-link:hover { color: #0858a2; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }

/** Button Sizes */
.btn-lg { padding: 0.26667rem 0.42667rem; font-size: 0.48rem; line-height: 0.64rem; border-radius: 0.32rem; }

.btn-sm { padding: 0.05333rem 0.21333rem; font-size: 0.32rem; line-height: 0.48rem; border-radius: 0.10667rem; }

.btn-xs { padding: 0.02667rem 0.16rem; font-size: 0.32rem; line-height: 0.53333rem; border-radius: 0.10667rem; }

/** Button group */
.btn-group { margin-right: -0.10667rem; margin-left: -0.10667rem; }

.btn-group .btn { margin: 0.10667rem; }

/* toast btn group */
.toast-btn-group { *zoom: 1; margin: 0; }

.toast-btn-group:before, .toast-btn-group:after { content: " "; display: table; }

.toast-btn-group:after { clear: both; }

.toast-btn-group .btn { position: relative; float: left; margin: 0; padding: 0 0.21333rem; font-size: 0.29333rem; line-height: 0.58667rem; border-right-width: 0; border-radius: 0.10667rem; }

.toast-btn-group .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.toast-btn-group .btn:last-child { border-right-width: 0.01333rem; border-top-left-radius: 0; border-bottom-left-radius: 0; }

/** Slide in ---------------------------------------------------------------------------- */
.slidein-all.slidein.slidein-right, .slidein-all.slidein.slidein-left { width: 100%; }

.slidein-half.slidein.slidein-right, .slidein-half.slidein.slidein-left { width: 50%; }

.slidein-small.slidein.slidein-right, .slidein-small.slidein.slidein-left { width: 35%; }

.slidein-all.slidein.slidein-top, .slidein-all.slidein.slidein-bottom { height: 100%; }

.slidein-half.slidein.slidein-top, .slidein-half.slidein.slidein-bottom { height: 50%; }

.slidein-small.slidein.slidein-top, .slidein-small.slidein.slidein-bottom { height: 35%; }

.slidein { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: white; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.slidein .btn-shut { position: absolute; top: 0; right: 0; z-index: 2; display: block; padding: 0.21333rem; font-size: 0.42667rem; color: #212325; line-height: 1; text-align: center; border-radius: 0; }

.slidein.slidein-top { top: -100%; bottom: auto; height: 80%; }

.slidein.slidein-top.active { top: 0; }

.slidein.slidein-right { right: -100%; left: auto; width: 80%; }

.slidein.slidein-right.active { right: 0; }

.slidein.slidein-bottom { top: auto; bottom: -100%; height: 80%; }

.slidein.slidein-bottom.active { bottom: 0; }

.slidein.slidein-left { right: auto; left: -100%; width: 80%; }

.slidein.slidein-left.active { left: 0; }

/** Tabs ---------------------------------------------------------------------------- */
/** Base styles */
.tabs-head { *zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; border: 0.02667rem solid #eee; }

.tabs-head:before, .tabs-head:after { content: " "; display: table; }

.tabs-head:after { clear: both; }

.tabs-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }

.tabs-link { position: relative; display: block; padding: 0 0.26667rem; font-size: 0.42667rem; color: #636567; line-height: 1.17333rem; text-decoration: none; cursor: pointer; }

.tabs-link.active { color: #0858a2; }

.tabs-link.active:after { content: ''; position: absolute; bottom: -0.02667rem; left: 50%; z-index: 1; display: block; width: 1.49333rem; height: 0.05333rem; margin-left: -0.74667rem; background-color: #0858a2; }

.tabs-con { display: none; }

.tabs-con.active { display: block; }

/** swiper tabs */
.swiper-linkage-nav { position: fixed; top: 0; right: 0; left: 0; height: 1.17333rem; font-weight: 500; color: #313335; line-height: 1.17333rem; background-color: white; border-bottom: 0.02667rem solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-linkage-nav .swiper-slide { position: relative; }

.swiper-linkage-nav .swiper-slide:after { content: ''; position: absolute; bottom: 0; left: 50%; display: block; width: 0; height: 0.05333rem; margin-left: 0; background-color: #0858a2; border-radius: 0.02667rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.swiper-linkage-nav .swiper-slide a { position: relative; display: block; font-size: 0.42667rem; color: inherit; text-align: center; }

.swiper-linkage-nav .swiper-slide-thumb-active { color: #0858a2; }

.swiper-linkage-nav .swiper-slide-thumb-active:after { width: 1.06667rem; margin-left: -0.53333rem; }

.swiper-linkage-body { position: relative; width: 100%; top: 1.17333rem; bottom: 0; }

.swiper-linkage-body .swiper-slide { overflow-y: auto; }

/** Vertical tabs */
.vertical-tabs { height: 10.4rem; border-top: 0.02667rem solid #eee; }

.vertical-tabs > ul, .vertical-tabs > div, .vertical-tabs .tabs-con { height: inherit; overflow-y: auto; }

.vertical-tabs .tabs-head { display: block; float: left; width: 4rem; background-color: #f5f5f5; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.vertical-tabs .tabs-item { float: none; }

.vertical-tabs .tabs-link { padding: 0 0.4rem; font-size: 0.37333rem; line-height: 1.04rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vertical-tabs .tabs-link.active { color: #0858a2; background-color: white; }

.vertical-tabs .tabs-link.active:after { top: 0; bottom: 0; left: 0; width: 0.05333rem; height: auto; margin-left: 0; }

.vertical-tabs .tabs-body { float: right; width: 6rem; }

/** Panel ---------------------------------------------------------------------------- */
.panel > .header, .panel > .footer { position: absolute; background-color: white; }

.panel > .header .header-mid { padding-right: 0.42667rem; padding-left: 0.42667rem; }

.panel > .header .title { font-size: pxtotem(14px); }

.panel > .footer { height: 1.54667rem; border-top: 0.01333rem solid #ddd; -webkit-box-shadow: none; box-shadow: none; }

.panel > .footer .btn-group { padding: 0.32rem; text-align: right; }

.panel > .footer .btn-group .btn-hollow-primary, .panel > .footer .btn-group .btn-solid-primary { width: 1.86667rem; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 0.90667rem; }

.panel > .footer.noborder { border-top: 0; }

.panel > .body { position: absolute; top: 1.17333rem; bottom: 1.54667rem; width: 100%; overflow-x: hidden; overflow-y: auto; }

.panel.panel-noheader .body { top: 0; }

.panel.panel-nofooter .body { bottom: 0; }

.panel-form .form-row { margin-top: 0; margin-bottom: 0; line-height: 1.04rem; }

.panel-form .form-row.disabled { opacity: 0.5; filter: alpha(opacity=50); }

.panel-form .form-pretitle { padding-left: 2.34667rem; }

.panel-form .form-head { position: relative; }

.panel-form .form-head .title { font-weight: 600; font-size: 0.32rem; }

.panel-form .form-head .append { right: -0.32rem; }

.panel-form .form-head .append .btn { width: 1.04rem; height: 1.04rem; padding: 0; font-size: 0.42667rem; color: #6e7181; text-align: center; line-height: 1.04rem; }

.panel-form .form-head .append .btn i { width: 0.50667rem; height: 0.50667rem; }

.panel-form .input-wrap { padding-top: 0.09333rem; padding-bottom: 0.09333rem; }

.panel-form .input-wrap .input-append { height: 32px; line-height: 32px; margin-top: -0.42667rem; }

.panel-form .input-wrap .form-control { height: 0.85333rem; }

.panel-form .input-wrap.result-input .form-control { background-color: transparent; }

.panel-form .form-uptitle .form-title { color: #939597; }

.panel-form .form-lg .form-control { height: 1.17333rem; }

.panel-form .form-lg .input-append { width: 1.17333rem; height: 1.17333rem; line-height: 1.17333rem; margin-top: -0.58667rem; }

.panel-form .form-label { padding: 0 0.4rem; border-bottom: 0; }

.panel-form .form-label.active { background-color: rgba(34, 136, 220, 0.1); }

.panel-form .form-label-con { padding-top: 0; padding-bottom: 0; line-height: 1.04rem; }

.panel-form .form-radio-btn, .panel-form .form-checkbox-btn { right: 0.2rem; width: 0.50667rem; height: 0.50667rem; margin-top: -0.25333rem; font-size: 0.34667rem; line-height: 0.45333rem; }

/**
 * List
 * ----------------------------------------------------------------------------
*/
.list-head { position: relative; padding: 0 0.4rem; line-height: 0.96rem; background-color: #f5f5f5; }

.list-head:first-child { padding-top: 0.21333rem; }

.list-title { font-size: 0.37333rem; color: #939597; }

.list-head .append { position: absolute; top: 0; right: 0.4rem; bottom: 0; line-height: inherit; }

.list { margin-bottom: 0.21333rem; background-color: white; }

.list:last-child { margin-bottom: 0; }

.list.list-append .list-row { padding-right: 1.17333rem; }

.list.remain-lastline .list-row:last-child { border-bottom: 0.02667rem solid rgba(238, 238, 238, 0.7); }

.list-row { position: relative; display: block; height: 1.17333rem; margin-left: 0.4rem; line-height: 1.17333rem; border-bottom: 0.02667rem solid rgba(238, 238, 238, 0.7); }

.list-row.list-row-multi { height: auto; padding-top: 0.32rem; padding-bottom: 0.32rem; line-height: auto; }

.list-row.list-row-multi .list-con { max-height: 1.06667rem; line-height: 0.53333rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.list-row:last-child { border-bottom: 0; }

.list-row .prepend, .list-row .append { position: absolute; top: 0; bottom: 0; z-index: 1; }

.list-row .prepend { left: 0; }

.list-row .append { right: 0; font-size: 0; color: #939597; }

.list-row .append > span, .list-row .append > a { display: inline-block; vertical-align: middle; }

.list-row .append > span:last-child, .list-row .append > a:last-child { margin-left: -0.21333rem; }

.list-row .append a { font-size: 0.32rem; color: #939597; }

.list-row .append a i { font-size: 0.37333rem; }

.list-con { font-size: 0.37333rem; font-weight: 500; color: #313335; }

.list-con.list-article { padding-top: 0.29333rem; padding-bottom: 0.29333rem; line-height: 0.58667rem; }

.list-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.21333rem; line-height: 0.53333rem; text-align: center; vertical-align: middle; }

.list-icon i { display: inline-block; font-size: 0.53333rem; }

.list.list-lg .list-row { height: 1.30667rem; line-height: 1.30667rem; }

.list.list-lg.list-prepend .list-row { margin-left: 1.01333rem; }

.list.list-lg.list-append .list-row { padding-right: 0.90667rem; }

.list.list-lg .prepend { left: -1.01333rem; }

.list.list-lg .list-con { font-size: 0.4rem; }

.list.list-lg.form-list .list-row { height: auto; min-height: 1.30667rem; }

.list.list-lg.form-list .form-control { height: 1.30667rem; }

/** form list */
.form-list.list-prepend .list-row { padding-left: 2.88rem; }

.form-list.list-prepend .list-row.upper-prepend { padding-right: 0; padding-left: 0; }

.form-list.list-prepend .list-row.upper-prepend .prepend { position: static; width: auto; padding-top: 0.37333rem; line-height: 1; }

.form-list.list-prepend .list-row.upper-prepend .prepend .title { font-weight: normal; color: #838587; }

.form-list.list-prepend .list-row.upper-prepend .append { top: auto; }

.form-list.list-prepend .list-row.upper-prepend .form-control { padding-right: 1.17333rem; color: #212325; }

.form-list.list-append .list-row { padding-right: 1.17333rem; }

.form-list.list-append .list-row.long-append { padding-right: 2.34667rem; }

.form-list .prepend { width: 2.66667rem; }

.form-list .prepend .title { font-weight: 600; font-size: 0.37333rem; color: #212325; }

.form-list .list-row { height: auto; min-height: 1.30667rem; line-height: 1.30667rem; }

.form-list .list-row.uneditable { opacity: 0.5; filter: alpha(opacity=50); }

.form-list .list-row.uneditable .append { display: none; }

.form-list .form-row { margin: 0; }

.form-list .form-control { padding-right: 0; padding-left: 0; height: 1.30667rem; }

.form-list .form-control:active { background-color: transparent; }

.form-list .form-control.form-textarea { height: auto; }

.form-list .form-control.form-select select { text-indent: 0; direction: ltr; }

.form-list .input-append { top: 0; margin-top: 0; }

.form-list .input-append .btn { width: 1.17333rem; margin: 0; }

.form-list .input-append .btn-sm { padding-top: 0; padding-bottom: 0; line-height: 0.77333rem; }

.form-list .input-has-btnappend .form-control { padding-right: 0.64rem; }

.form-list .input-has-btnappend .input-append { right: 2.34667rem; }

.form-list .input-has-btnappend .input-append.show { right: 0.4rem; }

.form-list .textarea-wrap, .form-list .form-textarea-bot { margin-right: 0.4rem; }

.form-list .form-textarea { padding-left: 0; }

.form-list .text-wrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-list a.btn-primary i { font-size: 0.48rem; color: #0858a2; }

.form-list .form-error { border-bottom-color: #e20700; }

.form-list .form-error .error { margin-left: 0.42667rem; color: #e20700; }

/**
 * Table
 * ----------------------------------------------------------------------------
*/
table, .table { width: 100%; line-height: 0.58667rem; border-collapse: collapse; }

table th, table td, .table th, .table td { font-size: 0.37333rem; text-align: center; border: 1px solid #eee; }

table th > span, table td > span, .table th > span, .table td > span { display: block; padding: 0.32rem 0.21333rem; }

table th, .table th { font-weight: 600; color: #212325; }

table td, .table td { color: #636567; }

table td > div span, .table td > div span { font-weight: 700; color: #313335; }

table tr:nth-child(2n-1) th, table tr:nth-child(2n-1) td, .table tr:nth-child(2n-1) th, .table tr:nth-child(2n-1) td { background-color: #fafafa; }

/** Filter ---------------------------------------------------------------------------- */
/** filter bar */
.filter-bar { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 1.17333rem; line-height: 1.17333rem; background-color: #fafafa; border-bottom: 0.02667rem solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; }

.filter-bar .rank { font-size: 0; }

.filter-bar .rank .cell { display: inline-block; margin: 0 0.32rem; }

.filter-bar .link .text { font-size: 0.37333rem; font-weight: 400; color: #313335; }

.filter-bar .link .icon { display: inline-block; width: 0.16rem; height: 0.24rem; margin-left: 0.21333rem; background-image: url("../images/filter-arr-1.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.filter-bar .link.active .icon { background-image: url("../images/filter-arr-2.png"); }

.filter-bar .link.filter-link { margin-right: 0.4rem; }

.filter-bar .link.filter-link .icon { display: inline; width: 0.42667rem; height: 0.42667rem; margin-left: 0.10667rem; font-size: 0.32rem; color: #0858a2; background: none; }

/** filter panel(slidein) */
.filter-slidein.mask { top: 3.52rem; bottom: 1.38667rem; overflow: hidden; }

.filter-slidein .panel-form .form-radio-btn, .filter-slidein .panel-form .form-checkbox-btn { font-size: 0.48rem; color: #0858a2; background-color: transparent; border: 0; }

.slidein.slidein-multi { height: 10.4rem; overflow: hidden; }

.slidein.slidein-multi .form-label.active { background-color: transparent; }

.slidein.slidein-multi .vertical-tabs { height: inherit; }

.slidein.slidein-multi .filter-sort { bottom: 1.28rem; }

.slidein.slidein-multi .filter-sort > div { margin-right: 0.4rem; margin-left: 0.4rem; padding-top: 0.21333rem; padding-bottom: 0.21333rem; }

.slidein.slidein-multi .filter-sort .title { margin-bottom: -0.21333rem; padding-top: 0.42667rem; font-size: 0.37333rem; color: #939597; line-height: 1; }

.slidein.slidein-multi .filter-sort .btn-group { margin-right: 0.21333rem; margin-left: 0.21333rem; }

.slidein.slidein-multi .filter-sort .btn-hollow { width: calc((100% - 8px*5)/3); padding-top: 0; padding-bottom: 0; line-height: 0.77333rem; border-radius: 0.53333rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.slidein.slidein-multi .filter-sort .btn-hollow.active { color: white; background-color: #0858a2; border-color: #0858a2; }

.slidein.panel .footer { height: 1.17333rem; padding: 0; line-height: 1.17333rem; }

.slidein.panel .footer .btn-group { padding: 0; text-align: center; }

.slidein.panel .footer .btn-group a { width: 4.26667rem; margin: 0 0.2rem; padding: 0; line-height: 0.77333rem; border-radius: 0.38667rem; }

/**
 * Labs
 * ----------------------------------------------------------------------------
*/
.lab { display: inline-block; padding: 0 0.21333rem; color: white; line-height: 0.37333rem; border-radius: 0.13333rem; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.lab-icon { display: inline-block; width: 0.24rem; height: 0.24rem; margin-right: 0.02667rem; line-height: 0.21333rem; vertical-align: middle; }

.lab-icon i { display: inline-block; width: 0.24rem; height: 0.24rem; line-height: 0.24rem; font-size: 0.24rem; vertical-align: middle; }

.lab-text { display: inline-block; font-size: 0.24rem; font-weight: 500; vertical-align: middle; }

.lab-text.lab-sm { font-size: 0.32rem; }

.lab-text.lab-lg { font-size: 0.37333rem; font-weight: 500; }

.lab-gray { background-color: #636567; }

.lab-gray.lab-hollow { color: #636567; border-color: #636567; }

.lab-gray-anti { color: #636567; background-color: rgba(99, 101, 103, 0.1); }

.lab-red { background-color: #e20700; }

.lab-red.lab-hollow { color: #e20700; border-color: #e20700; }

.lab-red-anti { color: #e20700; background-color: rgba(226, 7, 0, 0.1); }

.lab-orange { background-color: #f89240; }

.lab-orange.lab-hollow { color: #f89240; border-color: #f89240; }

.lab-orange-anti { color: #f89240; background-color: rgba(248, 146, 64, 0.1); }

.lab-yellow { background-color: #ffc600; }

.lab-yellow.lab-hollow { color: #ffc600; border-color: #ffc600; }

.lab-yellow-anti { color: #ffc600; background-color: rgba(255, 198, 0, 0.1); }

.lab-green { background-color: #3da48f; }

.lab-green.lab-hollow { color: #3da48f; border-color: #3da48f; }

.lab-green-anti { color: #3da48f; background-color: rgba(61, 164, 143, 0.1); }

.lab-pink { background-color: #c3325f; }

.lab-pink.lab-hollow { color: #c3325f; border-color: #c3325f; }

.lab-pink-anti { color: #c3325f; background-color: rgba(195, 50, 95, 0.1); }

.lab-blue { background-color: #3f5cdc; }

.lab-blue.lab-hollow { color: #3f5cdc; border-color: #3f5cdc; }

.lab-blue-anti { color: #3f5cdc; background-color: rgba(63, 92, 220, 0.1); }

.lab-default { background-color: #afafaf; }

.lab-default.lab-hollow { color: #afafaf; border-color: #afafaf; }

.lab-default-anti { color: #afafaf; background-color: rgba(175, 175, 175, 0.1); }

.lab-primary { background-color: #0858a2; }

.lab-primary.lab-hollow { color: #0858a2; border-color: #0858a2; }

.lab-primary-anti { color: #0858a2; background-color: rgba(34, 136, 220, 0.1); }

.lab-hollow { display: inline-block; padding: 0 0.42667rem; line-height: 0.74667rem; background-color: transparent; border-width: 0.02667rem; border-radius: 0.26667rem; border-style: solid; zoom: 0.5; }

.lab-hollow .lab-text { font-size: 0.48rem; }

.lab-pos-tl, .lab-pos-tr, .lab-pos-bl, .lab-pos-br { position: absolute; }

.lab-pos-tl { top: 0rem; right: auto; bottom: auto; left: 0rem; }

.lab-pos-tr { top: 0rem; right: 0rem; bottom: auto; left: auto; }

.lab-pos-bl { top: auto; right: auto; bottom: 0rem; left: 0rem; }

.lab-pos-br { top: auto; right: 0rem; bottom: 0rem; left: auto; }

.lab-group span { margin-right: 0.16rem; }

/**
 * Misc
 * ----------------------------------------------------------------------------
*/
/** shadow */
.shadow { -webkit-box-shadow: 0 0.05333rem 0.21333rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.05333rem 0.21333rem rgba(0, 0, 0, 0.1); }

/** type icons */
.typeico { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.typeico-doc { background-image: url(../images/types/type-doc.png); }

.typeico-jpeg { background-image: url(../images/types/type-jpeg.png); }

.typeico-music { background-image: url(../images/types/type-music.png); }

.typeico-pdf { background-image: url(../images/types/type-pdf.png); }

.typeico-ppt { background-image: url(../images/types/type-ppt.png); }

.typeico-txt { background-image: url(../images/types/type-txt.png); }

.typeico-unknown { background-image: url(../images/types/type-unknown.png); }

.typeico-video { background-image: url(../images/types/type-video.png); }

.typeico-xls { background-image: url(../images/types/type-xls.png); }

.typeico-zip { background-image: url(../images/types/type-zip.png); }

/** touch action */
.touch { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/** article */
.article { color: #212325; }

.article h1 { margin-top: 0.85333rem; margin-bottom: 0.85333rem; position: relative; font-size: 0.45333rem; font-weight: 600; line-height: 1.4; text-align: center; }

.article h1:after { content: ''; position: absolute; bottom: -0.32rem; left: 0; display: block; width: 1.22667rem; height: 0.05333rem; background-color: #0858a2; border-radius: 0.02667rem; }

.article h1.simple { margin-bottom: 0.21333rem; }

.article h1.simple:after { display: none; }

.article h2 { margin-top: 0.85333rem; font-size: 0.48rem; font-weight: 600; }

.article p { margin-bottom: 0.21333rem; font-size: 0.37333rem; color: #636567; line-height: 2; text-align: justify; text-justify: inter-ideagraph; word-break: break-all; }

.article hr { margin: 0.32rem 0; }

.article .info { font-size: 0.37333rem; color: #939597; text-align: center; }

.article .img { width: 85%; margin: 0 auto; }

/** sticky btn */
.sticky-group { position: fixed; right: 0.24rem; bottom: 1.68rem; z-index: 1049; margin-bottom: env(safe-area-inset-bottom); }

.sticky-group.page-sticky { bottom: 0.24rem; }

.sticky-btn { width: 1.2rem; height: 1.2rem; border-radius: 50%; margin-top: 0.32rem; padding: 0; font-size: 0.64rem; color: white; line-height: 1.2rem; text-align: center; vertical-align: middle; background-color: #0858a2; -webkit-box-shadow: 0 0.10667rem 0.26667rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.10667rem 0.26667rem rgba(0, 0, 0, 0.2); }

.sticky-btn:active { -webkit-transform: scale(1.2); transform: scale(1.2); }

.sticky-btn:first-child { margin-top: 0; }

.sticky-btn.btn-gray { background-color: #838587; }

/** switch */
.switch { position: relative; display: inline-block; width: 1.76rem; height: 0.90667rem; background-color: #0858a2; border-radius: 0.45333rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.switch span { position: absolute; top: 0.05333rem; right: auto; left: 0.05333rem; display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: white; -webkit-box-shadow: 0 0.05333rem 0.16rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.05333rem 0.16rem rgba(0, 0, 0, 0.1); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.switch.active { background-color: #ddd; }

.switch.active span { right: 0.05333rem; left: auto; }

/** interaction */
.slidein-select { height: auto !important; padding: 0.32rem; text-align: center; background-color: transparent; }

.slidein-select .select-group { margin-bottom: 0.21333rem; background-color: white; border-radius: 0.10667rem; }

.slidein-select .select-group .cell { border-bottom: 0.02667rem solid #efefef; }

.slidein-select .select-group .cell:last-child { border-bottom: 0; }

.slidein-select .select-group .btn-link { padding: 0; font-size: 0.42667rem; color: black; line-height: 1.17333rem; }

.slidein-select .btn-block { padding: 0; font-size: 0.42667rem; font-weight: 700; color: #0858a2; line-height: 1.17333rem; background-color: white; border-radius: 0.10667rem; }

/** search result */
.search-result { position: fixed; top: 1.17333rem; right: 0; left: 0; background-color: #f7f7f7; }

.search-result .wrap { margin-right: 0.4rem; margin-left: 0.4rem; font-size: 0.34667rem; color: #939597; line-height: 0.90667rem; }

/** misc */
.dot, .bubble { display: inline-block; background-color: #e20700; border: 0.02667rem solid white; vertical-align: middle; }

.dot { width: 0.16rem; height: 0.16rem; border-radius: 50%; }

.bubble { min-width: 0.48rem; height: 0.48rem; padding: 0 0.05333rem; font-size: 0.24rem; color: white; line-height: 0.42667rem; border-radius: 0.24rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.price { font-size: 0.34667rem; font-weight: 600; color: #e20700; }

.btn-shadow { -webkit-box-shadow: 0 0.08rem 0.16rem rgba(34, 136, 220, 0.3); box-shadow: 0 0.08rem 0.16rem rgba(34, 136, 220, 0.3); }

/**
 * Layout
 * ----------------------------------------------------------------------------
*/
/** base for `rem` */
html { height: 100%; font-size: 37.5px; }

body { height: 100%; font-size: 10px; padding-top: env(safe-area-inset-top); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); }

/** Page frame */
header, .header, footer, .footer { position: fixed; right: 0; left: 0; z-index: 1030; background-color: #0858a2; }

header, .header { top: 0; height: 1.17333rem; }

footer, .footer { bottom: 0; height: 1.38667rem; padding-bottom: env(safe-area-inset-bottom); }

.main { position: fixed; top: 0; bottom: 0; z-index: 1028; width: 100%; overflow-x: hidden; overflow-y: auto; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: env(safe-area-inset-top); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); }

.main.main-light { background-color: white; }

.main.main-dark { background-color: #fafafa; }

.main.main-withhead { top: 1.17333rem; }

.main.main-withfoot { bottom: 1.38667rem; }

.main.main-noscroll { overflow-y: hidden; }

/**
 * Header
 * ----------------------------------------------------------------------------
*/
header > div, .header > div { padding-top: 0.16rem; padding-bottom: 0.16rem; }

.header-left, .header-right { position: absolute; top: 0; bottom: 0; font-size: 0; line-height: 0.85333rem; }

.header-left a, .header-right a { display: inline-block; vertical-align: middle; }

.header-left { left: 0.13333rem; }

.header-right { right: 0.13333rem; }

.header-mid { padding-right: 0.98667rem; padding-left: 0.98667rem; line-height: 0.85333rem; vertical-align: middle; }

header.header-noleft .header-mid, .header.header-noleft .header-mid { padding-left: 0.4rem; }

header.header-noright .header-mid, .header.header-noright .header-mid { padding-right: 0.4rem; }

header.header-wideright .header-mid, .header.header-wideright .header-mid { padding-right: 1.97333rem; }

header.header-btnright .header-mid, .header.header-btnright .header-mid { padding-right: 1.54667rem; }

header.header-centertitle, .header.header-centertitle { text-align: center; }

header.header-centertitle .header-mid, .header.header-centertitle .header-mid { padding-right: 0; padding-left: 0; }

header.header-transparent, .header.header-transparent { background-color: transparent; }

header.header-transparent input, .header.header-transparent input { background-color: white; }

header.header-transparent .btn, .header.header-transparent .btn { color: white; }

header.bb, .header.bb { border-color: #eee; }

header .title, .header .title { display: inline-block; font-size: 0.45333rem; font-weight: 600; color: white; line-height: inherit; vertical-align: middle; }

header .btn, .header .btn { padding: 0; color: white; line-height: inherit; border-radius: 0; vertical-align: middle; }

header .btn-icon, .header .btn-icon { display: inline-block; width: 0.85333rem; height: 0.85333rem; font-size: 0.58667rem; }

header .btn-prefix-icon span, header .btn-suffix-icon span, .header .btn-prefix-icon span, .header .btn-suffix-icon span { font-size: 0.4rem; }

header .btn-link, .header .btn-link { padding: 0 0.21333rem; font-size: 0.37333rem; font-weight: 400; line-height: inherit; }

header .search, .header .search { position: relative; height: 0.85333rem; margin-right: 0.21333rem; margin-left: 0.21333rem; font-size: 0; line-height: 0.85333rem; }

header .search .input-wrap, .header .search .input-wrap { display: inline-block; width: calc(100% - 1.17333rem); vertical-align: middle; }

header .search .input-icon, .header .search .input-icon { position: absolute; top: 50%; left: 0; display: inline-block; width: 0.85333rem; height: 0.85333rem; margin-top: -0.4rem; font-size: 0.42667rem; color: #c1c1c1; line-height: 0.85333rem; text-align: center; }

header .search input, .header .search input { height: inherit; line-height: inherit; padding: 0 0.42667rem 0 0.85333rem; font-size: 0.37333rem; color: #636567; vertical-align: middle; background-color: #f7f7f7; border-radius: 0.42667rem; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

header .search input::-moz-placeholder, .header .search input::-moz-placeholder { color: #c1c1c1; opacity: 1; }

header .search input:-ms-input-placeholder, .header .search input:-ms-input-placeholder { color: #c1c1c1; }

header .search input::-webkit-input-placeholder, .header .search input::-webkit-input-placeholder { color: #c1c1c1; }

header .search .input-append, .header .search .input-append { top: 0; bottom: 0; margin-top: 0; }

header .search .input-append .clear, .header .search .input-append .clear { width: 0.58667rem; height: 0.58667rem; font-size: 0.37333rem; line-height: 0.58667rem; }

header .search > .btn, .header .search > .btn { display: inline-block; width: 1.17333rem; font-size: 0.37333rem; color: white; vertical-align: middle; }

header input.name, .header input.name { font-size: 0.45333rem; }

header input.name::-moz-placeholder, .header input.name::-moz-placeholder { color: #afafaf; opacity: 1; }

header input.name:-ms-input-placeholder, .header input.name:-ms-input-placeholder { color: #afafaf; }

header input.name::-webkit-input-placeholder, .header input.name::-webkit-input-placeholder { color: #afafaf; }

/**
 * Footer
 * ----------------------------------------------------------------------------
*/
/** Nav */
.nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.nav-cell { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }

.nav-cell i, .nav-cell span { display: block; }

.nav-link { position: relative; display: block; width: 100%; color: white; text-decoration: none; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.nav-link.active { color: #f9eb0b; }

.nav-link.active .nav-text { font-weight: 600; }

.nav-icon { position: relative; width: 0.58667rem; height: 0.58667rem; margin: 0 auto; padding-top: 0.21333rem; padding-bottom: 0.13333rem; font-size: 0.58667rem; }

.nav-icon .bubble { position: absolute; top: 0.08rem; right: -0.256rem; z-index: 1; display: inline-block; }

.nav-text { font-size: 0.24rem; font-weight: 400; line-height: 1; }

/**
 * Pages
 * ----------------------------------------------------------------------------
*/
/** common */
.submit-btn { padding-top: 0; padding-bottom: 0; font-size: 0.42667rem; line-height: 1.17333rem; border: 0; border-radius: 0.58667rem; }

/**
 * Header and footer
*/
header.home-header .logo { height: 0.88rem; margin-left: 0.4rem; }

header.home-header .logo img { width: auto; height: 100%; }

header.search-header { top: -100%; z-index: 1051; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

header.search-header.show { top: 0; }

footer.op-footer, footer.op-footer-lg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; }

footer.op-footer { height: 1.17333rem; line-height: 1.17333rem; }

footer.op-footer > .cell { width: 50%; line-height: inherit; text-align: center; }

footer.op-footer > .cell .price { display: block; border-top: 0.02667rem solid #eee; font-size: 0.37333rem; line-height: 1.14667rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

footer.op-footer > .cell .price .text { font-size: 0.32rem; font-weight: normal; color: #636567; }

footer.op-footer > .cell .btn { padding-top: 0; padding-bottom: 0; line-height: inherit; border: 0; border-radius: 0; }

footer.op-footer-lg { height: 1.44rem; }

footer.op-footer-lg > .btn-block { margin-top: 0.21333rem; margin-right: 0.4rem; margin-bottom: 0.21333rem; margin-left: 0.4rem; line-height: 1.01333rem; }

.main.main-with-opfooter { bottom: 1.17333rem; }

.main.main-with-opfooter-lg { bottom: 1.44rem; }

.container { padding: 0 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

/**
 * Teacher
 * ----------------------------------------------------------------------------
*/
.teacher-detail > h3 { margin: 0.42667rem 0 0 0; padding: 0.42667rem 0; font-size: 0.45333rem; color: #0858a2; line-height: 1; }

.teacher-detail > h3:first-child { margin: 0; }

.teacher-detail > article { font-size: 0.32rem; color: #838587; line-height: 1.8; text-align: justify; text-justify: inter-ideagraph; word-break: break-all; }

.teacher-detail > article p { margin: 0; }

.teacher-detail .brief { position: relative; min-height: 4.58667rem; padding-left: 3.52rem; }

.teacher-detail .brief .photo { position: absolute; top: 0; left: 0; width: 3.09333rem; text-align: center; }

.teacher-detail .brief .img { height: 4rem; border-radius: 0.10667rem; overflow: hidden; }

.teacher-detail .brief .name { display: inline-block; margin-top: 0.21333rem; font-size: 0.37333rem; color: #313335; line-height: 1; }

.teacher-detail .brief .con { height: 4.10667rem; font-size: 0.32rem; color: #313335; line-height: 0.58667rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }

.teacher-detail .brief .con p { margin: 0; }

/**
 * Courses
 * ----------------------------------------------------------------------------
*/
.swiper-linkage-body .swiper-slide.hasfilter .container { padding-top: 1.17333rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; }

.course-gallery { margin-right: -0.21333rem; margin-left: -0.21333rem; font-size: 0; }

.course-gallery .cell { display: inline-block; width: 50%; }

.course-gallery .wrap { position: relative; margin: 0.26667rem 0.21333rem; }

.course-gallery .thumb { position: relative; height: 2.4rem; border-radius: 0.10667rem; overflow: hidden; }

.course-gallery .title { margin-top: 0.21333rem; font-size: 0.37333rem; color: #636567; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.course-gallery .lab-pos-tl { top: 0.10667rem; left: 0.10667rem; }

.course-gallery .lab { border-radius: 0.18667rem; }

/**
 * Train
 * ----------------------------------------------------------------------------
*/
.train-gallery .cell { margin: 0.26667rem 0; }

.train-gallery .wrap { background-color: white; border-radius: 0.16rem; border: 0.02667rem solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.train-gallery .thumb { position: relative; height: 2.4rem; overflow: hidden; }

.train-gallery .thumb .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); }

.train-gallery .thumb .title { position: absolute; right: 0.32rem; bottom: 0.32rem; left: 0.32rem; font-size: 0.42667rem; font-weight: bold; color: white; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.train-gallery .article { margin: 0.256rem 0.32rem; max-height: 1.44rem; font-size: 0.32rem; color: #636567; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.train-gallery .wrap-foot { padding: 0.256rem 0.32rem; line-height: 0.72rem; }

.train-gallery .wrap-foot .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: inherit; }

.train-gallery .wrap-foot .info > span { margin-right: 0.21333rem; }

.train-gallery .wrap-foot .price { font-size: 0.48rem; }

.train-gallery .wrap-foot .price span { font-size: 0.37333rem; }

.train-gallery .wrap-foot .vip { color: #ff890a; }

.train-gallery .wrap-foot .vip i { margin: 0 0.10667rem; }

.train-gallery .wrap-foot .btn { padding-top: 0; padding-bottom: 0; line-height: inherit; border: 0; border-radius: 0.36rem; }

.tabs-head-fixed { position: fixed; top: -100%; right: 0; left: 0; z-index: 1031; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.tabs-head-fixed.active { top: 0%; }

.train-detail h3 { position: relative; padding-bottom: 0.32rem; padding-left: 0.32rem; font-size: 0.45333rem; color: #0858a2; border-bottom: 0.02667rem solid rgba(238, 238, 238, 0.5); }

.train-detail h3:after { content: ''; position: absolute; top: 0.05333rem; bottom: 0.37333rem; left: 0; display: block; width: 0.05333rem; background-color: #0858a2; }

.train-detail article { font-size: 0.37333rem; color: #313335; line-height: 2; }

.train-detail .brief { padding: 0.32rem 0; text-align: center; }

.train-detail .brief .title { padding: 0.32rem 0; font-size: 0.45333rem; color: #212325; line-height: 1.4; }

.train-detail .brief .price { font-size: 0.45333rem; }

.train-detail .brief .text { font-size: 0.37333rem; }

/**
 * Meeting
 * ----------------------------------------------------------------------------
*/
.meeting-list { margin-bottom: 0.21333rem; }

.meeting-list .list-row { height: auto; padding-top: 0.42667rem; padding-bottom: 0.42667rem; line-height: auto; }

.meeting-list .list-con { position: relative; margin-bottom: 0.21333rem; padding-left: 0.8rem; line-height: 0.64rem; }

.meeting-list .list-con .prepend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.meeting-list .list-con .prepend .list-icon { width: 0.48rem; height: 0.48rem; }

.meeting-list .list-con .prepend .list-icon i { font-size: 0.48rem; color: #0858a2; vertical-align: middle; }

.meeting-list .list-con .text { font-size: 0.42667rem; color: #212325; }

.meeting-list .list-con .btn { padding-top: 0; padding-bottom: 0; font-size: 0.32rem; color: #afafaf; line-height: inherit; }

.meeting-list .list-subcon { position: relative; margin-right: 0.4rem; padding-left: 0.8rem; color: #636567; line-height: 0.58667rem; }

.meeting-list .list-subcon .text { display: block; margin-right: 2.08rem; font-size: 0.37333rem; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.meeting-list .list-subcon .time { width: 1.86667rem; font-size: 0.32rem; color: inherit; text-align: right; }

.meeting-sublist .list-row { padding-right: 2.72rem; }

.meeting-sublist .list-con { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.meeting-sublist .append { right: 0.4rem; }

.meeting-gallery { margin-top: 0.26667rem; margin-right: -0.26667rem; margin-bottom: 0.26667rem; margin-left: -0.26667rem; font-size: 0; }

.meeting-gallery .cell { display: inline-block; width: 50%; }

.meeting-gallery .thumb { position: relative; height: 3.06667rem; margin: 0.13333rem 0.26667rem; border-radius: 0.10667rem; overflow: hidden; }

.meeting-gallery .thumb.primary .overlay { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(34, 136, 220, 0)), to(rgba(34, 136, 220, 0.9))); background-image: linear-gradient(to bottom, rgba(34, 136, 220, 0) 10%, rgba(34, 136, 220, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002288DC', endColorstr='#E62288DC', GradientType=0); }

.meeting-gallery .thumb.green .overlay { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(61, 164, 143, 0)), to(rgba(61, 164, 143, 0.9))); background-image: linear-gradient(to bottom, rgba(61, 164, 143, 0) 10%, rgba(61, 164, 143, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003DA48F', endColorstr='#E63DA48F', GradientType=0); }

.meeting-gallery .thumb.orange .overlay { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(200, 143, 59, 0)), to(rgba(200, 143, 59, 0.9))); background-image: linear-gradient(to bottom, rgba(200, 143, 59, 0) 10%, rgba(200, 143, 59, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C88F3B', endColorstr='#E6C88F3B', GradientType=0); }

.meeting-gallery .thumb.purple .overlay { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(116, 97, 225, 0)), to(rgba(116, 97, 225, 0.9))); background-image: linear-gradient(to bottom, rgba(116, 97, 225, 0) 10%, rgba(116, 97, 225, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007461E1', endColorstr='#E67461E1', GradientType=0); }

.meeting-gallery .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.meeting-gallery .title { position: absolute; right: 0.42667rem; bottom: 0.32rem; left: 0.42667rem; max-height: 0.96rem; font-size: 0.34667rem; color: white; font-weight: 500; line-height: 0.48rem; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/**
 * Mine
 * ----------------------------------------------------------------------------
*/
.mine-ban { padding-bottom: 0.53333rem; background-color: #0858a2; }

.mine-ban .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.4rem; padding: 0 0.4rem; }

.mine-ban .wrap > div { margin-left: 0.32rem; }

.mine-ban .portrait { width: 50px; height: 50px; border-radius: 50%; background-image: url("../images/port/port.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.mine-ban .info .name { font-size: 0.37333rem; color: white; }

.mine-ban .info .lab { padding: 0; font-size: 0.90667rem; color: #f9eb0b; }

.mine-quick { margin-top: -0.48rem; margin-bottom: 0.21333rem; padding: 0.34667rem 0; background-color: #e9f1f7; border-radius: 0.10667rem; }

.mine-quick ul { height: 100%; font-size: 0; }

.mine-quick .cell { position: relative; display: inline-block; width: 50%; text-align: center; }

.mine-quick .cell:first-child:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 0.02667rem; background-color: #eee; }

.mine-quick .cell .wrap { padding: 0.12rem 0; font-size: 0; }

.mine-quick .cell .wrap span { display: inline-block; vertical-align: middle; }

.mine-quick .cell .icon { width: 0.66667rem; height: 0.66667rem; margin-right: 0.21333rem; }

.mine-quick .cell .text { font-size: 0.37333rem; color: #313335; }

.mine-list .list-row { margin-left: 0; }

.mine-list .append .btn { padding-right: 0; }

.mine-service { margin-bottom: 0.8rem; padding: 0.32rem 0; font-size: 0.37333rem; color: #0858a2; line-height: 1; }

.member-list .row { padding: 0.42667rem 0; border-bottom: 0.02667rem solid #eee; }

.member-list .title { position: relative; line-height: 0.48rem; }

.member-list .title .text { display: block; margin-right: 3.46667rem; font-size: 0.42667rem; color: #212325; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.member-list .title .time { font-size: 0.32rem; color: #afafaf; }

.member-list .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.42667rem; }

.member-list .btn-group a { margin: 0 0.10667rem; padding: 0; font-size: 0.37333rem; line-height: 0.74667rem; border-radius: 0.37333rem; }

.member-list .btn-group a:first-child { -webkit-box-flex: 1.3; -ms-flex-positive: 1.3; flex-grow: 1.3; }

.member-list .btn-group a:not(:first-child) { -webkit-box-flex: 1.7; -ms-flex-positive: 1.7; flex-grow: 1.7; }

.code-list .row { padding: 0.42667rem 0; font-size: 0.37333rem; line-height: 2; border-bottom: 0.02667rem solid #eee; }

.code-list .wrap { position: relative; padding-right: 2.4rem; }

.code-list .title { color: #212325; }

.code-list .info { font-size: inherit; color: #0858a2; }

.code-list .time { font-weight: 300; color: #afafaf; }

.code-list .append { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.code-list .status { font-size: 0.42667rem; color: #afafaf; }

.coupon-list .row { margin: 0.42667rem 0; }

.coupon { position: relative; height: 3.06667rem; background-image: url("../images/coupon.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.coupon.hasappend .con { margin-right: 1.25333rem; }

.coupon.hasappend.disabled .append { border-color: #ddd; }

.coupon.hasappend.disabled .append .status { color: #afafaf; }

.coupon .lab { padding: 0 0.17067rem; line-height: 0.58667rem; border-radius: 0.29333rem; }

.coupon .lab-pos-br { right: 0.21333rem; bottom: 0.21333rem; }

.coupon .prepend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3.33333rem; text-align: center; }

.coupon .prepend .wrap span { display: block; color: white; line-height: 1; }

.coupon .prepend .wrap .price { font-size: 0.8rem; }

.coupon .prepend .wrap .info { margin-top: 0.21333rem; font-size: 0.4rem; font-weight: 400; }

.coupon .prepend .wrap .time { position: absolute; right: 0; bottom: 0.256rem; left: 0; margin-top: 0.32rem; font-size: 0.24rem; font-weight: 400; }

.coupon .prepend .wrap.hastime { padding-bottom: 0.512rem; }

.coupon .con { position: relative; height: 100%; margin-left: 3.33333rem; padding: 0 0.4rem; font-size: 0.32rem; }

.coupon .con .rules { height: 100%; color: #636567; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.coupon .con .rules.hastime { padding-top: 0.32rem; padding-bottom: 0.90667rem; }

.coupon .con .time { position: absolute; right: 0; bottom: 0; left: 0; padding: inherit; color: #0858a2; line-height: 0.90667rem; }

.coupon .append { top: 0.02667rem; bottom: 0.02667rem; width: 1.25333rem; padding: 0 0.41333rem; border-left: 0.02667rem dashed #0858a2; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.coupon .append .status { font-size: 0.4rem; color: #0858a2; line-height: 1.6; }

.train-list .row { padding: 0.42667rem 0; border-bottom: 0.02667rem solid #eee; }

.train-list .wrap { position: relative; padding-left: 3.92rem; }

.train-list .thumb { position: absolute; top: 0; left: 0; width: 3.6rem; height: 2.45333rem; border-radius: 0.10667rem; overflow: hidden; }

.train-list .title { font-size: 0.37333rem; font-weight: 600; color: #313335; line-height: 1; }

.train-list .article { height: 1.2rem; margin: 0.21333rem 0; font-size: 0.26667rem; color: #afafaf; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.train-list .btn-group a { margin-top: 0; margin-bottom: 0; border-radius: 0.32rem; border: 0; }

/**
 * Promote
 * ----------------------------------------------------------------------------
*/
.ad { height: 100%; padding-top: 8.4rem; padding-right: 0.4rem; padding-left: 0.4rem; background-color: #1a73f1; background-image: url("../images/ad.png"); background-position: center top; background-repeat: no-repeat; background-size: contain; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ad .price-group { font-size: 0.53333rem; line-height: 1.5; text-align: center; }

.ad .price-group span { display: block; }

.ad .price-group .title { font-weight: 600; color: #313335; }

.ad .price-group .title.vip { font-weight: 400; color: #636567; }

.ad .price-group .price { font-size: inherit; }

.ad .price-group .price.vip { margin-bottom: 0.10667rem; font-weight: 400; color: #0858a2; text-decoration: line-through; }

.ad .btn { display: block; margin-top: 1.6rem; padding: 0; font-size: 0.45333rem; color: white; line-height: 1.17333rem; text-align: center; border-radius: 0.58667rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#f89340), to(#ffc446)); background-image: linear-gradient(to bottom, #f89340 0%, #ffc446 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF89340', endColorstr='#FFFFC446', GradientType=0); }

/**
 * Order
 * ----------------------------------------------------------------------------
*/
.order-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.4rem; padding: 0.32rem; background-color: white; border-radius: 0.10667rem; }

.order-wrap .thumb { width: 2.66667rem; height: 1.45455rem; margin-right: 0.32rem; background-color: #f7f7f7; }

.order-wrap .con { width: calc(100% - 2.98667rem); }

.order-wrap .name { font-size: 0.37333rem; color: #636567; list-style: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.order-wrap .info { margin-top: 0.10667rem; font-size: 0.32rem; color: #afafaf; }

.order-coupon-select-btn { position: absolute; bottom: 0.21333rem; left: 0.4rem; }

.order-coupon-select .form-label { display: block; margin-top: 0.21333rem; margin-bottom: pxtomre(8px); margin-right: 0; padding-left: 0; }

.order-coupon-select .form-radio-btn { top: auto; right: 0.61333rem; bottom: 0.32rem; left: auto; margin-top: 0; }

.order-coupon-select .form-label-con { margin-right: 0.4rem; margin-left: 0.4rem; }

/** Utility classes ---------------------------------------------------------------------------- */
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.mask, .mask-white { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.mask { z-index: 1050; display: none; background-color: rgba(0, 0, 0, 0.5); }

.mask-white { z-index: 1050; display: none; background-color: rgba(255, 255, 255, 0.9); }

.mask-transparent { background-color: transparent; }

.assist { height: 100%; display: inline-block; vertical-align: middle; }

.primary { color: #2288dc !important; }

.blue { color: #3f5cdc !important; }

.green { color: #3da48f !important; }

.red { color: #e20700 !important; }

.yellow { color: #f9eb0b !important; }

.orange { color: #f89240 !important; }

.purple { color: #7461e1 !important; }

.dark { color: #212325 !important; }

.base { color: #313335 !important; }

.light { color: #afafaf !important; }

.bg-white { background-color: white !important; }

.bg-dark { background-color: #fafafa !important; }

.bg-darker { background-color: #f7f7f7 !important; }

.bg-darkest { background-color: #f5f5f5 !important; }

.info { font-size: 0.32rem; color: #afafaf; line-height: 0.53333rem; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.link-default { font-size: inherit; color: #636567; text-decoration: none; }

.link-default:hover { color: #0858a2; }

.link-normal { font-size: inherit; color: #0858a2; text-decoration: none; }

.link-normal:hover { text-decoration: underline; }

.link-light { font-size: inherit; color: #939597; text-decoration: none; }

.link-light:hover { color: #0858a2; }

.link-prefix-icon i, .link-prefix-icon span, .link-suffix-icon i, .link-suffix-icon span { display: inline-block; vertical-align: middle; }

.link-prefix-icon i { margin-right: 0.10667rem; }

.link-suffix-icon i { margin-left: 0.10667rem; }

.no-shadow { -webkit-box-shadow: none; box-shadow: none; }

.dvs-1 { float: left; width: 100%; }

.dvs-2 { float: left; width: 50%; }

.dvs-3 { float: left; width: 33.33333%; }

.dvs-4 { float: left; width: 25%; }

.dvs-5 { float: left; width: 20%; }

.dvs-6 { float: left; width: 16.66667%; }

.dvs-7 { float: left; width: 14.28571%; }

.dvs-8 { float: left; width: 12.5%; }

.dvs-9 { float: left; width: 11.11111%; }

.dvs-10 { float: left; width: 10%; }

.dvs-11 { float: left; width: 9.09091%; }

.dvs-12 { float: left; width: 8.33333%; }

.mt10 { margin-top: 0.26667rem; }

.mr10 { margin-right: 0.26667rem; }

.mb10 { margin-bottom: 0.26667rem; }

.ml10 { margin-left: 0.26667rem; }

.mt20 { margin-top: 0.53333rem; }

.mr20 { margin-right: 0.53333rem; }

.mb20 { margin-bottom: 0.53333rem; }

.ml20 { margin-left: 0.53333rem; }

.mt30 { margin-top: 0.8rem; }

.mr30 { margin-right: 0.8rem; }

.mb30 { margin-bottom: 0.8rem; }

.ml30 { margin-left: 0.8rem; }

.mt40 { margin-top: 1.06667rem; }

.mr40 { margin-right: 1.06667rem; }

.mb40 { margin-bottom: 1.06667rem; }

.ml40 { margin-left: 1.06667rem; }

.pt10 { padding-top: 0.26667rem; }

.pr10 { padding-right: 0.26667rem; }

.pb10 { padding-bottom: 0.26667rem; }

.pl10 { padding-left: 0.26667rem; }

.pt20 { padding-top: 0.53333rem; }

.pr20 { padding-right: 0.53333rem; }

.pb20 { padding-bottom: 0.53333rem; }

.pl20 { padding-left: 0.53333rem; }

.pt30 { padding-top: 0.8rem; }

.pr30 { padding-right: 0.8rem; }

.pb30 { padding-bottom: 0.8rem; }

.pl30 { padding-left: 0.8rem; }

.pt40 { padding-top: 1.06667rem; }

.pr40 { padding-right: 1.06667rem; }

.pb40 { padding-bottom: 1.06667rem; }

.pl40 { padding-left: 1.06667rem; }

.bt { border-top: 0.02667rem solid #ddd; }

.br { border-right: 0.02667rem solid #ddd; }

.bb { border-bottom: 0.02667rem solid #ddd; }

.bl { border-left: 0.02667rem solid #ddd; }

hr { border: 0; border-bottom: 0.02667rem solid #eee; }

.portrait { overflow: hidden; }

.prepend, .append { position: absolute; top: 0; bottom: 0; z-index: 1; }

.prepend { left: 0; }

.append { right: 0; }

img { display: block; width: 100%; height: auto; }
/*# sourceMappingURL=main.css.map */