/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, q, s, samp,
small, strike, strong, sub, sup,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

a {
    text-decoration: none; }

input, textarea, button, a, select, div {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent !important; }

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    /*-webkit-user-select:none;*/ }

a, img, label {
    /*-webkit-touch-callout: none;*/
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

input:focus {
    outline: none; }

/**
 * sass core
 */
/*多行截字*/
/*基础类在common中*/
/*处理border*/
/*单独控制图标的大小*/
/**
 * var
 */
:root {
    --m-content-text: #333;
    --m-subtitle-text: #636363;
    --m-attachment-text: #939393;
    --m-link-text: #507daf;
    --m-brand-text: #ff8200;
    --m-warn-text: #e14123;
    --m-encourage-text: #10b524;
    --m-base-background: #f2f2f2;
    --m-card-background: #fff;
    --m-repost-background: #f8f8f8;
    --m-input-background: #e3e4e6;
    --m-round-btn-background: rgba(0, 0, 0, 0.3);
    --m-border-color: #e6e6e6;
    --m-checkbox-border: #ccc;
    --m-pop-background: #f8f8f8;
    --m-pop-line: #f2f2f2;
    --m-pop-s-background: #fff;
    --m-pop-s-border: #a6a6a6;
    --m-mask-background: rgba(0, 0, 0, 0.6);
    --m-toast-background: rgba(51, 51, 51, 0.94);
    --m-dialog-background: rgba(255, 255, 255, 0.95);
    --m-dialog-background-alpha: rgba(255, 255, 255, 0.8);
    --m-dialog-border: #d0d0d0;
    --m-action-back-background: rgba(255, 255, 255, 0.8);
    --m-action-background: rgba(255, 255, 255, 0.8);
    --m-bottom-bar-background: #f9f9f9;
    --m-tab-background: #f5f5f5;
    --m-btn-default-border: rgba(147, 147, 147, 0.4);
    --m-dark-fliter: none;
    --m-dark-gpu: none;
    --m-img-cover: transparent;
    --m-switch-background: #fff;
    --m-switch-btn: #fff;
    --m-switch-border: #ddd; }

@media (prefers-color-scheme: dark) {
    :root[data-theme='dark'] {
        --m-content-text: #d3d3d3;
        --m-subtitle-text: #999;
        --m-attachment-text: #888;
        --m-link-text: #6290c3;
        --m-brand-text: #ea8011;
        --m-warn-text: #d33635;
        --m-encourage-text: #2aa045;
        --m-base-background: #151515;
        --m-card-background: #1e1e1e;
        --m-repost-background: #191919;
        --m-input-background: #2c2c2c;
        --m-round-btn-background: rgba(255, 255, 255, 0.3);
        --m-border-color: #151515;
        --m-checkbox-border: #2c2c2c;
        --m-pop-background: #222;
        --m-pop-line: #151515;
        --m-pop-s-background: #222;
        --m-pop-s-border: #505050;
        --m-mask-background: rgba(0, 0, 0, 0.6);
        --m-toast-background: #222;
        --m-dialog-background: #222;
        --m-dialog-background-alpha: #222;
        --m-dialog-border: #151515;
        --m-action-back-background: #333;
        --m-action-background: #222;
        --m-bottom-bar-background: #1e1e1e;
        --m-tab-background: #1d1d1d;
        --m-btn-default-border: rgba(147, 147, 147, 0.6);
        --m-dark-fliter: brightness(90%);
        --m-img-cover: rgba(0, 0, 0, 0.1);
        --m-switch-background: #404040;
        --m-switch-btn: #ccc;
        --m-switch-border: #404040; } }

/*Background color*/
/*Font icon color*/
/*card background*/
/*Font Name*/
/*Font Path*/
/*Font Class Prefix*/
/*Image Icon Prefix*/
/*Image Icon Path*/
/*Button Prefix*/
/*Animation Prefix*/
/*Border Color*/
/*bar background color*/
/*line box background color*/
/*tap topbar bg*/
/*Popup background*/
/*Dialog background*/
/*Pop s background*/
/**/
/*Pop s border*/
/*Pop lt background*/
/*Pop lt line color*/
/*Avatar Line Color*/
/*Rank Star Color*/
/*switch*/
/*Colors*/
/*font*/
/*Font Size*/
/*层优先级*/
/*card gap*/
/*devices*/
/**
 * common
 */
html {
    background: #f2f2f2;
    background: var(--m-base-background);
    font-size: 16px; }

a {
    color: #507daf;
    color: var(--m-link-text); }

.card {
    margin-bottom: 0.5625rem; }
.card .card-wrap {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    height: 100%; }
.card .card-wrap .card-main {
    box-sizing: border-box;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    height: 100%; }
.card .card-wrap .card-main > .m-box {
    height: 100%; }
.card .box-right .m-font-arrow-right {
    font-size: 0.875rem;
    width: 0.625rem;
    color: #939393;
    color: var(--m-attachment-text); }

.m-img-icon,
.link-text,
.main-link,
.sub-link {
    display: inline-block;
    vertical-align: middle; }

.m-active {
    background-color: #e6e6e6 !important;
    background-color: var(--m-border-color) !important;
    position: relative;
    z-index: 2; }

.m-img-box {
    display: inline-block;
    position: relative;
    width: 100%; }
.m-img-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: transparent;
    background-color: var(--m-img-cover); }
.m-img-box img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover; }

.m-text-cut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.m-text-cut-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.m-img-icon {
    margin-right: 0.625rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    position: relative; }
.m-img-icon::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: transparent;
    background-color: var(--m-img-cover); }
.m-img-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top; }

.m-link-icon {
    margin-left: 0.25rem;
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 0.875rem;
    font-size: 0; }
.m-link-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top; }

.m-line-gradient {
    -webkit-mask: -webkit-linear-gradient(top, transparent, #000 30%, #000 70%, transparent 100%);
    width: 1px;
    background-color: #e6e6e6;
    background-color: var(--m-border-color);
    height: 1.5rem; }
.android .m-line-gradient {
    -webkit-transform: scale(0.5, 1);
    -ms-transform: scale(0.5, 1);
    transform: scale(0.5, 1); }
.iosx2 .m-line-gradient {
    width: 0.5px; }
.iosx3 .m-line-gradient {
    width: 0.35714px; }

/*点评星星元素*/
.m-star-box {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    line-height: 1;
    color: #b8b8b8; }
.m-star-box .star-value {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap; }
.m-star-box .star-value .m-font-star {
    color: #fcce17; }
.m-star-box .m-font-star {
    vertical-align: top;
    font-size: 1em; }

/*点评星星另一种表现形式*/
.m-star-full {
    color: #fcce17; }

.m-star-null {
    color: #b8b8b8; }

.m-star-half {
    color: #b8b8b8; }
.m-star-half::after {
    width: 50%;
    color: #fcce17;
    overflow: hidden; }

/*image and text box*/
.m-text-box h3 {
    font-size: 1rem;
    color: #333;
    color: var(--m-content-text);
    line-height: 1.4; }
.m-text-box h3.txt-cut {
    line-height: normal; }
.m-text-box h3 .m-icon {
    vertical-align: -0.125rem; }

.m-text-box h4 {
    font-size: 0.75rem;
    color: #636363;
    color: var(--m-subtitle-text);
    line-height: 1.5; }
.m-text-box h4:last-child {
    color: #939393;
    color: var(--m-attachment-text); }

.m-text-box > * {
    margin: 0 0 0.375rem 0; }

.m-text-box > :last-child {
    margin: 0; }

.m-btn-box .m-diy-btn {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
.m-btn-box .m-diy-btn img {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top; }
.m-btn-box .m-diy-btn .m-font {
    font-size: 1.5rem; }
.m-btn-box .m-diy-btn h4 {
    font-size: 0.625rem;
    margin: 0.25rem 0 0 0; }

.box-right.m-btn-box {
    color: #507daf;
    color: var(--m-link-text);
    margin-left: 0.75rem;
    width: 3.25rem; }

/*follow btn*/
.m-add-box {
    color: #ff8200;
    color: var(--m-brand-text);
    text-align: center;
    display: inline-block; }
.m-add-box.m-btn {
    width: 2.3125rem;
    min-width: 0;
    height: 2.0625rem;
    line-height: 2.0625rem;
    vertical-align: top; }
.m-add-box.m-btn .m-font {
    font-size: 1.25rem; }
.m-add-box.m-add-text {
    width: auto;
    color: #ff8200;
    color: var(--m-brand-text);
    font-size: 0.75rem;
    padding: 0 0.625rem;
    height: 1.6875rem;
    line-height: 1.6875rem; }
.m-add-box.m-add-text .m-font {
    font-size: 0.75rem;
    vertical-align: top; }
.m-add-box h4 {
    font-size: 0.625rem; }
.m-add-box .m-font {
    color: #ff8200;
    color: var(--m-brand-text);
    font-size: 1.75rem; }
.m-add-box.m-add-al {
    color: #939393;
    color: var(--m-attachment-text); }
.m-add-box.m-add-al .m-font {
    color: #939393;
    color: var(--m-attachment-text); }
.m-add-box.m-add-each {
    color: #10b524;
    color: var(--m-encourage-text); }
.m-add-box.m-add-each .m-font {
    color: #10b524;
    color: var(--m-encourage-text); }

.m-sld-dot li {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 0 0.25rem; }
.m-sld-dot li.cur {
    background: #FF8200; }

.m-ctrl-box .m-diy-btn {
    color: #939393;
    color: var(--m-attachment-text);
    height: 100%; }
.m-ctrl-box .m-diy-btn img {
    width: 1.125rem;
    height: 1.125rem; }
.m-ctrl-box .m-diy-btn h4 {
    font-size: 0.8125rem;
    display: inline-block;
    margin-top: 0;
    margin-left: 0.25rem; }
.m-ctrl-box .m-diy-btn h4 a {
    color: #507daf;
    color: var(--m-link-text); }

.m-ctrl-box .m-font {
    font-size: 1rem;
    vertical-align: middle; }

.m-ctrl-box .m-icon {
    font-size: 16px;
    vertical-align: middle; }
@media screen and (min-width: 414px) and (max-width: 767px) {
    .m-ctrl-box .m-icon {
        font-size: 17px; } }
@media screen and (min-width: 768px) {
    .m-ctrl-box .m-icon {
        font-size: 20px; } }

footer.m-ctrl-box {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: #e6e6e6;
    border-color: var(--m-border-color);
    border-style: solid;
    height: 2.125rem; }
.android footer.m-ctrl-box {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: transparent;
    border-style: solid;
    border-image: url("data:image/svg+xml;utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%226%22%20height=%226%22%20viewBox=%220%200%206%206%22%3E%3Cpath%20fill=%22none%22%20stroke=%22var(--m-border-color)%22%20stroke-width=%22.5%22%20stroke-miterlimit=%2210%22%20d=%22M.3.3h5.5v5.5H.3z%22/%3E%3C/svg%3E") 2 repeat; }
.iosx2 footer.m-ctrl-box {
    border-image: none;
    border-top-width: 0.5px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0; }
.iosx3 footer.m-ctrl-box {
    border-image: none;
    border-top-width: 0.35714px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0; }

.m-btm-btns .m-box-col {
    margin-right: 0.625rem; }
.m-btm-btns .m-box-col:last-child {
    margin: 0; }

.m-btm-btns a {
    width: 100%; }

/*处理头像圆角 icsize控制处理不同设备的V标适配*/
.m-avatar-box .m-img-box {
    border-radius: 50%;
    position: relative; }
.m-avatar-box .m-img-box::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%; }
.iosx2 .m-avatar-box .m-img-box::before {
    border: 0.5px solid rgba(0, 0, 0, 0.05); }
.iosx3 .m-avatar-box .m-img-box::before {
    border: 0.35714px solid rgba(0, 0, 0, 0.05); }
.m-avatar-box .m-img-box img {
    border-radius: 50%; }
.m-avatar-box .m-img-box .m-icon {
    position: absolute;
    z-index: 3;
    right: -0.0625rem;
    bottom: -0.0625rem; }

.m-avatar-box.m-col-4 .m-icon {
    font-size: 18px; }
@media screen and (min-width: 414px) and (max-width: 767px) {
    .m-avatar-box.m-col-4 .m-icon {
        font-size: 20px; } }
@media screen and (min-width: 768px) {
    .m-avatar-box.m-col-4 .m-icon {
        font-size: 23px; } }

.m-avatar-box.m-col-7 .m-icon {
    font-size: 10px; }
@media screen and (min-width: 414px) and (max-width: 767px) {
    .m-avatar-box.m-col-7 .m-icon {
        font-size: 11px; } }
@media screen and (min-width: 768px) {
    .m-avatar-box.m-col-7 .m-icon {
        font-size: 13px; } }

/*遮罩层*/
.m-mask {
    position: fixed;
    z-index: 996;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    background: var(--m-mask-background); }

/*控制图片容器内图形尺寸*/
[class*=m-imghold] {
    height: 0;
    position: relative; }
[class*=m-imghold] > img {
    z-index: 0;
    height: 100%;
    position: absolute; }

.m-imghold-square {
    padding-bottom: 100%; }

.m-imghold-wide {
    padding-bottom: 56.25%; }

/*解决低版本安卓不支持object-fit属性*/
.m-img-fix {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }

/**
 * font icon
 */
/**
 * fontface
 */
@font-face {
    font-family: "marvelfont";
    src: url("data:font/woff;base64,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") format("woff");
    font-weight: normal;
    font-style: normal; }

.m-font {
    font-family: "marvelfont";
    display: inline-block;
    -webkit-font-smoothing: antialiased; }

/*arrow right chart 1*/
.m-font-arrow-right::before {
    content: "\E000"; }

.m-font-dot-more::before {
    content: "\E001"; }

.m-font-download::before {
    content: "\E002"; }

.m-font-comment::before {
    content: "\E003"; }

.m-font-forward::before {
    content: "\E004"; }

.m-font-star {
    position: relative;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--m-dark-fliter);
    filter: var(--m-dark-fliter); }
.m-font-star::before {
    content: "\E005"; }
.m-font-star::after {
    content: "\E005";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.m-font-follow::before {
    content: "\E006"; }

.m-font-followed::before {
    content: "\E007"; }

.m-font-arrow-down::before {
    content: "\E008"; }

.m-font-check::before {
    content: "\E009"; }

.m-font-close::before {
    content: "\E00A"; }

.m-font-exchange::before {
    content: "\E00B"; }

.m-font-minus::before {
    content: "\E00C"; }

.m-font-plus::before {
    content: "\E00D"; }

.m-font-repeat::before {
    content: "\E00E"; }

.m-font-play::before {
    content: "\E00F"; }

.m-font-stop::before {
    content: "\E010"; }

.m-font-down::before {
    content: "\E011"; }

.m-font-up::before {
    content: "\E012"; }

.m-font-chart::before {
    content: "\E013"; }

.m-font-up-s::before {
    content: "\E014"; }

.m-font-search::before {
    content: "\E015"; }

.m-font-bars::before {
    content: "\E016"; }

.m-font-arrow-left::before {
    content: "\E017"; }

.m-font-wb::before {
    content: "\E018"; }

.m-font-wbmsg::before {
    content: "\E019"; }

.m-font-wc::before {
    content: "\E01A"; }

.m-font-warn::before {
    content: "\E01B"; }

.m-font-wcmms::before {
    content: "\E01C"; }

.m-font-line-check::before {
    content: "\E01D"; }

.m-font-line-close::before {
    content: "\E01E"; }

.m-font-live::before {
    content: "\E01F"; }

/**
 * layout
 */
.m-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.m-box-col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    display: block;
    min-width: 0; }

.m-box-center-a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.m-box-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.m-box-dir {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.m-tb {
    display: table;
    box-sizing: border-box; }

.m-thd {
    display: table-header-group; }

.m-tbd {
    display: table-row-group; }

.m-tr {
    display: table-row; }

.m-td {
    display: table-cell; }

.m-item-list {
    overflow: hidden;
    font-size: 0;
    margin-bottom: -1px; }

.m-item-box {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    font-size: 0;
    color: #333;
    color: var(--m-content-text); }
.m-item-box::before, .m-item-box::after {
    content: "";
    position: absolute; }
.m-item-box::before {
    right: 0;
    top: 1rem;
    bottom: 1rem;
    width: 1px;
    background-color: #e6e6e6;
    background-color: var(--m-border-color); }
.android .m-item-box::before {
    -webkit-transform: scale(0.5, 1);
    -ms-transform: scale(0.5, 1);
    transform: scale(0.5, 1); }
.iosx2 .m-item-box::before {
    width: 0.5px; }
.iosx3 .m-item-box::before {
    width: 0.35714px; }
.m-item-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background-color: #e6e6e6;
    background-color: var(--m-border-color); }
.android .m-item-box::after {
    -webkit-transform: scale(1, 0.5);
    -ms-transform: scale(1, 0.5);
    transform: scale(1, 0.5); }
.iosx2 .m-item-box::after {
    height: 0.5px; }
.iosx3 .m-item-box::after {
    height: 0.35714px; }
.m-no-break .m-item-box::before, .m-no-break .m-item-box::after {
    background-color: transparent; }

.m-auto-list {
    overflow: hidden;
    font-size: 0; }

.m-auto-box {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box; }

.m-col-1 .m-item-box,
.m-col-1 .m-auto-box {
    width: 100%; }

.m-col-1 .m-item-box:nth-of-type(1n)::before {
    display: none; }

.m-col-2 .m-item-box,
.m-col-2 .m-auto-box {
    width: 50%; }

.m-col-2 .m-item-box:nth-of-type(2n)::before {
    display: none; }

.m-col-3 .m-item-box,
.m-col-3 .m-auto-box {
    width: 33.33333%; }

.m-col-3 .m-item-box:nth-of-type(3n)::before {
    display: none; }

.m-col-4 .m-item-box,
.m-col-4 .m-auto-box {
    width: 25%; }

.m-col-4 .m-item-box:nth-of-type(4n)::before {
    display: none; }

.m-col-5 .m-item-box,
.m-col-5 .m-auto-box {
    width: 20%; }

.m-col-5 .m-item-box:nth-of-type(5n)::before {
    display: none; }

.m-col-6 .m-item-box,
.m-col-6 .m-auto-box {
    width: 16.66667%; }

.m-col-6 .m-item-box:nth-of-type(6n)::before {
    display: none; }

.m-col-7 .m-item-box,
.m-col-7 .m-auto-box {
    width: 14.28571%; }

.m-col-7 .m-item-box:nth-of-type(7n)::before {
    display: none; }

.m-col-8 .m-item-box,
.m-col-8 .m-auto-box {
    width: 12.5%; }

.m-col-8 .m-item-box:nth-of-type(8n)::before {
    display: none; }

.m-col-9 .m-item-box,
.m-col-9 .m-auto-box {
    width: 11.11111%; }

.m-col-9 .m-item-box:nth-of-type(9n)::before {
    display: none; }

.m-col-10 .m-item-box,
.m-col-10 .m-auto-box {
    width: 10%; }

.m-col-10 .m-item-box:nth-of-type(10n)::before {
    display: none; }

[class*="m-col"] {
    overflow: hidden; }

/**
 * card panel
 */
.m-panel {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: #e6e6e6;
    border-color: var(--m-border-color);
    border-style: solid;
    background: #fff;
    background: var(--m-card-background); }
.android .m-panel {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: transparent;
    border-style: solid;
    border-image: url("data:image/svg+xml;utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%226%22%20height=%226%22%20viewBox=%220%200%206%206%22%3E%3Cpath%20fill=%22none%22%20stroke=%22var(--m-border-color)%22%20stroke-width=%22.5%22%20stroke-miterlimit=%2210%22%20d=%22M.3.3h5.5v5.5H.3z%22/%3E%3C/svg%3E") 2 repeat; }
.iosx2 .m-panel {
    border-image: none;
    border-top-width: 0.5px;
    border-right-width: 0;
    border-bottom-width: 0.5px;
    border-left-width: 0; }
.iosx3 .m-panel {
    border-image: none;
    border-top-width: 0.35714px;
    border-right-width: 0;
    border-bottom-width: 0.35714px;
    border-left-width: 0; }

.m-bar-panel {
    background-color: #f9f9f9;
    background-color: var(--m-bottom-bar-background);
    box-shadow: inset 0 1px 0 0 #e6e6e6, 0 -2px 2px -1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 0 var(--m-border-color), 0 -2px 2px -1px rgba(0, 0, 0, 0.15); }

.m-line-panel {
    background-color: #f9f9f9;
    background-color: var(--m-bottom-bar-background);
    border-top: 1px solid #e6e6e6;
    border-top: 1px solid var(--m-border-color); }
.iosx2 .m-line-panel {
    border-top: 0.5px solid #e6e6e6;
    border-top: 0.5px solid var(--m-border-color); }
.iosx3 .m-line-panel {
    border-top: 0.35714px solid #e6e6e6;
    border-top: 0.35714px solid var(--m-border-color); }

/*配合class="m-in-panel m-panel"，可消除上边框，实现类似card11的需求目的*/
.m-in-panel > .m-panel {
    border-top: 0 !important; }

/**
 * m-bubble
 */
.m-bubble {
    display: inline-block;
    vertical-align: middle; }

.m-bubble-red {
    box-sizing: border-box;
    padding: 0 0.3125rem;
    height: 1rem;
    min-width: 1rem;
    line-height: 1rem;
    border-radius: 0.625rem;
    background: #e14123;
    background: var(--m-warn-text);
    color: #333;
    color: var(--m-content-text);
    font-size: 0.625rem;
    text-align: center; }

.m-bubble-red-s {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #e14123;
    background: var(--m-warn-text); }

/**
 * button
 */
[class^="m-btn"] {
    -webkit-touch-callout: none;
    -webkit-user-select: none; }

.m-btn {
    text-align: center;
    line-height: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    border-radius: 2.5rem;
    outline: 0;
    display: inline-block;
    min-width: 4.375rem;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--m-dark-fliter);
    filter: var(--m-dark-fliter); }
.m-btn.m-btn-block {
    width: 100%;
    display: block; }

.m-btn-round {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    width: 0.625em;
    height: 0.625em;
    font-size: 1.8rem;
    position: relative;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--m-dark-fliter);
    filter: var(--m-dark-fliter); }
.m-btn-round:active .m-font {
    opacity: 0.6; }
.m-btn-round .m-font {
    font-size: 0.375em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff; }

.m-btn-large {
    font-size: 2.2rem; }

.m-btn-media {
    font-size: 5rem; }
.m-btn-media .m-font {
    font-size: 0.25em; }
.m-btn-media .m-font-play {
    margin-left: 0.125em; }
.m-btn-media .m-font-live {
    margin-top: -0.0625em; }
.m-btn-media:active .m-font {
    opacity: 1; }

/*按钮名称 文字色 背景色 边框大小 边框颜色 激活色 激活边框*/
.m-btn-red {
    color: #fff;
    background: linear-gradient(to right, #e72a25 0%, #ff8181 100%);
    border: 0 solid transparent; }
.iosx2 .m-btn-red {
    border: 0 solid transparent; }
.iosx3 .m-btn-red {
    border: 0 solid transparent; }
.m-btn-red:active {
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to right, #d52722 0%, #eb7777 100%);
    border-color: transparent; }
.m-btn-red:disabled, .m-btn-red.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-red:disabled:active, .m-btn-red.m-btn-disabled:active {
    background: linear-gradient(to right, #e72a25 0%, #ff8181 100%);
    border-color: transparent; }

.m-btn-green {
    color: #fff;
    background: linear-gradient(to right, #49ba5c 0%, #6fd687 100%);
    border: 0 solid transparent; }
.iosx2 .m-btn-green {
    border: 0 solid transparent; }
.iosx3 .m-btn-green {
    border: 0 solid transparent; }
.m-btn-green:active {
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to right, #43ab55 0%, #66c57c 100%);
    border-color: transparent; }
.m-btn-green:disabled, .m-btn-green.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-green:disabled:active, .m-btn-green.m-btn-disabled:active {
    background: linear-gradient(to right, #49ba5c 0%, #6fd687 100%);
    border-color: transparent; }

.m-btn-orange {
    color: #fff;
    background: linear-gradient(to right, #ff8200 0%, #ffbc33 100%);
    border: 0 solid transparent; }
.iosx2 .m-btn-orange {
    border: 0 solid transparent; }
.iosx3 .m-btn-orange {
    border: 0 solid transparent; }
.m-btn-orange:active {
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to right, #eb7800 0%, #ebad2f 100%);
    border-color: transparent; }
.m-btn-orange:disabled, .m-btn-orange.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-orange:disabled:active, .m-btn-orange.m-btn-disabled:active {
    background: linear-gradient(to right, #ff8200 0%, #ffbc33 100%);
    border-color: transparent; }

.m-btn-blue {
    color: #fff;
    background: linear-gradient(to right, #4294ea 0%, #52b4eb 100%);
    border: 0 solid transparent; }
.iosx2 .m-btn-blue {
    border: 0 solid transparent; }
.iosx3 .m-btn-blue {
    border: 0 solid transparent; }
.m-btn-blue:active {
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(to right, #3a7fc6 0%, #6dafd3 100%);
    border-color: transparent; }
.m-btn-blue:disabled, .m-btn-blue.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-blue:disabled:active, .m-btn-blue.m-btn-disabled:active {
    background: linear-gradient(to right, #4294ea 0%, #52b4eb 100%);
    border-color: transparent; }

.m-btn-ltgreen {
    color: #fff;
    background: #29c944;
    border: 0 solid transparent; }
.iosx2 .m-btn-ltgreen {
    border: 0 solid transparent; }
.iosx3 .m-btn-ltgreen {
    border: 0 solid transparent; }
.m-btn-ltgreen:active {
    color: rgba(255, 255, 255, 0.5);
    background: #1f9733;
    border-color: #1f9733; }
.m-btn-ltgreen:disabled, .m-btn-ltgreen.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-ltgreen:disabled:active, .m-btn-ltgreen.m-btn-disabled:active {
    background: #29c944;
    border-color: transparent; }

.m-btn-ltred {
    color: #fff;
    background: #ef3f1e;
    border: 0 solid transparent; }
.iosx2 .m-btn-ltred {
    border: 0 solid transparent; }
.iosx3 .m-btn-ltred {
    border: 0 solid transparent; }
.m-btn-ltred:active {
    color: rgba(255, 255, 255, 0.5);
    background: #b32f16;
    border-color: #b32f16; }
.m-btn-ltred:disabled, .m-btn-ltred.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-ltred:disabled:active, .m-btn-ltred.m-btn-disabled:active {
    background: #ef3f1e;
    border-color: transparent; }

.m-btn-bdgreen {
    color: #fff;
    background: #29c944;
    border: 1px solid #fff; }
.iosx2 .m-btn-bdgreen {
    border: 0.5px solid #fff; }
.iosx3 .m-btn-bdgreen {
    border: 0.35714px solid #fff; }
.m-btn-bdgreen:active {
    color: rgba(255, 255, 255, 0.5);
    background: #1f9733;
    border-color: #bfbfbf; }
.m-btn-bdgreen:disabled, .m-btn-bdgreen.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-bdgreen:disabled:active, .m-btn-bdgreen.m-btn-disabled:active {
    background: #29c944;
    border-color: #fff; }

.m-btn-gray {
    color: #fff;
    background: #797979;
    border: 0 solid transparent; }
.iosx2 .m-btn-gray {
    border: 0 solid transparent; }
.iosx3 .m-btn-gray {
    border: 0 solid transparent; }
.m-btn-gray:active {
    color: rgba(255, 255, 255, 0.5);
    background: #bdbdbd;
    border-color: #bdbdbd; }
.m-btn-gray:disabled, .m-btn-gray.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-gray:disabled:active, .m-btn-gray.m-btn-disabled:active {
    background: #797979;
    border-color: transparent; }

.m-btn-mblack {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    background: var(--m-round-btn-background);
    border: 0 solid transparent; }
.iosx2 .m-btn-mblack {
    border: 0 solid transparent; }
.iosx3 .m-btn-mblack {
    border: 0 solid transparent; }
.m-btn-mblack:active {
    color: rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0.3);
    background: var(--m-round-btn-background);
    border-color: #fff; }
.m-btn-mblack:disabled, .m-btn-mblack.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-mblack:disabled:active, .m-btn-mblack.m-btn-disabled:active {
    background: rgba(0, 0, 0, 0.3);
    background: var(--m-round-btn-background);
    border-color: transparent; }

.m-btn-myellow {
    color: #fff;
    background: #faa247;
    border: 1px solid #fff; }
.iosx2 .m-btn-myellow {
    border: 0.5px solid #fff; }
.iosx3 .m-btn-myellow {
    border: 0.35714px solid #fff; }
.m-btn-myellow:active {
    color: rgba(255, 255, 255, 0.5);
    background: #faa247;
    border-color: #fff; }
.m-btn-myellow:disabled, .m-btn-myellow.m-btn-disabled {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.4; }
.m-btn-myellow:disabled:active, .m-btn-myellow.m-btn-disabled:active {
    background: #faa247;
    border-color: #fff; }

.m-btn-white {
    color: #636363;
    color: var(--m-subtitle-text);
    border: 1px solid rgba(147, 147, 147, 0.4);
    border: 1px solid var(--m-btn-default-border); }
.iosx2 .m-btn-white {
    border: 0.5px solid rgba(147, 147, 147, 0.4);
    border: 0.5px solid var(--m-btn-default-border); }
.iosx3 .m-btn-white {
    border: 0.35714px solid rgba(147, 147, 147, 0.4);
    border: 0.35714px solid var(--m-btn-default-border); }
.m-btn-white:disabled, .m-btn-white.m-btn-disabled {
    opacity: 0.3; }

.m-btn-white.m-btn-text-orange {
    color: #ff8200;
    border-color: #ff8200; }
.m-btn-white.m-btn-text-orange:active {
    border-color: rgba(255, 130, 0, 0.75);
    background-color: rgba(255, 130, 0, 0.05); }

.m-btn-white.m-btn-text-green {
    color: #4cbc5f;
    border-color: #4cbc5f; }
.m-btn-white.m-btn-text-green:active {
    border-color: rgba(76, 188, 95, 0.75);
    background-color: rgba(76, 188, 95, 0.05); }

.m-btn-white.m-btn-text-red {
    color: #f46969;
    border-color: #f46969; }
.m-btn-white.m-btn-text-red:active {
    border-color: rgba(244, 105, 105, 0.75);
    background-color: rgba(244, 105, 105, 0.05); }

.m-btn-white.m-btn-text-blue {
    color: #5b9cd4;
    border-color: #5b9cd4; }
.m-btn-white.m-btn-text-blue:active {
    border-color: rgba(91, 156, 212, 0.75);
    background-color: rgba(91, 156, 212, 0.05); }

.m-btn-bdgreen .m-font {
    font-size: 0.4375em; }

.m-btn-gray {
    font-size: 1.6rem; }

/*SVG拼图 16px为基准单位,因为拼图四周有一个单位大小的间隔，所以这里是48px*/
/*19为svg的数量*/
.m-icon {
    display: inline-block;
    vertical-align: top;
    background-image: url("../../img/sprite.svg");
    background-size: 3em 57em;
    width: 1em;
    height: 1em;
    position: relative;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--m-dark-fliter);
    filter: var(--m-dark-fliter); }

.m-icon-yellowv {
    background-position: -1em -1em; }

.m-icon-bluev {
    background-position: -1em -4em; }

.m-icon-club {
    background-position: -1em -7em; }

.m-icon-vgirl {
    background-position: -1em -10em; }

.m-icon-male {
    background-position: -1em -13em; }

.m-icon-female {
    background-position: -1em -16em; }

.m-icon-vip {
    background-position: -1em -19em; }

.m-icon-nvip {
    background-position: -1em -22em; }

.m-icon-like {
    background-position: -1em -25em; }

.m-icon-liked {
    background-position: -1em -28em; }

.m-icon-warn {
    background-position: -1em -31em; }

.m-icon-vipl1 {
    background-position: -1em -34em; }

.m-icon-vipl2 {
    background-position: -1em -37em; }

.m-icon-vipl3 {
    background-position: -1em -40em; }

.m-icon-vipl4 {
    background-position: -1em -43em; }

.m-icon-vipl5 {
    background-position: -1em -46em; }

.m-icon-vipl6 {
    background-position: -1em -49em; }

.m-icon-goldv {
    background-position: -1em -52em; }

.m-icon-vipl7 {
    background-position: -1em -55em; }

.m-icon {
    font-size: 14px; }

.m-icon-large {
    font-size: 22px; }

.m-icon-warn {
    font-size: 18px; }

/*金V*/
.m-icon-goldv {
    position: relative; }

.m-icon-goldv::after {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAJ2CAMAAAAezuDMAAACylBMVEX//1///3///3///1///1///3///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1///1//1Er/30r/6VX/9FX0tD/0vz//vz//1Er/3z//30r/6Ur/9FX//0r//1X//1/0qjX/vzX/vz//yTX/yT//1D//3z//30r/6T//6Ur/6VX/9D//9Er/9FX//0r//1X//1/UHwDUKgDUNQDUPwDUSgrfFQDfHwDfKgDfNQDfPwDfSgDfSgrfVQDfVQrfXwDfXwrfXxXfagDfahXfdB/pFQDpHwDpKgDpKgrpNQDpNQrpPwDpPwrpSgDpSgrpShXpVQDpVQrpVRXpXwDpXxXpXx/pahXpah/pdADpdBXpfwDpfxXpfx/pih/piirplADplArplBXplB/plCrpnyrpqjX0VRX0XwD0XxX0agD0ahX0ah/0dAD0dBX0dB/0fwD0fx/0fyr0igD0ih/0iir0lAD0lB/0lCr0nwD0nx/0nyr0nzX0qgD0qir0qjX0tCr0tDX0tD/0vzX0vz/0yTX0yT/01D//lCr/nwD/nyr/qgD/qir/qjX/tAD/tCr/tDX/vwD/vyr/vzX/yQD/ySr/yTX/yT//1AD/1Cr/1DX/1D//3wD/3zX/3z//30r/6QD/6Qr/6RX/6R//6Sr/6TX/6T//6Ur/6VX/9B//9DX/9D//9Er/9FX//z///0r//1X//19rJzzvAAAAbnRSTlMAAAEDBAUGERIUFhocHicoKy43ODlER0hscnd4eX2AgYOMjZCRlpeZnaCnqKutsLy+wsfKy9TV1trc3d7i4+Tl6erv8PHy8/T19/j5+vv8/Pz8/f39/f39/f39/f3+/v7+/v7+/v7+/v7+/v7+/kvZGuAAAA0RSURBVHja7Zz5m1PVGcdT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");
    background-size: 1em auto;
    background-position: 0 -10000px;
    -webkit-animation: sprite 2s steps(15) 3 backwards;
    animation: sprite 2s steps(15) 3 backwards; }

@-webkit-keyframes sprite {
    from {
        background-position: 0 0; }
    to {
        background-position: 0 -15em; } }

@keyframes sprite {
    from {
        background-position: 0 0; }
    to {
        background-position: 0 -15em; } }

/**
 * form
 */
label {
    vertical-align: middle; }

.m-switch {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem; }
.m-switch input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
.m-switch input[type="checkbox"] + span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 3.1875em;
    height: 2em;
    background: #fff;
    background: var(--m-switch-background);
    box-shadow: inset 0 0 0 0.09375em #ddd;
    box-shadow: inset 0 0 0 0.09375em var(--m-switch-border);
    border-radius: 1em;
    transition: box-shadow 0.2s cubic-bezier(0.17, 0.67, 0.43, 0.98); }
.m-switch input[type="checkbox"] + span:after {
    position: absolute;
    content: '';
    width: 1.875em;
    height: 1.875em;
    border-radius: 0.9375em;
    top: 0.0625em;
    left: 0;
    background: #fff;
    background: var(--m-switch-btn);
    box-shadow: inset 0 0 0.125em -0.0625em rgba(0, 0, 0, 0.9), 0 0.0625em 0.0625em 0.03125em rgba(0, 0, 0, 0.1), 0 0.1875em 0.0625em 0.03125em rgba(0, 0, 0, 0.1), 0 0.3125em 0.3125em 0 rgba(0, 0, 0, 0.05);
    transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.42, 0.25, 1.38);
    transition: transform 0.3s cubic-bezier(0.42, 0.42, 0.25, 1.38); }
.m-switch input[type="checkbox"]:checked + span {
    box-shadow: inset 0 0 0 1.25em #10b524;
    box-shadow: inset 0 0 0 1.25em var(--m-encourage-text); }
.m-switch input[type="checkbox"]:checked + span:after {
    -webkit-transform: translate3d(1.25em, 0, 0);
    transform: translate3d(1.25em, 0, 0); }
.m-switch.m-switch-disabled {
    opacity: 0.5; }

.m-checkbox {
    display: inline-block;
    font-size: 1rem;
    position: relative; }
.m-checkbox span {
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid var(--m-checkbox-border);
    background-color: #e3e4e6;
    background-color: var(--m-input-background);
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    margin: 0;
    text-align: center;
    overflow: hidden;
    vertical-align: middle; }
.iosx2 .m-checkbox span {
    border: 0.5px solid #ccc;
    border: 0.5px solid var(--m-checkbox-border); }
.iosx3 .m-checkbox span {
    border: 0.35714px solid #ccc;
    border: 0.35714px solid var(--m-checkbox-border); }
.m-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
.m-checkbox input[type="checkbox"]:checked + span .m-font {
    display: inline-block; }
.m-checkbox .m-font {
    font-size: 0.875em;
    display: none;
    color: #10b524;
    color: var(--m-encourage-text); }
.m-checkbox em {
    font-size: 0.8125rem;
    color: #939393;
    color: var(--m-attachment-text);
    vertical-align: middle; }
.m-checkbox.m-checkbox-disabled span {
    opacity: 0.4; }
.m-checkbox.m-checkbox-disabled span .m-font {
    display: none; }

.m-radio {
    display: inline-block;
    position: relative; }
.m-radio input[type="radio"] {
    opacity: 0;
    position: absolute; }
.m-radio input[type="radio"]:checked + span:after {
    display: inline-block; }
.m-radio span {
    box-sizing: border-box;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    border: 1px solid #ccc;
    border: 1px solid var(--m-checkbox-border);
    background: #e3e4e6;
    background: var(--m-input-background);
    border-radius: 50%;
    padding: 0.1875em;
    vertical-align: top; }
.iosx2 .m-radio span {
    border: 0.5px solid #ccc;
    border: 0.5px solid var(--m-checkbox-border); }
.iosx3 .m-radio span {
    border: 0.35714px solid #ccc;
    border: 0.35714px solid var(--m-checkbox-border); }
.m-radio span:after {
    content: "";
    display: none;
    border-radius: 50%;
    background: #10b524;
    background: var(--m-encourage-text);
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    bottom: 0.25em;
    left: 0.25em; }
.m-radio.m-radio-disabled span {
    opacity: 0.4; }
.m-radio.m-radio-disabled span .m-font {
    display: none; }

.m-num {
    border-radius: 0.25rem;
    border: 1px solid #e6e6e6;
    border: 1px solid var(--m-border-color);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.05);
    display: inline-block;
    background: #e3e4e6;
    background: var(--m-input-background);
    font-size: 1rem;
    color: #939393;
    color: var(--m-attachment-text); }
.iosx2 .m-num {
    border: 0.5px solid #e6e6e6;
    border: 0.5px solid var(--m-border-color); }
.iosx3 .m-num {
    border: 0.35714px solid #e6e6e6;
    border: 0.35714px solid var(--m-border-color); }
.m-num span {
    display: inline-block;
    vertical-align: top;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center; }
.m-num input[type="tel"] {
    width: 7.3125em;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #e6e6e6;
    border-right: 1px solid var(--m-border-color);
    border-left: 1px solid #e6e6e6;
    border-left: 1px solid var(--m-border-color);
    border-radius: 0;
    text-align: center;
    color: #ff8200;
    color: var(--m-brand-text);
    background-color: #e3e4e6;
    background-color: var(--m-input-background); }
.iosx2 .m-num input[type="tel"] {
    border-right: 0.5px solid #e6e6e6;
    border-right: 0.5px solid var(--m-border-color); }
.iosx3 .m-num input[type="tel"] {
    border-right: 0.35714px solid #e6e6e6;
    border-right: 0.35714px solid var(--m-border-color); }
.iosx2 .m-num input[type="tel"] {
    border-left: 0.5px solid #e6e6e6;
    border-left: 0.5px solid var(--m-border-color); }
.iosx3 .m-num input[type="tel"] {
    border-left: 0.35714px solid #e6e6e6;
    border-left: 0.35714px solid var(--m-border-color); }

.m-search {
    display: block;
    background: #e3e4e6;
    background: var(--m-input-background);
    color: #939393;
    color: var(--m-attachment-text);
    border-radius: 0.25rem;
    box-sizing: border-box;
    position: relative; }
.m-search .m-font {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    left: 0.8125rem; }
.m-search input[type="search"] {
    border: none;
    background: transparent;
    width: 100%;
    height: 1.75rem;
    font-size: 0.8125rem;
    padding: 0 0 0 2.1875rem; }

.m-textarea {
    display: block;
    position: relative;
    color: #939393;
    color: var(--m-attachment-text); }
.m-textarea h3 {
    font-size: 0.75rem;
    margin: 0 0 0.4375rem 0; }
.m-textarea textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 0.625rem;
    font-size: 0.8125rem;
    border: 1px solid #e6e6e6;
    border: 1px solid var(--m-border-color);
    -webkit-appearance: none;
    resize: none;
    border-radius: 0.1875rem;
    outline: none;
    min-height: 4.375rem;
    box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.25);
    background: #e3e4e6;
    background: var(--m-input-background); }
.iosx2 .m-textarea textarea {
    border: 0.5px solid #e6e6e6;
    border: 0.5px solid var(--m-border-color); }
.iosx3 .m-textarea textarea {
    border: 0.35714px solid #e6e6e6;
    border: 0.35714px solid var(--m-border-color); }
.m-textarea .ta-plus {
    position: absolute;
    bottom: 0.4375rem;
    right: 0.625rem;
    font-size: 0.6875rem; }
.m-textarea .ta-plus .m-btn-round {
    vertical-align: middle;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0.3);
    background: var(--m-round-btn-background); }

.m-select select {
    -webkit-appearance: none;
    background-color: #fff;
    background-color: var(--m-card-background);
    border: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.9375rem;
    outline: none;
    padding: 0.6875rem;
    vertical-align: top; }
.m-select select:required:invalid {
    color: rgba(147, 147, 147, 0.4);
    color: var(--m-btn-default-border); }
.m-select select option {
    color: #333;
    color: var(--m-content-text); }
.m-select select option[value=""][disabled] {
    display: none; }

.m-form-list .m-tb {
    width: 100%; }

.m-form-list .m-tr + .m-tr .m-td {
    border-top: 1px solid #e6e6e6;
    border-top: 1px solid var(--m-border-color); }
.iosx2 .m-form-list .m-tr + .m-tr .m-td {
    border-top: 0.5px solid #e6e6e6;
    border-top: 0.5px solid var(--m-border-color); }
.iosx3 .m-form-list .m-tr + .m-tr .m-td {
    border-top: 0.35714px solid #e6e6e6;
    border-top: 0.35714px solid var(--m-border-color); }

.m-form-list .m-td {
    height: 2.8125rem;
    line-height: 2.8125rem;
    vertical-align: top; }
.m-form-list .m-td:first-child {
    width: 1px; }
.m-form-list .m-td label {
    color: #939393;
    color: var(--m-attachment-text);
    font-size: 0.9375rem;
    vertical-align: top;
    margin: 0 0 0 0.75rem;
    white-space: nowrap; }
.m-form-list .m-td label b {
    color: #e14123;
    color: var(--m-warn-text);
    vertical-align: middle; }

.m-form-list input {
    border: none;
    font-size: 0.9375rem;
    padding: 0.6875rem;
    color: #333;
    color: var(--m-content-text);
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    background-color: var(--m-card-background); }

/**
 * tip layer
 */
.m-popup {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: 7.5rem;
    color: #333;
    color: var(--m-content-text);
    background: rgba(51, 51, 51, 0.94);
    background: var(--m-toast-background);
    text-align: center;
    border-radius: 0.3125rem; }
.m-popup .m-box {
    height: 100%; }
.m-popup header {
    margin: 0 0 0.5625rem 0;
    font-size: 0; }
.m-popup .m-font {
    color: #333;
    color: var(--m-content-text);
    font-size: 2.3125rem;
    vertical-align: top; }
.m-popup h3 {
    font-size: 0.875rem;
    line-height: 1.43; }

/**
 * alert layer
 */
.m-alert {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 16.875rem;
    border-radius: 0.3125rem;
    background: rgba(255, 255, 255, 0.95);
    background: var(--m-dialog-background);
    text-align: center;
    -webkit-backdrop-filter: blur(0.625rem); }
.m-alert header {
    padding: 1.25rem;
    color: #333;
    color: var(--m-content-text);
    line-height: 1.25; }
.m-alert header h2 {
    font-size: 1rem; }
.m-alert header h3 {
    font-size: 0.75rem;
    margin: 0.5rem 0 0 0; }
.m-alert footer {
    font-size: 1rem;
    border-top: 1px solid #d0d0d0;
    border-top: 1px solid var(--m-dialog-border); }
.iosx2 .m-alert footer {
    border-top: 0.5px solid #d0d0d0;
    border-top: 0.5px solid var(--m-dialog-border); }
.iosx3 .m-alert footer {
    border-top: 0.35714px solid #d0d0d0;
    border-top: 0.35714px solid var(--m-dialog-border); }
.m-alert footer .m-box-col + .m-box-col {
    border-left: 1px solid #d0d0d0;
    border-left: 1px solid var(--m-dialog-border); }
.iosx2 .m-alert footer .m-box-col + .m-box-col {
    border-left: 0.5px solid #d0d0d0;
    border-left: 0.5px solid var(--m-dialog-border); }
.iosx3 .m-alert footer .m-box-col + .m-box-col {
    border-left: 0.35714px solid #d0d0d0;
    border-left: 0.35714px solid var(--m-dialog-border); }
.m-alert footer a {
    display: block;
    line-height: 2.8125rem;
    color: #007aff; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .m-alert {
        background: rgba(255, 255, 255, 0.8);
        background: var(--m-dialog-background-alpha); } }

/**
 * dialog layer
 */
.m-dialog {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    width: 17.5rem;
    background: rgba(255, 255, 255, 0.95);
    background: var(--m-dialog-background);
    -webkit-backdrop-filter: blur(0.625rem);
    border-radius: 0.75rem;
    text-align: center;
    overflow: hidden; }
.m-dialog header {
    padding: 20px 12px; }
.m-dialog h2 {
    font-size: 1.0625rem; }
.m-dialog h2 + h3 {
    margin-top: 16px; }
.m-dialog h3 {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #333;
    color: var(--m-content-text);
    font-weight: 300; }
.m-dialog .m-dialog-title {
    margin-bottom: 1.375rem; }
.m-dialog .m-dialog-form input {
    box-sizing: border-box;
    padding: 0 0.5625rem;
    background: #e3e4e6;
    background: var(--m-input-background);
    border: 1px solid #e3e4e6;
    border: 1px solid var(--m-input-background);
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.3125rem;
    height: 2.25rem;
    width: 100%; }
.iosx2 .m-dialog .m-dialog-form input {
    border: 0.5px solid #e3e4e6;
    border: 0.5px solid var(--m-input-background); }
.iosx3 .m-dialog .m-dialog-form input {
    border: 0.35714px solid #e3e4e6;
    border: 0.35714px solid var(--m-input-background); }
.m-dialog .m-btn {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    height: 2.8125rem;
    line-height: 2.8125rem; }
.m-dialog .m-btn.m-btn-text-orange:active {
    color: #ff8200;
    color: var(--m-brand-text); }
.m-dialog .m-btn:active {
    background-color: #f8f8f8;
    background-color: var(--m-repost-background); }
.m-dialog .m-btm-btns {
    margin: 0 -1px; }
.m-dialog .m-box-col {
    border-top: 1px solid #d0d0d0;
    border-top: 1px solid var(--m-dialog-border);
    border-left: 1px solid #d0d0d0;
    border-left: 1px solid var(--m-dialog-border);
    margin: 0; }
.iosx2 .m-dialog .m-box-col {
    border-top: 0.5px solid #d0d0d0;
    border-top: 0.5px solid var(--m-dialog-border); }
.iosx3 .m-dialog .m-box-col {
    border-top: 0.35714px solid #d0d0d0;
    border-top: 0.35714px solid var(--m-dialog-border); }
.iosx2 .m-dialog .m-box-col {
    border-left: 0.5px solid #d0d0d0;
    border-left: 0.5px solid var(--m-dialog-border); }
.iosx3 .m-dialog .m-box-col {
    border-left: 0.35714px solid #d0d0d0;
    border-left: 0.35714px solid var(--m-dialog-border); }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .m-dialog {
        background: rgba(255, 255, 255, 0.8);
        background: var(--m-dialog-background-alpha); } }

/**
 * action sheet
 */
.m-actionsheet {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: var(--m-action-back-background);
    -webkit-backdrop-filter: blur(0.625rem); }
.m-actionsheet .m-actionsheet-list .m-actionsheet-item + .m-actionsheet-item {
    border-top: 1px solid transparent; }
.iosx2 .m-actionsheet .m-actionsheet-list .m-actionsheet-item + .m-actionsheet-item {
    border-top: 0.5px solid transparent; }
.iosx3 .m-actionsheet .m-actionsheet-list .m-actionsheet-item + .m-actionsheet-item {
    border-top: 0.35714px solid transparent; }
.m-actionsheet .m-actionsheet-list + .m-actionsheet-item {
    margin-top: 1px; }
.m-actionsheet .m-actionsheet-item {
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: var(--m-action-background);
    background-clip: padding-box;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
    font-size: 16px;
    color: #333;
    color: var(--m-content-text); }
.m-actionsheet .m-actionsheet-item:active {
    background-color: #E6E6E6; }
.m-actionsheet .m-actionsheet-warn {
    color: #e14123;
    color: var(--m-warn-text); }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .m-actionsheet {
        background-color: rgba(255, 255, 255, 0.8);
        background-color: var(--m-dialog-background-alpha); } }

/**
 * bottom bar
 */
/**transform backface-visibility是处理页面调整时，偶发fixed元素莫名消失的问题**/
.m-bottom-bar {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.375rem 0.75rem; }
.m-bottom-bar aside {
    padding: 0 2.125rem 0 0; }
.m-bottom-bar .bar-text {
    font-size: 0.6875rem;
    color: #ff8200;
    color: var(--m-brand-text);
    text-align: center;
    padding: 0 0 0.375rem 0; }
.m-bottom-bar .m-btn-box {
    margin: 0 -0.75rem; }
.m-bottom-bar .m-btn-box .m-diy-btn {
    color: #636363;
    color: var(--m-subtitle-text); }
.m-bottom-bar .m-btn-box .m-diy-btn h4 {
    margin-top: 0.1875rem; }
.m-bottom-bar .m-btn-box .m-diy-btn.m-cur .m-font {
    color: #ff8200;
    color: var(--m-brand-text); }
.m-bottom-bar .m-btn-box .m-diy-btn.m-cur h4 {
    color: #ff8200;
    color: var(--m-brand-text); }

/**
 * tab bar
 */
.m-tab-bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0; }
.m-tab-bar > div {
    height: 2.8125rem;
    line-height: 2.8125rem; }
.m-tab-bar .m-ctrl-box {
    border: 0; }
.m-tab-bar .m-ctrl-box .m-diy-btn .m-font-bars {
    font-size: 0.75rem; }
.m-tab-bar .m-ctrl-box .m-diy-btn h4 {
    font-size: 0.9375rem; }
.m-tab-bar .m-ctrl-box .m-add-box .m-font {
    font-size: 0.875rem; }
.m-tab-bar .nav-box {
    font-size: 1.25rem; }
.m-tab-bar .nav-box .nav-ctrl {
    display: inline-block;
    color: #707070;
    text-align: center;
    margin: 0 0.75rem; }
.m-tab-bar .page-box .m-box-col {
    color: #939393;
    color: var(--m-attachment-text);
    font-size: 0.875rem; }
.m-tab-bar .page-box .m-box-col + .m-box-col {
    border-left: 1px solid #e6e6e6;
    border-left: 1px solid var(--m-border-color); }
.iosx2 .m-tab-bar .page-box .m-box-col + .m-box-col {
    border-left: 0.5px solid #e6e6e6;
    border-left: 0.5px solid var(--m-border-color); }
.iosx3 .m-tab-bar .page-box .m-box-col + .m-box-col {
    border-left: 0.35714px solid #e6e6e6;
    border-left: 0.35714px solid var(--m-border-color); }
.m-tab-bar .page-box .m-box-col .m-font {
    font-size: 0.75rem;
    margin: 0 0 0 0.4375rem; }
.m-tab-bar .page-box .m-cur {
    color: #507daf;
    color: var(--m-link-text); }

/**
 * tab
 */
.m-tab {
    background: #f5f5f5;
    background: var(--m-tab-background); }
.m-tab a {
    line-height: 2.5625rem;
    color: #333;
    color: var(--m-content-text);
    text-align: center;
    font-size: 0.9375rem; }
.m-tab a.m-cur {
    color: #ff8200;
    color: var(--m-brand-text);
    box-shadow: inset 0 -2px 0 0 #ff8200;
    box-shadow: inset 0 -2px 0 0 var(--m-brand-text); }

/**
 * tab
 */
.m-top-bar {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    background-color: var(--m-tab-background);
    height: 2.75rem; }
.m-top-bar .nav-ctrl {
    color: #636363;
    color: var(--m-subtitle-text);
    font-size: 0.9375rem;
    text-align: center;
    display: inline-block;
    padding: 0 0.625rem; }
.m-top-bar .nav-ctrl .m-font {
    vertical-align: top;
    font-size: 1.25rem; }
.m-top-bar .nav-left,
.m-top-bar .nav-right,
.m-top-bar .nav-main {
    position: absolute;
    line-height: 2.75rem; }
.m-top-bar .nav-left {
    left: 0; }
.m-top-bar .nav-right {
    right: 0; }
.m-top-bar .nav-main {
    left: 0;
    right: 0;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 1.125rem;
    color: #333;
    color: var(--m-content-text); }
.m-top-bar .nav-main h3 {
    display: inline-block;
    max-width: 12rem; }

/**
 * tab
 */
.m-top-nav {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    background-color: var(--m-card-background);
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid var(--m-border-color); }
.iosx2 .m-top-nav {
    border-bottom: 0.5px solid #e6e6e6;
    border-bottom: 0.5px solid var(--m-border-color); }
.iosx3 .m-top-nav {
    border-bottom: 0.35714px solid #e6e6e6;
    border-bottom: 0.35714px solid var(--m-border-color); }
.m-top-nav .nav-main {
    overflow: hidden;
    width: 1px; }
.m-top-nav .nav-main::before {
    content: "";
    position: absolute;
    z-index: 9;
    width: 0.75rem;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, var(--m-card-background) 0%, var(--m-card-background) 50%, rgba(255, 255, 255, 0) 100%); }
.m-top-nav .scroll-box {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
.m-top-nav .scroll-box::-webkit-scrollbar {
    display: none; }
.m-top-nav .nav-item {
    white-space: nowrap;
    text-align: center;
    padding: 0 0.5rem; }
.m-top-nav .nav-item li {
    display: inline-block;
    font-size: 0.9375rem;
    line-height: 2.625rem;
    color: #939393;
    color: var(--m-attachment-text);
    padding: 0 0.5625rem; }
.m-top-nav .nav-item li span {
    display: block;
    position: relative;
    padding: 0 0.25rem; }
.m-top-nav .nav-item li.m-cur span {
    color: #333;
    color: var(--m-content-text); }
.m-top-nav .nav-item li.m-cur span::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 0.1875rem;
    width: 1.5rem;
    height: 0.1875rem;
    border-radius: 0.125rem;
    background-color: #ff8200;
    background-color: var(--m-brand-text); }
.m-top-nav .nav-plus {
    width: 2.4375rem;
    position: relative; }
.m-top-nav .nav-plus::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.5rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-mask: -webkit-linear-gradient(top, transparent, #000 45%, #000 55%, transparent 100%);
    border-right: 1px solid #e6e6e6;
    border-right: 1px solid var(--m-border-color);
    box-shadow: inset -3px 0 3px rgba(0, 0, 0, 0.11); }
.iosx2 .m-top-nav .nav-plus::before {
    border-right: 0.5px solid #e6e6e6;
    border-right: 0.5px solid var(--m-border-color); }
.iosx3 .m-top-nav .nav-plus::before {
    border-right: 0.35714px solid #e6e6e6;
    border-right: 0.35714px solid var(--m-border-color); }

/**
 * loading
 */
.m-loading {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    width: 2.3125em;
    height: 2.3125em; }
.m-loading span {
    position: absolute;
    will-change: background-color;
    left: 1.10938em;
    bottom: 0;
    width: 0.09375em;
    height: 0.5em;
    border-radius: 0.25em;
    background-color: transparent;
    -webkit-transform-origin: center -0.65625em;
    -ms-transform-origin: center -0.65625em;
    transform-origin: center -0.65625em;
    -webkit-backface-visibility: hidden; }
.m-loading span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
.m-loading span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.m-loading span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.m-loading span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.m-loading span:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.m-loading span:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.m-loading span:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.m-loading span:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.m-loading span:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.m-loading span:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.m-loading span:nth-child(11) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.m-loading span:nth-child(12) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }

.m-loading-dark span {
    -webkit-animation: loading-fade-dark 1.1s infinite linear;
    animation: loading-fade-dark 1.1s infinite linear; }

@-webkit-keyframes loading-fade-dark {
    0% {
        background-color: #5c5c5c; }
    100% {
        background-color: rgba(255, 255, 255, 0); } }

@keyframes loading-fade-dark {
    0% {
        background-color: #5c5c5c; }
    100% {
        background-color: rgba(255, 255, 255, 0); } }

.m-loading-light span {
    -webkit-animation: loading-fade-light 1.1s infinite linear;
    animation: loading-fade-light 1.1s infinite linear; }

@-webkit-keyframes loading-fade-light {
    0% {
        background-color: #fff; }
    100% {
        background-color: rgba(255, 255, 255, 0); } }

@keyframes loading-fade-light {
    0% {
        background-color: #fff; }
    100% {
        background-color: rgba(255, 255, 255, 0); } }

/**
 * tip layer
 */
.m-tips {
    font-size: 0.875rem;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    position: relative; }
.m-tips .m-font-arrow-right,
.m-tips .m-font-close {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 0.75rem; }
.m-tips.m-tips-music {
    text-align: left; }
.m-tips.m-tips-music .m-img-box {
    width: 2rem;
    vertical-align: top; }
.m-tips.m-tips-music .main-link {
    font-size: 0.8125rem;
    margin: 0 0 0 0.75rem;
    vertical-align: top; }
.m-tips.m-tips-music .sub-link {
    font-size: 0.8125rem;
    opacity: 0.7;
    vertical-align: top; }
.m-tips.m-tips-music .m-font-chart {
    font-size: 1.25rem;
    vertical-align: top;
    margin: 0 0 0 0.5625rem; }
.m-tips.m-tips-tp {
    font-size: 0.75rem; }
.m-tips.m-tips-tp .m-font {
    font-size: 1.125rem;
    vertical-align: middle; }
.m-tips.m-tips-tp .m-loading {
    vertical-align: middle;
    font-size: 0.54054rem; }
.m-tips.m-tips-tp .main-link {
    margin: 0 0 0 0.6875rem; }
.m-tips.m-tips-tps {
    font-size: 0.6875rem; }
.m-tips.m-tips-tps .m-font {
    vertical-align: top;
    margin: 0 0.3125rem 0 0; }

.m-tips-ltyellow {
    color: #f48800;
    background: #feeddb; }

.m-tips-yellow {
    color: #fffefe;
    background: #fdab57; }

.m-tips-red {
    color: #fff;
    background: #fd7d66; }

.m-tips-pink {
    color: #fff;
    background: linear-gradient(to bottom, #ce8a92 0%, #cf978f 100%); }

.m-tips-tp {
    color: #7c7c7c;
    background: transparent; }

.m-tips-tps {
    color: #bfbfbf;
    background: transparent; }

/**
 * pop layer
 */
.m-pop {
    position: absolute;
    z-index: 999; }
.m-pop.m-pop-s {
    border: 1px solid var(--m-pop-border);
    border-radius: 0.1875rem;
    background: #fff;
    background: var(--m-pop-s-background);
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }
.iosx2 .m-pop.m-pop-s {
    border: 0.5px solid var(--m-pop-border); }
.iosx3 .m-pop.m-pop-s {
    border: 0.35714px solid var(--m-pop-border); }
.m-pop.m-pop-s:after {
    content: "";
    position: absolute;
    z-index: 8;
    width: 0.625rem;
    height: 0.625rem;
    background: #fff;
    background: var(--m-pop-s-background);
    border-top: 1px solid var(--m-pop-border);
    border-left: 1px solid var(--m-pop-border);
    border-radius: 0.0625rem 0 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 50%;
    bottom: -1.13812rem; }
.iosx2 .m-pop.m-pop-s:after {
    border-top: 0.5px solid var(--m-pop-border); }
.iosx3 .m-pop.m-pop-s:after {
    border-top: 0.35714px solid var(--m-pop-border); }
.iosx2 .m-pop.m-pop-s:after {
    border-left: 0.5px solid var(--m-pop-border); }
.iosx3 .m-pop.m-pop-s:after {
    border-left: 0.35714px solid var(--m-pop-border); }
.m-pop.m-pop-s ul {
    padding: 0.125rem 0.3125rem;
    background: #fff;
    background: var(--m-pop-s-background);
    border-radius: 0.1875rem;
    position: relative;
    z-index: 9; }
.m-pop.m-pop-s li {
    min-width: 3.0625rem;
    text-align: center; }
.m-pop.m-pop-s li + li {
    border-top: 1px solid #e6e6e6;
    border-top: 1px solid var(--m-border-color); }
.iosx2 .m-pop.m-pop-s li + li {
    border-top: 0.5px solid #e6e6e6;
    border-top: 0.5px solid var(--m-border-color); }
.iosx3 .m-pop.m-pop-s li + li {
    border-top: 0.35714px solid #e6e6e6;
    border-top: 0.35714px solid var(--m-border-color); }
.m-pop.m-pop-s li a {
    display: block;
    height: 2.3125rem;
    line-height: 2.3125rem;
    color: #333;
    color: var(--m-content-text);
    font-size: 0.875rem;
    border-radius: 0.1875rem;
    margin: 0.1875rem 0; }
.m-pop.m-pop-s li a:active {
    background: #ededed; }
.m-pop.m-pop-lt {
    background: #f8f8f8;
    background: var(--m-pop-background);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    padding: 0 0.875rem 1rem 0.875rem;
    border-radius: 0.3125rem;
    color: #333;
    color: var(--m-content-text); }
.m-pop.m-pop-lt header {
    line-height: 2.875rem;
    font-size: 1.125rem; }
.m-pop.m-pop-lt section {
    border-top: 1px solid #f2f2f2;
    border-top: 1px solid var(--m-pop-line);
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--m-pop-line);
    font-size: 0.9375rem; }
.iosx2 .m-pop.m-pop-lt section {
    border-top: 0.5px solid #f2f2f2;
    border-top: 0.5px solid var(--m-pop-line); }
.iosx3 .m-pop.m-pop-lt section {
    border-top: 0.35714px solid #f2f2f2;
    border-top: 0.35714px solid var(--m-pop-line); }
.iosx2 .m-pop.m-pop-lt section {
    border-bottom: 0.5px solid #f2f2f2;
    border-bottom: 0.5px solid var(--m-pop-line); }
.iosx3 .m-pop.m-pop-lt section {
    border-bottom: 0.35714px solid #f2f2f2;
    border-bottom: 0.35714px solid var(--m-pop-line); }
.m-pop.m-pop-lt section .gp-list {
    max-height: 12.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
.m-pop.m-pop-lt section .gp-list li:last-child {
    border: none; }
.m-pop.m-pop-lt section a {
    color: #333;
    color: var(--m-content-text); }
.m-pop.m-pop-lt section .m-font-plus {
    vertical-align: top;
    margin: 0 0.4375rem 0 0; }
.m-pop.m-pop-lt section ul {
    width: 14.875rem;
    margin: 0 -0.3125rem;
    padding: 0 0.3125rem; }
.m-pop.m-pop-lt section li {
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--m-pop-line); }
.iosx2 .m-pop.m-pop-lt section li {
    border-bottom: 0.5px solid #f2f2f2;
    border-bottom: 0.5px solid var(--m-pop-line); }
.iosx3 .m-pop.m-pop-lt section li {
    border-bottom: 0.35714px solid #f2f2f2;
    border-bottom: 0.35714px solid var(--m-pop-line); }
.m-pop.m-pop-lt section li a,
.m-pop.m-pop-lt section li label {
    display: block;
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0.1875rem -0.3125rem;
    padding: 0 0.3125rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none; }
.m-pop.m-pop-lt section li a:active,
.m-pop.m-pop-lt section li label:active {
    background: #f2f2f2; }
.m-pop.m-pop-lt section li .m-checkbox span {
    position: absolute;
    right: 0.3125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.m-pop.m-pop-lt .m-btm-btns {
    margin: 0.9375rem 0 0 0; }

.m-guide {
    position: absolute;
    z-index: 99;
    background: #ff8200;
    background: var(--m-brand-text);
    font-size: 1rem;
    font-style: oblique;
    color: #FFF;
    padding: 0.75rem;
    border-radius: 0.3125rem; }
.m-guide [class^="m-arr"] {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0.625rem;
    border-style: solid; }
.m-guide .m-arr-left {
    border-color: transparent #ff8200 transparent transparent;
    border-color: transparent var(--m-brand-text) transparent transparent;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
.m-guide .m-arr-right {
    border-color: transparent transparent transparent #ff8200;
    border-color: transparent transparent transparent var(--m-brand-text);
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
.m-guide .m-arr-top {
    border-color: transparent transparent #ff8200 transparent;
    border-color: transparent transparent var(--m-brand-text) transparent;
    top: 0;
    left: 1.25rem;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
.m-guide .m-arr-bottom {
    border-color: #ff8200 transparent transparent transparent;
    border-color: var(--m-brand-text) transparent transparent transparent;
    bottom: 0;
    left: 1.25rem;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%); }

/**
 * animations
 */
.m-animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.m-an-pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: cubic-bezier(0.88, 0.48, 0.63, 1);
    animation-timing-function: cubic-bezier(0.88, 0.48, 0.63, 1); }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5); }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5); }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

/**
 * adapter
 */
@media screen and (min-width: 414px) and (max-width: 767px) {
    html {
        font-size: 16.96px; }
    .m-icon {
        font-size: 15px; }
    .m-icon-large {
        font-size: 24px; }
    .m-icon-warn {
        font-size: 20px; } }

@media screen and (min-width: 768px) {
    html {
        font-size: 20px; }
    .m-icon {
        font-size: 18px; }
    .m-icon-large {
        font-size: 28px; }
    .m-icon-warn {
        font-size: 23px; } }

@media screen and (min-width: 769px) {
    .m-container-max {
        width: 750px;
        margin: 0 auto; } }