.main-load{background: #fafafa;z-index: 1000; display: none;}

.keeper { 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 { 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 */ 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 { 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"] { 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; -moz-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.1733333333rem; padding: 0 0.2133333333rem; font-size: 0.3733333333rem; line-height: 1.12rem; color: #636567; background-color: white; background-image: none; border: 0.0266666667rem solid #ccc; border-radius: 0.1066666667rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-control:focus { border-color: #21c761; outline: 0; }
.form-control::-moz-placeholder { color: #ccc; opacity: 1; }
.form-control:-ms-input-placeholder { color: #ccc; }
.form-control::-webkit-input-placeholder { color: #ccc; }
.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; resize: none; }

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

/** Forms row with title */
.form-row { position: relative; margin: 0.2133333333rem 0; }
.form-row .form-textarea-hint { margin-top: 0.1066666667rem; }
.form-title { font-size: 0.3733333333rem; color: rgba(175, 175, 175, 0.5); line-height: 1.1733333333rem; }

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

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

/** 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.6933333333rem; }
.form-con .tooltip-arr { left: 0.2666666667rem; }
.form-con .tooltip-down { bottom: -0.6933333333rem; }

.form-error .form-control { border-color: #fd5344; }
.error-info { font-size: 0.32rem; color: #fd5344; line-height: 1.8; vertical-align: middle; }
.error-info i { margin-right: .3em; font-size: 0.3733333333rem; vertical-align: middle; }

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

/** Input & extarea  */
.form-textarea { position: relative; z-index: 1; padding-top: 0.2133333333rem; padding-bottom: 0.2133333333rem; 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.8533333333rem; }
.input-icon { position: absolute; top: 50%; left: 0.2133333333rem; z-index: 1; display: inline-block; width: 0.4266666667rem; height: 0.4266666667rem; margin-top: -0.2133333333rem; color: #afafaf; line-height: 0.4266666667rem; vertical-align: middle; }
.input-icon i { display: inline-block; width: 0.4266666667rem; height: 0.4266666667rem; line-height: 0.4266666667rem; font-size: 0.4266666667rem; vertical-align: middle; }

.input-hasappend .form-control { padding-right: 0.6933333333rem; }
.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.4266666667rem; 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.3066666667rem 0; text-indent: 0.2133333333rem; font-size: 0.32rem; color: #636567; line-height: 1; background-color: transparent; border: none; }

/** Raido and Checkbox */
.form-label { position: relative; margin-right: 0.4266666667rem; padding-left: 0.6933333333rem; 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: #21c761; border-color: #21c761; }
.form-label.active .form-radio-btn i, .form-label.active .form-checkbox-btn i { display: block; }
.form-label.active .form-label-con { color: #21c761; }

.form-radio-btn, .form-checkbox-btn { position: absolute; top: 50%; left: 0; z-index: 1; display: block; width: 0.4266666667rem; height: 0.4266666667rem; margin-top: -0.2133333333rem; font-size: 0.32rem; color: white; line-height: 0.3733333333rem; text-align: center; vertical-align: middle; border: 0.0266666667rem solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-radio-btn i, .form-checkbox-btn i { display: none; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); vertical-align: middle; }
.form-radio-btn { border-radius: 50%; }

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

.form-label-con { display: inline-block; margin-right: 0.4266666667rem; font-size: 0.3733333333rem; color: #636567; line-height: 1.1733333333rem; }

.label-suffix .form-label { padding-right: 0.6933333333rem; 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.6933333333rem; padding-left: 0; border-bottom: 0.0266666667rem solid #eee; }
.label-block .form-label:last-child { border-bottom: 0; }
.label-block .form-radio-btn, .label-block .form-checkbox-btn { left: -0.6933333333rem; }
.label-block .form-label-con { display: block; margin-right: 0.4266666667rem; padding: 0.3253333333rem 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.3733333333rem; line-height: 1.12rem; border-radius: 0.2133333333rem; }
.mixform-wrap.mixform-btn-2 { padding-right: 2.0266666667rem; }
.mixform-wrap.mixform-btn-2 .btn { width: 1.8133333333rem; }
.mixform-wrap.mixform-btn-4 { padding-right: 2.56rem; }
.mixform-wrap.mixform-btn-4 .btn { width: 2.3466666667rem; }
.mixform-wrap.mixform-btn-5 { padding-right: 3.0933333333rem; }
.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; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0.2933333333rem 0.32rem; font-size: 0.3733333333rem; line-height: 0.5866666667rem; border-radius: 0.1066666667rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.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: #838587; background-color: #fff; border-color: #bbb; }

.btn-solid-primary { color: #fff; background-color: #21c761; border-color: #21c761; }

.btn-solid-secondary { color: #fff; background-color: #4c5154; border-color: #4c5154; }

.btn-solid-success { color: #fff; background-color: #21d06f; border-color: #21d06f; }

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

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

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

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

.btn-solid-white { color: #21c761; background-color: white; border-color: white; }

.btn-solid-gray { color: #313335; background-color: #f0f0f0; border-color: #f0f0f0; }

.btn-hollow { color: #838587; background-color: transparent; border-color: #bbb; }

.btn-hollow-primary { color: #21c761; background-color: transparent; border-color: #21c761; }

.btn-hollow-secondary { color: #4c5154; background-color: transparent; border-color: #4c5154; }

.btn-hollow-success { color: #21d06f; background-color: transparent; border-color: #21d06f; }

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

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

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

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

.btn-outline { color: #838587; background-color: white; border-color: #bbb; }

.btn-outline-primary { color: #21c761; background-color: #c0f4d4; border-color: #21c761; }

.btn-outline-secondary { color: #4c5154; background-color: #b2b7ba; border-color: #4c5154; }

.btn-outline-success { color: #21d06f; background-color: #c7f6dc; border-color: #21d06f; }

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

.btn-outline-danger { color: #fd5344; background-color: white; border-color: #fd5344; }

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

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

.btn-h-gradient-primary { color: white; background-image: -webkit-linear-gradient(left, #52e28a 0%, #21c761 100%); background-image: -o-linear-gradient(left, #52e28a 0%, #21c761 100%); background-image: linear-gradient(to right, #52e28a 0%, #21c761 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF52E28A', endColorstr='#FF21C761', GradientType=1); border: none; }

.btn-anti-primary { color: #21c761; background-color: rgba(33, 199, 97, 0.08); border-color: transparent; }

.btn-anti-red { color: #fd5344; background-color: rgba(253, 83, 68, 0.08); border-color: transparent; }

.btn-anti-orange { color: #ff4f38; background-color: rgba(255, 79, 56, 0.08); border-color: transparent; }

.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.1333333333rem; }

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

.btn-icon { color: #313335; }

.btn-link, .btn-link:hover { color: #21c761; }

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

/** Button Sizes */
.btn-lg { padding: 0.4rem 0.4266666667rem; font-size: 0.48rem; line-height: 0.64rem; border-radius: 0.16rem; }

.btn-sm { padding: 0.1866666667rem 0.2133333333rem; font-size: 0.32rem; line-height: 0.48rem; border-radius: 0.1066666667rem; }

.btn-xs { padding: 0.0266666667rem 0.16rem; font-size: 0.32rem; line-height: 0.5333333333rem; border-radius: 0.0533333333rem; }

/** Button group */
.btn-group { margin-right: -0.1066666667rem; margin-left: -0.1066666667rem; }
.btn-group .btn { margin: 0.1066666667rem; }
.btn-group.sticky-bottom { position: fixed; right: 0; bottom: 0.4266666667rem; left: 0; z-index: 1030; }

/* 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.2133333333rem; font-size: 0.2933333333rem; line-height: 0.5866666667rem; border-right-width: 0; border-radius: 0.1066666667rem; }
.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.0133333333rem; border-top-left-radius: 0; border-bottom-left-radius: 0; }

/** Tooltips ---------------------------------------------------------------------------- */
/** normal tooltip */
.tooltip { position: absolute; left: 50%; display: inline-block; z-index: 1070; padding: 0 0.2133333333rem; line-height: 0.6666666667rem; text-align: center; border-radius: 0.1066666667rem; background-color: rgba(76, 81, 84, 0.8); -webkit-box-shadow: 0 0.0533333333rem 0.1333333333rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 0.1333333333rem rgba(0, 0, 0, 0.1); }

.tooltip-txt { white-space: nowrap; font-size: 0.2933333333rem; color: white; opacity: .8; }

.tooltip-arr { position: absolute; left: 50%; display: inline-block; margin-left: -0.1333333333rem; }

/** tooltip show direction */
.tooltip-up { top: -0.8rem; }
.tooltip-up .tooltip-arr { bottom: -0.2666666667rem; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 0.1333333333rem; border-color: transparent; border-style: dashed; border-top-color: rgba(76, 81, 84, 0.8); border-top-style: solid; }

.tooltip-down { bottom: -0.8rem; }
.tooltip-down .tooltip-arr { top: -0.2666666667rem; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 0.1333333333rem; border-color: transparent; border-style: dashed; border-bottom-color: rgba(76, 81, 84, 0.8); border-bottom-style: solid; }

/** Dropdown menus ---------------------------------------------------------------------------- */
/** Dropdown common styles */
.drop { position: absolute; right: 0; z-index: 1030; display: block; background: rgba(76, 81, 84, 0.95); border-radius: 0.1066666667rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.drop ul { padding: 0 0.2133333333rem; }
.drop-cell { position: relative; padding-right: 0.2133333333rem; padding-left: 0.2133333333rem; border-bottom: 0.0266666667rem solid rgba(255, 255, 255, 0.1); }
.drop-cell.drop-prepend .drop-link { padding-left: 0.96rem; }

.drop-link { display: block; color: white; text-decoration: none; line-height: 1.04rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.drop-txt { font-size: 0.3733333333rem; vertical-align: middle; }

.drop-ico-pre, .drop-ico-suf { position: absolute; top: 50%; display: inline-block; width: 0.5333333333rem; height: 0.5333333333rem; line-height: 0.5333333333rem; font-size: 0.5333333333rem; vertical-align: middle; margin-top: -0.2666666667rem; }
.drop-ico-pre { left: 0.2133333333rem; }

/** Dropdown variate */
/* header drop */
.header-drop { right: 0.2133333333rem; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transform-origin: 96% top; -moz-transform-origin: 96% top; -ms-transform-origin: 96% top; transform-origin: 96% top; opacity: 0; filter: alpha(opacity=0); }
.header-drop .arrow { position: absolute; top: -0.1866666667rem; right: 0.32rem; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 4px; border-color: transparent; border-style: dashed; border-bottom-color: rgba(76, 81, 84, 0.95); border-bottom-style: solid; }
.header-drop.active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.header-drop.menu-drop { width: 4.5333333333rem; }
.header-drop.download-drop { width: 3.8133333333rem; }

/* operation drop */
.operate-drop { width: 2.6666666667rem; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); opacity: 0; filter: alpha(opacity=0); }
.operate-drop.topright { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }
.operate-drop.topleft { -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.operate-drop.bottomright { -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
.operate-drop.bottomleft { -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
.operate-drop.active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }

/** Popups ---------------------------------------------------------------------------- */
/** Popups Common styles */
.popup { position: absolute; z-index: 1040; display: none; width: 8rem; border-radius: 0.1066666667rem; background-color: white; -webkit-box-shadow: 0 0.1333333333rem 0.4rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.1333333333rem 0.4rem rgba(0, 0, 0, 0.15); overflow: hidden; }
.popup-title { margin-bottom: 0.32rem; font-size: 0.48rem; font-weight: bold; color: #212325; }

.popup-shut { position: absolute; top: 0.1066666667rem; right: 0.1066666667rem; width: 0.5333333333rem; height: 0.5333333333rem; padding: 0; font-size: 0.3733333333rem; font-weight: bold; line-height: 0.5333333333rem; color: #212325; vertical-align: middle; }

.popup-body { padding: 0.64rem 0.64rem 0; }

.popup-content { min-height: 1.2rem; }
.popup-content > .text { font-size: 0.3733333333rem; font-weight: 500; color: #212325; }

.popup-foot { padding: 0.2133333333rem; text-align: right; }
.popup-foot .btn { display: inline-block; min-width: 1.8666666667rem; padding-right: 0.5333333333rem; padding-left: 0.5333333333rem; }
.popup-foot .btn-primary { font-weight: bolder; }

/** Icons */
.popup-icon { display: inline-block; width: 42px; height: 42px; line-height: 42px; font-size: 42px; vertical-align: middle; }
.popup-icon img { display: block; width: 100%; height: auto; }

.popup-warning .popup-icon { color: #ff4f38; }

.popup-success .popup-icon { color: #21d06f; }

.popup-danger .popup-icon { color: #fd5344; }

/** Container size */
.popup-small { width: 360px; }

.popup-block { width: 100%; }

/** popup simple */
.popup-simple .popup-head-op { top: 5px; }
.popup-simple .popup-content-in { padding-top: 30px; padding-bottom: 20px; }
.popup-simple .popup-foot { text-align: center; }

/** content customize */
.popup-content-simple { height: 60px; padding: 20px 28px 10px; }

.popup-content-simple-in { display: inline-block; vertical-align: middle; }
.popup-content-simple-in h4, .popup-content-simple-in p { display: inline-block; vertical-align: middle; }

.popup-hint { width: 6.4rem; background-color: rgba(0, 0, 0, 0.8); }
.popup-hint .popup-body { padding: 0.7466666667rem 0.64rem; }
.popup-hint .popup-content { min-height: auto; text-align: center; }
.popup-hint .popup-content > .popup-icon, .popup-hint .popup-content > .text { color: white; }
.popup-hint .popup-content > .text { margin-top: 0.32rem; font-size: 0.4266666667rem; line-height: 1.4; }

/** 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.2133333333rem; font-size: 0.4266666667rem; 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; }
.btn-shut1 { position: absolute; top: 0; right: 0; z-index: 2; display: block; padding: 6px;font-size: 14px; color: #212325; line-height: 1; text-align: center; border-radius: 0; }
/** Tabs ---------------------------------------------------------------------------- */
/** Base styles */
.tabs-head { *zoom: 1; }
.tabs-head:before, .tabs-head:after { content: " "; display: table; }
.tabs-head:after { clear: both; }
.tabs-item { float: left; }

.tabs-link { position: relative; display: block; line-height: 1; padding: 0.48rem 0.2666666667rem; font-size: 0.3733333333rem; color: #636567; text-align: center; text-decoration: none; cursor: pointer; }
.tabs-link:hover { color: #21c761; }

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

/** swiper tabs */
.swiper-linkage-nav { position: fixed; top: 0; right: 0; left: 0; z-index: 2; height: 1.1733333333rem; font-weight: 500; color: #313335; line-height: 1.1733333333rem; background-color: white; -webkit-box-sizing: border-box; -moz-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.1333333333rem; left: 50%; display: block; width: 0; height: 0.0533333333rem; margin-left: 0; background-color: #21c761; 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.4rem; color: inherit; text-align: center; }
.swiper-linkage-nav .swiper-slide-thumb-active { color: #21c761; }
.swiper-linkage-nav .swiper-slide-thumb-active:after { width: 0.32rem; margin-left: -0.16rem; }

.swiper-linkage-body { position: fixed; width: 100%; bottom: 0; z-index: 1; padding: 0; }
.swiper-linkage-body .swiper-slide { overflow-y: auto; }

/** Vertical tabs */
/** Ban ----------------------------------------------------------------------------- */
.my-swiper { position: relative; z-index: 1; margin: 0 0.4266666667rem; border-radius: 0.1066666667rem; overflow: hidden; }
.my-swiper .swiper-slide img { display: block; width: 100%; height: auto; }
.my-swiper .swiper-pagination-bullet { display: inline-block; width: 0.1066666667rem; height: 0.1066666667rem; background-color: white; border-radius: 0.0533333333rem; -webkit-box-shadow: 0 0 0.1066666667rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.1066666667rem rgba(0, 0, 0, 0.2); opacity: 1; filter: alpha(opacity=100); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.my-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.4266666667rem; }

/** Empty ---------------------------------------------------------------------------- */
.empty { display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; }
.empty.fixed-height { height: 6.6666666667rem; }
.empty-wrap { display: inline-block; vertical-align: middle; }
.empty-wrap span { display: inline-block; }

.empty-icon { width: 4rem; height: 4rem; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.empty-icon.empty-icon-sm { width: 3.2rem; height: 3.2rem; }
.empty-icon.empty-icon-lg { width: 8.2666666667rem; height: auto; }

.empty-con { padding-bottom: 0.8533333333rem; }
.empty-con > span { margin: 0.1066666667rem 0; }

.empty-title { font-size: 0.48rem; font-weight: 600; color: #313335; }

.empty-text, .empty-info { font-size: 0.3733333333rem; font-weight: 400; color: #838587; line-height: 1.4; }

.empty-info { color: #afafaf; }

.empty-btn { padding-right: 0.32rem; padding-left: 0.32rem; border-radius: 0.1066666667rem; }

/** Search ----------------------------------------------------------------------------
*/
.search-group { position: relative; margin-top: 0.32rem; margin-bottom: 0.32rem; padding-right: 1.44rem; padding-left: 0.4266666667rem; }
.search { position: relative; height: 0.8533333333rem; line-height: 0.8533333333rem; }
.search .icon { position: absolute; top: 0; left: 0; width: 0.8533333333rem; height: 0.8533333333rem; font-size: 0.4266666667rem; color: #c1c1c1; line-height: inherit; text-align: center; }
.search input { width: 100%; height: inherit; line-height: inherit; padding: 0 0.4266666667rem 0 0.8533333333rem; font-size: 0.3733333333rem; color: #313335; background-color: #f7f7f7; border-radius: 0.4266666667rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search input::-moz-placeholder { color: #c1c1c1; opacity: 1; }
.search input:-ms-input-placeholder { color: #c1c1c1; }
.search input::-webkit-input-placeholder { color: #c1c1c1; }
.search-group > .btn { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: 0; padding-bottom: inherit; padding-left: 0; width: 1.44rem; font-size: 0.3733333333rem; color: #313335; line-height: 0.8533333333rem; text-align: center; }
.search-group.hasprepend { padding-left: 1.0666666667rem; }
.search-group.hasprepend .prepend { width: 0.8533333333rem; left: 0.2133333333rem; padding-top: inherit; padding-bottom: inherit; line-height: 0.8533333333rem; text-align: center; }
.search-group.hasprepend .prepend .btn-icon-only { display: inline-block; padding-top: 0; padding-bottom: 0; font-size: 0.5333333333rem; color: #21c761; }

header .search-group { margin: 0; padding-top: 0.2933333333rem; padding-bottom: 0.2933333333rem; }
header .search-group .btn { padding-top: inherit; padding-bottom: inherit; }
header.search-header { height: auto; }

/** Card ----------------------------------------------------------------------------
*/
/** card */
.card { margin-top: 0.2133333333rem; margin-right: 0.4266666667rem; margin-bottom: 0.2133333333rem; margin-left: 0.4266666667rem; background-color: white; border-radius: 0.1066666667rem; -webkit-box-shadow: 0 0.0266666667rem 0.1066666667rem rgba(0, 0, 0, 0.05); box-shadow: 0 0.0266666667rem 0.1066666667rem rgba(0, 0, 0, 0.05); }
.card-wrap { position: relative; padding-top: 0.4266666667rem; padding-bottom: 0.4266666667rem; }

.card-head { position: relative; padding: 0 0.4266666667rem; line-height: 18px; }
.card-head .title { font-size: 0.4rem; font-weight: 700; color: black; }
.card-head .append { padding-right: inherit; line-height: inherit; }
.card-head .append .btn { padding: 0; font-size: 0.32rem; color: #939597; line-height: inherit; }
.card-head .append .btn > span span { display: inline-block; margin: 0 0.1066666667rem; vertical-align: top; }
.card-head .append .btn > span, .card-head .append .btn > i { vertical-align: top; }
.card-head .append .btn .primary { color: #21c761; }
.card-head.bb { padding-bottom: 0.32rem; border-color: #efefef; }

.card-body { padding: 0 0.4266666667rem; }

.card-foot { position: relative; height: 1.04rem; padding: 0 0.4266666667rem; line-height: 1.04rem; border-top: 0.0266666667rem solid #efefef; }
.card .btn-group .btn { margin-top: 0; margin-bottom: 0; }

.card-group-title { margin-top: 0.5333333333rem; margin-bottom: 0.4266666667rem; padding: 0 0.4266666667rem; }
.card-group-title > span { display: inline-block; vertical-align: middle; }
.card-group-title .title { font-size: 0.48rem; font-weight: 600; font-weight: 600; color: black; }
.card-group .card { margin-top: 0.1066666667rem; margin-bottom: 0.1066666667rem; }
.card-group .card:last-child { margin-bottom: 0.2133333333rem; }

/** List ----------------------------------------------------------------------------
*/
.list-gap { height: 0.2133333333rem; margin-top: -0.2133333333rem; background-color: #f5f5f5; }
.list-head { position: relative; padding: 0 0.4266666667rem; line-height: 0.96rem; background-color: #f5f5f5; }
.list-head > span { display: inline-block; margin-right: 0.2133333333rem; vertical-align: middle; }
.list-head > span .info { font-weight: normal; }
.list-head:first-child { padding-top: 0.2133333333rem; }
.list-title { font-size: 0.4rem; font-weight: 500; color: black; }
.list-head .append { position: absolute; top: 0; right: 0.4266666667rem; bottom: 0; line-height: inherit; }

.list { margin-bottom: 0.2133333333rem; background-color: white; }
.list:last-child { margin-bottom: 0; }
.list.list-append .list-row { padding-right: 1.1733333333rem; }
.list.remain-lastline .list-row:last-child { border-bottom: 0.0266666667rem solid rgba(238, 238, 238, 0.7); }
.list-row { position: relative; display: block; height: 1.1733333333rem; margin-left: 0.4266666667rem; line-height: 1.1733333333rem; border-bottom: 0.0266666667rem solid rgba(238, 238, 238, 0.7); }
.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 { display: -webkit-flex; display: flex; align-items: center; right: 0; font-size: 0; color: #939597; }
.list-row .append > span:last-child, .list-row .append > a:last-child { margin-left: -0.2133333333rem; }
.list-row .append a { font-size: 0.32rem; }
.list-row .append a.btn { color: #939597; }
.list-row .append a.btn i { font-size: 0.3733333333rem; }

.list-con { font-size: 0.3733333333rem; font-weight: 500; color: #313335; }
.list-con .list-icon { display: inline-block; width: 0.5333333333rem; height: 0.5333333333rem; margin-right: 0.2133333333rem; line-height: 0.5333333333rem; text-align: center; vertical-align: middle; }
.list-con .list-icon i { display: inline-block; font-size: 0.5333333333rem; }
.list-con.list-article { padding-top: 0.2933333333rem; padding-bottom: 0.2933333333rem; line-height: 0.5866666667rem; }
.list.list-lg .list-row { height: 1.3066666667rem; line-height: 1.3066666667rem; }
.list.list-lg.list-prepend .list-row { margin-left: 1.0133333333rem; }
.list.list-lg.list-append .list-row { padding-right: 0.9066666667rem; }
.list.list-lg .prepend { left: -1.0133333333rem; }
.list.list-lg .list-con { font-size: 0.4rem; }
.list.list-lg.form-list .list-row { height: auto; min-height: 1.3066666667rem; }
.list.list-lg.form-list .form-control { height: 1.3066666667rem; }

.list-group > .list { margin-bottom: 0.1333333333rem; }

/** 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; border-bottom: 0; }
.form-list.list-prepend .list-row.upper-prepend .prepend { position: static; width: auto; padding-top: 0.3733333333rem; 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.1733333333rem; color: #212325; border-bottom: 0.0266666667rem solid rgba(238, 238, 238, 0.7); }
.form-list.list-prepend .list-row.upper-prepend .form-control:focus { border-bottom-color: #21c761; }
.form-list.list-prepend .list-row.upper-prepend .form-control.form-textarea { padding-right: 0; }
.form-list.list-prepend .list-row.upper-prepend.form-error .form-control { border-bottom-color: #fd5344; }
.form-list.list-prepend .list-row.upper-prepend:last-child .form-textarea { border-bottom: 0; }
.form-list.list-append .list-row { padding-right: 1.1733333333rem; }
.form-list.list-append .list-row.long-append { padding-right: 2.3466666667rem; }
.form-list .prepend { width: 2.6666666667rem; }
.form-list .prepend .title { font-weight: 600; font-size: 0.3733333333rem; color: #212325; }
.form-list .list-row { height: auto; min-height: 1.3066666667rem; line-height: 1.3066666667rem; }
.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.3066666667rem; border-radius: 0; }
.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-icon { width: 1.1733333333rem; margin: 0; }
.form-list .input-append .btn-sm { padding-top: 0; padding-bottom: 0; line-height: 0.7733333333rem; }
.form-list .input-has-btnappend .form-control { padding-right: 0.64rem; }
.form-list .input-has-btnappend .input-append { right: 2.3466666667rem; }
.form-list .input-has-btnappend .input-append.show { right: 0.4266666667rem; }
.form-list .textarea-wrap, .form-list .form-textarea-bot { margin-right: 0.4266666667rem; }
.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: #21c761; }
.form-list .form-error { border-bottom-color: #fd5344; }
.form-list .form-error .error { margin-left: 0.4266666667rem; color: #fd5344; }
.form-list .foot-error { display: inline-block; margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; padding: 0.1066666667rem 0; font-size: 0.32rem; color: #fd5344; line-height: 1; }
.form-list > .info { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; padding: 0.2133333333rem 0; line-height: 1; }

/** Misc ----------------------------------------------------------------------------
*/
/** shadow */
.shadow { -webkit-box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 0.2133333333rem 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 { margin: 0 0.64rem; color: #212325; }
.article h1 { margin-top: 0.8533333333rem; margin-bottom: 0.8533333333rem; position: relative; font-size: 0.64rem; font-weight: 600; line-height: 1.4; }
.article h1:after { content: ''; position: absolute; bottom: -0.32rem; left: 0; display: block; width: 1.2266666667rem; height: 0.0533333333rem; background-color: #21c761; border-radius: 0.0266666667rem; }
.article h1.simple { margin-bottom: 0.4266666667rem; }
.article h1.simple:after { display: none; }
.article h2 { margin-top: 0.8533333333rem; font-size: 0.48rem; font-weight: 600; }
.article p { margin-bottom: 0.2133333333rem; font-size: 0.4rem; line-height: 1.8; text-align: justify; text-justify: inter-ideagraph; word-break: break-all; }
.article hr { margin: 0.32rem 0; }
.article .info { color: #939597; }
.article .info-group .info { margin: 0.2133333333rem 0; }

/** sticky btn */
.sticky-group { position: fixed; right: 0.24rem; bottom: 1.68rem; z-index: 1051; margin-bottom: env(safe-area-inset-bottom); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.sticky-group.page-sticky { bottom: 0.5333333333rem; }
.sticky-group.centered-sticky { right: auto; left: 50%; margin-left: -0.6rem; }
.sticky-btn { display: inline-block; 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: #21c761; -webkit-box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.sticky-btn:first-child { margin-top: 0; }
.sticky-btn i { display: inline-block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.sticky-btn.btn-gray { background-color: #838587; }
.sticky-btn .tooltip { top: -1.0133333333rem; font-size: 0.2666666667rem; opacity: 1; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }

.sticky-search { z-index: 1052; width: 1.2rem; height: 1.2rem; font-size: 0; line-height: 1.2rem; border-radius: 0.6rem; background-color: #21c761; opacity: 0; overflow: hidden; -webkit-box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.sticky-search input, .sticky-search .btn-icon { display: inline-block; vertical-align: middle; }
.sticky-search input { width: 5.2rem; padding: 0 0.32rem; font-size: 0.3733333333rem; color: white; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sticky-search input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; }
.sticky-search input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); }
.sticky-search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }
.sticky-search .btn-icon { width: 1.2rem; height: 1.2rem; padding: 0; font-size: 0.64rem; color: white; text-align: center; line-height: 1.2rem; }
.sticky-search.active { width: 6.4rem; opacity: 1; }


/** switch */
.switch { position: relative; display: inline-block; width: 1.76rem; height: 0.9066666667rem; background-color: #21c761; border-radius: 0.4533333333rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.switch span { position: absolute; top: 0.0533333333rem; right: auto; left: 0.0533333333rem; display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: white; -webkit-box-shadow: 0 0.0533333333rem 0.16rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 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.0533333333rem; left: auto; }

/** labs */
.lab { display: inline-block; color: white; line-height: 0.5333333333rem; border-radius: 0.2666666667rem; vertical-align: middle; }
.lab-icon { display: inline-block; width: 0.32rem; height: 0.32rem; margin-right: 0.0266666667rem; vertical-align: middle; }
.lab-icon i { display: inline-block; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.32rem; vertical-align: middle; }

.lab-text { display: inline-block; padding: 0 0.2133333333rem; font-size: 0.2666666667rem; font-weight: 500; vertical-align: middle; }

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

.lab-gray-anti { color: #939597; background-color: rgba(147, 149, 151, 0.1); }

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

.lab-red-anti { color: #fd5344; background-color: rgba(253, 83, 68, 0.1); }

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

.lab-orange-anti { color: #ff4f38; background-color: rgba(255, 79, 56, 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: #21d06f; }
.lab-green.lab-hollow { color: #21d06f; border-color: #21d06f; }

.lab-green-anti { color: #21d06f; background-color: rgba(33, 208, 111, 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: #c8c8c8; }
.lab-default.lab-hollow { color: #c8c8c8; border-color: #c8c8c8; }

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

.lab-primary { background-color: #21c761; }
.lab-primary.lab-hollow { color: #21c761; border-color: #21c761; }

.lab-primary-anti { color: #21c761; background-color: rgba(33, 199, 97, 0.1); }

.lab-hollow { background-color: transparent; border-width: 1px; border-style: solid; }

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

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

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

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

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

.lab-group { font-size: 0; }
.lab-group span { display: inline-block; margin-right: 0.08rem; vertical-align: middle; }

/** interaction */
.mask.select-slidein-container { z-index: 1052; }
/*.slidein-select { height: auto !important; padding: 0.32rem; text-align: center; background-color: transparent; }*/
/*.slidein-select .select-group { margin-bottom: 0.2133333333rem; background-color: white; border-radius: 0.1066666667rem; }*/
/*.slidein-select .select-group .cell { border-bottom: 0.0266666667rem solid #efefef; }*/
/*.slidein-select .select-group .cell:last-child { border-bottom: 0; }*/
/*.slidein-select .select-group .btn-link { padding: 0; font-size: 0.4266666667rem; color: black; line-height: 1.1733333333rem; }*/
/*.slidein-select .btn-block { padding: 0; font-size: 0.4266666667rem; font-weight: 700; color: #21c761; line-height: 1.1733333333rem; background-color: white; border-radius: 0.1066666667rem; }*/
.select-slidein { height: auto !important; text-align: center; background-color: #f7f7f7; border-top-right-radius: 0.16rem; border-top-left-radius: 0.16rem; overflow: hidden; }
.select-slidein > .title { font-size: 0.32rem; color: #afafaf; line-height: 1.1733333333rem; text-align: center; background-color: white; border-bottom: 0.0266666667rem solid #eee; border-top-right-radius: inherit; border-top-left-radius: inherit; }
.select-slidein .select-group { margin-bottom: 0.2133333333rem; background-color: white; border-radius: 0.1066666667rem; }
.select-slidein .select-group .cell { border-bottom: 0.0266666667rem solid #efefef; }
.select-slidein .select-group .cell:last-child { border-bottom: 0; }
.select-slidein .select-group .btn-link { padding: 0; font-size: 0.4266666667rem; color: black; line-height: 1.1733333333rem; }
.select-slidein .btn-block { padding: 0; font-size: 0.4266666667rem; font-weight: 700; color: black; line-height: 1.1733333333rem; background-color: white; }

/** btn group */
.btn-group { display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; }
.btn-group.sticky-foot { position: fixed; right: 0.4266666667rem; bottom: 1.44rem; left: 0.4266666667rem; z-index: 1; }
.btn-group.block-btn { display: block; text-align: center; }
.btn-group.block-btn .btn { margin-right: auto; margin-left: auto; }

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

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

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

.price { font-size: 0.3466666667rem; font-weight: 600; color: #fd5344; }

.btn-shadow { -webkit-box-shadow: 0 0.08rem 0.16rem rgba(33, 199, 97, 0.3); box-shadow: 0 0.08rem 0.16rem rgba(33, 199, 97, 0.3); }

/** Common ----------------------------------------------------------------------------
*/
.primary-title { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; font-size: 0.64rem; font-weight: 700; color: #21c761; }

.secondary-title { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; font-size: 0.48rem; font-weight: 700; color: black; }

.tertiary-title { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; font-size: 0.3733333333rem; font-weight: 500; color: #313335; }
.tertiary-title .info { margin-left: 0.2133333333rem; font-size: inherit; font-weight: normal; }

.submit-btn { width: 4.8rem; font-size: 0.4266666667rem; }
.submit-btn.btn-sm { width: 1.6rem; font-size: 0.32rem; }
.submit-btn.btn-wd { width: 6.9333333333rem; }

.btn.exit-btn { display: block; width: 100%; font-size: 0.4rem; color: #fd5344; -webkit-box-shadow: 0 0.0533333333rem 0.1066666667rem rgba(0, 0, 0, 0.05); box-shadow: 0 0.0533333333rem 0.1066666667rem rgba(0, 0, 0, 0.05); }

.op { position: absolute; top: 0; right: 0; z-index: 1050; background-color: #4c5154; border-radius: 0.1066666667rem; -webkit-box-shadow: 0 0.0533333333rem 0.1333333333rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 0.1333333333rem rgba(0, 0, 0, 0.1); }
.op .link { padding: 0 0.4266666667rem; font-size: 0.3466666667rem; color: white; line-height: 0.9333333333rem; }

.footer-info { margin-top: 0.8533333333rem; margin-bottom: 0.4266666667rem; text-align: center; }

.sticknote { margin-top: 0.2133333333rem; margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; margin-bottom: 0.2133333333rem; }
.sticknote .bar { position: relative; margin: 0.08rem 0; padding-right: 0.64rem; padding-left: 0.32rem; font-size: 0.2933333333rem; color: #636567; line-height: 0.6933333333rem; background-color: rgba(255, 254, 184, 0.9); border-radius: 0.1066666667rem; -webkit-box-shadow: 0 0.0533333333rem 0.16rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 0.16rem rgba(0, 0, 0, 0.1); }
.sticknote .text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sticknote .text .title { color: #7e543a; }
.sticknote .btn-icon { margin: 0.0533333333rem; padding: 0; width: 0.5866666667rem; height: 0.5866666667rem; color: #4c5154; line-height: 0.5866666667rem; border: 0; }
.sticknote .btn-icon i { display: inline-block; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }

.row { position: relative; margin-right: 0.4266666667rem; margin-top: 0.2133333333rem; margin-left: 0.4266666667rem; }
.row:last-child { margin-bottom: 0; }
.row .primary-title, .row .secondary-title { margin-right: 0; margin-left: 0; }
.row.name-head .append { display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; }
.row.name-head .append .btn-icon { position: relative; width: 27px; height: 27px; padding: 0; font-size: 0.5333333333rem; text-align: center; }
.row.name-head .append .btn-icon .dot { position: absolute; top: 0; right: 0; }
.row.back { margin: 0; padding-right: 0.4266666667rem; padding-left: 0.4266666667rem; font-size: 0.32rem; line-height: 0.96rem; background-color: #f5f5f5; }
.row.back a i, .row.back a span { display: inline-block; vertical-align: middle; }
.row.back .prefix-icon { margin-right: 0.1066666667rem; font-size: 0.3733333333rem; }

.file-list .list-row { height: 34px; padding-top: 0.32rem; padding-bottom: 0.32rem; line-height: 1; }
.file-list.list-prepend .list-row { padding-left: 1.3333333333rem; }
.file-list.list-append .list-row { padding-right: 1.3066666667rem; }
.file-list .prepend { top: 50%; margin-top: -0.4533333333rem; }
.file-list .typeico { display: block; width: 0.9066666667rem; height: 0.9066666667rem; }
.file-list .append { top: 50%; right: 0.4266666667rem; width: 25px; height: 25px; margin-top: -0.3333333333rem; }
.file-all-btn { background-color: rgba(33, 199, 97, 0.1); border: 0; border-radius: 0.4533333333rem; }

.file-list-title { margin-bottom: 0.16rem; font-size: 700; color: #212325; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.file-list-info { font-size: 0.2933333333rem; font-weight: normal; color: #939597; }
.file-list-info .pull-left { margin-right: 0.2133333333rem; }
.file-list-info .pull-right { margin-left: 0.2133333333rem; }

.file-btn, .select-btn { display: block; width: 25px; height: 25px; padding: 0; }
.file-btn { font-size: 0.1866666667rem; line-height: 0.5066666667rem; text-align: center; border: 0.0533333333rem solid rgba(33, 199, 97, 0.15); border-radius: 50%; }
.file-btn i { display: inline-block; color: #21c761; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
.file-btn.active i:before { content: '\e8b5'; }

.select-btn { text-align: right; vertical-align: middle; border-radius: 0; }
.select-btn i { display: inline-block; width: 0.2133333333rem; height: 0.2133333333rem; border-radius: 50%; background-color: white; border: 0.0266666667rem solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.select-btn.active i { background-color: #21c761; border-color: #21c761; }

/** Rewrite mobiscroll ----------------------------------------------------------------------------
*/
.mbsc-ios .dwwr { background-color: white; }
.mbsc-ios .dwwo { background: linear-gradient(#fff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #fff); }
.mbsc-ios .dwb { padding: 0 0.4266666667rem; font-size: 0.4rem; color: #636567; line-height: 1.1733333333rem; }
.mbsc-ios .dwb-s .dwb { font-weight: 500; color: #21c761; }
.mbsc-ios .dwbc { height: 1.1733333333rem; border-color: #eee; }

.mbsc-control.mbsc-control-ev { width: 100%; border-bottom: 0.0266666667rem solid #eee; }
.mbsc-control.mbsc-control-ev, .mbsc-control.mbsc-control-ev:disabled { font-size: 0.3733333333rem; background-color: white; opacity: 1; }

.dw-i { font-size: 0.4rem; text-align: center; }

/** Layout ----------------------------------------------------------------------------
*/
/** base for `rem` */
html { 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; background-color: white; }
header, .header { top: 0; height: 1.1733333333rem; }

footer, .footer { bottom: 0; height: 1.3866666667rem; padding-bottom: env(safe-area-inset-bottom); border-top: 0.0266666667rem solid #eee; }

.main { position: fixed; top: 0; bottom: 0; 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; -moz-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: #f5f5f5; }
.main.main-withhead { top: 1.1733333333rem; }
.main.main-withfoot { bottom: 1.3866666667rem; }
.main.main-with-searchhead { top: 1.6133333333rem; }
.main.main-noscroll { overflow-y: hidden; }
.main > .info { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; }
.main.main-miniprogram { top: 0; }

/** 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.8533333333rem; }
.header-left a, .header-right a { display: inline-block; vertical-align: middle; }
.header-left { left: 0.1333333333rem; }

.header-right { right: 0.1333333333rem; }

.header-mid { padding-right: 0.9866666667rem; padding-left: 0.9866666667rem; line-height: 0.8533333333rem; vertical-align: middle; }
header.header-noleft .header-mid, .header.header-noleft .header-mid { padding-left: 0.4266666667rem; }
header.header-noright .header-mid, .header.header-noright .header-mid { padding-right: 0.4266666667rem; }
header.header-wideright .header-mid, .header.header-wideright .header-mid { padding-right: 1.9733333333rem; }
header.header-btnright .header-mid, .header.header-btnright .header-mid { padding-right: 1.5466666667rem; }
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.header-dark, .header.header-dark { background-color: #f5f5f5; }
header.bb, .header.bb { border-color: #eee; }
header .title, .header .title { display: inline-block; font-size: 0.4533333333rem; font-weight: 600; color: #313335; line-height: inherit; vertical-align: middle; }
header .btn, .header .btn { padding: 0; color: #313335; line-height: inherit; border-radius: 0; vertical-align: middle; }
header .btn-icon, .header .btn-icon { display: inline-block; width: 0.8533333333rem; height: 0.8533333333rem; font-size: 0.5866666667rem; }
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.2133333333rem; font-size: 0.3733333333rem; font-weight: 400; line-height: inherit; }
header .search, .header .search { position: relative; height: 0.8533333333rem; line-height: 0.8533333333rem; }
header .search .icon, .header .search .icon { position: absolute; top: 0; left: 0; width: 0.8533333333rem; height: 0.8533333333rem; font-size: 0.4266666667rem; color: #c1c1c1; line-height: inherit; text-align: center; }
header .search input, .header .search input { width: 100%; height: inherit; line-height: inherit; padding: 0 0.4266666667rem 0 0.8533333333rem; font-size: 0.3733333333rem; color: #313335; background-color: #f7f7f7; border-radius: 0.4266666667rem; -webkit-box-sizing: border-box; -moz-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 input.name, .header input.name { font-size: 0.4533333333rem; }
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-flex; display: flex; }
.nav-cell { flex: 1; text-align: center; }
.nav-cell i, .nav-cell span { display: block; }
.nav-cell.nav-special { position: relative; }
.nav-cell.nav-special:after { content: ''; position: absolute; top: -0.3733333333rem; left: 50%; display: block; width: 1.6266666667rem; height: 0.3733333333rem; margin-left: -0.8133333333rem; background-image: url("../images/nav-active.png"); background-position: center top; background-repeat: no-repeat; background-size: contain; }
.nav-cell.nav-special .nav-icon { position: relative; z-index: 1; width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 50%; margin-top: -0.1066666667rem; margin-bottom: 0.1866666667rem; padding: 0; line-height: 0.8533333333rem; background-color: black; }
.nav-cell.nav-special .nav-icon i { color: white; }
.nav-cell.nav-special .nav-link.active .nav-icon { background-color: #21c761; }

.nav-link { position: relative; display: inline-block; color: black; text-decoration: none; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.nav-link.active { color: #21c761; }
.nav-link.active .nav-text { font-weight: 600; }
.nav-link.active .icon-home-stroke:before { content: "\e7ae"; }
.nav-link.active .icon-account-stroke:before { content: "\e7aa"; }
.nav-link.active .icon-uploadpaper-stroke:before { content: "\e908"; }
.nav-link.active .icon-sheet-stroke:before { content: "\e907"; }
.nav-link.active .icon-set-stroke:before { content: "\e78e"; }
.nav-link.active .icon-publish-stroke:before { content: "\e909"; }
.nav-link.active .icon-nav-exam-stroke:before { content: "\e8c8"; }
.nav-icon { position: relative; width: 0.5866666667rem; height: 0.5866666667rem; margin: 0 auto; padding-top: 0.2133333333rem; padding-bottom: 0.1333333333rem; font-size: 0.5866666667rem; }
.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; }

/** Page footer */
.page-footer { padding-right: 0.4266666667rem; padding-left: 0.4266666667rem; }
.page-footer > div { display: -webkit-flex; display: flex; height: inherit; align-items: center; }

/** Role choice ----------------------------------------------------------------------------
*/
.vertical-logo { text-align: center; }
.vertical-logo .img { width: 2.5066666667rem; margin-right: auto; margin-left: auto; }
.vertical-logo .name { margin-top: 0.32rem; font-size: 0.64rem; font-weight: bolder; color: black; }
.vertical-logo .slogan { margin-top: 0.5333333333rem; font-size: 0.3733333333rem; color: #313335; }

.role { position: fixed; right: 0.4266666667rem; bottom: 2.0266666667rem; left: 0.4266666667rem; padding-bottom: env(safe-area-inset-bottom); display: -webkit-flex; display: flex; text-align: center; }
.role .cell { flex-grow: 1; }
.role .role-wrap { position: relative; width: 2.1333333333rem; margin: 0 auto; }
.role .role-wrap .tick { position: absolute; top: 0; right: 0; display: none; font-size: 0.5866666667rem; color: #fd5344; }
.role .role-wrap .tick i { position: relative; z-index: 1; }
.role .role-wrap .tick:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 0; display: block; width: 0.4266666667rem; height: 0.4266666667rem; border-radius: 50%; margin-top: -0.2133333333rem; margin-left: -0.2133333333rem; background-color: white; }
.role .role-wrap .name { margin-top: 0.3733333333rem; font-size: 0.3733333333rem; color: black; }
.role .role-wrap.active .tick { display: block; }
.role-main .vertical-logo { margin-top: 1.6rem; }

/** Authorize ----------------------------------------------------------------------------
*/
.authorize-main { display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.authorize-main .wrap { margin-top: -2.3466666667rem; }
.terms { width: 8rem; margin-top: 0.8533333333rem; margin-right: auto; margin-left: auto; text-align: center; }
.terms .form-label { display: inline-block; height: 0.5333333333rem; line-height: 0.5333333333rem; }
.terms .form-checkbox-btn { top: 0; margin-top: 0.0533333333rem; width: 160px; height: 160px; font-size: 3.2rem; line-height: 4.2666666667rem; border-radius: 50%; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
.terms .form-label-con { display: inline-block; height: auto; margin-right: 0; font-size: 0.3733333333rem; text-align: left; line-height: inherit; }
.terms .form-label.active .form-label-con { color: #636567; }
.authorize-main .btn-group { margin-top: 0.4266666667rem; text-align: center; }

/** Create ----------------------------------------------------------------------------
*/
.create-cover-main { display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.create-cover-main .wrap { margin-top: -1.1733333333rem; }
.create-cover-main .slogan { margin-top: 0.6933333333rem; font-size: 0.5866666667rem; font-weight: 700; color: black; line-height: 1; text-align: center; }
.create-cover-main .slogan span { position: relative; z-index: 1; }
.create-cover-main .slogan span:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; height: 0.2133333333rem; opacity: .25; }
.create-cover-main .slogan div { margin-top: 0.2666666667rem; margin-bottom: 0.2666666667rem; }
.create-cover-main .slogan div:first-child { margin-right: 2.3466666667rem; }
.create-cover-main .slogan div:first-child span:after { background-color: #21c761; }
.create-cover-main .slogan div:last-child { margin-left: 2.3466666667rem; }
.create-cover-main .slogan div:last-child span:after { background-color: #fd5344; }
.create-cover-main .btn-group { margin-top: 1.3333333333rem; }
.create-cover-main .btn-h-gradient-primary { width: 6.9333333333rem; font-size: 0.4266666667rem; -webkit-box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(33, 199, 97, 0.5); }
.invite-info { margin-top: 1.1733333333rem; margin-right: 0.4266666667rem; margin-bottom: 0.8533333333rem; margin-left: 0.4266666667rem; text-align: center; }
.invite-info .info { margin-top: 0.2133333333rem; margin-bottom: 0.1066666667rem; font-size: 0.32rem; color: #21c761; }
.invite-info .name { font-size: 0.3733333333rem; font-weight: 500; color: black; line-height: 1.4; }

.create-main .list { margin-right: 0.4266666667rem; }
.create-main .list .input-has-btnappend .input-append { right: 1.92rem; }
.create-main .list .input-has-btnappend .input-append.show { right: 0; }

/** Class ----------------------------------------------------------------------------
*/
/* class foot */
.main.main-with-classfoot { bottom: 1.7066666667rem; }

.class-foot { height: 1.7066666667rem; }
.class-foot ul { display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: inherit; }
.class-foot ul .cell { flex-grow: 1; text-align: center; border-right: 0.0266666667rem solid #eee; }
.class-foot ul .cell:first-child .icon { background-color: #ff4f38; }
.class-foot ul .cell:last-child { border-right: 0; }
.class-foot ul .cell:last-child .icon { background-color: #21c761; }
.class-foot .task-wrap { justify-content: center; }
.class-foot .task-wrap .icon { width: 1.04rem; height: 1.04rem; border-radius: 50%; font-size: 0.56rem; color: white; line-height: 1.04rem; }

/* class card */
.card.class-card .card-wrap { padding: 0; }
.card.class-card .card-body { position: relative; padding-top: 0.4266666667rem; padding-right: 1.5466666667rem; padding-bottom: 0.4266666667rem; }
.card.class-card .card-body .title { font-size: 0.4rem; font-weight: 600; color: black; line-height: 1.4; }
.card.class-card .card-body .info-group { margin-top: 0.2133333333rem; display: -webkit-flex; display: flex; align-items: center; line-height: 1.4; }
.card.class-card .card-body .info-group span { font-size: 0.32rem; color: #939597; }
.card.class-card .card-body .info-group span.split { display: inline-block; margin: 0 0.2133333333rem; color: #eee; }
.card.class-card .card-body .info-group span i { margin-right: 0.1066666667rem; vertical-align: middle; }
.card.class-card .card-body .append { right: 0.4266666667rem; display: -webkit-flex; display: flex; align-items: center; padding-top: inherit; padding-bottom: inherit; }
.card.class-card .card-body .append a { width: 1.3333333333rem; padding: 0; font-size: 0.32rem; font-weight: 500; line-height: 0.5333333333rem; border-radius: 0.2933333333rem; }
.card.class-card .card-body .append a i { margin-left: 0.0533333333rem; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.card.class-card .card-foot { height: 1.04rem; padding: 0; }
.card.class-card .card-foot ul { height: inherit; font-size: 0; }
.card.class-card .card-foot .cell { position: relative; display: inline-block; width: 50%; }
.card.class-card .card-foot .cell:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 0.0266666667rem; background-color: #eee; }
.card.class-card .card-foot .cell:last-child:after { display: none; }
.card.class-card .card-foot .cell:last-child .event-wrap { justify-content: flex-end; }
.card.class-card .card-foot .cell:first-child .event-wrap { justify-content: flex-start; }
.card.class-card .card-foot .cell:first-child .event-wrap .icon { margin-left: -0.32rem; }
.event-wrap { display: -webkit-flex; display: flex; align-items: center; padding: 0 0.4266666667rem; }
.event-wrap .icon { display: inline-block; width: 1.04rem; height: 1.04rem; }
.event-wrap .text { font-size: 0.32rem; font-weight: 500; }
.event-wrap .btn { margin-left: 0.32rem; padding: 0; width: 0.4266666667rem; height: 0.4266666667rem; border-radius: 50%; line-height: 0.4266666667rem; text-align: center; }
.event-wrap .btn i { display: inline-block; font-size: 0.24rem; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); line-height: 1; vertical-align: middle; }

.btn-group.addClass-btn-group { padding-top: 0.2133333333rem; justify-content: flex-end; }
.btn-group.addClass-btn-group .btn-sm { margin: 0; padding-top: 0; padding-bottom: 0; line-height: 0.72rem; border-radius: 0.3866666667rem; }
.btn-group.addClass-btn-group .btn-sm i { font-size: 0.3733333333rem; }
.btn-group.addClass-btn-group .btn-sm span { font-weight: 500; }

/** Task ----------------------------------------------------------------------------
*/
.main.task-main { padding-bottom: 2.8rem; }
/* task items */
.task-items { font-size: 0; }
.task-items > .cell { display: inline-block; width: 50%; text-align: center; }
.task-items .task-wrap { padding: 0.5333333333rem 0; }

.task-wrap { display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; }
.task-wrap .icon { font-size: 0.7466666667rem; color: #21c761; }
.task-wrap .con { margin-left: 0.32rem; text-align: left; }
.task-wrap .title { display: block; font-size: 0.3733333333rem; font-weight: 600; color: black; }
.task-wrap .info { font-size: 0.2933333333rem; }

/* task card show */
.task-timelab { display: inline-block; margin-top: 0.2133333333rem; margin-left: 0.4266666667rem; padding: 0 0.1066666667rem; font-size: 0.2666666667rem; color: #838587; line-height: 0.5066666667rem; background-color: #e7e7e7; border-radius: 0.0533333333rem; }

.card.task-card .card-wrap { padding-top: 0; padding-bottom: 0; }
.card.task-card .card-head { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; padding: 0; font-size: 0; height: 1.04rem; line-height: 1.04rem; border-bottom: 0.0266666667rem solid #eee; }
.card.task-card .card-head > div { display: inline-block; }
.card.task-card .card-head .title { position: relative; font-size: 0.32rem; font-weight: 600; }
.card.task-card .card-head .title .icon { margin-right: 0.1066666667rem; font-size: 0.3733333333rem; font-weight: normal; vertical-align: middle; }
.card.task-card .card-head .title:before { content: ''; position: absolute; top: 50%; left: -0.4266666667rem; width: 0.0266666667rem; height: 0.32rem; margin-top: -0.16rem; }
.card.task-card .card-head .split { margin: 0 0.32rem; font-size: 0.3733333333rem; color: #eee; }
.card.task-card .card-head .info { color: #838587; }
.card.task-card .card-body { padding-top: 0.2666666667rem; padding-bottom: 0.2666666667rem; }
.card.task-card .card-body .title { margin-bottom: 0.2133333333rem; font-size: 0.3733333333rem; font-weight: bold; color: black; line-height: 1.4; }
.card.task-card .card-body .article, .card.task-card .card-body .info { font-size: 0.32rem; color: #636567; line-height: 0.5866666667rem; }
.card.task-card .card-body .article { margin-right: 0; margin-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card.task-card .card-body .info .icon { display: inline-block; margin-right: 0.1066666667rem; font-size: 0.3733333333rem; color: #636567; vertical-align: middle; }
.card.task-card .card-body .info.sm { font-size: 0.2666666667rem; color: #ccc; }
.card.task-card.live .card-head .title { color: #ff4f38; }
.card.task-card.live .card-head .title:before { background-color: #ff4f38; }
.card.task-card.exam .card-head .title { color: #21c761; }
.card.task-card.exam .card-head .title:before { background-color: #21c761; }

/* task slidein */
.task-sticky-active { bottom: 0.5333333333rem; }
.task-sticky-active .tooltip { top: -1.28rem; opacity: 0; }
.task-sticky-active .sticky-btn { background-color: rgba(76, 81, 84, 0.8); -webkit-box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.0533333333rem 0.2133333333rem rgba(0, 0, 0, 0.1); }
.task-sticky-active .sticky-btn i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

.slidein.task-slidein { height: auto; padding-right: 0.4266666667rem; padding-left: 0.4266666667rem; padding-bottom: 2.8rem; border-top-right-radius: 0.16rem; border-top-left-radius: 0.16rem; }
.slidein.task-slidein > .title { margin-bottom: 0.32rem; font-size: 0.48rem; color: #636567; line-height: 1.7066666667rem; text-align: center; border-bottom: 0.0266666667rem solid #eee; }
.slidein.task-slidein .task-items { margin-bottom: env(safe-area-inset-bottom); }
.slidein.task-slidein .task-wrap { margin-left: 0.32rem; }

/** Members ----------------------------------------------------------------------------
*/
.main.member-main .list { padding-bottom: 0.2133333333rem; }
.main.member-main .list .prepend { left: -1.12rem; padding-top: inherit; padding-bottom: inherit; }
.main.member-main .list-row { position: relative; height: 0.8rem; margin-left: 1.5466666667rem; padding-top: 0.32rem; padding-bottom: 0.32rem; line-height: 0.8rem; }
.main.member-main .list-con { font-size: 0.4rem; color: black; }
.main.member-main .portrait { position: relative; width: 8rem; height: 8rem; border-radius: 50%; line-height: 8rem; text-align: center; vertical-align: middle; background-color: #21c761; background-image: none; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
.main.member-main .portrait img { position: relative; z-index: 2; border-radius: inherit; }
.main.member-main .portrait .name { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; font-size: 3.2rem; font-weight: 700; color: white; }
.main.member-main .op { right: 1.1733333333rem; top: 0.2533333333rem; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.main.member-main .op.active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

.invite { border-bottom: 0.0266666667rem solid #ddd; }
.invite .cell { margin-left: 0.4266666667rem; border-bottom: 0.0266666667rem solid #eee; }
.invite .cell:last-child { border-bottom: 0; }
.invite .link { position: relative; display: block; line-height: 1.44rem; }
.invite .link .icon { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; margin-right: 0.32rem; font-size: 0.4533333333rem; color: #636567; line-height: 0.8rem; text-align: center; border: 0.0266666667rem solid #636567; }
.invite .link .text { font-size: 0.3733333333rem; color: #313335; }

.tips { margin: -0.4266666667rem 1.6rem 0; padding-bottom: 0.8rem; font-size: 0.32rem; color: #afafaf; }
.tips .title { position: relative; text-align: center; }
.tips .title span { position: relative; z-index: 1; display: inline-block; padding: 0 0.2133333333rem; line-height: 0.5333333333rem; background-color: #f0f0f0; border-radius: 0.0533333333rem; border: 0.2133333333rem solid white; }
.tips .title:after { content: ''; position: absolute; top: 50%; right: 0; left: 0; z-index: 0; height: 0.0266666667rem; background-color: #eee; }
.tips .text { margin-top: -0.1066666667rem; line-height: 1.2; }

.main.invite-main .ban { display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 3.4666666667rem; background-image: url("../images/ban/invite-ban.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.main.invite-main .ban h1 { margin-top: -0.1333333333rem; font-size: 0.6933333333rem; font-weight: bold; color: white; -webkit-text-shadow: 0 0.0266666667rem 0.1066666667rem #1a9b4c; text-shadow: 0 0.0266666667rem 0.1066666667rem #1a9b4c; }
.invite-con { text-align: center; }
.invite-con .qr { width: 210px; height: 210px; border-radius: 50%; margin-top: -0.8rem; margin-right: auto; margin-left: auto; background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.invite-con .title { margin-top: 0.64rem; font-size: 0.3733333333rem; font-weight: 600; color: black; }
.invite-con .name { margin-top: 0.32rem; font-size: 0.4533333333rem; font-weight: 700; color: #21c761; }
.invite-con .info { margin-top: 0.32rem; font-size: 0.3733333333rem; color: #636567; }
.invite-con .copyright { margin-top: 0.96rem; font-size: 0.2933333333rem; color: #afafaf; }

/** Mine ----------------------------------------------------------------------------
*/
.my-info { padding-top: 0.4266666667rem; padding-bottom: 0.4266666667rem; line-height: 1; }
.my-info .list-row { height: auto; font-size: 0; margin-bottom: 0; }
.my-info .list-row > div, .my-info .list-row > h1, .my-info .list-row > h2 { display: inline-block; vertical-align: middle; }
.my-info .portrait { width: 1.1733333333rem; height: 1.1733333333rem; border-radius: 50%; margin-right: 0.32rem; }
.my-info h1 { margin: 0; font-size: 0.48rem; font-weight: 700; color: black; }
.my-info h2 { margin-top: 0.2133333333rem; margin-bottom: 0; font-size: 0.32rem; color: #838587; }
.my-info.my-info-lg .portrait { width: 1.6rem; height: 1.6rem; border-radius: 50%; }

.edit-head { padding: 0 0.4266666667rem; line-height: 1.1733333333rem; border-bottom: 0.2133333333rem solid #f5f5f5; }
.edit-head a { font-size: 0.4rem; }

.main.edit-main { top: 2.56rem; }

/** Organization ----------------------------------------------------------------------------
*/
.org .ban { position: relative; height: 3.2rem; background-image: url("../images/ban/org-ban.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.org .ban .wrap { position: absolute; top: 0; right: 0; left: 0; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 2.24rem; padding: 0 0.4266666667rem; color: white; -webkit-text-shadow: 0 0 0.2133333333rem rgba(0, 0, 0, 0.2); text-shadow: 0 0 0.2133333333rem rgba(0, 0, 0, 0.2); }
.org .ban .wrap .name { font-size: 0.5333333333rem; font-weight: 900; }
.org .ban .wrap .btn-icon { font-size: 0.48rem; color: white; opacity: .8; }
.org .data-card { position: relative; z-index: 1; margin-top: -0.96rem; margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; text-align: center; }
.org .data-card .card-wrap { padding-top: 0.2133333333rem; }
.org .data-card .info { margin-left: 0.32rem; font-size: 0.2933333333rem; line-height: 1.4; text-align: left; }
.org .data-card li { position: relative; margin-top: 0.5333333333rem; }
.org .data-card li:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 0.0266666667rem; background-color: #ddd; }
.org .data-card li:nth-child(3n):after { display: none; }
.org .data-card .wrap { margin: 0 0.2133333333rem; }
.org .data-card .wrap .num { font-size: 0.64rem; font-weight: 900; color: black; line-height: 1; }
.org .data-card .wrap .num span { font-size: 0.24rem; color: #afafaf; }
.org .data-card .wrap .name { margin-top: 0.2133333333rem; font-size: 0.2933333333rem; color: #636567; line-height: 1.2; }

.swiper-linkage-nav.rightmask:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 1.4933333333rem; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 50%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 50%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=1); }

/** Live ----------------------------------------------------------------------------
*/
/** Live guide
*/
.live-guide { padding: 0 0.64rem; }
.live-guide .primary-title { margin-right: 0; margin-left: 0; padding: 0.9066666667rem 0; text-align: center; }
.live-guide .subtitle { margin-bottom: 0.8533333333rem; text-align: center; }
.live-guide .subtitle span { position: relative; display: inline-block; font-size: 19px; font-weight: 600; color: black; line-height: 1.6; }
.live-guide .subtitle span:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; display: inline-block; height: 0.2133333333rem; background-color: rgba(33, 199, 97, 0.1); }
.live-guide .step { position: relative; margin: 0.4266666667rem 0; font-size: 0.3733333333rem; line-height: 1.8; color: #313335; }
.live-guide .step .con { position: relative; z-index: 1; background-color: white; }
.live-guide .step .title { position: relative; font-weight: 600; color: black; }
.live-guide .step .title:after { content: ''; display: inline-block; width: 0; height: 0; display: inline-block; overflow: hidden; border-width: 0.1333333333rem; border-color: transparent; border-style: dashed; border-left-color: #21c761; border-left-style: solid; margin-left: 0.2133333333rem; }
.live-guide .step:after { content: ''; position: absolute; top: 0; bottom: -0.4266666667rem; left: 0.4266666667rem; display: block; width: 0.0266666667rem; background-color: #eee; }
.live-guide .step:last-child:after { display: none; }
.live-guide .scan-btn { display: block; width: 2.3466666667rem; height: 2.3466666667rem; border-radius: 50%; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.live-guide .scan-btn i, .live-guide .scan-btn span { display: block; line-height: 1.3; }
.live-guide .scan-btn i { margin-top: 0.1066666667rem; font-size: 0.8rem; }
.live-guide .scan-btn span { font-size: 0.32rem; }

/** Exam ----------------------------------------------------------------------------
*/
/**  exam start */
.exam-start-main { text-align: center; }
.exam-start-main .inst { width: 6.8rem; margin: 0 auto; font-size: 0.48rem; color: #939597; line-height: 1.6; }
.exam-start-main .link-normal { display: inline-block; font-size: 0.3733333333rem; }

/**  exam paper */
.paper-container, .paper-sheet { position: absolute; right: 0; left: 0; }
.paper-container { top: 0; }

.paper-sheet { bottom: env(safe-area-inset-bottom); }
.paper-sheet.default .sheet-body { overflow-x: hidden; overflow-y: scroll; }
.paper-sheet.default .sheet-foot { border-top: 0; z-index: 1; }
.dragger-bar { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 0.5866666667rem; text-align: center; border-top: 0.0533333333rem solid #21c761; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dragger-bar .dragger { display: inline-block; width: 1.6rem; height: 0.5866666667rem; margin-top: -0.0533333333rem; background-color: #21c761; background-image: url("../images/dragger.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; border-bottom-right-radius: 0.1333333333rem; border-bottom-left-radius: 0.1333333333rem; }

.sheet-head { height: 0.5866666667rem; padding-top: 2px; padding-right: 0.4266666667rem; padding-left: 0.4266666667rem; line-height: 0.5333333333rem; background-color: #f9f9f9; }
.sheet-head .text { font-size: 0.32rem; color: #939597; }

.sheet-body { margin-bottom: 1.8933333333rem; background-color: #f5f5f5; }
.sheet-body > .inst { display: block; padding: 0.4266666667rem 0.4266666667rem; font-size: 0.3733333333rem; color: #939597; line-height: 1.2; }
.sheet-body > .inst:last-child { padding-bottom: 0; }

.sheet-foot { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.4266666667rem; background-color: white; border-top: 0.0266666667rem solid #eee; }
.sheet-foot ul { margin: 0 -0.1333333333rem; font-size: 0; }
.sheet-foot .cell { display: inline-block; width: 33.3%; vertical-align: top; }
.sheet-foot .add-btn { position: relative; height: 1.04rem; margin: 0 0.1333333333rem; padding-right: 0.9866666667rem; font-size: 0; line-height: 1.04rem; text-align: center; background-color: #f5f5f5; border-radius: 0.1333333333rem; }
.sheet-foot .add-btn .add { font-size: 0.32rem; font-weight: 600; color: #212325; }
.sheet-foot .add-btn .add i, .sheet-foot .add-btn .add span { display: inline-block; vertical-align: middle; }
.sheet-foot .add-btn .add i { font-size: 0.3733333333rem; color: #21c761; margin-right: 0.1066666667rem; }
.sheet-foot .add-btn .score { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 0.9866666667rem; font-size: 0.2933333333rem; color: #939597; text-align: center; }
.sheet-foot .add-btn .score:after { content: ''; position: absolute; top: 0.1333333333rem; bottom: 0.1333333333rem; left: -0.0266666667rem; display: block; width: 0.0266666667rem; background-color: #ddd; opacity: .6; }
.paper-container.paper-sheet-view .sheet-body, .paper-sheet.paper-sheet-view .sheet-body { margin-bottom: 0; }
.paper-container.paper-sheet-view .sheet-item, .paper-sheet.paper-sheet-view .sheet-item { margin-bottom: 0; border-bottom: 0.0266666667rem solid #eee; }
.paper-container.paper-sheet-view .sheet-item-secondary, .paper-sheet.paper-sheet-view .sheet-item-secondary { padding: 0; }
.paper-container.paper-sheet-view .sheet-item-secondary .wrap, .paper-sheet.paper-sheet-view .sheet-item-secondary .wrap { padding-top: 0; border-radius: 0; }

.paper-card .info-group { font-size: 0; line-height: 1; }
.paper-card .info-group span { display: inline-block; font-size: 0.32rem; color: #939597; vertical-align: middle; }
.paper-card .info-group span.primary { font-weight: 600; }
.paper-card .info-group span.split { color: #eee; margin: 0 0.2133333333rem; }
.paper-card .title { margin-top: 0.32rem; margin-bottom: 0.1066666667rem; font-size: 0.4rem; font-weight: 700; color: black; }
.paper-card > .info { display: inline-block; font-size: 0.2666666667rem; color: #ccc; }

/**  answer sheet setting */
.sheet-item { margin-bottom: 0.1333333333rem; background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sheet-item:last-child { margin-bottom: 0; }
.sheet-item > .wrap { position: relative; padding: 0.4266666667rem; font-size: 0; }
.sheet-item > .wrap > div { display: inline-block; vertical-align: top; }
.sheet-item > .wrap .prepend, .sheet-item > .wrap .append { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sheet-item > .wrap .prepend, .sheet-item > .wrap .con { display: inline-block; line-height: 0.64rem; }
.sheet-item > .wrap .prepend { width: 2.5066666667rem; font-size: 0; color: #212325; }
.sheet-item > .wrap .prepend > span, .sheet-item > .wrap .prepend > div { display: inline-block; vertical-align: middle; }
.sheet-item > .wrap .prepend span { font-size: 0.32rem; }
.sheet-item > .wrap .prepend .num { width: 0.5333333333rem; font-weight: 700; }
.sheet-item > .wrap .prepend div.amount, .sheet-item > .wrap .prepend .text { display: none; }
.sheet-item > .wrap .append { display: none; width: 2rem; font-size: 0; }
.sheet-item > .wrap .append .btn { display: inline-block; width: 0.64rem; height: 0.64rem; border-radius: 50%; margin-right: 0.1333333333rem; padding: 0; font-size: 0.3733333333rem; color: white; line-height: 0.64rem; vertical-align: middle; background-color: #4c5154; border: 0; }
.sheet-item > .wrap .append .btn:last-child { margin-right: 0; }
.sheet-item > .wrap ul { margin: -0.1333333333rem; font-size: 0; }
.sheet-item > .wrap ul li { display: inline-block; vertical-align: top; }
.sheet-item > .wrap .info { line-height: inherit; }
.sheet-item .option { position: relative; display: block; width: 0.64rem; height: 0.64rem; margin: 0.1333333333rem; font-size: 0.3733333333rem; color: #636567; line-height: 0.64rem; text-align: center; background-color: white; border: 0.0266666667rem solid #939597; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sheet-item .option.radio { border-radius: 50%; }
.sheet-item .option.checkbox { border-radius: 0.08rem; }
.sheet-item .option.active { color: white; background-color: #21c761; border-color: #21c761; }
.sheet-item .amount { position: relative; display: inline-block; width: 2.0266666667rem; height: 0.5866666667rem; margin: 0 0.1066666667rem; font-size: 0; line-height: 0.5333333333rem; background-color: white; border: 0.0266666667rem solid #939597; border-radius: 0.0533333333rem; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sheet-item .amount a, .sheet-item .amount input { display: inline-block; vertical-align: middle; font-size: 0.32rem; color: #212325; text-align: center; }
.sheet-item .amount a { position: relative; width: 33%; padding: 0; line-height: inherit; border: 0; border-radius: 0; }
.sheet-item .amount a:after { content: ''; position: absolute; top: -50%; bottom: -50%; display: block; width: 0.0266666667rem; background-color: #939597; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.sheet-item .amount a:first-child:after { right: 0; }
.sheet-item .amount a:last-child:after { left: 0; }
.sheet-item .amount input { width: 34%; height: 0.5333333333rem; }
.sheet-item .fun { display: none; height: 0.8533333333rem; font-size: 0; line-height: 0.8533333333rem; text-align: center; background-color: rgba(33, 199, 97, 0.06); }
.sheet-item .fun .btn { width: 25%; padding: 0; font-size: 0.32rem; color: #636567; line-height: inherit; background-color: transparent; border-radius: 0; }
.sheet-item .fun .btn i { font-size: 0.3733333333rem; }
.sheet-item.active { border: 0.0266666667rem dashed #21c761; }
.sheet-item.active > .wrap { padding-right: 2.4266666667rem; padding-left: 4.1333333333rem; }
.sheet-item.active > .wrap .prepend, .sheet-item.active > .wrap .append { position: absolute; padding-top: inherit; padding-bottom: inherit; }
.sheet-item.active > .wrap .prepend { width: 3.7066666667rem; padding-left: 0.4266666667rem; }
.sheet-item.active > .wrap .prepend .score { display: none; }
.sheet-item.active > .wrap .prepend .amount, .sheet-item.active > .wrap .prepend .text { display: inline-block; }
.sheet-item.active > .wrap .append { display: block; padding-right: 0.4266666667rem; }
.sheet-item.active .fun { display: block; }

.sheet-item-secondary { padding-right: 0.4266666667rem; padding-bottom: 0.1333333333rem; padding-left: 0.4266666667rem; }
.sheet-item-secondary .wrap { padding: 0.4266666667rem 0.32rem; background-color: white; border-radius: 0.1066666667rem; }
.sheet-item-secondary .wrap > .title { font-size: 0.32rem; color: #afafaf; line-height: 1; }
.sheet-item-secondary .wrap > .title span { color: #636567; }
.sheet-item-secondary .wrap .photoset-show { margin-top: 0.32rem; margin-left: 0.4266666667rem; }

.list-head.photoset-list-head { padding-top: 0; }

.photoset-list .list-row { height: auto; margin-left: 0; padding: 0.32rem 0.4266666667rem; line-height: normal; }
.photoset-list .photoset-show { margin-right: 0.4266666667rem; margin-left: 0.4266666667rem; }

.photoset-show .cell { position: relative; margin: 0.1333333333rem 0; padding-left: 0.9066666667rem; font-size: 0.32rem; color: #313335; }
.photoset-show .prepend { width: 0.9066666667rem; line-height: 0.7466666667rem; }
.photoset-show input { width: 100%; height: 0.7466666667rem; padding: 0 0.4266666667rem; background-color: #f9f9f9; border-radius: 0.08rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.photoset-pick { margin: -0.1066666667rem 0; font-size: 0; }
.photoset-pick .cell { display: inline-block; width: 16.6666666667%; text-align: center; vertical-align: top; }
.photoset-pick .item { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; margin: 0.2133333333rem 0; font-size: 0.3466666667rem; font-weight: 500; color: #636567; line-height: 0.8rem; text-align: center; background-color: #f0f0f0; }
.photoset-pick .item.active { font-weight: 600; color: #21c761; background-color: rgba(33, 199, 97, 0.1); }

.photoset-list-foot { line-height: 0.9066666667rem; text-align: center; }
.photoset-list-foot .btn { padding: 0; font-size: 0.4266666667rem; color: #ddd; line-height: 0.9066666667rem; }
.photoset-list-foot .btn.active { color: #21c761; }

/**  paper slidein */
/*.mask.paper-slidein-container { top: 1.1733333333rem; bottom: 1.3866666667rem; z-index: 1029; }*/
/*.mask.paper-slidein-container .btn-shut { color: #636567; }*/
/*.mask.paper-slidein-container .btn-shut i, .mask.paper-slidein-container .btn-shut span { display: inline-block; vertical-align: middle; }*/
/*.mask.paper-slidein-container .btn-shut i { margin-right: 0.1066666667rem; font-size: 0.3733333333rem; }*/
/*.mask.paper-slidein-container .btn-shut .text { font-size: 0.32rem; }*/
.mask.paper-slidein-container, .mask.marking-slidein-container { color: #636567; }
.mask.paper-slidein-container i, .mask.marking-slidein-container i, .mask.paper-slidein-container span, .mask.marking-slidein-container span { display: inline-block; vertical-align: middle; }
.mask.paper-slidein-container i, .mask.marking-slidein-container i { margin-right: 0.1066666667rem; font-size: 0.3733333333rem; }
.mask.paper-slidein-container .text, .mask.marking-slidein-container .text { font-size: 0.32rem; }
.mask.paper-slidein-container { bottom: 1.3866666667rem; z-index: 1029; }
/*.mask.paper-slidein-container .btn-shut { color: #636567; }*/
/*.mask.paper-slidein-container .btn-shut i, .mask.paper-slidein-container .btn-shut span { display: inline-block; vertical-align: middle; }*/
/*.mask.paper-slidein-container .btn-shut i { margin-right: 0.1066666667rem; font-size: 0.3733333333rem; }*/
/*.mask.paper-slidein-container .btn-shut .text { font-size: 0.32rem; }*/

.sheet-slidein { background-color: #f5f5f5; }
.sheet-slidein > .sheet-head { height: 0.8533333333rem; line-height: 0.8533333333rem; }
.sheet-slidein > .sheet-head .text { font-size: 0.3733333333rem; }
.sheet-slidein > .sheet-foot { margin-bottom: env(safe-area-inset-bottom); }
.sheet-start { height: 100%; background-color: white; }
.sheet-start .wrap { width: 100%; }
.sheet-start .sheet-foot { position: static; border-top: 0; }

.setting-slidein > .list { margin-top: 0.8533333333rem; margin-right: 0.4266666667rem; }
/**  marking papers */
.marking-main .swiper-slide { position: relative; overflow: hidden; width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;text-align: center;}
/*.marking-main .swiper-slide .img { position: absolute; top: 0; bottom: 0; left: 50%; display: block; width: 20rem; height: 100%; margin-left: -10rem; text-align: center; }*/
.marking-main .swiper-slide img { display: inline-block; }
.marking-main .swiper-pagination { top: 0.32rem; left: 50%; bottom: auto; width: 1.6rem; height: 0.5866666667rem; margin-left: -0.8rem; font-size: 0.32rem; color: white; line-height: 0.5866666667rem; background-color: rgba(0, 0, 0, 0.8); border-radius: 0.2933333333rem; }

.marking-foot { height: auto; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4D000000', GradientType=0); padding-top: 0.4266666667rem; background-color: transparent; border-top: 0; }
.marking-item { display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 1.04rem; margin: 0.0533333333rem; background-color: white; border-radius: 0.1066666667rem; -webkit-box-shadow: 0 0.0266666667rem 0.08rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.0266666667rem 0.08rem rgba(0, 0, 0, 0.2); }
.marking-item span { display: block; margin: 0.2133333333rem 0; line-height: 1; text-align: center; }
.marking-item .num { font-size: 0.4rem; font-weight: 600; color: #212325; }
.marking-item .info { font-size: 0.32rem; color: #636567; }
.marking-item a:hover { text-decoration: none; }
.marking-item.more { position: absolute; top: 0; right: -0.32rem; z-index: 1; width: 1.28rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }


.marking-foot-h { height: 1.04rem; margin: 0.1066666667rem 0; padding: 0 0.1066666667rem; line-height: 1.04rem; }
.marking-foot-h .title { display: inline-block; padding: 0 0.2666666667rem; font-size: 0.3733333333rem; font-weight: 600; color: white; line-height: inherit; background-color: rgba(76, 81, 84, 0.8); border-radius: 0.1066666667rem; }
.marking-form { position: relative; padding-right: 1.7066666667rem; line-height: inherit; }
.marking-form .form-con { font-size: 0; line-height: inherit; background-color: rgba(76, 81, 84, 0.8); border-radius: 0.1066666667rem; }
.marking-form .form-title, .marking-form .form-input { display: inline-block; font-size: 0.3733333333rem; color: white; line-height: inherit; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.marking-form .form-title { width: 70%; padding-left: 0.2666666667rem; font-weight: 600; }
.marking-form .form-input { width: 30%; padding-right: 0.2666666667rem; font-weight: 400; text-align: right; background-color: transparent; }
.marking-form .append { width: 1.6rem; line-height: inherit; }
.marking-form .append a { display: block; padding: 0; font-size: 0.3733333333rem; font-weight: 600; color: white; line-height: inherit; background-color: #4c5154; border: 0; border-radius: 0.1066666667rem; }

.marking-foot-b { margin-top: 0.0533333333rem; margin-bottom: 0.2666666667rem; padding-right: 0.0533333333rem; padding-left: 0.0533333333rem; }
.marking-foot-b .remark .marking-item { height: 1.3066666667rem; }
.cal ul { font-size: 0; }
.cal .cell { display: inline-block; width: 33.3%; vertical-align: middle; }
.cal .marking-item .icon { font-size: 0.5866666667rem; color: #4c5154; }
.cal .marking-item .num.point { font-size: 0.5333333333rem; }
.marking-foot-b.hasmore { position: relative; padding-right: 1.1733333333rem; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.marking-foot-b.hasmore.active { padding-right: 1.4933333333rem; }
.marking-foot-b.hasmore.active .more { right: 0.0533333333rem; }

.marking-foot-f { position: relative; height: 1.3866666667rem; padding-right: 3.0133333333rem; padding-bottom: env(safe-area-inset-bottom); }
.marking-foot-f .append { display: -webkit-flex; display: flex; align-items: center; width: 3.0133333333rem; padding: 0 0.4266666667rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.marking-foot-f .append .btn { width: 100%; padding-right: 0; padding-left: 0; font-size: 0.3733333333rem; -webkit-box-shadow: 0 0.0266666667rem 0.08rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.0266666667rem 0.08rem rgba(0, 0, 0, 0.2); }
.marking-foot-f .nav-link { color: white; -webkit-text-shadow: 0 0.0266666667rem 0.0533333333rem rgba(0, 0, 0, 0.5); text-shadow: 0 0.0266666667rem 0.0533333333rem rgba(0, 0, 0, 0.5); }
.marking-foot-f .nav-link.active { color: #21c761; }

/**  marking list */
.marking-list .list-row { height: auto; padding-top: 0.4266666667rem; padding-bottom: 0.4266666667rem; }
.marking-list .list-row .title { margin-bottom: 0.2133333333rem; font-size: 0.4266666667rem; font-weight: 600; color: #212325; line-height: 1; }
.marking-list .list-row .info { font-size: 0.32rem; color: #939597; line-height: 1; }
.marking-list .list-row .append { right: 0.4266666667rem; }
.marking-list .list-row .append .score { font-size: 0.4266666667rem; font-weight: 600; color: #212325; }
.obj-list .list-row { height: auto; padding-top: 0.4266666667rem; padding-bottom: 0.4266666667rem; }
.obj-list .list-row .title { display: -webkit-flex; display: flex; align-items: center; font-size: 0.3733333333rem; font-weight: 600; color: #212325; line-height: 1; }
.obj-list .list-row .title .index { display: inline-block; width: 0.8533333333rem; vertical-align: middle; }
.obj-list .list-row .title .blank { width:0.4266666667rem; }
.obj-list .list-row .info-group { margin-top: 0.32rem; margin-left: 0.8533333333rem; line-height: 1; }
.obj-list .list-row .info-group .info { margin-right: 0.4266666667rem; color: #636567; }

/**  marking slidein */
.mask.marking-slidein-container { top: 1.1733333333rem; bottom: 0; z-index: 1031; }

/**  marking card */
.sum-card .card-wrap { padding-top: 0.2133333333rem; padding-bottom: 0.2133333333rem; }
.sum-card .card-body { position: relative; padding-right: 2.5066666667rem; }
.sum-card .infolist .wrap { display: -webkit-flex; display: flex; align-items: center; font-size: 0.32rem; line-height: 0.7733333333rem; }
.sum-card .infolist .wrap .dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin-right: 0.32rem; background-color: #21c761; }
.sum-card .infolist .wrap .title { font-weight: 600; color: black; }
.sum-card .infolist .wrap .text { color: #939597; }
.sum-card .append { display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 2.5066666667rem; border-left: 0.0266666667rem solid rgba(238, 238, 238, 0.8); }
.sum-card .append .wrap { text-align: center; }
.sum-card .append .wrap .score { font-size: 0.32rem; font-weight: 700; color: #21c761; line-height: 1; }
.sum-card .append .wrap .score span { font-size: 0.8533333333rem; }
.sum-card .append .wrap .btn.btn-suffix-icon { padding: 0; font-size: 0.32rem; }
.sum-card .append .wrap .btn.btn-suffix-icon i { margin-left: 0.0533333333rem; }

.sum-img-card .card-wrap { padding-top: 0.2133333333rem; padding-bottom: 0.2133333333rem; padding-right: 0.4266666667rem; padding-left: 0.4266666667rem; }
.sum-img-card .card-body { padding-right: 0; padding-left: 0; }
.sum-img-card .imglist { margin: 0.2133333333rem 0; }
.sum-img-card .imglist .wrap { position: relative; background-color: #f5f5f5; border: 0.0266666667rem solid #eee; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sum-img-card .imglist .wrap .img { position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; margin-top: -100%; margin-left: -100%; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.card .list { background-color: transparent; }

/**  preview mask */
.preview-mask .shut { position: fixed; top: 0.4266666667rem; right: 0.4266666667rem; z-index: 2; width: 0.72rem; height: 0.72rem; color: white; line-height: 0.72rem; text-align: center; }
.preview-mask .shut i { font-size: 0.5333333333rem; -webkit-text-shadow: 0 0 0.1066666667rem rgba(0, 0, 0, 0.4); text-shadow: 0 0 0.1066666667rem rgba(0, 0, 0, 0.4); }
.preview-mask .swiper-pagination { top: auto; bottom: 0.32rem; }
.preview-mask .swiper-slide { display: -webkit-flex; display: flex; align-items: center; }
.mask-inner-div { width: 100%; height: 100%; position: fixed; top: 1.1466666667rem; }

/** 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; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

.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; }

.center { display: -webkit-flex; display: flex; justify-content: center; align-items: center; }

.primary { color: #21c761 !important; }

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

.green { color: #21d06f !important; }

.red { color: #fd5344 !important; }

.yellow { color: #ffa23e !important; }

.orange { color: #ff4f38 !important; }

.purple { color: #8c38e9 !important; }

.dark { color: #212325 !important; }

.base { color: #313335 !important; }

.light { color: #afafaf !important; }

.bg-dark { background-color: #f5f5f5; }

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

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

.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: #21c761; }

.link-normal { font-size: inherit; color: #21c761; text-decoration: none; }
.link-normal:hover { text-decoration: underline; }

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

.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.1066666667rem; }

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

.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.3333333333%; }

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

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

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

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

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

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

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

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

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

.mt10 { margin-top: 0.2666666667rem; }

.mr10 { margin-right: 0.2666666667rem; }

.mb10 { margin-bottom: 0.2666666667rem; }

.ml10 { margin-left: 0.2666666667rem; }

.mt20 { margin-top: 0.5333333333rem; }

.mr20 { margin-right: 0.5333333333rem; }

.mb20 { margin-bottom: 0.5333333333rem; }

.ml20 { margin-left: 0.5333333333rem; }

.mt30 { margin-top: 0.8rem; }

.mr30 { margin-right: 0.8rem; }

.mb30 { margin-bottom: 0.8rem; }

.ml30 { margin-left: 0.8rem; }

.mt30 { margin-top: 0.8rem; }

.mr30 { margin-right: 0.8rem; }

.mb30 { margin-bottom: 0.8rem; }

.ml30 { margin-left: 0.8rem; }

.mt40 { margin-top: 1.0666666667rem; }

.mr40 { margin-right: 1.0666666667rem; }

.mb40 { margin-bottom: 1.0666666667rem; }

.ml40 { margin-left: 1.0666666667rem; }

.mt50 { margin-top: 1.3333333333rem; }

.mr50 { margin-right: 1.3333333333rem; }

.mb50 { margin-bottom: 1.3333333333rem; }

.ml50 { margin-left: 1.3333333333rem; }

.pt10 { padding-top: 0.2666666667rem; }

.pr10 { padding-right: 0.2666666667rem; }

.pb10 { padding-bottom: 0.2666666667rem; }

.pl10 { padding-left: 0.2666666667rem; }

.pt20 { padding-top: 0.5333333333rem; }

.pr20 { padding-right: 0.5333333333rem; }

.pb20 { padding-bottom: 0.5333333333rem; }

.pl20 { padding-left: 0.5333333333rem; }

.pt30 { padding-top: 0.8rem; }

.pr30 { padding-right: 0.8rem; }

.pb30 { padding-bottom: 0.8rem; }

.pl30 { padding-left: 0.8rem; }

.pt40 { padding-top: 1.0666666667rem; }

.pr40 { padding-right: 1.0666666667rem; }

.pb40 { padding-bottom: 1.0666666667rem; }

.pl40 { padding-left: 1.0666666667rem; }

.pt50 { padding-top: 1.3333333333rem; }

.pr50 { padding-right: 1.3333333333rem; }

.pb50 { padding-bottom: 1.3333333333rem; }

.pl50 { padding-left: 1.3333333333rem; }

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

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

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

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

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

.portrait { background-image: url("../../../statistics/analysis/images/portrait/port.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; 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; }

/*去掉jquery mobile默认样式*/
.ui-loader-default{ display:none}

.ui-mobile-viewport{ border:none;}

.ui-page {padding: 0; margin: 0; outline: 0}