#app {
  height:100%;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #26a2ff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 40px;
    line-height: 1;
    padding: 0 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
.mint-header .mint-button {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: inherit;
    display: inline-block;
    padding: 0;
    font-size: inherit
}
.mint-header .mint-button::after {
    content: none;
}
.mint-header.is-fixed {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}
.mint-header-button {
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
}
.mint-header-button > a {
    color: inherit;
}
.mint-header-button.is-right {
    text-align: right;
}
.mint-header-button.is-left {
    text-align: left;
}
.mint-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: inherit;
    font-weight: 400;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 4px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 18px;
    height: 41px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-align: center
}
.mint-button::after {
    background-color: #000;
    content: " ";
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}
.mint-button:not(.is-disabled):active::after {
    opacity: .4
}
.mint-button.is-disabled {
    opacity: .6
}
.mint-button-icon {
    vertical-align: middle;
    display: inline-block
}
.mint-button--default {
    color: #656b79;
    background-color: #f6f8fa;
    -webkit-box-shadow: 0 0 1px #b8bbbf;
            box-shadow: 0 0 1px #b8bbbf
}
.mint-button--default.is-plain {
    border: 1px solid #5a5a5a;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #5a5a5a
}
.mint-button--primary {
    color: #fff;
    background-color: #26a2ff
}
.mint-button--primary.is-plain {
    border: 1px solid #26a2ff;
    background-color: transparent;
    color: #26a2ff
}
.mint-button--danger {
    color: #fff;
    background-color: #ef4f4f
}
.mint-button--danger.is-plain {
    border: 1px solid #ef4f4f;
    background-color: transparent;
    color: #ef4f4f
}
.mint-button--large {
    display: block;
    width: 100%
}
.mint-button--normal {
    display: inline-block;
    padding: 0 12px
}
.mint-button--small {
    display: inline-block;
    font-size: 14px;
    padding: 0 12px;
    height: 33px
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-cell {
    background-color:#fff;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    color:inherit;
    min-height:48px;
    display:block;
    overflow:hidden;
    position:relative;
    text-decoration:none;
}
.mint-cell img {
    vertical-align:middle;
}
.mint-cell:first-child .mint-cell-wrapper {
    background-origin:border-box;
}
.mint-cell:last-child {
    background-image:-webkit-gradient(linear, left bottom, left top, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image:linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size:100% 1px;
    background-repeat:no-repeat;
    background-position:bottom;
}
.mint-cell-wrapper {
    background-image:-webkit-gradient(linear, left top, left bottom, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image:linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size: 120% 1px;
    background-repeat: no-repeat;
    background-position: top left;
    background-origin: content-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1;
    min-height: inherit;
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
}
.mint-cell-mask {}
.mint-cell-mask::after {
    background-color:#000;
    content:" ";
    opacity:0;
    top:0;
    right:0;
    bottom:0;
    left:0;
    position:absolute;
}
.mint-cell-mask:active::after {
    opacity:.1;
}
.mint-cell-text {
    vertical-align: middle;
}
.mint-cell-label {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: 6px;
}
.mint-cell-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.mint-cell-value {
    color: #888;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mint-cell-value.is-link {
    margin-right:24px;
}
.mint-cell-left {
    position: absolute;
    height: 100%;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}
.mint-cell-right {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
.mint-cell-allow-right::after {
    border: solid 2px #c8c8cd;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top:50%;
    right:20px;
    position: absolute;
    width:5px;
    height:5px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-cell-swipe .mint-cell-wrapper {
    position: relative;
}
.mint-cell-swipe .mint-cell-wrapper, .mint-cell-swipe .mint-cell-left, .mint-cell-swipe .mint-cell-right {
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
.mint-cell-swipe-buttongroup {
    height: 100%;
}
.mint-cell-swipe-button {
    height: 100%;
    display: inline-block;
    padding: 0 10px;
    line-height: 48px;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mint-field .mint-cell-title {
    width: 105px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.mint-field .mint-cell-value {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mint-field.is-nolabel .mint-cell-title {
    display: none;
}
.mint-field.is-textarea {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
}
.mint-field.is-textarea .mint-cell-title {
    padding: 10px 0;
}
.mint-field.is-textarea .mint-cell-value {
    padding: 5px 0;
}
.mint-field-core {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    border: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    outline: 0;
    line-height: 1.6;
    font-size: inherit;
    width: 100%;
}
.mint-field-clear {
    opacity: .2;
}
.mint-field-state {
    color: inherit;
    margin-left: 20px;
}
.mint-field-state .mintui {
    font-size: 20px;
}
.mint-field-state.is-default {
    margin-left: 0;
}
.mint-field-state.is-success {
    color: #4caf50;
}
.mint-field-state.is-warning {
    color: #ffc107;
}
.mint-field-state.is-error {
    color: #f44336;
}
.mint-field-other {
    top: 0;
    right: 0;
    position: relative;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-badge {
    color: #fff;
    text-align: center;
    display: inline-block
}
.mint-badge.is-size-large {
    border-radius: 14px;
    font-size: 18px;
    padding: 2px 10px
}
.mint-badge.is-size-small {
    border-radius: 8px;
    font-size: 12px;
    padding: 2px 6px
}
.mint-badge.is-size-normal {
    border-radius: 12px;
    font-size: 15px;
    padding: 2px 8px
}
.mint-badge.is-warning {
    background-color: #ffc107
}
.mint-badge.is-error {
    background-color: #f44336
}
.mint-badge.is-primary {
    background-color: #26a2ff
}
.mint-badge.is-success {
    background-color: #4caf50
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.mint-switch * {
    pointer-events: none;
}
.mint-switch-label {
    margin-left: 10px;
    display: inline-block;
}
.mint-switch-label:empty {
    margin-left: 0;
}
.mint-switch-core {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #d9d9d9;
}
.mint-switch-core::after, .mint-switch-core::before {
    content: " ";
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 15px;
}
.mint-switch-core::after {
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.mint-switch-core::before {
    width: 50px;
    height: 30px;
    background-color: #fdfdfd;
}
.mint-switch-input {
    display: none;
}
.mint-switch-input:checked + .mint-switch-core {
    border-color: #26a2ff;
    background-color: #26a2ff;
}
.mint-switch-input:checked + .mint-switch-core::before {
    -webkit-transform: scale(0);
            transform: scale(0);
}
.mint-switch-input:checked + .mint-switch-core::after {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}
.mint-spinner-snake {
  -webkit-animation: mint-spinner-rotate 0.8s infinite linear;
          animation: mint-spinner-rotate 0.8s infinite linear;
  border: 4px solid transparent;
  border-radius: 50%;
}
@-webkit-keyframes mint-spinner-rotate {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes mint-spinner-rotate {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.mint-spinner-double-bounce {
position: relative;
}
.mint-spinner-double-bounce-bounce1, .mint-spinner-double-bounce-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
        animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
}
.mint-spinner-double-bounce-bounce2 {
-webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
}
@-webkit-keyframes mint-spinner-double-bounce {
0%, 100% {
    -webkit-transform: scale(0.0);
            transform: scale(0.0);
}
50% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}
@keyframes mint-spinner-double-bounce {
0%, 100% {
    -webkit-transform: scale(0.0);
            transform: scale(0.0);
}
50% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}
.mint-spinner-triple-bounce {}
.mint-spinner-triple-bounce-bounce1, .mint-spinner-triple-bounce-bounce2, .mint-spinner-triple-bounce-bounce3 {
border-radius: 100%;
display: inline-block;
-webkit-animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
        animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
}
.mint-spinner-triple-bounce-bounce1 {
-webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
}
.mint-spinner-triple-bounce-bounce2 {
-webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
}
@-webkit-keyframes mint-spinner-triple-bounce {
0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}
@keyframes mint-spinner-triple-bounce {
0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}
.mint-spinner-fading-circle {
    position: relative
}
.mint-spinner-fading-circle-circle {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}
.mint-spinner-fading-circle-circle::before {
    content: " ";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    border-radius: 100%;
    -webkit-animation: mint-fading-circle 1.2s infinite ease-in-out both;
            animation: mint-fading-circle 1.2s infinite ease-in-out both
}
.mint-spinner-fading-circle-circle.is-circle2 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg)
}
.mint-spinner-fading-circle-circle.is-circle2::before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
}
.mint-spinner-fading-circle-circle.is-circle3 {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg)
}
.mint-spinner-fading-circle-circle.is-circle3::before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s
}
.mint-spinner-fading-circle-circle.is-circle4 {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
}
.mint-spinner-fading-circle-circle.is-circle4::before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s
}
.mint-spinner-fading-circle-circle.is-circle5 {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg)
}
.mint-spinner-fading-circle-circle.is-circle5::before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s
}
.mint-spinner-fading-circle-circle.is-circle6 {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg)
}
.mint-spinner-fading-circle-circle.is-circle6::before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s
}
.mint-spinner-fading-circle-circle.is-circle7 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
}
.mint-spinner-fading-circle-circle.is-circle7::before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s
}
.mint-spinner-fading-circle-circle.is-circle8 {
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg)
}
.mint-spinner-fading-circle-circle.is-circle8::before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s
}
.mint-spinner-fading-circle-circle.is-circle9 {
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg)
}
.mint-spinner-fading-circle-circle.is-circle9::before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s
}
.mint-spinner-fading-circle-circle.is-circle10 {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg)
}
.mint-spinner-fading-circle-circle.is-circle10::before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s
}
.mint-spinner-fading-circle-circle.is-circle11 {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg)
}
.mint-spinner-fading-circle-circle.is-circle11::before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s
}
.mint-spinner-fading-circle-circle.is-circle12 {
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg)
}
.mint-spinner-fading-circle-circle.is-circle12::before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s
}
@-webkit-keyframes mint-fading-circle {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}
@keyframes mint-fading-circle {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-tab-item {
    display: block;
    padding: 7px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-decoration: none
}
.mint-tab-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 5px
}
.mint-tab-item-icon:empty {
    display: none
}
.mint-tab-item-icon > * {
    display: block;
    width: 100%;
    height: 100%
}
.mint-tab-item-label {
    color: inherit;
    font-size: 12px;
    line-height: 1
}
.mint-tab-container-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%
}
.mint-tab-container {
    overflow: hidden;
    position: relative;
}
.mint-tab-container .swipe-transition {
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
.mint-tab-container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-navbar {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.mint-navbar .mint-tab-item {
    padding: 17px 0;
    font-size: 15px
}
.mint-navbar .mint-tab-item:last-child {
    border-right: 0;
}
.mint-navbar .mint-tab-item.is-selected {
    border-bottom: 3px solid #26a2ff;
    color: #26a2ff;
    margin-bottom: -3px;
}
.mint-navbar.is-fixed {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-tabbar {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
}
.mint-tabbar > .mint-tab-item.is-selected {
    background-color: #eaeaea;
    color: #26a2ff;
}
.mint-tabbar.is-fixed {
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-search {
    height: 100%;
    height: 100vh;
    overflow: hidden;
}
.mint-searchbar {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px;
    z-index: 1;
}
.mint-searchbar-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 28px;
    padding: 4px 6px;
}
.mint-searchbar-inner .mintui-search {
    font-size: 12px;
    color: #d9d9d9;
}
.mint-searchbar-core {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: 0;
}
.mint-searchbar-cancel {
    color: #26a2ff;
    margin-left: 10px;
    text-decoration: none;
}
.mint-search-list {
    overflow: auto;
    padding-top: 44px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-checklist .mint-cell {
    padding: 0;
}
.mint-checklist.is-limit .mint-checkbox-core:not(:checked) {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}
.mint-checklist-label {
    display: block;
    padding: 0 10px;
}
.mint-checklist-title {
    color: #888;
    display: block;
    font-size: 12px;
    margin: 8px;
}
.mint-checkbox {}
.mint-checkbox.is-right {
    float: right;
}
.mint-checkbox-label {
    vertical-align: middle;
    margin-left: 6px;
}
.mint-checkbox-input {
    display: none;
}
.mint-checkbox-input:checked + .mint-checkbox-core {
    background-color: #26a2ff;
    border-color: #26a2ff;
}
.mint-checkbox-input:checked + .mint-checkbox-core::after {
    border-color: #fff;
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
}
.mint-checkbox-input[disabled] + .mint-checkbox-core {
    background-color: #d9d9d9;
    border-color: #ccc;
}
.mint-checkbox-core {
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.mint-checkbox-core::after {
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 3px;
    left: 6px;
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-radiolist .mint-cell {
    padding: 0;
}
.mint-radiolist-label {
    display: block;
    padding: 0 10px;
}
.mint-radiolist-title {
    font-size: 12px;
    margin: 8px;
    display: block;
    color: #888;
}
.mint-radio {}
.mint-radio.is-right {
    float: right;
}
.mint-radio-label {
    vertical-align: middle;
    margin-left: 6px;
}
.mint-radio-input {
    display: none;
}
.mint-radio-input:checked + .mint-radio-core {
    background-color: #26a2ff;
    border-color: #26a2ff;
}
.mint-radio-input:checked + .mint-radio-core::after {
    background-color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.mint-radio-input[disabled] + .mint-radio-core {
    background-color: #d9d9d9;
    border-color: #ccc;
}
.mint-radio-core {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.mint-radio-core::after {
    content: " ";
    border-radius: 100%;
    top: 5px;
    left: 5px;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.mint-loadmore {
    overflow: hidden
}
.mint-loadmore-content {}
.mint-loadmore-content.is-dropped {
    -webkit-transition: .2s;
    transition: .2s
}
.mint-loadmore-top, .mint-loadmore-bottom {
    text-align: center;
    height: 50px;
    line-height: 50px
}
.mint-loadmore-top {
    margin-top: -50px
}
.mint-loadmore-bottom {
    margin-bottom: -50px
}
.mint-loadmore-spinner {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}
.mint-loadmore-text {
    vertical-align: middle
}
.mint-actionsheet {
  position: fixed;
  background: #e0e0e0;
  width: 100%;
  text-align: center;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}
.mint-actionsheet-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mint-actionsheet-listitem {
  border-bottom: solid 1px #e0e0e0;
}
.mint-actionsheet-listitem, .mint-actionsheet-button {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #333;
  background-color: #fff;
}
.mint-actionsheet-listitem:active, .mint-actionsheet-button:active {
  background-color: #f0f0f0;
}
.actionsheet-float-enter, .actionsheet-float-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
}
.v-modal-enter {
  -webkit-animation: v-modal-in .2s ease;
          animation: v-modal-in .2s ease;
}
.v-modal-leave {
  -webkit-animation: v-modal-out .2s ease forwards;
          animation: v-modal-out .2s ease forwards;
}
@-webkit-keyframes v-modal-in {
  0% {
    opacity: 0;
  }
  100% {
  }
}
@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
  100% {
  }
}
@-webkit-keyframes v-modal-out {
  0% {
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  0% {
  }
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
.mint-popup {
  position: fixed;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}
.mint-popup-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.mint-popup-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.mint-popup-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.mint-popup-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.popup-slide-top-enter, .popup-slide-top-leave-active {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0);
}
.popup-slide-right-enter, .popup-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}
.popup-slide-bottom-enter, .popup-slide-bottom-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
}
.popup-slide-left-enter, .popup-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0);
}
.popup-fade-enter, .popup-fade-leave-active {
  opacity: 0;
}
.mint-swipe {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.mint-swipe-items-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.mint-swipe-items-wrap > div {
    position: absolute;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: 100%;
    display: none
}
.mint-swipe-items-wrap > div.is-active {
    display: block;
    -webkit-transform: none;
            transform: none;
}
.mint-swipe-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.mint-swipe-indicator {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    margin: 0 3px;
}
.mint-swipe-indicator.is-active {
    background: #fff;
}
.mt-range {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px
}
.mt-range > * {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}
.mt-range *[slot=start] {
    margin-right: 5px
}
.mt-range *[slot=end] {
    margin-left: 5px
}
.mt-range-content {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 30px
}
.mt-range-runway {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: -30px;
    border-top-color: #a9acb1;
    border-top-style: solid
}
.mt-range-thumb {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: move;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
            box-shadow: 0 1px 3px rgba(0,0,0,.4)
}
.mt-range-progress {
    position: absolute;
    display: block;
    background-color: #26a2ff;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0
}
.mt-range--disabled {
    opacity: 0.5
}
.picker {
  overflow: hidden;
}
.picker-toolbar {
  height: 40px;
}
.picker-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  text-align: right;
  font-size: 24px;
  position: relative;
}
.picker-center-highlight {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -18px;
  pointer-events: none
}
.picker-center-highlight:before, .picker-center-highlight:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #eaeaea;
  display: block;
  z-index: 15;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.picker-center-highlight:before {
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
}
.picker-center-highlight:after {
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
}
.picker-slot {
  font-size: 18px;
  overflow: hidden;
  position: relative;
  max-height: 100%
}
.picker-slot.picker-slot-left {
  text-align: left;
}
.picker-slot.picker-slot-center {
  text-align: center;
}
.picker-slot.picker-slot-right {
  text-align: right;
}
.picker-slot.picker-slot-divider {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.picker-slot-wrapper {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.picker-slot-wrapper.dragging, .picker-slot-wrapper.dragging .picker-item {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.picker-item {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #707274;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.picker-slot-absolute .picker-item {
  position: absolute;
}
.picker-item.picker-item-far {
  pointer-events: none
}
.picker-item.picker-selected {
  color: #000;
  -webkit-transform: translate3d(0, 0, 0) rotateX(0);
          transform: translate3d(0, 0, 0) rotateX(0);
}
.picker-3d .picker-items {
  overflow: hidden;
  -webkit-perspective: 700px;
          perspective: 700px;
}
.picker-3d .picker-item, .picker-3d .picker-slot, .picker-3d .picker-slot-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d
}
.picker-3d .picker-slot {
  overflow: visible
}
.picker-3d .picker-item {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out
}
.mt-progress {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px
}
.mt-progress > * {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}
.mt-progress *[slot="start"] {
    margin-right: 5px
}
.mt-progress *[slot="end"] {
    margin-left: 5px
}
.mt-progress-content {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}
.mt-progress-runway {
    position: absolute;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    top: 50%;
    left: 0;
    right: 0;
    background-color: #ebebeb;
    height: 3px
}
.mt-progress-progress {
    position: absolute;
    display: block;
    background-color: #26a2ff;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 0
}
.mint-toast {
    position: fixed;
    max-width: 80%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    z-index: 1000;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.mint-toast.is-placebottom {
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
}
.mint-toast.is-placemiddle {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}
.mint-toast.is-placetop {
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
}
.mint-toast-icon {
    display: block;
    text-align: center;
    font-size: 56px
}
.mint-toast-text {
    font-size: 14px;
    display: block;
    text-align: center
}
.mint-toast-pop-enter, .mint-toast-pop-leave-active {
    opacity: 0
}
.mint-indicator {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.mint-indicator-wrapper {
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.mint-indicator-text {
  display: block;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.mint-indicator-spin {
  display: inline-block;
  text-align: center;
}
.mint-indicator-mask {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: transparent;
}
.mint-indicator-enter, .mint-indicator-leave-active {
  opacity: 0;
}
.mint-msgbox {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
  width: 85%;
  border-radius: 3px;
  font-size: 16px;
  -webkit-user-select: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}
.mint-msgbox-header {
  padding: 15px 0 0;
}
.mint-msgbox-content {
  padding: 10px 20px 15px;
  border-bottom: 1px solid #ddd;
  min-height: 36px;
  position: relative;
}
.mint-msgbox-input {
  padding-top: 15px;
}
.mint-msgbox-input input {
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 4px 5px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.mint-msgbox-input input.invalid {
  border-color: #ff4949;
}
.mint-msgbox-input input.invalid:focus {
  border-color: #ff4949;
}
.mint-msgbox-errormsg {
  color: red;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}
.mint-msgbox-title {
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.mint-msgbox-message {
  color: #999;
  margin: 0;
  text-align: center;
  line-height: 36px;
}
.mint-msgbox-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
}
.mint-msgbox-btn {
  line-height: 35px;
  display: block;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  border: 0;
}
.mint-msgbox-btn:focus {
  outline: none;
}
.mint-msgbox-btn:active {
  background-color: #fff;
}
.mint-msgbox-cancel {
  width: 50%;
  border-right: 1px solid #ddd;
}
.mint-msgbox-cancel:active {
  color: #000;
}
.mint-msgbox-confirm {
  color: #26a2ff;
  width: 50%;
}
.mint-msgbox-confirm:active {
  color: #26a2ff;
}
.msgbox-bounce-enter {
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
          transform: translate3d(-50%, -50%, 0) scale(0.7);
}
.msgbox-bounce-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
          transform: translate3d(-50%, -50%, 0) scale(0.9);
}
.v-modal-enter {
  -webkit-animation: v-modal-in .2s ease;
          animation: v-modal-in .2s ease;
}
.v-modal-leave {
  -webkit-animation: v-modal-out .2s ease forwards;
          animation: v-modal-out .2s ease forwards;
}
@-webkit-keyframes v-modal-in {
0% {
    opacity: 0;
}
100% {
}
}
@keyframes v-modal-in {
0% {
    opacity: 0;
}
100% {
}
}
@-webkit-keyframes v-modal-out {
0% {
}
100% {
    opacity: 0;
}
}
@keyframes v-modal-out {
0% {
}
100% {
    opacity: 0;
}
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-datetime {
    width: 100%;
}
.mint-datetime .picker-slot-wrapper, .mint-datetime .picker-item {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mint-datetime .picker-toolbar {
    border-bottom: solid 1px #eaeaea;
}
.mint-datetime-action {
    display: inline-block;
    width: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #26a2ff;
}
.mint-datetime-cancel {
    float: left;
}
.mint-datetime-confirm {
    float: right;
}
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* z-index */
.mint-indexlist {
    width: 100%;
    position: relative;
    overflow: hidden
}
.mint-indexlist-content {
    margin: 0;
    padding: 0;
    overflow: auto
}
.mint-indexlist-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    background-color: #fff;
    border-left: solid 1px #ddd;
    text-align: center;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
.mint-indexlist-navlist {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
.mint-indexlist-navitem {
    padding: 2px 6px;
    font-size: 12px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none
}
.mint-indexlist-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #fff;
    font-size: 22px
}
.mint-indexsection {
    padding: 0;
    margin: 0
}
.mint-indexsection-index {
    margin: 0;
    padding: 10px;
    background-color: #fafafa
}
.mint-indexsection-index + ul {
    padding: 0
}
.mint-palette-button{
  display:inline-block;
  position:relative;
  border-radius:50%;
  width: 56px;
  height:56px;
  line-height:56px;
  text-align:center;
  -webkit-transition:-webkit-transform .1s ease-in-out;
  transition:-webkit-transform .1s ease-in-out;
  transition:transform .1s ease-in-out;
  transition:transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}
.mint-main-button{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:blue;
  font-size:2em;
}
.mint-palette-button-active{
  -webkit-animation: mint-zoom 0.5s ease-in-out;
          animation: mint-zoom 0.5s ease-in-out;
}
.mint-sub-button-container>*{
  position:absolute;
  top:15px;
  left:15px;
  width:25px;
  height:25px;
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:-webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
@-webkit-keyframes mint-zoom{
0% {-webkit-transform:scale(1);transform:scale(1)
}
10% {-webkit-transform:scale(1.1);transform:scale(1.1)
}
30% {-webkit-transform:scale(0.9);transform:scale(0.9)
}
50% {-webkit-transform:scale(1.05);transform:scale(1.05)
}
70% {-webkit-transform:scale(0.95);transform:scale(0.95)
}
90% {-webkit-transform:scale(1.01);transform:scale(1.01)
}
100% {-webkit-transform:scale(1);transform:scale(1)
}
}
@keyframes mint-zoom{
0% {-webkit-transform:scale(1);transform:scale(1)
}
10% {-webkit-transform:scale(1.1);transform:scale(1.1)
}
30% {-webkit-transform:scale(0.9);transform:scale(0.9)
}
50% {-webkit-transform:scale(1.05);transform:scale(1.05)
}
70% {-webkit-transform:scale(0.95);transform:scale(0.95)
}
90% {-webkit-transform:scale(1.01);transform:scale(1.01)
}
100% {-webkit-transform:scale(1);transform:scale(1)
}
}
@font-face {font-family: "mintui";
  src: url(data:application/x-font-ttf;base64,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)
}
.mintui {
  font-family:"mintui" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.mintui-search:before { content: "\E604"; }
.mintui-more:before { content: "\E601"; }
.mintui-back:before { content: "\E600"; }
.mintui-field-error:before { content: "\E605"; }
.mintui-field-warning:before { content: "\E608"; }
.mintui-success:before { content: "\E602"; }
.mintui-field-success:before { content: "\E609"; }





































































































































































































































.body-detail p {
    text-align: center;
}
.body-detail img {
    height: auto !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.body-detail section {
  width: 100% !important;
  font-size: 0.3rem !important;
  margin: 0 !important;
}
.body-detail div {
  width: 100% !important;
}












































































































































































































































































































































































































































.body-detail p {
    text-align: center;
}
.body-detail img {
    height: auto !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.body-detail section {
  width: 100% !important;
}
.body-detail div {
  width: 100% !important;
}













































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































html{-webkit-tap-highlight-color:transparent}body{margin:0}a{text-decoration:none}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}button,input,textarea{color:inherit;font:inherit}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in;animation:.3s van-fade-in}.van-fade-leave-active{-webkit-animation:.3s van-fade-out;animation:.3s van-fade-out}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease;animation:van-slide-up-enter .3s both ease}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease;animation:van-slide-up-leave .3s both ease}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease;animation:van-slide-down-enter .3s both ease}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease;animation:van-slide-down-leave .3s both ease}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease;animation:van-slide-left-enter .3s both ease}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease;animation:van-slide-left-leave .3s both ease}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease;animation:van-slide-right-enter .3s both ease}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease;animation:van-slide-right-leave .3s both ease}.van-overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:14px;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-sidebar-item{display:block;box-sizing:border-box;padding:20px 12px 20px 8px;overflow:hidden;color:#323233;font-size:14px;line-height:20px;word-wrap:break-word;background-color:#fafafa;border-left:3px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item__text{position:relative;display:inline-block}.van-sidebar-item:active{background-color:#f2f3f5}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item--select{color:#323233;font-weight:500;border-color:#ee0a24}.van-sidebar-item--select::after{border-right-width:1px}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:#fff}.van-sidebar-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:#fafafa}@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url(https://img.yzcdn.cn/vant/vant-icon-db1de1.woff2) format('woff2'),url(https://img.yzcdn.cn/vant/vant-icon-db1de1.woff) format('woff'),url(https://img.yzcdn.cn/vant/vant-icon-db1de1.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon::before{display:inline-block}.van-icon-add-o::before{content:"\F000"}.van-icon-add-square::before{content:"\F001"}.van-icon-add::before{content:"\F002"}.van-icon-after-sale::before{content:"\F003"}.van-icon-aim::before{content:"\F004"}.van-icon-alipay::before{content:"\F005"}.van-icon-apps-o::before{content:"\F006"}.van-icon-arrow-down::before{content:"\F007"}.van-icon-arrow-left::before{content:"\F008"}.van-icon-arrow-up::before{content:"\F009"}.van-icon-arrow::before{content:"\F00A"}.van-icon-ascending::before{content:"\F00B"}.van-icon-audio::before{content:"\F00C"}.van-icon-award-o::before{content:"\F00D"}.van-icon-award::before{content:"\F00E"}.van-icon-bag-o::before{content:"\F00F"}.van-icon-bag::before{content:"\F010"}.van-icon-balance-list-o::before{content:"\F011"}.van-icon-balance-list::before{content:"\F012"}.van-icon-balance-o::before{content:"\F013"}.van-icon-balance-pay::before{content:"\F014"}.van-icon-bar-chart-o::before{content:"\F015"}.van-icon-bars::before{content:"\F016"}.van-icon-bell::before{content:"\F017"}.van-icon-bill-o::before{content:"\F018"}.van-icon-bill::before{content:"\F019"}.van-icon-birthday-cake-o::before{content:"\F01A"}.van-icon-bookmark-o::before{content:"\F01B"}.van-icon-bookmark::before{content:"\F01C"}.van-icon-browsing-history-o::before{content:"\F01D"}.van-icon-browsing-history::before{content:"\F01E"}.van-icon-brush-o::before{content:"\F01F"}.van-icon-bulb-o::before{content:"\F020"}.van-icon-bullhorn-o::before{content:"\F021"}.van-icon-calender-o::before{content:"\F022"}.van-icon-card::before{content:"\F023"}.van-icon-cart-circle-o::before{content:"\F024"}.van-icon-cart-circle::before{content:"\F025"}.van-icon-cart-o::before{content:"\F026"}.van-icon-cart::before{content:"\F027"}.van-icon-cash-back-record::before{content:"\F028"}.van-icon-cash-on-deliver::before{content:"\F029"}.van-icon-cashier-o::before{content:"\F02A"}.van-icon-certificate::before{content:"\F02B"}.van-icon-chart-trending-o::before{content:"\F02C"}.van-icon-chat-o::before{content:"\F02D"}.van-icon-chat::before{content:"\F02E"}.van-icon-checked::before{content:"\F02F"}.van-icon-circle::before{content:"\F030"}.van-icon-clear::before{content:"\F031"}.van-icon-clock-o::before{content:"\F032"}.van-icon-clock::before{content:"\F033"}.van-icon-close::before{content:"\F034"}.van-icon-closed-eye::before{content:"\F035"}.van-icon-cluster-o::before{content:"\F036"}.van-icon-cluster::before{content:"\F037"}.van-icon-column::before{content:"\F038"}.van-icon-comment-circle-o::before{content:"\F039"}.van-icon-comment-circle::before{content:"\F03A"}.van-icon-comment-o::before{content:"\F03B"}.van-icon-comment::before{content:"\F03C"}.van-icon-completed::before{content:"\F03D"}.van-icon-contact::before{content:"\F03E"}.van-icon-coupon-o::before{content:"\F03F"}.van-icon-coupon::before{content:"\F040"}.van-icon-credit-pay::before{content:"\F041"}.van-icon-cross::before{content:"\F042"}.van-icon-debit-pay::before{content:"\F043"}.van-icon-delete::before{content:"\F044"}.van-icon-descending::before{content:"\F045"}.van-icon-description::before{content:"\F046"}.van-icon-desktop-o::before{content:"\F047"}.van-icon-diamond-o::before{content:"\F048"}.van-icon-diamond::before{content:"\F049"}.van-icon-discount::before{content:"\F04A"}.van-icon-down::before{content:"\F04B"}.van-icon-ecard-pay::before{content:"\F04C"}.van-icon-edit::before{content:"\F04D"}.van-icon-ellipsis::before{content:"\F04E"}.van-icon-empty::before{content:"\F04F"}.van-icon-envelop-o::before{content:"\F050"}.van-icon-exchange::before{content:"\F051"}.van-icon-expand-o::before{content:"\F052"}.van-icon-expand::before{content:"\F053"}.van-icon-eye-o::before{content:"\F054"}.van-icon-eye::before{content:"\F055"}.van-icon-fail::before{content:"\F056"}.van-icon-failure::before{content:"\F057"}.van-icon-filter-o::before{content:"\F058"}.van-icon-fire-o::before{content:"\F059"}.van-icon-fire::before{content:"\F05A"}.van-icon-flag-o::before{content:"\F05B"}.van-icon-flower-o::before{content:"\F05C"}.van-icon-free-postage::before{content:"\F05D"}.van-icon-friends-o::before{content:"\F05E"}.van-icon-friends::before{content:"\F05F"}.van-icon-gem-o::before{content:"\F060"}.van-icon-gem::before{content:"\F061"}.van-icon-gift-card-o::before{content:"\F062"}.van-icon-gift-card::before{content:"\F063"}.van-icon-gift-o::before{content:"\F064"}.van-icon-gift::before{content:"\F065"}.van-icon-gold-coin-o::before{content:"\F066"}.van-icon-gold-coin::before{content:"\F067"}.van-icon-good-job-o::before{content:"\F068"}.van-icon-good-job::before{content:"\F069"}.van-icon-goods-collect-o::before{content:"\F06A"}.van-icon-goods-collect::before{content:"\F06B"}.van-icon-graphic::before{content:"\F06C"}.van-icon-home-o::before{content:"\F06D"}.van-icon-hot-o::before{content:"\F06E"}.van-icon-hot-sale-o::before{content:"\F06F"}.van-icon-hot-sale::before{content:"\F070"}.van-icon-hot::before{content:"\F071"}.van-icon-hotel-o::before{content:"\F072"}.van-icon-idcard::before{content:"\F073"}.van-icon-info-o::before{content:"\F074"}.van-icon-info::before{content:"\F075"}.van-icon-invition::before{content:"\F076"}.van-icon-label-o::before{content:"\F077"}.van-icon-label::before{content:"\F078"}.van-icon-like-o::before{content:"\F079"}.van-icon-like::before{content:"\F07A"}.van-icon-live::before{content:"\F07B"}.van-icon-location-o::before{content:"\F07C"}.van-icon-location::before{content:"\F07D"}.van-icon-lock::before{content:"\F07E"}.van-icon-logistics::before{content:"\F07F"}.van-icon-manager-o::before{content:"\F080"}.van-icon-manager::before{content:"\F081"}.van-icon-map-marked::before{content:"\F082"}.van-icon-medal-o::before{content:"\F083"}.van-icon-medal::before{content:"\F084"}.van-icon-more-o::before{content:"\F085"}.van-icon-more::before{content:"\F086"}.van-icon-music-o::before{content:"\F087"}.van-icon-music::before{content:"\F088"}.van-icon-new-arrival-o::before{content:"\F089"}.van-icon-new-arrival::before{content:"\F08A"}.van-icon-new-o::before{content:"\F08B"}.van-icon-new::before{content:"\F08C"}.van-icon-newspaper-o::before{content:"\F08D"}.van-icon-notes-o::before{content:"\F08E"}.van-icon-orders-o::before{content:"\F08F"}.van-icon-other-pay::before{content:"\F090"}.van-icon-paid::before{content:"\F091"}.van-icon-passed::before{content:"\F092"}.van-icon-pause-circle-o::before{content:"\F093"}.van-icon-pause-circle::before{content:"\F094"}.van-icon-pause::before{content:"\F095"}.van-icon-peer-pay::before{content:"\F096"}.van-icon-pending-payment::before{content:"\F097"}.van-icon-phone-circle-o::before{content:"\F098"}.van-icon-phone-circle::before{content:"\F099"}.van-icon-phone-o::before{content:"\F09A"}.van-icon-phone::before{content:"\F09B"}.van-icon-photo-o::before{content:"\F09C"}.van-icon-photo::before{content:"\F09D"}.van-icon-photograph::before{content:"\F09E"}.van-icon-play-circle-o::before{content:"\F09F"}.van-icon-play-circle::before{content:"\F0A0"}.van-icon-play::before{content:"\F0A1"}.van-icon-plus::before{content:"\F0A2"}.van-icon-point-gift-o::before{content:"\F0A3"}.van-icon-point-gift::before{content:"\F0A4"}.van-icon-points::before{content:"\F0A5"}.van-icon-printer::before{content:"\F0A6"}.van-icon-qr-invalid::before{content:"\F0A7"}.van-icon-qr::before{content:"\F0A8"}.van-icon-question-o::before{content:"\F0A9"}.van-icon-question::before{content:"\F0AA"}.van-icon-records::before{content:"\F0AB"}.van-icon-refund-o::before{content:"\F0AC"}.van-icon-replay::before{content:"\F0AD"}.van-icon-scan::before{content:"\F0AE"}.van-icon-search::before{content:"\F0AF"}.van-icon-send-gift-o::before{content:"\F0B0"}.van-icon-send-gift::before{content:"\F0B1"}.van-icon-service-o::before{content:"\F0B2"}.van-icon-service::before{content:"\F0B3"}.van-icon-setting-o::before{content:"\F0B4"}.van-icon-setting::before{content:"\F0B5"}.van-icon-share::before{content:"\F0B6"}.van-icon-shop-collect-o::before{content:"\F0B7"}.van-icon-shop-collect::before{content:"\F0B8"}.van-icon-shop-o::before{content:"\F0B9"}.van-icon-shop::before{content:"\F0BA"}.van-icon-shopping-cart-o::before{content:"\F0BB"}.van-icon-shopping-cart::before{content:"\F0BC"}.van-icon-shrink::before{content:"\F0BD"}.van-icon-sign::before{content:"\F0BE"}.van-icon-smile-comment-o::before{content:"\F0BF"}.van-icon-smile-comment::before{content:"\F0C0"}.van-icon-smile-o::before{content:"\F0C1"}.van-icon-smile::before{content:"\F0C2"}.van-icon-star-o::before{content:"\F0C3"}.van-icon-star::before{content:"\F0C4"}.van-icon-stop-circle-o::before{content:"\F0C5"}.van-icon-stop-circle::before{content:"\F0C6"}.van-icon-stop::before{content:"\F0C7"}.van-icon-success::before{content:"\F0C8"}.van-icon-thumb-circle-o::before{content:"\F0C9"}.van-icon-thumb-circle::before{content:"\F0CA"}.van-icon-todo-list-o::before{content:"\F0CB"}.van-icon-todo-list::before{content:"\F0CC"}.van-icon-tosend::before{content:"\F0CD"}.van-icon-tv-o::before{content:"\F0CE"}.van-icon-umbrella-circle::before{content:"\F0CF"}.van-icon-underway-o::before{content:"\F0D0"}.van-icon-underway::before{content:"\F0D1"}.van-icon-upgrade::before{content:"\F0D2"}.van-icon-user-circle-o::before{content:"\F0D3"}.van-icon-user-o::before{content:"\F0D4"}.van-icon-video-o::before{content:"\F0D5"}.van-icon-video::before{content:"\F0D6"}.van-icon-vip-card-o::before{content:"\F0D7"}.van-icon-vip-card::before{content:"\F0D8"}.van-icon-volume-o::before{content:"\F0D9"}.van-icon-volume::before{content:"\F0DA"}.van-icon-wap-home-o::before{content:"\F0DB"}.van-icon-wap-home::before{content:"\F0DC"}.van-icon-wap-nav::before{content:"\F0DD"}.van-icon-warn-o::before{content:"\F0DE"}.van-icon-warning-o::before{content:"\F0DF"}.van-icon-warning::before{content:"\F0E0"}.van-icon-weapp-nav::before{content:"\F0E1"}.van-icon-wechat::before{content:"\F0E2"}.van-icon-youzan-shield::before{content:"\F0E3"}.van-icon__image{width:1em;height:1em;object-fit:contain}.van-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;font-size:12px;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:5px;font-size:18px}.van-tabbar-item__icon .van-icon{display:block;min-width:1em}.van-tabbar-item__icon img{display:block;height:18px}.van-tabbar-item--active{color:#1989fa}.van-tabbar-item .van-info{margin-top:2px}.van-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#969799;font-size:14px}.van-step__circle{display:block;width:5px;height:5px;background-color:#969799;border-radius:50%}.van-step__line{position:absolute;background-color:#ebedf0;-webkit-transition:background-color .3s;transition:background-color .3s}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:-8px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:321px){.van-step--horizontal .van-step__title{font-size:11px}}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:12px}.van-step--horizontal .van-step--process{color:#323233}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical:first-child::before{position:absolute;top:0;left:-15px;z-index:1;width:1px;height:20px;background-color:#fff;content:''}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:2;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:#323233}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:#07c160}.van-step__icon,.van-step__title{-webkit-transition:color .3s;transition:color .3s}.van-step__icon--active,.van-step__title--active{color:#07c160}.van-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:4px}.van-rate__icon{display:block;width:1em;color:#c8c9cc;font-size:20px}.van-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.van-rate__icon--full{color:#ffd21e}.van-rate__icon--disabled{color:#bdbdbd}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-notice-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 16px;color:#ed6a0c;font-size:14px;line-height:24px;background-color:#fffbe8}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:22px;font-size:16px}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:24px;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar__play{-webkit-animation:van-notice-bar-play linear both;animation:van-notice-bar-play linear both}.van-notice-bar__play--infinite{-webkit-animation:van-notice-bar-play-infinite linear infinite both;animation:van-notice-bar-play-infinite linear infinite both}.van-notice-bar--wrapable{height:auto;padding:8px 16px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}@-webkit-keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.van-nav-bar{position:relative;z-index:1;height:46px;line-height:46px;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar .van-icon{color:#1989fa;vertical-align:middle}.van-nav-bar__arrow{min-width:1em;font-size:16px}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;font-weight:500;font-size:16px}.van-nav-bar__left,.van-nav-bar__right{position:absolute;bottom:0;font-size:14px;cursor:pointer}.van-nav-bar__left{left:16px}.van-nav-bar__right{right:16px}.van-nav-bar__text{display:inline-block;margin:0 -16px;padding:0 16px;color:#1989fa;vertical-align:middle}.van-nav-bar__text:active{background-color:#f2f3f5}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;word-wrap:break-word}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-goods-action-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:48px;height:100%;color:#646566;font-size:10px;line-height:1;text-align:center;background-color:#fff;cursor:pointer}.van-goods-action-icon:active{background-color:#f2f3f5}.van-goods-action-icon__icon{width:1em;margin:0 auto 5px;color:#323233;font-size:18px}.van-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:inherit;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:#c8c9cc}.van-checkbox__label{margin-left:8px;color:#323233;line-height:20px}.van-checkbox__label--left{margin:0 8px 0 0}.van-checkbox__label--disabled{color:#c8c9cc}.van-coupon{margin:0 12px 12px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#f2f3f5}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;min-height:84px;padding:14px 0;color:#323233}.van-coupon__head{position:relative;min-width:96px;padding:0 8px;color:#ee0a24;text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:500;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:40%}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:12px;line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:0 8px 8px 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:14px;line-height:20px}.van-coupon__valid{font-size:12px}.van-coupon__corner{position:absolute;top:0;right:16px;bottom:0}.van-coupon__description{padding:8px 16px;font-size:12px;border-top:1px dashed #ebedf0}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:74px}.van-coupon--disabled .van-coupon__head{color:inherit}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#969799;font-size:14px;background-color:#f7f8fa}.van-image__loading-icon{font-size:22px}.van-image__error-icon{font-size:22px}.van-radio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:inherit;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:#c8c9cc}.van-radio__label{margin-left:8px;color:#323233;line-height:20px}.van-radio__label--left{margin:0 8px 0 0}.van-radio__label--disabled{color:#c8c9cc}.van-tag{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:.2em .5em;color:#fff;font-size:10px;line-height:normal;border-radius:.2em}.van-tag::after{border-color:currentColor;border-radius:.4em}.van-tag--default{background-color:#969799}.van-tag--default.van-tag--plain{color:#969799}.van-tag--danger{background-color:#ee0a24}.van-tag--danger.van-tag--plain{color:#ee0a24}.van-tag--primary{background-color:#1989fa}.van-tag--primary.van-tag--plain{color:#1989fa}.van-tag--success{background-color:#07c160}.van-tag--success.van-tag--plain{color:#07c160}.van-tag--warning{background-color:#ff976a}.van-tag--warning.van-tag--plain{color:#ff976a}.van-tag--plain{background-color:#fff}.van-tag--mark{padding-right:.7em}.van-tag--mark,.van-tag--mark::after{border-radius:0 999px 999px 0}.van-tag--round,.van-tag--round::after{border-radius:999px}.van-tag--medium{font-size:12px}.van-tag--large{font-size:14px}.van-tag__close{min-width:1em;margin-left:2px;cursor:pointer}.van-card{position:relative;box-sizing:border-box;padding:8px 16px;color:#323233;font-size:12px;background-color:#fafafa}.van-card:not(:first-child){margin-top:8px}.van-card__header{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__thumb{position:relative;-webkit-box-flex:0;-webkit-flex:none;flex:none;width:88px;height:88px;margin-right:8px}.van-card__thumb img{border-radius:8px}.van-card__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px}.van-card__content--centered{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:500;line-height:16px}.van-card__desc{max-height:20px;color:#646566;line-height:20px}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;color:#323233;font-weight:500;font-size:12px}.van-card__price-integer{font-size:16px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__origin-price{display:inline-block;margin-left:5px;color:#969799;font-size:10px;text-decoration:line-through}.van-card__num{float:right;color:#969799}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-box-flex:0;-webkit-flex:none;flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell:not(:last-child)::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after{display:none}.van-cell__label{margin-top:3px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{min-width:1em;height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:5px}.van-cell__right-icon{margin-left:5px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}.van-coupon-cell--selected{color:#323233}.van-contact-card{padding:16px}.van-contact-card__value{margin-left:5px;line-height:20px}.van-contact-card--add .van-contact-card__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px;content:''}.van-collapse-item__title .van-cell__right-icon::before{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.van-collapse-item__title::after{visibility:hidden}.van-collapse-item__title--expanded .van-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{visibility:visible}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c8c9cc}.van-collapse-item__title--disabled:active{background-color:#fff}.van-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.van-collapse-item__content{padding:16px;color:#969799;font-size:13px;line-height:1.5;background-color:#fff}.van-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;width:90px}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;text-align:left;background-color:transparent;border:0;resize:none}.van-field__control::-webkit-input-placeholder{color:#969799}.van-field__control::placeholder{color:#969799}.van-field__control:disabled{color:#969799;-webkit-text-fill-color:#969799;background-color:transparent;cursor:not-allowed;opacity:1}.van-field__control:read-only{cursor:default}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:24px}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.van-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;min-width:1em;font-size:16px;line-height:inherit}.van-field__left-icon{margin-right:5px}.van-field__right-icon{color:#969799}.van-field__button{padding-left:8px}.van-field__error-message{color:#ee0a24;font-size:12px;text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:4px;color:#646566;font-size:12px;line-height:16px;text-align:right}.van-field__word-num--full{color:#ee0a24}.van-field--error .van-field__control::-webkit-input-placeholder{color:#ee0a24;-webkit-text-fill-color:#ee0a24}.van-field--error .van-field__control,.van-field--error .van-field__control::-webkit-input-placeholder{color:#ee0a24;-webkit-text-fill-color:#ee0a24}.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder{color:#ee0a24;-webkit-text-fill-color:#ee0a24}.van-field--min-height .van-field__control{min-height:60px}.van-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;background-color:#fff}.van-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:8px;background-color:#f7f8fa;border-radius:2px}.van-search__content--round{border-radius:17px}.van-search__label{padding:0 5px;color:#323233;font-size:14px;line-height:34px}.van-search .van-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 8px 5px 0;background-color:transparent}.van-search .van-cell__left-icon{color:#969799}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 8px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:#f2f3f5}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:20px}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 20px 20px}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:20px 0 0 20px}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:20px 20px 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 20px 20px 0}.van-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup-slide-top-enter,.van-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter,.van-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-popup-slide-left-enter,.van-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-popup__close-icon:active{color:#969799}.van-popup__close-icon--top-left{top:16px;left:16px}.van-popup__close-icon--top-right{top:16px;right:16px}.van-popup__close-icon--bottom-left{bottom:16px;left:16px}.van-popup__close-icon--bottom-right{right:16px;bottom:16px}.van-notify{box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background-color:#1989fa}.van-notify--success{background-color:#07c160}.van-notify--danger{background-color:#ee0a24}.van-notify--warning{background-color:#ff976a}.van-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active{color:#1989fa}.van-dropdown-item__option--active .van-dropdown-item__icon{color:#1989fa}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:80%}.van-dropdown-item__icon{display:block;line-height:inherit}.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{position:absolute;top:0;left:0;z-index:1;width:1em;height:1em;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05), -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.van-switch--disabled{cursor:not-allowed;opacity:.5}.van-switch--loading{cursor:default}.van-switch-cell{padding-top:9px;padding-bottom:9px}.van-switch-cell--large{padding-top:11px;padding-bottom:11px}.van-switch-cell .van-switch{float:right}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:42px;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{min-width:60px;height:30px;padding:0 8px;font-size:12px;line-height:28px}.van-button__loading{display:inline-block;color:inherit;vertical-align:top}.van-button--mini{display:inline-block;min-width:50px;height:22px;font-size:10px;line-height:20px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__icon{min-width:1em;font-size:1.2em;line-height:inherit;vertical-align:top}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text{display:inline-block;margin-left:5px;vertical-align:top}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:8px 12px;color:#f56723;font-size:12px;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:18px;font-size:12px;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:50px;padding:0 16px;font-size:14px}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:12px;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:5px;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:12px}.van-submit-bar__price--integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:110px;height:40px;font-weight:500;line-height:40px;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-goods-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;font-weight:500;font-size:14px;line-height:40px;border:none}.van-goods-action-button--first{margin-left:5px;border-top-left-radius:20px;border-bottom-left-radius:20px}.van-goods-action-button--last{margin-right:5px;border-top-right-radius:20px;border-bottom-right-radius:20px}.van-goods-action-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-goods-action-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}@media (max-width:321px){.van-goods-action-button{font-size:13px}}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:50px}.van-contact-list__item{padding:16px}.van-contact-list__item-value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:32px;padding-left:8px}.van-contact-list__item-tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:16px}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:999;padding:5px 16px;background-color:#fff}.van-contact-list__add{height:40px;line-height:38px}.van-address-list{box-sizing:border-box;height:100%;padding:12px 12px 100px}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;background-color:#fff}.van-address-list__add{height:40px;line-height:38px}.van-address-list__disabled-text{padding:20px 0 16px;color:#969799;font-size:14px;line-height:20px}.van-address-item{padding:12px;border-radius:8px}.van-address-item:not(:last-child){margin-bottom:12px}.van-address-item__value{padding-right:44px}.van-address-item__name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;font-size:16px;line-height:22px}.van-address-item__tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:#323233;font-size:13px;line-height:18px}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#c8c9cc}.van-address-item__edit{position:absolute;top:50%;right:16px;color:#969799;font-size:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-radio__label{margin-left:12px}.van-address-item .van-radio__icon--checked .van-icon{background-color:#ee0a24;border-color:#ee0a24}.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:24px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__message{max-height:60vh;padding:24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:12px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__footer--buttons{display:-webkit-box;display:-webkit-flex;display:flex}.van-dialog__footer--buttons .van-button{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-dialog .van-button{border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#1989fa}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.van-contact-edit{padding:16px}.van-contact-edit__fields{overflow:hidden;border-radius:4px}.van-contact-edit__fields .van-cell__title{max-width:65px}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;overflow:hidden;border-radius:4px}.van-contact-edit__switch-cell .van-cell__value{-webkit-box-flex:0;-webkit-flex:none;flex:none}.van-contact-edit__switch-cell .van-switch{vertical-align:top}.van-contact-edit__buttons{padding:32px 0}.van-contact-edit .van-button{margin-bottom:12px;font-size:16px}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:90px;max-width:70%;min-height:90px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;background-color:rgba(50,50,51,.88);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:unset;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:50px}.van-toast--bottom{top:auto;bottom:50px}.van-toast__icon{font-size:40px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}.van-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:80%}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16)}.van-calendar__header-title,.van-calendar__month-title{height:44px;font-weight:500;line-height:44px;text-align:center}.van-calendar__header-title{font-size:16px}.van-calendar__month-title{font-size:14px}.van-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;text-align:center}.van-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;font-size:16px;cursor:pointer}.van-calendar__day--end,.van-calendar__day--start{color:#fff;background-color:#ee0a24}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--middle{color:#ee0a24}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.1;content:''}.van-calendar__day--disabled{color:#c8c9cc;cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;height:54px;color:#fff;background-color:#ee0a24;border-radius:4px}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-calendar__confirm{height:36px;margin:7px 0;line-height:34px}.van-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;line-height:44px}.van-picker__cancel,.van-picker__confirm{padding:0 16px;color:#1989fa;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{background-color:#f2f3f5}.van-picker__title{max-width:50%;font-weight:500;font-size:16px;text-align:center}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#1989fa;background-color:rgba(255,255,255,.9)}.van-picker__frame{position:absolute;top:50%;left:0;z-index:3;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.van-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:16px;text-align:center}.van-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{padding:0 5px;color:#000}.van-picker-column__item--disabled{opacity:.3}.van-address-edit{padding:12px}.van-address-edit__fields{overflow:hidden;border-radius:8px}.van-address-edit__default{margin-top:12px;overflow:hidden;border-radius:8px}.van-address-edit__buttons{padding:32px 4px}.van-address-edit__buttons .van-button{margin-bottom:12px}.van-address-edit-detail{padding:0}.van-address-edit-detail__search-item{background-color:#f2f3f5}.van-address-edit-detail__keyword{color:#ee0a24}.van-address-edit-detail__finish{color:#1989fa;font-size:12px}.van-action-sheet{max-height:80%;color:#323233}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:0;font-size:16px;line-height:50px;text-align:center;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{height:50px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__subname{margin-left:4px;color:#646566;font-size:12px}.van-action-sheet__cancel::before{display:block;height:8px;background-color:#f7f8fa;content:' '}.van-action-sheet__header{font-weight:500;font-size:16px;line-height:44px;text-align:center}.van-action-sheet__description{padding:16px;color:#646566;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__close{position:absolute;top:0;right:0;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}.van-cell-group{background-color:#fff}.van-cell-group__title{padding:16px 16px 8px;color:#969799;font-size:14px;line-height:16px}.van-panel{background:#fff}.van-panel__header-value{color:#ee0a24}.van-panel__footer{padding:8px 16px}.van-circle{position:relative;display:inline-block;text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{fill:none;stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;width:100%;color:#323233;font-weight:500;font-size:14px;line-height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-col{float:left;box-sizing:border-box;min-height:1px}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}.van-count-down{color:#323233;font-size:14px;line-height:20px}.van-tab__pane,.van-tab__pane-wrapper{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}.van-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}.van-tab{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;padding:0 5px;color:#646566;font-size:14px;line-height:44px;text-align:center;cursor:pointer}.van-tab--active{color:#323233;font-weight:500}.van-tab--disabled{color:#c8c9cc;cursor:not-allowed}.van-tab__text{position:relative}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:0;-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__wrap--scrollable .van-tab--complete{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.van-tabs__wrap--scrollable .van-tabs__nav{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #ee0a24;border-radius:2px}.van-tabs__nav--card .van-tab{color:#ee0a24;line-height:28px;border-right:1px solid #ee0a24}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#ee0a24}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;height:3px;background-color:#ee0a24;border-radius:3px}.van-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card>.van-tabs__wrap{height:30px}.van-coupon-list{position:relative;height:100%;background-color:#f7f8fa}.van-coupon-list__field{padding:5px 0 5px 16px}.van-coupon-list__field .van-field__body{height:34px;padding-left:12px;line-height:34px;background:#f7f8fa;border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__body::placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.van-coupon-list__exchange{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:32px;font-size:16px;line-height:30px;border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px #969799}.van-coupon-list__list{box-sizing:border-box;padding:16px 0 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:66px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;font-weight:500;background-color:#fff}.van-coupon-list__close{height:40px;line-height:38px}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:16px 0;color:#969799;font-size:14px;line-height:20px}.van-coupon-list__empty img{width:200px;height:200px}.van-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:#ebedf0;border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:16px}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:16px;content:''}.van-divider--content-left::before{max-width:10%}.van-divider--content-right::after{max-width:10%}.van-dropdown-menu{display:-webkit-box;display:-webkit-flex;display:flex;height:50px;background-color:#fff;-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;color:#323233;font-size:15px;line-height:18px}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent currentColor currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#1989fa}.van-dropdown-menu__title--down::after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:50px;background-color:#fff}.van-goods-action--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-swipe{position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{height:100%}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s;transition:opacity .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}.van-swipe-item{float:left;height:100%}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.van-image-preview__swipe{height:100%}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:10px;left:50%;color:#fff;font-size:14px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#fff;border:1px dashed #ebedf0;border-radius:4px}.van-uploader__upload-icon{color:#969799;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px}.van-uploader__preview-delete{position:absolute;top:-8px;right:-8px;color:#969799;font-size:18px;background-color:#fff;border-radius:100%}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:4px}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}.van-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa;border-radius:4px}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-index-anchor{z-index:1;box-sizing:border-box;padding:0 16px;color:#323233;font-weight:500;font-size:14px;line-height:32px;background-color:transparent}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:#07c160;background-color:#fff}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 4px 0 16px;font-weight:500;font-size:10px;line-height:14px}.van-index-bar__index--active{color:#07c160}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:100%;background-color:#fff;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-user-select:none;user-select:none}.van-number-keyboard__title{position:relative;height:30px;color:#646566;font-size:14px;line-height:30px;text-align:center}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{position:relative;box-sizing:border-box}.van-number-keyboard__close{position:absolute;right:0;padding:0 16px;color:#1989fa;font-size:14px;cursor:pointer}.van-number-keyboard__close:active{background-color:#f2f3f5}.van-number-keyboard__sidebar{position:absolute;right:0;bottom:0;width:25%;height:216px}.van-number-keyboard--custom .van-number-keyboard__body{padding-right:25%}.van-number-keyboard--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-key{display:inline-block;width:33.33333333%;height:54px;font-size:24px;font-style:normal;line-height:54px;text-align:center;vertical-align:middle;cursor:pointer}.van-key::after{border-width:1px 1px 0 0}.van-key--middle{width:66.66666667%}.van-key--big{width:100%;height:108px;line-height:108px}.van-key--blue,.van-key--delete{font-size:16px}.van-key--blue{color:#fff;background-color:#1989fa}.van-key--blue.van-key--active{background-color:#1989fa}.van-key--blue::after{border-color:#1989fa}.van-key--blue:active{background-color:#0570db}.van-key--gray{background-color:#ebedf0}.van-key--active{background-color:#f2f3f5}.van-pagination{display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;line-height:40px;text-align:center}.van-pagination__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:36px;height:40px;color:#1989fa;background-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:1px 0 1px 1px}.van-pagination__item:last-child::after{border-right-width:1px}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 4px;cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:#646566;background-color:#f7f8fa;cursor:not-allowed;opacity:.5}.van-pagination__page{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;color:#646566}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:1px}.van-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:16px;font-size:14px;text-align:center}.van-password-input__info{color:#969799}.van-password-input__error-info{color:#ee0a24}.van-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100%;font-size:20px;line-height:50px;text-align:center;background-color:#fff}.van-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s van-cursor-flicker infinite;animation:1s van-cursor-flicker infinite}@-webkit-keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}.van-progress{position:relative;height:4px;background:#ebedf0;border-radius:4px}.van-progress__portion{position:absolute;left:0;height:100%;background:#1989fa;border-radius:inherit}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:0 5px;color:#fff;font-size:10px;line-height:1.6;text-align:center;word-break:keep-all;background-color:#1989fa;border-radius:1em;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-row::after{display:table;clear:both;content:''}.van-row--flex{display:-webkit-box;display:-webkit-flex;display:flex}.van-row--flex::after{display:none}.van-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.van-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.van-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.van-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.van-sidebar{width:85px}.van-tree-select{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;background-color:#fafafa;-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:12px 8px 12px 12px}.van-tree-select__content{-webkit-box-flex:2;-webkit-flex:2;flex:2;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 16px;font-weight:700;line-height:44px;cursor:pointer}.van-tree-select__item--active{color:#ee0a24}.van-tree-select__item--disabled{color:#c8c9cc;cursor:not-allowed}.van-tree-select__selected{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px}.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px}.van-skeleton__row,.van-skeleton__title{height:16px;background-color:#f2f3f5}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:12px}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}.van-stepper{font-size:0;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:28px;height:28px;margin:0;padding:4px;color:#323233;vertical-align:middle;background-color:#f2f3f5;border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:13px;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:13px}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:currentColor;content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;background-color:#f7f8fa;cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:#f7f8fa}.van-stepper__minus{border-radius:4px 0 0 4px}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0}.van-stepper__input{box-sizing:border-box;width:32px;height:28px;margin:0 2px;padding:0;color:#323233;font-size:14px;text-align:center;vertical-align:middle;background-color:#f2f3f5;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:#c8c9cc;background-color:#f2f3f5;-webkit-text-fill-color:#c8c9cc;opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper input[type=number]::-webkit-inner-spin-button,.van-stepper input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.van-sku-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;min-height:50%;max-height:80%;overflow-y:visible;font-size:14px;background:#fff}.van-sku-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:44px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-header{margin-left:16px}.van-sku-header__img-wrap{position:relative;float:left;width:96px;height:96px;margin:12px 0;overflow:hidden;background:#f7f8fa;border-radius:4px}.van-sku-header__img-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto}.van-sku-header__goods-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;min-height:96px;padding:12px 36px 12px 8px;overflow:hidden}.van-sku-header-item{margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-sku__price-symbol{font-size:16px;vertical-align:middle}.van-sku__price-num{font-weight:500;font-size:22px;vertical-align:middle;word-wrap:break-word}.van-sku__goods-price{color:#ee0a24}.van-sku__price-tag{position:relative;display:inline-block;margin-left:8px;padding:0 5px;overflow:hidden;color:#ee0a24;font-size:12px;line-height:16px;vertical-align:middle;border-radius:8px}.van-sku__price-tag::before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;opacity:.1;content:''}.van-sku-group-container{margin-left:16px;padding:12px 0 2px}.van-sku-group-container--hide-soldout .van-sku-row__item--disabled{display:none}.van-sku-row{margin:0 3px 12px 0}.van-sku-row:last-child{margin-bottom:0}.van-sku-row__title{padding-bottom:12px}.van-sku-row__title-multiple{color:#969799}.van-sku-row__item{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:40px;margin:0 12px 12px 0;overflow:hidden;color:#323233;font-size:13px;line-height:16px;vertical-align:middle;border-radius:4px;cursor:pointer}.van-sku-row__item::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f8fa;content:''}.van-sku-row__item-img{z-index:1;width:24px;height:24px;margin:4px 0 4px 4px;object-fit:cover;border-radius:2px}.van-sku-row__item-name{z-index:1;padding:8px}.van-sku-row__item--active{color:#ee0a24}.van-sku-row__item--active::before{background:currentColor;opacity:.1}.van-sku-row__item--disabled{color:#c8c9cc;background:#f2f3f5;cursor:not-allowed}.van-sku-row__item--disabled .van-sku-row__item-img{opacity:.3}.van-sku-stepper-stock{margin-left:16px;padding:12px 0}.van-sku-stepper-container{min-height:30px;margin-right:20px;overflow:hidden}.van-sku__stepper{float:right;padding-left:4px}.van-sku__stepper-title{float:left;line-height:30px}.van-sku__stepper-quota{display:inline-block;float:right;color:#ee0a24;font-size:12px;line-height:30px}.van-sku__stock{display:inline-block;margin-right:8px;color:#969799;font-size:12px}.van-sku__stock-num--highlight{color:#ee0a24}.van-sku-messages{padding-bottom:32px}.van-sku-messages__image-cell .van-cell__title{max-width:90px}.van-sku-messages__image-cell .van-cell__value{overflow:visible;text-align:left}.van-sku-img-uploader{display:inline-block}.van-sku-img-uploader__uploader{vertical-align:middle}.van-sku-img-uploader__img{position:relative;float:left;width:64px;height:64px;margin-right:8px;background:#f7f8fa;border-radius:2px}.van-sku-img-uploader__img img{width:100%;height:100%;object-fit:contain}.van-sku-img-uploader__delete{position:absolute;top:-12px;right:-14px;z-index:1;padding:6px;color:rgba(50,50,51,.8);opacity:.8}.van-sku-img-uploader__delete::before{background-color:#fff;border-radius:14px}.van-sku-img-uploader__mask{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;color:#fff;background:rgba(50,50,51,.8)}.van-sku-img-uploader__warn-text{margin-top:6px;font-size:12px;line-height:14px}.van-sku-img-uploader__trigger{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;color:#dcdee0}.van-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;padding:8px 16px}.van-sku-actions .van-button{height:40px;font-weight:500;font-size:14px;line-height:34px;border:none;border-radius:0}.van-sku-actions .van-button:first-of-type{border-top-left-radius:20px;border-bottom-left-radius:20px}.van-sku-actions .van-button:last-of-type{border-top-right-radius:20px;border-bottom-right-radius:20px}.van-sku-actions .van-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-sku-actions .van-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-slider{position:relative;background-color:#ebedf0;border-radius:999px;cursor:pointer}.van-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.van-slider__bar{position:relative;height:2px;background-color:#1989fa;border-radius:inherit;-webkit-transition:width .2s;transition:width .2s}.van-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5)}.van-slider__button-wrapper{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:.5}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:2px;height:100%}.van-slider--vertical .van-slider__button-wrapper{top:auto;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 32px}.van-swipe-cell{position:relative;overflow:hidden;cursor:grab}.van-swipe-cell__wrapper{-webkit-transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-timing-function:cubic-bezier(.18,.89,.32,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-tabbar{z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;height:50px;background-color:#fff}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}@charset "UTF-8";
/*
 * 总入口
 */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  /*去除移动端上控件内阴影，但是会让单选框没有背景，注意！ */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 取消input瞬间出现灰色背景 */
  -webkit-text-size-adjust: auto; }
html,
body {
  color: #333333;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%; }
/*去掉手机按下时默认的灰色*/
a, button, input, textarea {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  /*去除移动端上控件内阴影，但是会让单选框没有背景，注意！ */
  resize: none;
  /* 禁止textarea拖拽放大 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 取消input瞬间出现灰色背景 */ }
/*修改表单元素placeholder默认置灰文字颜色*/
.form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
  color: #8d8d8d;
  font-weight: normal; }
img {
  display: block; }
.tabbar {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1.1rem;
  background: #fff;
  z-index: 2 !important; }
.tabbar .mint-tab-item-label {
    font-size: 0.24rem; }
.tabbar .mint-tab-item-icon {
    width: 0.44rem;
    height: 0.48rem; }
.tabbar .mint-tab-item.is-selected {
    background: #fff;
    color: #000; }
.tabbar .mint-tab-item {
    padding: 0.16rem 0;
    color: #666; }
.detailHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 0.9rem; }
.purple-button {
  margin: .27rem auto;
  text-align: center;
  font-size: .32rem;
  color: white;
  width: 6.00rem;
  height: .90rem;
  line-height: .90rem;
  background: #00aa90;
  border-radius: .50rem; }
.register-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000; }
.register-wrap .register-box {
    position: relative;
    top: 3.85rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 5.60rem;
    background: #fff;
    border-radius: .10rem; }
.register-wrap .register-box .auth-btn {
      width: 100%;
      height: 100%;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      opacity: 0; }
.register-wrap .register-box .reg-title {
      font-size: .34rem;
      color: #333;
      text-align: center;
      margin: .35rem 0;
      font-weight: bolder;
      /* letter-spacing: 5rem; */ }
.register-wrap .register-box .wechat-login {
      padding-bottom: .30rem;
      font-size: 0;
      padding-top: .3rem; }
.register-wrap .register-box .wechat-login button {
        width: 4.60rem;
        height: .88rem;
        color: #fff;
        font-size: .34rem;
        background-color: #09bb07;
        border-radius: .10rem;
        border: 0 none;
        margin: 0 .5rem; }
.register-wrap .register-box .wechat-login button img {
          width: .38rem;
          height: .31rem;
          float: left;
          position: relative;
          top: 0.06rem;
          left: .9rem; }
.register-wrap .register-box .phone-login {
      font-size: .24rem;
      color: #7798cb;
      text-align: center;
      margin-bottom: .50rem; }
.register-wrap .phone-login-box {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    overflow-y: auto;
    transform: translate(0, -50%);
    width: 6.30rem;
    padding: .40rem .30rem .60rem;
    background: #fff;
    border-radius: .10rem; }
.register-wrap .phone-login-box .phone-type-title {
      font-size: .34rem;
      color: #333;
      font-weight: bolder;
      margin-bottom: .20rem; }
.register-wrap .phone-login-box .phone-type-form .form-item {
      height: 1.20rem;
      border-bottom: 1px solid #e5e5e5;
      padding-left: .20rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.register-wrap .phone-login-box .phone-type-form .form-item input {
        height: .42rem;
        font-size: .30rem;
        color: #666; }
.register-wrap .phone-login-box .phone-type-form .form-phone img {
      width: .30rem;
      height: .36rem;
      margin-right: .30rem; }
.register-wrap .phone-login-box .phone-type-form .form-password {
      position: relative; }
.register-wrap .phone-login-box .phone-type-form .form-password img {
        width: .29rem;
        height: .40rem;
        margin-right: .27rem; }
.register-wrap .phone-login-box .phone-type-form .form-password input {
        width: 3.15rem;
        border-right: 1px solid #e5e5e5; }
.register-wrap .phone-login-box .phone-type-form .form-password .code {
        position: absolute;
        height: .42rem;
        font-size: .30rem;
        color: #ae77ca;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
.register-wrap .phone-login-box .phone-type-form .form-password .code-num {
        width: 1.75rem;
        text-align: center; }
.register-wrap .phone-login-box .login-confirm {
      padding: .60rem 0 .38rem;
      font-size: 0; }
.register-wrap .phone-login-box .login-confirm button {
        width: 5.70rem;
        height: .72rem;
        line-height: .66rem;
        font-size: .32rem;
        color: #fff;
        border-radius: .36rem;
        background: #00aa90;
        -webkit-box-shadow: .06rem 0rem .20rem 0rem #DCD3ED;
                box-shadow: .06rem 0rem .20rem 0rem #DCD3ED; }
.register-wrap .phone-login-box .switch-type-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.register-wrap .phone-login-box .switch-type-btn img {
        width: .42rem;
        height: .38rem;
        margin-right: .20rem; }
.register-wrap .phone-login-box .switch-type-btn span {
        font-size: .28rem;
        color: #7798cb; }
.register-wrap .close-btn {
    position: absolute;
    right: .30rem;
    top: .20rem;
    z-index: 11; }
.register-wrap .close-btn img {
      width: .30rem;
      height: .30rem; }
.shareModel .model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999; }
.shareModel .model .model-close {
    width: .51rem;
    height: .51rem;
    position: absolute;
    top: 1.60rem;
    right: 1.06rem; }
.shareModel .model .small-box {
    margin: 0 1.60rem;
    margin-top: 2.9rem;
    height: 6rem;
    overflow: hidden; }
.shareModel .model .small-box .model-box {
      position: relative;
      /* height: calc(100% - 235rem); */
      height: 5.60rem; }
.shareModel .model .small-box .model-box .model-tit {
        margin-top: .20rem;
        margin-bottom: .17rem;
        display: block;
        text-align: center;
        font-size: .34rem;
        line-height: 1;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.shareModel .model .small-box .model-box .model-txt {
        font-size: .21rem;
        color: #989599;
        text-align: center;
        display: block;
        line-height: 1;
        margin-bottom: .10rem; }
.shareModel .model .small-box .model-box .model-img {
        width: 2.50rem;
        height: 2.50rem;
        margin: 0 auto;
        margin-bottom: .42rem; }
.shareModel .model .small-box .model-box .model-img img {
          width: 100%;
          height: 100%;
          display: block; }
.shareModel .model .small-box .model-box .model-summary {
        width: 3.71rem;
        display: block;
        margin: 0 auto;
        line-height: 1.4;
        font-size: .22rem;
        color: #040404;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: .32rem; }
.shareModel .model .small-box .model-box .model-btn {
        width: 100%;
        height: .72rem;
        font-size: .32rem;
        color: #fff;
        line-height: .72rem;
        background: #00aa90;
        border-radius: .36rem;
        -webkit-box-shadow: .03rem 0 .20rem #DCD3ED;
                box-shadow: .03rem 0 .20rem #DCD3ED;
        position: absolute;
        bottom: .2rem; }
.shareModel .model .small-box .model-bg {
      width: 6.34rem;
      height: 9.16rem;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1; }
.shareModel .model .bigBox {
    margin: 0 1.60rem;
    margin-top: 2.9rem;
    height: 7.50rem;
    overflow: hidden; }
.shareModel .model .bigBox .hiddenBox {
      width: 4rem;
      height: 6.2rem;
      overflow: hidden;
      position: relative; }
.shareModel .model .bigBox .modelBox {
      width: 4.3rem;
      padding-right: 0.3rem;
      height: 6.2rem;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
.shareModel .model .bigBox .modelBox .modelTit {
        margin-bottom: .17rem;
        display: block;
        text-align: center;
        font-size: .34rem;
        line-height: 1;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.shareModel .model .bigBox .modelBox .modelTxt {
        font-size: .21rem;
        color: #989599;
        text-align: center;
        display: block;
        line-height: 1;
        margin-bottom: .10rem; }
.shareModel .model .bigBox .modelBox .modelImg {
        width: 2.50rem;
        height: 2.50rem;
        margin: 0 auto;
        margin-bottom: .42rem; }
.shareModel .model .bigBox .modelBox .modelImg img {
          width: 100%;
          height: 100%;
          display: block; }
.shareModel .model .bigBox .modelBox .modelSummary {
        width: 3.71rem;
        display: block;
        margin: 0 auto;
        line-height: 1.4;
        font-size: .22rem;
        color: #040404;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: .18rem; }
.shareModel .model .bigBox .modelBox .model-btn {
        width: 100%;
        height: .72rem;
        font-size: .32rem;
        color: #fff;
        line-height: .72rem;
        background: #00aa90;
        border-radius: .36rem;
        -webkit-box-shadow: .03rem 0 .20rem #DCD3ED;
                box-shadow: .03rem 0 .20rem #DCD3ED;
        position: absolute;
        bottom: .55rem; }
.shareModel .model .bigBox .modelBox .question {
        width: 100%;
        margin: 0 auto; }
.shareModel .model .bigBox .modelBox .question h4 {
          font-size: 0.3rem;
          color: #333;
          margin-bottom: 0.1rem; }
.shareModel .model .bigBox .modelBox .question p {
          font-size: 0.25rem;
          color: #f26d53;
          margin-bottom: 0.05rem; }
.shareModel .model .bigBox .modelBox .question .true {
          font-size: 0.25rem;
          color: #5ab539; }
.shareModel .model .bigBox .modelBtn {
      width: 100%;
      height: .72rem;
      font-size: .32rem;
      color: #fff;
      line-height: .72rem;
      background: #00aa90;
      border-radius: .36rem;
      -webkit-box-shadow: .03rem 0 .20rem #DCD3ED;
              box-shadow: .03rem 0 .20rem #DCD3ED; }
.shareModel .model .bigBox .modelBg {
      width: 6.34rem;
      height: 10.8rem;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1; }
.shareModel .replay {
  width: 1.79rem;
  height: .64rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: .32rem;
  font-size: .26rem;
  color: #601986;
  z-index: 999;
  position: fixed;
  left: 2.85rem;
  top: 10rem; }
.shareModel .Replay {
  width: 1.79rem;
  height: .64rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: .32rem;
  font-size: .26rem;
  color: #601986;
  z-index: 999;
  position: fixed;
  left: 2.85rem;
  top: 11rem; }
.share-dialog {
  width: 100%;
  height: 100%;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  z-index: 999; }
.share-dialog .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: black;
    opacity: 0.5;
    z-index: 2;
    top: 0; }
.share-dialog .content {
    width: 6.15rem;
    height: 3rem;
    border-radius: 0.1rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
.share-dialog .content .close-icon {
      position: absolute;
      width: 0.243rem;
      height: 0.243rem;
      right: 0.33rem;
      top: 0.33rem; }
.share-dialog .content .title {
      font-size: 0.36rem;
      color: #333;
      font-weight: bold; }
.share-dialog .content .inner {
      margin-top: 0.2rem;
      font-size: 0.28rem;
      color: #999; }
.share-dialog .content .inner2 {
      color: #999;
      font-size: 0.28rem; }
.share-dialog .share {
    width: 10rem;
    height: 7rem;
    z-index: 2;
    margin-right: -0.55rem; }
.share-dialog .close-icon {
    z-index: 2; }
.guide-model {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999; }
.guide-model .guide {
    width: 6.39rem;
    height: 6.90rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #fff; }
.guide-model .guide .guide-header {
      width: 100%;
      height: .60rem;
      position: relative; }
.guide-model .guide .guide-header .guide-close {
        width: .24rem;
        height: .24rem;
        position: absolute;
        bottom: 0;
        right: .35rem; }
.guide-model .guide .guide-header .guide-close img {
          width: 100%;
          height: 100%;
          display: block; }
.guide-model .guide .guide-body {
      padding: 0 1.01rem;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
.guide-model .guide .guide-body .guide-tit {
        font-size: .34rem;
        color: #871acd;
        text-align: center;
        margin-bottom: .40rem;
        display: block;
        line-height: 1;
        font-weight: 800; }
.guide-model .guide .guide-body .guide-img {
        width: 4.37rem;
        height: 2.87rem;
        display: block;
        margin-bottom: .24rem; }
.guide-model .guide .guide-body .guide-txt {
        font-size: .25rem;
        color: #333;
        text-align: center;
        display: block;
        margin-bottom: .43rem; }
.guide-model .guide .guide-footer {
      width: 100%; }
.guide-model .guide .guide-footer .guide-btn {
        width: 5.31rem;
        height: .72rem;
        background: #00aa90;
        border-radius: .44rem;
        margin: 0 auto;
        text-align: center;
        font-size: .32rem;
        color: #fff;
        line-height: .72rem; }
.toast-css {
  width: 3rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.toast-css .mint-toast-text {
    font-size: 0.3rem; }
.mint-indicator-wrapper {
  padding: 0rem 0.3rem .2rem !important;
  border-radius: .1rem !important; }
.mint-spinner-snake {
  width: .5rem !important;
  height: .5rem !important;
  border-width: .05rem !important; }
.htmlHack {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
.index-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.index-body .background {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: #f4f4f4; }
.index-body .lesson-container-one {
    width: 6.90rem;
    margin: 0.5rem 0;
    overflow: hidden; }
.index-body .lesson-container-one .cover-img {
      width: 100%;
      height: 7.40rem;
      display: block;
      border-radius: 0.20rem 0.20rem 0rem 0rem; }
.index-body .lesson-container-one .lesson-intro {
      background: #fffefe;
      border-radius: 0rem 0rem 0.20rem 0.20rem;
      padding: 0.4rem 0.31rem 0.39rem 0.31rem; }
.index-body .lesson-container-one .lesson-intro .lesson-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline; }
.index-body .lesson-container-one .lesson-intro .lesson-title .lesson-name {
          width: 5rem;
          font-size: 0.44rem;
          font-weight: bolder;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
.index-body .lesson-container-one .lesson-intro .lesson-title .lesson-num {
          font-size: 0.30rem;
          min-width: 1rem; }
.index-body .lesson-container-one .lesson-intro .lesson-text {
        font-size: 0.28rem;
        color: #999999;
        padding-top: .26rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.index-body .lesson-container {
    width: 6.90rem;
    margin: 0.5rem 0;
    overflow: hidden; }
.index-body .lesson-container .cover-img {
      width: 100%;
      height: 3rem;
      display: block;
      border-radius: 0.20rem 0.20rem 0rem 0rem; }
.index-body .lesson-container .lesson-intro {
      background: white;
      border-radius: 0rem 0rem 0.20rem 0.20rem;
      padding: 0.3rem 0.31rem 0.39rem 0.31rem; }
.index-body .lesson-container .lesson-intro .lesson-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline; }
.index-body .lesson-container .lesson-intro .lesson-title .lesson-name {
          width: 5rem;
          font-size: 0.4rem;
          font-weight: bolder;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
.index-body .lesson-container .lesson-intro .lesson-title .lesson-num {
          font-size: 0.30rem;
          min-width: 1rem; }
.index-body .lesson-container .lesson-intro .lesson-text {
        font-size: 0.28rem;
        color: #999999;
        padding-top: 0.06rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.index-body .loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 0.2rem; }
.index-body .loading .loading-more {
      padding-top: 0.05rem; }
.index-body .loading .loading-text {
      color: white;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.index-body .loadmore {
    font-size: 0.28rem;
    color: white;
    padding-bottom: 0.2rem; }
.lessonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.26rem; }
.lessonList .background {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -3;
    background: #f6f6f6; }
.lessonList .head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    overflow: hidden;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
.lessonList .head .head-img {
      width: 100%; }
.lessonList .head .head-title {
      font-size: 0.36rem;
      color: white;
      margin-left: 0.3rem;
      margin-right: 0.31rem;
      margin-bottom: 0.16rem;
      z-index: 1; }
.lessonList .head .head-text {
      font-size: 0.26rem;
      color: white;
      opacity: 0.8;
      margin-left: 0.31rem;
      margin-bottom: 0.3rem;
      margin-right: 0.31rem; }
.lessonList .body-wrapper {
    background: white; }
.lessonList .body-wrapper .body {
      margin: 0.3rem;
      margin-bottom: 0;
      padding-bottom: 0.3rem;
      border-bottom: 0.01rem solid #e0e0e0;
      position: relative;
      height: 1.5rem;
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
.lessonList .body-wrapper .body .body-img {
        width: 2.6rem;
        height: 1.5rem;
        border-radius: 0.1rem;
        display: block;
        float: left; }
.lessonList .body-wrapper .body .tips {
        position: absolute;
        padding: .05rem .1rem;
        background: #00aa90;
        color: #fff;
        bottom: .3rem;
        left: 1.96rem;
        font-size: .22rem;
        border-radius: 0.1rem; }
.lessonList .body-wrapper .body .text {
        float: right;
        width: 4rem;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0.2rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
.lessonList .body-wrapper .body .text .text-title {
          font-size: 0.28rem;
          color: #333333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; }
.lessonList .body-wrapper .body .text .watch-history {
          margin-top: 0.1rem;
          font-size: 0.25rem;
          margin-left: 0.4rem; }
.lessonList .body-wrapper .body .text .text-view {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          margin-top: 0.1rem; }
.lessonList .body-wrapper .body .text .text-view .text-view-icon {
            width: 0.3rem;
            height: 0.28rem; }
.lessonList .body-wrapper .body .text .text-view .text-view-count {
            font-size: 0.26rem;
            color: #999999;
            margin-left: 0.13rem; }
.lessonList .body-wrapper .body .text .text-view span {
            font-size: 0.26rem;
            color: #999999;
            margin-left: auto;
            position: absolute;
            bottom: 0.3rem;
            right: 0; }
.lessonList .body-wrapper .bodyOne .text {
      width: 3.4rem; }
.lessonList .series-wrapper {
    margin-top: 0.2rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem; }
.lessonList .series-wrapper .series {
      border-radius: 0.1rem; }
.lessonList .series-wrapper .series .series-head {
        background: white;
        padding: 0.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-top-left-radius: 0.1rem;
        border-top-right-radius: 0.1rem; }
.lessonList .series-wrapper .series .series-head .title {
          font-size: 0.3rem;
          color: black;
          word-break: break-word;
          word-wrap: break-word;
          padding-right: 0.2rem; }
.lessonList .series-wrapper .series .series-head .arrow-icon {
          width: 0.3rem;
          height: 0.3rem; }
.lessonList .series-wrapper .series .series-list .list {
        font-size: 0.3rem;
        color: black;
        padding: 0.2rem 0.3rem 0.2rem 0.6rem;
        background: white;
        border-top: 0.01rem solid #e0e0e0;
        border-bottom-left-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.lessonList .footer {
    position: fixed;
    bottom: 0;
    height: 0.98rem;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    z-index: 1; }
.lessonList .footer .sign-up {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 100%;
      width: 100%; }
.lessonList .footer .sign-up .sign-up-self {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 50%;
        background: RGBA(211, 153, 115, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.lessonList .footer .sign-up .sign-up-self .self-price {
          margin-top: 0.1rem;
          font-size: 0.3rem;
          color: #fffefe; }
.lessonList .footer .sign-up .sign-up-self .self-text {
          font-size: 0.26rem; }
.lessonList .footer .sign-up .sign-up-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 50%;
        background: RGBA(188, 103, 78, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.lessonList .footer .sign-up .sign-up-group .group-price {
          margin-top: 0.1rem;
          font-size: 0.3rem;
          color: #fffefe; }
.lessonList .footer .sign-up .sign-up-group .group-text {
          font-size: 0.26rem; }
.lessonList .loading {
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem; }
.lessonList .loading .loading-more {
      padding-top: 0.05rem; }
.lessonList .loading .loading-text {
      color: black;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.lessonList .loadmore {
    font-size: 0.28rem;
    color: black;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    -ms-flex-item-align: center;
        align-self: center; }
.purchaseLesson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  background: RGBA(246, 246, 246, 1);
  padding-bottom: 1.5rem; }
.purchaseLesson .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    width: 100%;
    background: white;
    padding-bottom: 0.31rem;
    position: relative; }
.purchaseLesson .header .goodsTip {
      color: #fff;
      background: #ef4c48;
      padding: 0.15rem 0.25rem;
      position: absolute;
      top: 0.3rem;
      right: 0;
      font-size: 0.22rem;
      z-index: 99; }
.purchaseLesson .header .head-img {
      width: 100%;
      height: 4.6rem; }
.purchaseLesson .header .head-img img {
        width: 100%;
        height: 4.6rem; }
.purchaseLesson .header .header-title {
      margin-top: 0.2rem;
      margin-left: 0.31rem;
      margin-right: 0.31rem;
      font-size: 0.34rem;
      font-weight: bold; }
.purchaseLesson .header .header-buy-description {
      font-size: 0.28rem;
      color: #999999;
      margin-left: 0.31rem;
      margin-right: 0.31rem;
      margin-top: 0.1rem; }
.purchaseLesson .header .header-price {
      margin-left: 0.3rem;
      margin-top: 0.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      position: relative; }
.purchaseLesson .header .header-price .price-icon {
        font-size: 0.24rem;
        color: #f46026; }
.purchaseLesson .header .header-price .price-now {
        font-size: 0.4rem;
        color: #f46026;
        margin-left: 0.05rem;
        line-height: 0.4rem; }
.purchaseLesson .header .header-price .price-text {
        font-size: 0.24rem;
        color: #999999;
        margin-left: 0.1rem; }
.purchaseLesson .header .header-price .price-before {
        font-size: 0.24rem;
        color: #999999;
        margin-left: 0.3rem;
        text-decoration: line-through; }
.purchaseLesson .header .header-price .share {
        position: fixed;
        right: 0.2rem;
        width: 2rem;
        height: 1.1rem;
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: cover;
        top: 6.3rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 999; }
.purchaseLesson .header .header-price .share p {
          width: 0.3rem;
          text-align: center;
          position: absolute;
          font-size: 0.25rem;
          font-weight: bold;
          top: 52%;
          left: 63.4%;
          background: #fff;
          -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg); }
.purchaseLesson .purchase-user {
    height: 0.98rem;
    width: 100%;
    border-top: 0.01rem solid #e5e5e5;
    background: white;
    padding-left: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative; }
.purchaseLesson .purchase-user .user-img-wrapper {
      height: 0.98rem;
      width: 4.8rem;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.purchaseLesson .purchase-user .user-img-wrapper .user-img {
        width: 0.6rem;
        height: 0.6rem;
        margin-right: 0.1rem;
        border-radius: 50%; }
.purchaseLesson .purchase-user .purchase-count {
      font-size: 0.26rem;
      color: #666666;
      position: absolute;
      right: 0.25rem;
      margin-top: -0.175rem;
      top: 50%; }
.purchaseLesson .video-try {
    height: auto;
    width: 100%;
    background: white;
    margin-top: 0.2rem;
    padding-bottom: 0.38rem;
    z-index: 0; }
.purchaseLesson .video-try .try {
      height: 0.9rem;
      width: 100%;
      border-bottom: 0.01rem solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
.purchaseLesson .video-try .try .try-icon {
        width: 0.06rem;
        height: 0.28rem;
        background: #AE77CA;
        border-radius: 0.03rem;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 0.3rem; }
.purchaseLesson .video-try .try .try-text {
        font-size: 0.3rem;
        color: #333333;
        margin-left: 0.19rem;
        -ms-flex-item-align: center;
            align-self: center; }
.purchaseLesson .video-try .video {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
.purchaseLesson .video-try .video video {
        width: 100%;
        height: 3.85rem; }
.purchaseLesson .video-try .video img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 3.85rem;
        z-index: 0; }
.purchaseLesson .video-try .video .playMask {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5); }
.purchaseLesson .video-try .video .playMask .play-icon {
          width: 1.2rem;
          height: 1.2rem;
          z-index: 2;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          margin: auto; }
.purchaseLesson .newBills {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999; }
.purchaseLesson .newBills .bill {
      width: 75%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -60%);
              transform: translate(-50%, -60%);
      border: 0.05rem solid #fff; }
.purchaseLesson .newBills .bill img {
        width: 100%; }
.purchaseLesson .newBills .bill p {
        width: 0.7rem;
        height: 0.7rem;
        position: absolute;
        bottom: -10%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border: 0.07rem solid #fff;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 0.56rem;
        font-size: 0.6rem; }
.purchaseLesson .newBills .bill-footer {
      width: 100%;
      height: 1.3rem;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 0; }
.purchaseLesson .newBills .bill-footer p {
        font-size: 0.25rem;
        text-align: center; }
.purchaseLesson .newBills .bill-footer p:nth-child(1) {
          padding-top: 0.3rem; }
.purchaseLesson .newBills .bill-footer p span {
          color: red;
          font-size: 0.36rem;
          font-weight: bold; }
.purchaseLesson .body {
    height: auto;
    width: 100%;
    background: white;
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0.4rem; }
.purchaseLesson .body .body-introduction {
      height: 0.9rem;
      width: 100%;
      border-bottom: 0.01rem solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
.purchaseLesson .body .body-introduction .introduction-icon {
        width: 0.06rem;
        height: 0.28rem;
        background: #AE77CA;
        border-radius: 0.03rem;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 0.3rem; }
.purchaseLesson .body .body-introduction .introduction-text {
        font-size: 0.3rem;
        color: #333333;
        margin-left: 0.19rem;
        -ms-flex-item-align: center;
            align-self: center; }
.purchaseLesson .body .body-detail {
      padding-left: 0.31rem;
      padding-top: 0.37rem;
      padding-right: 0.31rem;
      font-size: 0.3rem;
      color: #666666;
      text-align: justify;
      word-break: break-word;
      word-wrap: break-word;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-overflow-scrolling: touch; }
.purchaseLesson .body .body-detail strong {
        font-size: 0.28rem !important; }
.purchaseLesson .body .body-detail p {
        font-size: 0.28rem !important; }
.purchaseLesson .body .body-detail span {
        font-size: 0.28rem !important; }
.purchaseLesson .body .body-detail img {
        margin-top: 0.2rem;
        width: 6.9rem;
        margin-bottom: 0.2rem; }
.purchaseLesson .footer {
    position: fixed;
    bottom: 0;
    height: 0.98rem;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    z-index: 1; }
.purchaseLesson .footer .index-btn {
      width: 1.3rem;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 0.01rem solid #e0e0e0; }
.purchaseLesson .footer .index-btn .index-icon {
        width: 0.42rem;
        height: 0.39rem; }
.purchaseLesson .footer .index-btn .index-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.purchaseLesson .footer .gift-btn {
      width: 1.3rem;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
.purchaseLesson .footer .gift-btn .gift-icon {
        width: 0.42rem;
        height: 0.39rem; }
.purchaseLesson .footer .gift-btn .gift-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.purchaseLesson .footer .sign-up-collage {
      width: 100%;
      height: 100%;
      background: #00aa90;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.purchaseLesson .footer .sign-up-collage .collage-text {
        font-size: 0.32rem;
        color: #fffefe; }
.purchaseLesson .footer .sign-up {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
.purchaseLesson .footer .sign-up .sign-up-self {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 50%;
        background: RGBA(211, 153, 115, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.purchaseLesson .footer .sign-up .sign-up-self .self-price {
          margin: 0 auto;
          font-size: 0.3rem;
          color: #fffefe; }
.purchaseLesson .footer .sign-up .sign-up-self .self-text {
          font-size: 0.26rem;
          margin: 0.1rem auto 0; }
.purchaseLesson .footer .sign-up .sign-up-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 50%;
        background: RGBA(188, 103, 78, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.purchaseLesson .footer .sign-up .sign-up-group .group-price {
          margin: 0 auto;
          font-size: 0.3rem;
          color: #fffefe; }
.purchaseLesson .footer .sign-up .sign-up-group .group-price span {
            font-size: 0.2rem; }
.purchaseLesson .footer .sign-up .sign-up-group .group-text {
          font-size: 0.26rem;
          margin: 0.1rem auto 0; }
.purchaseLesson .dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    z-index: 5; }
.purchaseLesson .dialog .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      opacity: 0.5;
      z-index: 5; }
.purchaseLesson .dialog .content {
      width: 6.3rem;
      height: 4.2rem;
      background: white;
      border-radius: 0.1rem;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
.purchaseLesson .dialog .content .close-icon {
        position: absolute;
        width: 0.243rem;
        height: 0.243rem;
        right: 0.427rem;
        top: 0.63rem; }
.purchaseLesson .dialog .content .dialog-title {
        font-size: 0.36rem;
        color: #333333;
        margin-top: 0.55rem;
        font-weight: bold; }
.purchaseLesson .dialog .content .group-purchase {
        width: 4.3rem;
        height: 0.88rem;
        background: #bc674e;
        border-radius: 0.44rem;
        font-size: 0.32rem;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 0.4rem;
        line-height: 1; }
.purchaseLesson .dialog .content .self-purchase {
        width: 4.3rem;
        height: 0.88rem;
        background: white;
        border: 0.02rem solid #f46026;
        border-radius: 0.44rem;
        font-size: 0.32rem;
        color: #f46026;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 0.4rem;
        line-height: 1; }
.purchaseLesson .assistant_footer .sign-up .sign-up-self {
    background-color: #00aa90; }
.purchaseLesson .assistant_footer .sign-up .sign-up-group {
    background-color: #00aa90; }
.purchaseLesson .assistant_footer .sign-up .sign-up-group .group-text {
      -webkit-animation: transFont 1.5s infinite;
              animation: transFont 1.5s infinite; }
.purchaseLesson .assistant_footer .sign-up .sign-up-group .group-price {
      font-size: .22rem; }
.purchaseLesson .dialog-video {
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    z-index: 5; }
.purchaseLesson .dialog-video .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      z-index: 5; }
.purchaseLesson .dialog-video .content {
      width: 100%;
      height: 3.82rem;
      border-radius: 0.1rem;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
.purchaseLesson .dialog-video .content .close-icon {
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        right: 0.2rem;
        top: -0.63rem; }
.purchaseLesson .dialog-video .content .close-icon img {
          width: 0.5rem;
          height: 0.5rem; }
.purchaseLesson .dialog-video .content video {
        width: 100%;
        position: absolute; }
.subLessonDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  background: RGBA(246, 246, 246, 1);
  padding-bottom: 1.5rem; }
.subLessonDetail .header-wrapper {
    min-height: 6rem;
    background: white;
    display: block; }
.subLessonDetail .header-wrapper .header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: auto;
      width: 100%;
      background: white;
      padding-bottom: 0.31rem;
      position: relative;
      z-index: 0; }
.subLessonDetail .header-wrapper .header .head-video {
        width: 100%;
        height: 4.24rem;
        background: #999999;
        z-index: 1; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper {
          width: 100%;
          height: 4.24rem;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          overflow: hidden; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper video {
            width: 100%;
            height: 4.24rem;
            z-index: 0;
            top: 0;
            position: relative; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .video {
            top: -100000000000rem; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper img {
            width: 100%;
            height: 4.24rem;
            position: absolute;
            top: 0;
            z-index: 1; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMasks {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoVsTime {
            position: absolute;
            top: 57%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            font-size: 0.3rem;
            color: #fff;
            z-index: 3; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoVsTime span {
              color: #fff;
              opacity: 0.5; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .play-icon {
            width: 0.36rem;
            height: 0.44rem;
            z-index: 3;
            position: absolute;
            left: 50%;
            top: 45%;
            margin-top: -0.2rem;
            margin-left: -0.2rem; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMaskBig {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.8);
            z-index: 2; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMaskBig .videoMask {
              width: 2.2rem;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              z-index: 5;
              height: 1.8rem;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: distribute;
                  justify-content: space-around;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMaskBig .videoMask div {
                font-size: 0.6rem;
                position: relative;
                color: #fff;
                padding-left: 0.3rem;
                border: 4px solid #63615f;
                border-radius: 25px;
                background: rgba(0, 0, 0, 0.6);
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                height: 0.75rem;
                box-sizing: border-box; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMaskBig .videoMask div p {
                  width: 100%;
                  line-height: 0.67rem;
                  font-size: 0.25rem; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoMaskBig .videoMask div p img {
                    width: 0.36rem;
                    height: 0.36rem;
                    margin-right: 0.1rem;
                    position: static;
                    display: inline-block;
                    vertical-align: middle; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoLoad {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: black;
            z-index: 9999; }
.subLessonDetail .header-wrapper .header .head-video .head-video-wrapper .videoLoad .loading-more {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
.subLessonDetail .header-wrapper .header .head-video .purchase-text {
          width: 100%;
          height: 4.24rem;
          padding: 1rem 1.4rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          z-index: 2;
          background: rgba(0, 0, 0, 0.6); }
.subLessonDetail .header-wrapper .header .head-video .purchase-text .purchase-warn {
            font-size: 0.32rem;
            color: white;
            z-index: 2;
            padding-top: 0.45rem; }
.subLessonDetail .header-wrapper .header .head-video .purchase-text .purchase-button {
            margin-top: .4rem;
            text-align: center;
            width: 2.2rem;
            height: 0.7rem;
            line-height: .7rem;
            font-size: 0.25rem;
            color: #fff;
            background-color: #00aa90;
            border: 0.02rem solid #00aa90;
            border-radius: 0.1rem;
            z-index: 2; }
.subLessonDetail .header-wrapper .header .header-title {
        margin-top: 0.29rem;
        padding: 0 .31rem;
        font-size: 0.34rem;
        font-weight: bold;
        width: 100%; }
.subLessonDetail .header-wrapper .header .header-viewed {
        margin-top: 0.25rem;
        margin-left: 0.3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
.subLessonDetail .header-wrapper .header .header-viewed .view-icon {
          width: 0.3rem;
          height: 0.29rem; }
.subLessonDetail .header-wrapper .header .header-viewed .view-count {
          font-size: 0.26rem;
          color: #999999;
          margin-left: 0.13rem; }
.subLessonDetail .header-wrapper .header .header-viewed .line {
          width: 0.01rem;
          height: 0.3rem;
          background: #ccc;
          margin-left: 0.5rem; }
.subLessonDetail .header-wrapper .header .header-viewed .view-next {
          border-width: 0.10rem 0 0.1rem 0.15rem;
          border-style: solid;
          border-color: transparent transparent transparent #ae77ca;
          margin-left: 0.5rem; }
.subLessonDetail .header-wrapper .header .header-viewed span {
          font-size: 0.26rem;
          color: #ae77ca;
          margin-left: 0.1rem; }
.subLessonDetail .header-wrapper .header .header-share {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        bottom: 0.592rem;
        right: 0.3rem; }
.subLessonDetail .header-wrapper .header .header-share .share-icon {
          width: 0.32rem;
          height: 0.32rem; }
.subLessonDetail .header-wrapper .header .header-share .share-text {
          font-size: 0.28rem;
          color: #ae77ca;
          margin-left: 0.113rem; }
.subLessonDetail .body {
    background: white;
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0.4rem;
    position: relative; }
.subLessonDetail .body .share {
      position: fixed;
      right: 0.2rem;
      width: 2rem;
      height: 1.1rem;
      background-image: url(data:image/png;base64,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);
      background-repeat: no-repeat;
      background-position: center 0;
      background-size: cover;
      bottom: 0.75rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      z-index: 998; }
.subLessonDetail .body .share p {
        width: 0.3rem;
        text-align: center;
        position: absolute;
        font-size: 0.25rem;
        font-weight: bold;
        top: 52%;
        left: 63.4%;
        background: #fff;
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg); }
.subLessonDetail .body .body-introduction {
      height: 0.9rem;
      width: 100%;
      border-bottom: 0.01rem solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
.subLessonDetail .body .body-introduction .introduction-icon {
        width: 0.06rem;
        height: 0.28rem;
        background: #AE77CA;
        border-radius: 0.03rem;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 0.3rem; }
.subLessonDetail .body .body-introduction .introduction-text {
        font-size: 0.3rem;
        color: #333333;
        margin-left: 0.19rem;
        -ms-flex-item-align: center;
            align-self: center; }
.subLessonDetail .body .question-enter {
      width: 1.25rem;
      height: 1.88rem;
      position: absolute;
      right: 0.26rem;
      margin-top: -0.6rem;
      top: 0rem; }
.subLessonDetail .body .body-detail {
      padding-left: 0.31rem;
      padding-top: 0.37rem;
      padding-right: 0.31rem;
      font-size: 0.3rem;
      color: #666666;
      text-align: justify;
      word-break: break-word;
      word-wrap: break-word;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.subLessonDetail .body .body-detail strong {
        font-size: 0.25rem !important; }
.subLessonDetail .body .body-detail p {
        font-size: 0.25rem !important;
        text-align: justify !important;
        word-break: break-word;
        word-wrap: break-word; }
.subLessonDetail .body .body-detail span {
        font-size: 0.25rem !important; }
.subLessonDetail .body .body-detail img {
        margin-top: 0.2rem;
        width: 6.9rem;
        margin-bottom: 0.2rem; }
.subLessonDetail .commit {
    height: auto;
    width: 100%;
    background: white;
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
.subLessonDetail .commit .commit-head {
      height: 0.9rem;
      width: 100%;
      border-bottom: 0.01rem solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
.subLessonDetail .commit .commit-head .commit-icon {
        width: 0.06rem;
        height: 0.28rem;
        background: #AE77CA;
        border-radius: 0.03rem;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 0.3rem; }
.subLessonDetail .commit .commit-head .commit-text {
        font-size: 0.3rem;
        color: #333333;
        margin-left: 0.19rem;
        -ms-flex-item-align: center;
            align-self: center; }
.subLessonDetail .commit .commit-body {
      width: 100%;
      height: auto;
      background: white; }
.subLessonDetail .commit .commit-body .commit-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0.3rem;
        padding-bottom: 0; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content {
          padding-bottom: 0.3rem;
          border-bottom: 0.01rem solid #e5e5e5; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .avatar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .avatar .avatar-img {
              width: 0.6rem;
              height: 0.6rem;
              border-radius: 50%; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .avatar .user-name {
              font-size: 0.28rem;
              color: #333333;
              margin-left: 0.14rem; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-text {
            font-size: 0.28rem;
            color: #666666;
            margin-left: 0.74rem;
            margin-top: 0.1rem;
            margin-right: 0.3rem;
            word-break: break-word;
            text-align: justify;
            word-wrap: break-word; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-reply {
            width: 6rem;
            font-size: 0.26rem;
            background: #f6f6f6;
            margin-left: 0.74rem;
            margin-top: 0.3rem;
            color: #999999;
            padding: 0.29rem 0.43rem 0.34rem 0.2rem;
            word-break: break-word;
            word-wrap: break-word;
            text-align: justify; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            margin-left: 0.74rem;
            margin-top: 0.3rem;
            position: relative; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-footer .commit-time {
              font-size: 0.24rem;
              color: #999999; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-footer .like {
              position: absolute;
              right: 0.3rem;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-footer .like .like-icon {
                width: 0.26rem;
                height: 0.26rem;
                margin-right: 0.142rem; }
.subLessonDetail .commit .commit-body .commit-content-wrapper .commit-content .commit-footer .like .like-count {
                font-size: 0.24rem;
                color: #999999; }
.subLessonDetail .commit .commit-body-none {
      width: 100%;
      height: 1.44rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.subLessonDetail .commit .commit-body-none .none-text {
        font-size: 0.26rem;
        color: #999999; }
.subLessonDetail .footer {
    position: fixed;
    bottom: 0;
    height: 0.98rem;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1; }
.subLessonDetail .footer .index-btn {
      width: 1.3rem;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0.43rem;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
.subLessonDetail .footer .index-btn .index-icon {
        width: 0.42rem;
        height: 0.39rem; }
.subLessonDetail .footer .index-btn .index-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.subLessonDetail .footer .buy {
      width: 6.2rem;
      height: 100%;
      background: RGBA(188, 103, 78, 1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
.subLessonDetail .footer .buy .buy-text {
        font-size: 0.32rem;
        color: #fffefe; }
.subLessonDetail .footer .index-btn-commit {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-left: 0.35rem;
      padding-right: .35rem; }
.subLessonDetail .footer .index-btn-commit .index-icon {
        width: 0.42rem;
        height: 0.39rem; }
.subLessonDetail .footer .index-btn-commit .index-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.subLessonDetail .footer .gift-btn {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-left: 0.34rem; }
.subLessonDetail .footer .gift-btn .gift-icon {
        width: 0.42rem;
        height: 0.39rem; }
.subLessonDetail .footer .gift-btn .gift-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.subLessonDetail .footer .commit-input {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 0.66rem;
      font-size: 0.28rem;
      background: #eeeeee;
      border-radius: 0.33rem;
      margin-left: 0.3rem;
      padding-left: 0.3rem;
      padding-right: 0.3rem; }
.subLessonDetail .footer .send_commit {
      width: 1.8rem;
      height: 0.66rem;
      margin: 0 .2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #8e40b8;
      color: #fff;
      border-radius: .35rem;
      font-size: .24rem; }
.subLessonDetail .gift-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0; }
.subLessonDetail .gift-dialog .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      opacity: 0.5;
      z-index: 50; }
.subLessonDetail .gift-dialog .content {
      width: 6.3rem;
      height: 5.88rem;
      background: white;
      border-radius: 0.1rem;
      z-index: 100;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
.subLessonDetail .gift-dialog .content .close-icon {
        position: absolute;
        width: 0.243rem;
        height: 0.243rem;
        right: 0.33rem;
        top: 0.33rem; }
.subLessonDetail .gift-dialog .content .dialog-title {
        font-size: 0.36rem;
        color: #333333;
        margin-top: 0.55rem;
        font-weight: bold; }
.subLessonDetail .gift-dialog .content .gift-detail {
        width: 5.7rem;
        height: 1.41rem;
        background: #f6f6f6;
        border-radius: 0.1rem;
        margin-top: 0.39rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0.2rem; }
.subLessonDetail .gift-dialog .content .gift-detail .gift-cover {
          width: 1rem;
          height: 1rem;
          border-radius: 0.1rem; }
.subLessonDetail .gift-dialog .content .gift-detail .gift-text {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-left: 0.22rem; }
.subLessonDetail .gift-dialog .content .gift-detail .gift-text .title {
            width: 4.2rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 0.05rem;
            font-size: 0.28rem;
            font-weight: bold;
            color: #333333; }
.subLessonDetail .gift-dialog .content .gift-detail .gift-text .gift-amount {
            margin-top: 0.1rem;
            font-size: 0.24rem;
            color: #333333; }
.subLessonDetail .gift-dialog .content .gift-amount {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-top: 0.3rem; }
.subLessonDetail .gift-dialog .content .gift-amount .title {
          font-size: 0.28rem;
          line-height: 0.5rem;
          color: #999999; }
.subLessonDetail .gift-dialog .content .gift-amount .reduce-icon {
          width: 0.5rem;
          height: 0.5rem;
          margin-left: 1.8rem; }
.subLessonDetail .gift-dialog .content .gift-amount .amount {
          width: 1rem;
          height: 0.5rem;
          margin-left: 0.2rem;
          font-size: 0.28rem;
          color: #333333;
          border: 0.01rem solid #e5e5e5;
          border-radius: 0.04rem;
          text-align: center; }
.subLessonDetail .gift-dialog .content .gift-amount .plus-icon {
          width: 0.5rem;
          height: 0.5rem;
          margin-left: 0.2rem; }
.subLessonDetail .gift-dialog .content .confirm {
        width: 5.88rem;
        height: 0.88rem;
        background: #601986;
        border-radius: 0.44rem;
        font-size: 0.32rem;
        color: white;
        text-align: center;
        margin-top: 0.33rem;
        padding-top: 0.2rem;
        margin-bottom: 0.1rem; }
.subLessonDetail .gift-dialog .content .confirm-false {
        width: 5.88rem;
        height: 0.88rem;
        background: #601986;
        opacity: 0.5;
        border-radius: 0.44rem;
        font-size: 0.32rem;
        color: white;
        text-align: center;
        margin-top: 0.33rem;
        padding-top: 0.2rem;
        margin-bottom: 0.1rem; }
.subLessonDetail .gift-dialog .content .noleft {
        display: inline-block;
        font-size: 0.24rem;
        color: RGBA(153, 153, 153, 1); }
.subLessonDetail .gift-dialog .content .purchase-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-top: 0.1rem; }
.subLessonDetail .gift-dialog .content .purchase-more .text {
          font-size: 0.24rem;
          color: RGBA(153, 153, 153, 1); }
.subLessonDetail .gift-dialog .content .purchase-more .purchase-enter {
          font-size: 0.24rem;
          color: RGBA(174, 119, 202, 1); }
.subLessonDetail .loading {
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem; }
.subLessonDetail .loading .loading-more {
      padding-top: 0.05rem; }
.subLessonDetail .loading .loading-text {
      color: black;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.subLessonDetail .loadmore {
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 0.28rem; }
.subLessonDetail .newBills {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999; }
.subLessonDetail .newBills .bill {
      width: 75%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -60%);
              transform: translate(-50%, -60%);
      border: 0.05rem solid #fff; }
.subLessonDetail .newBills .bill img {
        width: 100%; }
.subLessonDetail .newBills .bill p {
        width: 0.7rem;
        height: 0.7rem;
        position: absolute;
        bottom: -10%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border: 0.07rem solid #fff;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 0.56rem;
        font-size: 0.6rem; }
.subLessonDetail .newBills .bill-footer {
      width: 100%;
      height: 1.3rem;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 0; }
.subLessonDetail .newBills .bill-footer p {
        font-size: 0.25rem;
        text-align: center; }
.subLessonDetail .newBills .bill-footer p:nth-child(1) {
          padding-top: 0.3rem; }
.subLessonDetail .newBills .bill-footer p span {
          color: red;
          font-size: 0.36rem;
          font-weight: bold; }
.header-follow {
  height: .8rem;
  position: relative; }
.header-follow .text {
    font-size: .22rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
.header-follow .img {
    float: left;
    width: .6rem;
    height: .6rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding-top: .1rem;
    margin-left: .3rem; }
.header-follow .img img {
      width: 100%;
      height: 100%; }
.header-follow .btn {
    float: right;
    height: .5rem;
    margin-top: .15rem;
    font-size: .22rem;
    color: #00aa90;
    border: 1px solid #00aa90;
    border-radius: .1rem;
    width: 1rem;
    margin-right: .3rem;
    text-align: center;
    line-height: .5rem; }
.poper-follow {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999; }
.poper-follow .follow {
    padding: .5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff;
    border-radius: .2rem;
    overflow: hidden; }
.poper-follow .follow img {
      width: 2rem;
      height: 2rem;
      display: block;
      margin: auto; }
.poper-follow .follow p {
      font-size: .22rem;
      text-align: center; }
.assistance_toast {
  width: 100%;
  height: 100%;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  left: 0;
  z-index: 5; }
.assistance_toast .share_img {
    position: absolute;
    top: 0;
    right: .96rem;
    height: 2.6rem;
    z-index: 10; }
.assistance_toast .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.5;
    z-index: 5; }
.assistance_toast .tips_mask {
    z-index: 10; }
.assistance_toast .assistance {
    width: 6.3rem;
    background-color: #fff;
    z-index: 6;
    border-radius: 0.1rem; }
.assistance_toast .assistance .assistance_box {
      width: 100%;
      padding: .16rem .41rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 6;
      background-color: #fff;
      border-radius: 0.1rem; }
.assistance_toast .assistance .assistance_box .close {
        width: .3rem;
        height: .3rem;
        position: absolute;
        top: .2rem;
        right: .2rem; }
.assistance_toast .assistance .assistance_box .play_title {
        font-size: .44rem;
        color: #601986; }
.assistance_toast .assistance .assistance_box .name_list {
        font-size: .22rem;
        color: #a0a0a0;
        margin-top: .2rem;
        margin-bottom: .15rem;
        margin-left: .2rem;
        -ms-flex-item-align: start;
            align-self: flex-start; }
.assistance_toast .assistance .assistance_box .play_desc {
        width: 80%;
        margin: .12rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        font-size: .2rem; }
.assistance_toast .assistance .assistance_box .play_desc span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #a0a0a0; }
.assistance_toast .assistance .assistance_box .play_desc i {
          width: .14rem;
          height: .14rem;
          margin-right: 0.05rem;
          background-color: #a0a0a0;
          border-radius: 100%; }
.assistance_toast .assistance .assistance_box .assistance_content {
        width: 100%;
        border-radius: .1rem;
        background-color: #efeded; }
.assistance_toast .assistance .assistance_box .assistance_content .avatar_box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: .18rem .15rem;
          border-radius: .1rem; }
.assistance_toast .assistance .assistance_box .assistance_content .avatar_box img, .assistance_toast .assistance .assistance_box .assistance_content .avatar_box .img_space {
            width: .81rem;
            height: .81rem;
            margin: .1rem .11rem;
            margin-top: 0;
            border-radius: 50%; }
.assistance_toast .assistance .assistance_box .assistance_content .avatar_box .img_space {
            background-color: #fff; }
.assistance_toast .assistance .assistance_box .assistance_content .friends {
          width: 19%;
          margin-right: 1%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
.assistance_toast .assistance .assistance_box .assistance_content .friends img {
            margin: 0; }
.assistance_toast .assistance .assistance_box .assistance_content .friends span {
            width: 100%;
            margin-top: .1rem;
            font-size: 0.25rem;
            color: #601986;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
.assistance_toast .assistance .assistance_box .assistance_content .friends:last-child {
          margin-right: 0; }
.assistance_toast .assistance .assistance_box .assistance_content .assistance_desc {
          margin-bottom: .22rem;
          text-align: center;
          font-size: .22rem;
          color: #601986; }
.assistance_toast .assistance .assistance_box .remark {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        margin-top: .2rem;
        font-size: .33rem;
        color: #a0a0a0; }
.assistance_toast .assistance .assistance_box .remark .remarks {
          font-size: .21rem; }
.assistance_toast .assistance .assistance_box .remark .remarks p {
            line-height: .3rem; }
.assistance_toast .assistance .assistance_box .buttons {
        width: 100%;
        margin-top: .3rem;
        margin-bottom: .2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: .22rem;
        color: #fff; }
.assistance_toast .assistance .assistance_box .buttons div {
          width: 49%;
          height: .63rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-radius: .31rem; }
.assistance_toast .assistance .assistance_box .buttons .invite {
          background-color: #8e40b8; }
.assistance_toast .assistance .assistance_box .buttons .create_invite {
          background-color: #00aa90; }
.assistance_toast .assistance .assistance_box.complete .buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.assistance_toast .assistance .assistance_box.complete .buttons .button {
        width: 2.15rem;
        height: .62rem;
        font-size: .33rem;
        background-color: #00aa90; }
.assistance_toast .assistance .assistance_box.complete .times {
      color: #a0a0a0;
      margin-top: .2rem;
      font-size: .24rem; }
.assistance_toast .assistance .assistant_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: .25rem;
      font-size: .30rem;
      position: relative; }
.assistance_toast .assistance .assistant_box .close {
        width: .3rem;
        height: .3rem;
        position: absolute;
        top: .2rem;
        right: .2rem; }
.assistance_toast .assistance .assistant_box .assistant_content, .assistance_toast .assistance .assistant_box .focus_box {
        padding: .34rem .22rem; }
.assistance_toast .assistance .assistant_box .assistant_content p, .assistance_toast .assistance .assistant_box .focus_box p {
          margin-top: .1rem;
          text-align: center; }
.assistance_toast .assistance .assistant_box .focus_box {
        margin-top: .3rem; }
.assistance_toast .assistance .assistant_box .assistant_button {
        border-radius: .32rem;
        padding: .15rem .3rem;
        margin-top: .2rem;
        margin-bottom: .34rem;
        color: #fff;
        text-decoration: none;
        background-color: #00aa90; }
.assistance_toast .assistance .assistant_box.expired {
      padding: .34rem .9rem;
      position: relative; }
.assistance_toast .assistance .assistant_box.expired .close {
        width: .3rem;
        height: .3rem;
        position: absolute;
        top: .2rem;
        right: .2rem; }
.assistance_toast .assistance .assistant_box.expired .assistant_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0; }
.assistance_toast .assistance .assistant_box.expired .assistant_content .title {
          text-align: center; }
.assistance_toast .assistance .assistant_box.expired .assistant_content p {
          font-size: .25rem;
          text-align: left;
          color: #999999; }
.assistance_toast .assistance .assistant_box.expired .assistant_content .title {
          color: #601986; }
.assistance_toast .assistance .assistant_box.expired .cat_search {
        position: absolute;
        bottom: -.85rem;
        left: -.25rem;
        width: 2rem;
        height: 2.5rem; }
.assistance_toast .assistance .assistant_box.expired .assistant_button {
        padding: .15rem .5rem;
        margin-bottom: 0;
        margin-top: .3rem;
        font-size: .33rem; }
.poster {
  width: 100%;
  height: 100%;
  position: relative; }
.poster img {
    width: 100%;
    height: 100%; }
.poster .tips {
    position: absolute;
    bottom: 0.28rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: .25rem;
    color: #000; }
.poster .tips .title {
      font-size: .33rem;
      margin-bottom: .08rem; }
.poster .tips p {
      text-align: center; }
@-webkit-keyframes transFont {
  0%, 100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
@keyframes transFont {
  0%, 100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
.about {
  height: 100%;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #f4f4f4;
  overflow: auto;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
.about .about-content {
    text-align: center; }
.about .about-content .user-msg {
      padding-top: .7rem;
      padding-bottom: .9rem;
      background: #00aa90; }
.about .about-content .user-msg img {
        width: 1.46rem;
        height: 1.46rem;
        border-radius: 50%;
        margin: 0 auto; }
.about .about-content .user-msg .username {
        font-size: .33rem;
        color: #fff;
        padding-top: .3rem; }
.about .about-content .about-list {
      font-size: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 0.4rem; }
.about .about-content .about-list a {
        display: block;
        padding: .35rem 0 .35rem;
        border-bottom: 1px solid #e5e6e6;
        width: 100%; }
.about .about-content .about-list .list-btn {
        width: 100%;
        text-align: left;
        background: none;
        position: relative; }
.about .about-content .about-list .list-btn .left {
          width: .15rem;
          height: .25rem;
          position: absolute;
          right: .3rem;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
.about .about-content .about-list .list-btn .icon {
          width: .35rem;
          height: .38rem;
          position: relative;
          left: .32rem;
          top: .05rem;
          float: left; }
.about .about-content .about-list .list-btn span {
          font-size: .37rem;
          color: #000;
          letter-spacing: .1rem;
          margin-left: 0.8rem; }
.about .about-content .change-user {
      font-size: .24rem;
      text-decoration: underline;
      color: #7A7888;
      margin: .18rem 0; }
.about .about-content .full-foot {
      height: .9rem;
      width: 100%; }
.order {
  height: 100%;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #f4f4f4;
  overflow: auto;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
.order .my-order {
    height: 100%;
    padding: .30rem .30rem 0; }
.order .my-order .order-emty {
      padding-top: 3.20rem; }
.order .my-order .order-emty .emty-logo {
        width: 3.41rem;
        height: 3.08rem;
        margin: 0 auto;
        overflow: hidden; }
.order .my-order .order-emty .emty-logo img {
          width: 2.1rem;
          height: 2.16rem;
          margin: auto; }
.order .my-order .order-emty .tips {
        font-size: .28rem;
        color: #999;
        text-align: center; }
.order .my-order .order-emty .tips a {
          color: #caa877; }
.order .my-order .order-item {
      width: 100%;
      background: #fff;
      border-radius: .15rem;
      margin-bottom: .30rem; }
.order .my-order .order-item .order-title {
        height: .80rem;
        padding-right: .30rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-bottom: 1px solid #e5e5e5;
        position: relative; }
.order .my-order .order-item .order-title .car-name {
          width: 1.10rem;
          height: .48rem;
          line-height: .48rem;
          padding-left: .12rem;
          font-size: .22rem;
          color: #fff;
          position: absolute;
          top: .2rem;
          left: -0.15rem;
          background-color: #00aa90; }
.order .my-order .order-item .order-title .car-name::after {
            content: '';
            display: block;
            width: 0rem;
            height: 0rem;
            border-top: .075rem solid #00aa90;
            border-right: .075rem solid #00aa90;
            border-left: .075rem solid transparent;
            border-bottom: .075rem solid transparent;
            position: absolute;
            bottom: -0.15rem;
            left: 0; }
.order .my-order .order-item .order-title .car-name.go-now {
          background-color: #8957a1; }
.order .my-order .order-item .order-title .car-state {
          font-size: .28rem;
          color: #f46026; }
.order .my-order .order-item .order-title .car-state.complete {
          color: #999; }
.order .my-order .order-item .order-content {
        padding: 0 .30rem;
        overflow: hidden; }
.order .my-order .order-item .order-content .goods-info {
          position: relative;
          height: 1.60rem;
          margin: .30rem 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          overflow: hidden; }
.order .my-order .order-item .order-content .goods-info img {
            width: 1.60rem;
            min-width: 1.60rem;
            height: 1.60rem;
            margin-right: .20rem;
            border-radius: .10rem; }
.order .my-order .order-item .order-content .goods-info .goods-part-right {
            width: 100%;
            height: 100%;
            padding: .06rem 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
.order .my-order .order-item .order-content .goods-info .goods-part-right .goods-title {
              font-weight: bolder;
              font-size: .30rem;
              color: #333;
              width: 60%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
.order .my-order .order-item .order-content .goods-info .goods-part-right .goods-price-num {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: baseline;
                  -ms-flex-align: baseline;
                      align-items: baseline; }
.order .my-order .order-item .order-content .goods-info .goods-part-right .goods-price-num .goods-price {
                font-size: .30rem;
                color: #333;
                width: 75%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
.order .my-order .order-item .order-content .goods-info .goods-part-right .goods-price-num .goods-price span {
                  font-size: .26rem; }
.order .my-order .order-item .order-content .goods-info .goods-part-right .goods-price-num .goods-buy-bum {
                font-size: .24rem;
                color: #999; }
.order .my-order .order-item .order-content .goods-info .right-top-tip {
            position: absolute;
            right: 0;
            top: 0rem;
            width: 1rem;
            height: .46rem;
            border-radius: .1rem;
            border: .02rem solid #00aa90;
            color: #00aa90;
            font-size: .24rem;
            line-height: .46rem;
            text-align: center; }
.order .my-order .order-item .order-content .join-process {
          height: .85rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          border-top: 1px solid #e5e5e5;
          font-size: .26rem;
          color: #333; }
.order .my-order .order-item .order-content .join-process .rest-time img {
            width: .26rem;
            height: .26rem;
            margin-right: .10rem;
            float: left;
            margin-top: .06rem; }
.order .my-order .order-item .order-content .join-process .rest-time span, .order .my-order .order-item .order-content .join-process .rest-people span {
            color: #f46026; }
.order .loading {
    margin-left: 2.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem; }
.order .loading .loading-more {
      padding-top: 0.05rem; }
.order .loading .loading-text {
      color: black;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.order .loadmore {
    font-size: 0.28rem;
    color: black;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-left: 2.5rem; }
.loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.2rem;
  text-align: center; }
.loading .loading-more {
    padding-top: 0.05rem; }
.loading .loading-more .mint-spinner-snake {
      display: inline-block;
      height: 28px !important;
      width: 28px !important; }
.loading .loading-text {
    color: black;
    font-size: 0.28rem;
    margin-left: 0.2rem; }
.course {
  height: 100%;
  /* padding: 30rem 0rem 0; */
  position: relative;
  overflow: auto; }
.course .course-emty {
    padding-top: 3.2rem; }
.course .course-emty .emty-logo {
      width: 3.41rem;
      height: 2.08rem;
      margin: 0 auto;
      overflow: hidden;
      margin-bottom: .4rem; }
.course .course-emty .emty-logo img {
        width: 2rem;
        height: 1.9rem;
        margin: auto; }
.course .course-emty .tips {
      font-size: .28rem;
      color: #999;
      text-align: center; }
.course .course-emty .tips a {
        padding-top: .2rem;
        display: block;
        color: #00aa90; }
.course .car {
    padding-top: .5rem; }
.course .car .car-item {
      width: 6.80rem;
      /* width: 100%; */
      margin: 0 auto;
      height: 4.45rem;
      background: #fff;
      margin-bottom: .50rem;
      border-radius: .20rem;
      overflow: hidden;
      /* box-shadow:0rem 0rem .40rem 0rem #d8d8d8; */ }
.course .car .car-item .car-photo {
        height: 3.0rem;
        overflow: hidden;
        position: relative; }
.course .car .car-item .car-photo img {
          width: 100%;
          height: 100%; }
.course .car .car-item .car-photo .iconView {
          width: 1.2rem;
          height: 0.4rem;
          position: absolute;
          right: 0.1rem;
          top: 0.2rem; }
.course .car .car-item .car-photo .iconView img {
            width: 100%; }
.course .car .car-item .car-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 1.35rem;
        padding: 0 .40rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
.course .car .car-item .car-footer .car-info {
          /* height: .90rem; */
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-pack: distribute;
              justify-content: space-around;
          overflow: hidden;
          width: 75%; }
.course .car .car-item .car-footer .car-info .car-name {
            font-size: .34rem;
            color: #333;
            font-weight: bolder;
            margin-bottom: .20rem;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
.course .car .car-item .car-footer .car-info .car-total-num {
            font-size: .26rem;
            color: #999;
            line-height: 1; }
.course .car .car-item .car-footer .car-right-send {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
.course .car .car-item .car-footer .car-right-send .send-friend {
            width: 1.18rem;
            height: .56rem;
            font-size: .26rem;
            line-height: .56rem;
            text-align: center;
            background: #00aa90;
            border-radius: .1rem;
            color: #fff;
            margin-bottom: .10rem; }
.course .car .car-item .car-footer .car-right-send div {
            width: 100%;
            color: #999;
            font-size: .22rem;
            text-align: center; }
.course .input-wrap-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.6); }
.course .input-wrap-mask .input-wrap {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 5.60rem;
      height: 4.55rem;
      background: #fff;
      border-radius: .10rem;
      z-index: 3;
      text-align: center; }
.course .input-wrap-mask .input-wrap .select-close {
        position: absolute;
        right: .40rem;
        top: .40rem;
        width: .40rem;
        height: .40rem;
        overflow: hidden; }
.course .input-wrap-mask .input-wrap .select-close img {
          width: 100%;
          height: 100%; }
.course .input-wrap-mask .select-title {
      font-size: .34rem;
      color: #333;
      padding: .60rem 0;
      font-weight: bolder; }
.course .input-wrap-mask .choose-block {
      width: 2.40rem;
      height: auto;
      min-height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-line-pack: center;
          align-content: center;
      font-size: .28rem;
      color: #333; }
.course .input-wrap-mask .choose-block .reduce-icon {
        width: 0.5rem;
        height: 0.5rem;
        margin-left: 1.6rem; }
.course .input-wrap-mask .choose-block .amount {
        width: 1rem;
        height: 0.5rem;
        margin-left: 0.2rem;
        font-size: 0.28rem;
        color: #333333;
        border: 0.01rem solid #e5e5e5;
        border-radius: 0.04rem;
        text-align: center; }
.course .input-wrap-mask .choose-block .plus-icon {
        width: 0.5rem;
        height: 0.5rem;
        margin-left: 0.2rem; }
.course .input-wrap-mask .share-btn {
      margin: .60rem 0 .20rem;
      font-size: 0; }
.course .input-wrap-mask .share-btn .share {
        width: 4.40rem;
        height: .72rem;
        line-height: .66rem;
        border-radius: .36rem;
        color: #fff;
        font-size: .32rem;
        background: #00aa90; }
.course .input-wrap-mask .share-btn .share-false {
        width: 4.40rem;
        height: .72rem;
        line-height: .66rem;
        border-radius: .36rem;
        color: #fff;
        font-size: .32rem;
        background: #00aa90;
        opacity: 0.5; }
.course .input-wrap-mask .noleft {
      font-size: .24rem;
      color: #999;
      text-align: center;
      margin-bottom: 0.1rem; }
.course .input-wrap-mask .seletc-tip {
      font-size: .24rem;
      color: #999;
      text-align: center; }
.course .loading {
    margin-left: 3.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem; }
.course .loading .loading-more {
      padding-top: 0.05rem; }
.course .loading .loading-text {
      color: white;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.course .loadmore {
    font-size: 0.28rem;
    color: white;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-left: 2.9rem; }
.course-bg {
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
.course-Nbg {
  background: #F6F6F6;
  width: 100%;
  height: 100%;
  background-size: cover; }
.medal {
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-size: 100% 100%; }
.medal .medal-head {
    font-size: .28rem;
    padding-top: .7rem;
    padding-bottom: .66rem;
    color: rgba(202, 168, 119, 0.5);
    text-align: center; }
.medal .medal-head img {
      display: inline-block; }
.medal .medal-head span {
      color: #000;
      padding: 0.2rem .2rem;
      font-size: .4rem; }
.medal .medal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* padding: 0 30rem; */
    padding-left: .47rem;
    padding-right: .27rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden; }
.medal .medal-content .medal-icon-list {
      margin: 0 .80rem .3rem 0;
      padding-bottom: .3rem;
      border-bottom: 1px solid #dcdcdc;
      width: 2.65rem;
      /* height: 3.45rem; */
      overflow: hidden; }
.medal .medal-content .medal-icon-list .medal-icon {
        width: 2.65rem;
        height: 2.40rem;
        overflow: hidden;
        margin-bottom: .13rem; }
.medal .medal-content .medal-icon-list .medal-icon .medal-bg {
          width: 2.71rem;
          height: 2.71rem;
          position: relative;
          overflow: hidden; }
.medal .medal-content .medal-icon-list .medal-icon .medal-bg .medal-name {
            font-size: .20rem;
            text-align: center;
            margin-top: .70rem;
            display: block;
            position: relative;
            z-index: 3; }
.medal .medal-content .medal-icon-list .medal-icon .medal-bg img:first-child {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1; }
.medal .medal-content .medal-icon-list .medal-icon .medal-bg img:last-child {
            width: 1.16rem;
            height: 1.16rem;
            margin: 0 auto;
            display: block;
            position: relative;
            z-index: 3;
            margin-top: .11rem; }
.medal .medal-content .medal-icon-list .medal-icon img {
          width: 1.9rem;
          height: 2rem;
          margin: auto; }
.medal .medal-content .medal-icon-list .course-name {
        color: #000;
        font-size: .28rem;
        text-align: center;
        text-overflow: ellipsis; }
.medal .medal-content .medal-icon-list .name-active {
        color: #fefefe; }
.medal .medal-content .medal-icon-list:nth-of-type(2n) {
      margin-right: 0; }
.medal .no-data {
    position: relative;
    width: 100%;
    height: 100%; }
.medal .no-data .medal-head {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: .30rem;
      line-height: 1;
      margin-top: .5rem; }
.medal .mask-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3; }
.medal .mask-wrap .close-btn {
      width: .51rem;
      height: .51rem;
      position: absolute;
      right: 1.06rem;
      top: 1.60rem; }
.medal .mask-wrap .close-btn img {
        width: 100%;
        height: 100%; }
.medal .mask-wrap .join-dialog {
      position: fixed;
      left: 0;
      right: 0;
      top: 3.08rem;
      margin: auto;
      width: 5.60rem;
      /* height: 6.80rem; */
      /* background: #fff; */
      border-radius: .10rem;
      z-index: 5; }
.medal .mask-wrap .join-dialog .join-title {
        width: 2.86rem;
        line-height: 1.5;
        font-size: .32rem;
        color: #000;
        text-align: center;
        margin: 0 auto;
        padding: 0 0 .20rem; }
.medal .mask-wrap .join-dialog .emty-icon {
        margin-bottom: .46rem;
        text-align: center; }
.medal .mask-wrap .join-dialog .emty-icon img {
          width: 2.91rem;
          height: 3.07rem;
          display: block;
          margin: 0 auto; }
.medal .mask-wrap .join-dialog .subcourse-title {
        font-size: .26rem;
        color: #999;
        text-align: center;
        margin-bottom: .20rem; }
.medal .mask-wrap .join-dialog .confirm {
        font-size: 0;
        text-align: center; }
.medal .mask-wrap .join-dialog .confirm button {
          width: 4.20rem;
          height: .72rem;
          line-height: .66rem;
          border-radius: .36rem;
          background: #00aa90;
          font-size: .32rem;
          color: #fff;
          margin: 0 auto;
          -webkit-box-shadow: .03rem 0 .20rem 0rem #DCD3ED;
                  box-shadow: .03rem 0 .20rem 0rem #DCD3ED; }
.medal .mask-wrap .model-bg {
      width: 6.34rem;
      height: 9.16rem;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1; }
.customer-service .service-content {
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center; }
.customer-service .service-content .title {
    font-size: .45rem;
    color: #000;
    padding-top: .74rem; }
.customer-service .service-content .title img {
      display: inline-block; }
.customer-service .service-content .title span {
      padding: 0 .2rem; }
.customer-service .service-content .cart {
    width: 5.67rem;
    background: #00aa90;
    border-radius: .1rem;
    margin: 1.02rem 0 0 .9rem;
    font-size: 0;
    text-align: left; }
.customer-service .service-content .cart img {
      margin: .53rem 0 0 .61rem;
      float: left; }
.customer-service .service-content .cart-title {
      font-size: .32rem;
      color: #fff;
      position: relative;
      left: .23rem;
      top: .48rem; }
.customer-service .service-content .cart .service-msg {
      padding: 1rem 0 .53rem .63rem;
      position: relative;
      z-index: 2; }
.customer-service .service-content .cart .service-msg .msg {
        font-size: .26rem;
        color: #fff; }
.customer-service .service-content .cart .service-msg .copy {
        text-decoration: underline;
        color: #fff;
        font-size: .26rem;
        float: right;
        padding-right: .47rem; }
.customer-service .cat-img {
  height: 2.95rem;
  width: 2.39rem;
  position: absolute;
  right: .05rem;
  top: 6.1rem;
  z-index: 1; }
.cooperation .content {
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  background-size: 100% 100%;
  text-align: center; }
.cooperation .content .title {
    font-size: .45rem;
    color: #000;
    padding-top: .74rem; }
.cooperation .content .title img {
      display: inline-block; }
.cooperation .content .title span {
      padding: 0 .2rem; }
.cooperation .content .ext-title {
    font-size: .25rem;
    color: #fff;
    padding-top: .28rem;
    padding-bottom: .8rem; }
.cooperation .content .cart {
    width: 5.67rem;
    background: #00aa90;
    border-radius: .1rem;
    margin: 1.02rem 0 0 .9rem;
    font-size: 0;
    text-align: left; }
.cooperation .content .cart img {
      margin: .45rem 0 0 .61rem;
      float: left; }
.cooperation .content .cart-title {
      font-size: .32rem;
      color: #fff;
      position: relative;
      left: .23rem;
      top: .4rem; }
.cooperation .content .cart .cooperation-msg {
      padding: 1rem 0 .53rem .63rem; }
.cooperation .content .cart .cooperation-msg .msg {
        font-size: .26rem;
        color: #fff; }
.cooperation .content .cart .cooperation-msg .copy {
        text-decoration: underline;
        color: #fff;
        font-size: .26rem;
        float: right;
        padding-right: .47rem; }
.cooperation .cat-img {
  height: 3.54rem;
  width: 1.33rem;
  position: absolute;
  left: .43rem;
  top: 2.35rem; }
.myWallet {
  position: relative; }
.myWallet .bag {
    background-color: #00aa90;
    padding-top: 0.46rem;
    height: 4.6rem; }
.myWallet .bag .tihistory {
      width: 1.3rem;
      height: 0.46rem;
      font-size: 0.22rem;
      color: #fff;
      position: absolute;
      right: 0.3rem;
      top: 0.3rem;
      text-align: center;
      line-height: 0.5rem;
      border-radius: 0.2rem; }
.myWallet .bag .tit {
      color: #fff;
      text-align: center;
      padding-top: 0.38rem; }
.myWallet .bag .tit .tit1 {
        font-size: 0.25rem;
        padding-left: 0.3rem;
        padding-bottom: 0.1rem; }
.myWallet .bag .tit .tit2 {
        font-size: 0.8rem; }
.myWallet .bag .applyFail {
      width: 1.7rem;
      line-height: 0.5rem;
      background-color: #fff;
      font-size: 0.26rem;
      color: #bcbcbc;
      text-align: center;
      margin: auto;
      margin-top: 0.25rem;
      border-radius: 0.1rem; }
.myWallet .bag .apply {
      width: 1.7rem;
      line-height: 0.5rem;
      background-color: #fff;
      font-size: 0.26rem;
      color: #00aa90;
      text-align: center;
      margin: auto;
      margin-top: 0.25rem;
      border-radius: 0.1rem; }
.myWallet .bag .jieshi {
      font-size: 0.25rem;
      color: #fff;
      line-height: 0.34rem;
      text-align: center;
      margin-top: 0.42rem; }
.myWallet .table {
    width: 6.35rem;
    height: 1.3rem;
    font-size: 0.28rem;
    border-top: 1px solid #ccc;
    margin: auto; }
.myWallet .table span {
      display: inline-block;
      width: 3.1rem;
      height: 1.3rem;
      text-align: center;
      padding-top: 0.2rem; }
.myWallet .table .te {
      font-weight: normal;
      padding-bottom: 0.1rem; }
.myWallet .table .one {
      border-right: 1px solid #ccc; }
.myWallet .table .two {
      float: right; }
.myWallet .mingxi {
    width: 100%;
    height: 0.94rem;
    line-height: 0.94rem;
    background-color: #ededed;
    font-size: 0.32rem;
    padding-left: 0.3rem;
    font-weight: bold; }
.myWallet .scoll .listItem {
    margin: 0 0.32rem;
    padding: 0.2rem 0 0.38rem 0;
    border-bottom: 1px solid #ccc;
    height: 1.8rem; }
.myWallet .scoll .listItem .namesty {
      display: block;
      font-size: 0.32rem; }
.myWallet .scoll .listItem .namesty span {
        font-weight: bold; }
.myWallet .scoll .listItem .titsty {
      display: block;
      font-size: 0.28rem;
      color: #ccc;
      margin-top: 0.1rem;
      width: 4rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
.myWallet .scoll .listItem h4 {
      float: right;
      line-height: 0.65rem;
      font-size: 0.32rem;
      color: #f46026;
      font-weight: normal; }
.myWallet .scoll .listItem .time {
      color: #ccc;
      font-size: 0.23rem;
      font-weight: normal;
      margin-top: 0.15rem;
      display: block; }
.myWallet .box {
    width: 5.1rem;
    height: 3.45rem;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
    z-index: 100;
    border-radius: 0.2rem;
    -webkit-box-shadow: 3px 3px 20px #706969;
            box-shadow: 3px 3px 20px #706969;
    padding-top: 0.56rem; }
.myWallet .box img {
      margin: auto; }
.myWallet .box h3 {
      margin-top: 0.48rem;
      font-size: 0.32rem;
      text-align: center; }
.myWallet .box p {
      font-size: 0.21rem;
      font-weight: normal;
      color: #a5a5a5;
      text-align: center;
      margin-top: 0.2rem; }
.myGuide .head {
  height: 1.1rem;
  padding: .4rem 0 0 .2rem; }
.myGuide .head .title {
    padding-left: .25rem;
    font-size: .28rem;
    font-weight: bold;
    position: relative; }
.myGuide .head .title::after {
      content: '';
      display: block;
      width: .07rem;
      background-color: #00aa90;
      height: .30rem;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-radius: .07rem; }
.myGuide .center {
  width: 94%;
  height: 1.60rem;
  margin-bottom: .25rem;
  border-bottom: 1px solid #f3f3f3;
  margin: auto; }
.myGuide .center .Img {
    width: 1.40rem;
    height: 1.40rem;
    float: left;
    background-color: #f00;
    border-radius: .15rem;
    overflow: hidden; }
.myGuide .center .rightText {
    width: 5.30rem;
    height: 1.40rem;
    float: right;
    position: relative;
    color: #000; }
.myGuide .center .rightText .h2 {
      font-size: .30rem;
      font-weight: bold;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.myGuide .center .rightText .bottonText {
      position: absolute;
      bottom: 0;
      left: 0; }
.myGuide .center .rightText .bottonText p {
        color: #9d9d9d;
        font-size: .24rem; }
.myGuide .center .rightText .listenIn {
      width: 1.30rem;
      height: .45rem;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      line-height: .45rem;
      padding: 0 .15rem;
      background: #00aa90;
      border-radius: .45rem;
      color: #fff;
      text-align: center;
      font-size: .24rem; }
.activityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.2rem; }
.activityList .background {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: #fff; }
.activityList .activity {
    position: relative;
    width: 6.9rem;
    height: 3.6rem;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    border-radius: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden; }
.activityList .activity-img {
    z-index: 0;
    position: absolute;
    width: 6.9rem;
    height: 3.6rem;
    border-radius: 0.2rem; }
.activityList .activity-title {
    z-index: 1;
    position: absolute;
    font-size: 0.35rem;
    color: white;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding: 0.2rem 0.3rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(82%, rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 82%); }
.activityList .loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 0.2rem;
    -ms-flex-item-align: center;
        align-self: center; }
.activityList .loading .loading-more {
      padding-top: 0.05rem; }
.activityList .loading .loading-text {
      color: white;
      font-size: 0.28rem;
      margin-left: 0.2rem; }
.activityList .loadmore {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 0.28rem;
    color: white;
    padding-bottom: 0.2rem; }
.header {
  line-height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: .36rem;
  border-bottom: 1px solid #fafafa; }
.header p {
    margin: 0 .3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: .3rem; }
.header .item {
    border-bottom: .05rem solid #00aa90; }
.museum .list {
  margin: 0 .3rem;
  height: 2.05rem;
  padding: .3rem 0 .35rem;
  border-bottom: 1px solid #e8e8e8; }
.museum .list .museumImg {
    width: 2.40rem;
    height: 1.40rem;
    border-radius: .10rem;
    overflow: hidden;
    float: left; }
.museum .list .museumImg img {
      width: 100%;
      height: 100%;
      display: block; }
.museum .list .museumText {
    width: 4rem;
    height: 100%;
    float: right;
    margin-left: .25rem;
    position: relative; }
.museum .list .museumText .title {
      font-size: .28rem;
      font-weight: bold;
      line-height: .35rem; }
.museum .list .museumText .title .place {
        float: right;
        color: #7b7b7b;
        font-weight: 100;
        font-size: .26rem;
        line-height: .35rem;
        padding-left: .28rem;
        position: relative; }
.museum .list .museumText .title .place img {
          width: .185rem;
          height: .26rem;
          vertical-align: middle;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
.museum .list .museumText .Label {
      color: #6e6e6e;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      margin-top: .05rem; }
.museum .list .museumText .Label p {
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        background: #eeeeee;
        border-radius: .10rem;
        padding: 0 .10rem;
        font-size: .20rem;
        margin-right: .05rem;
        font-weight: 100;
        line-height: .30rem; }
.museum .list .museumText .number {
      color: #b1b1b1;
      font-size: .25rem;
      margin-top: .05rem;
      position: absolute;
      bottom: 0;
      left: 0;
      padding-left: .32rem; }
.museum .list .museumText .number img {
        width: .24rem;
        height: .24rem;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.activityDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  background: RGBA(246, 246, 246, 1);
  padding-bottom: 1.5rem; }
.activityDetail .background {
    width: 100%;
    height: 100%;
    position: fixed;
    background: RGBA(246, 246, 246, 1);
    z-index: -1; }
.activityDetail .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    width: 100%;
    background: white;
    padding-bottom: 0.31rem; }
.activityDetail .header .head-img {
      width: 7.5rem;
      height: 4.6rem; }
.activityDetail .header .head-img img {
        width: 7.5rem;
        height: 4.6rem; }
.activityDetail .header .header-title {
      margin-top: 0.29rem;
      margin-left: 0.31rem;
      margin-right: 0.31rem;
      font-size: 0.34rem;
      font-weight: bold; }
.activityDetail .header .header-price {
      margin-left: 0.3rem;
      margin-top: 0.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
.activityDetail .header .header-price .price-icon {
        font-size: 0.24rem;
        color: #f46026; }
.activityDetail .header .header-price .price-now {
        font-size: 0.4rem;
        color: #f46026;
        margin-left: 0.05rem;
        line-height: 0.4rem; }
.activityDetail .header .header-price .price-text {
        font-size: 0.24rem;
        color: #999999;
        margin-left: 0.1rem; }
.activityDetail .header .header-price .price-before {
        font-size: 0.24rem;
        color: #999999;
        margin-left: 0.3rem;
        text-decoration: line-through; }
.activityDetail .body {
    height: auto;
    width: 100%;
    background: white;
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0.4rem; }
.activityDetail .body .body-introduction {
      height: 0.9rem;
      width: 100%;
      border-bottom: 0.01rem solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
.activityDetail .body .body-introduction .introduction-icon {
        width: 0.06rem;
        height: 0.28rem;
        background: #AE77CA;
        border-radius: 0.03rem;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 0.3rem; }
.activityDetail .body .body-introduction .introduction-text {
        font-size: 0.3rem;
        color: #333333;
        margin-left: 0.19rem;
        -ms-flex-item-align: center;
            align-self: center; }
.activityDetail .body .body-detail {
      padding-left: 0.31rem;
      padding-top: 0.37rem;
      padding-right: 0.31rem;
      font-size: 0.3rem;
      color: #666666;
      text-align: justify;
      word-break: break-word;
      word-wrap: break-word;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.activityDetail .body .body-detail strong {
        font-size: 0.4rem !important; }
.activityDetail .body .body-detail p {
        font-size: 0.3rem !important; }
.activityDetail .body .body-detail span {
        font-size: 0.3rem !important; }
.activityDetail .body .body-detail img {
        margin-top: 0.2rem;
        width: 6.9rem;
        margin-bottom: 0.2rem; }
.activityDetail .footer {
    position: fixed;
    bottom: 0;
    height: 0.98rem;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
.activityDetail .footer .index-btn {
      width: 1.3rem;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0.43rem;
      padding-top: 0.13rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
.activityDetail .footer .index-btn .index-icon {
        width: 0.42rem;
        height: 0.39rem; }
.activityDetail .footer .index-btn .index-text {
        font-size: 0.2rem;
        color: #333333;
        margin-top: 0.05rem; }
.activityDetail .footer .sign-up-end {
      width: 100%;
      height: 100%;
      background: #d39973;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.activityDetail .footer .sign-up-end .end-text {
        font-size: 0.32rem;
        color: #fffefe; }
.activityDetail .footer .sign-up {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 6.2rem;
      height: 100%; }
.activityDetail .footer .sign-up .sign-up-self {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 3.1rem;
        background: RGBA(211, 153, 115, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.activityDetail .footer .sign-up .sign-up-self .self-price {
          margin-top: 0.1rem;
          font-size: 0.3rem;
          color: #fffefe; }
.activityDetail .footer .sign-up .sign-up-self .self-text {
          font-size: 0.26rem; }
.activityDetail .footer .sign-up .sign-up-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 3.1rem;
        background: RGBA(188, 103, 78, 1);
        font-size: 0.3rem;
        color: #fffefe; }
.activityDetail .footer .sign-up .sign-up-group .group-price {
          margin-top: 0.1rem;
          font-size: 0.3rem;
          color: #fffefe; }
.activityDetail .footer .sign-up .sign-up-group .group-text {
          font-size: 0.26rem; }
.paysuccess-body {
  padding: 0.2rem 0.3rem;
  width: 100%;
  height: auto;
  min-height: 100%; }
.paysuccess-body .address {
    width: 100%;
    margin-bottom: .3rem; }
.paysuccess-body .address .top {
      line-height: .35rem;
      font-size: .28rem;
      color: #727272; }
.paysuccess-body .address .top img {
        width: .25rem;
        height: .35rem;
        display: inline-block;
        vertical-align: middle; }
.paysuccess-body .address .top span {
        margin-left: .25rem; }
.paysuccess-body .address .bottom {
      font-size: .22rem;
      color: #727272;
      margin-left: .58rem;
      margin-top: .1rem; }
.paysuccess-body .paysuccess-card {
    -webkit-box-shadow: 0rem 0rem 0.5rem #b8b8b8;
            box-shadow: 0rem 0rem 0.5rem #b8b8b8;
    background: white;
    border-radius: .16rem;
    padding-bottom: .16rem; }
.paysuccess-body .pay-lesson {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F6F6F6;
    padding: .20rem;
    margin: 0 .20rem;
    border-radius: .10rem;
    letter-spacing: normal;
    line-height: normal; }
.paysuccess-body .left {
    width: 1.80rem;
    height: 1.80rem; }
.paysuccess-body .left img {
      width: 100%;
      height: 100%;
      border-radius: .10rem; }
.paysuccess-body .middle {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: .20rem;
    position: relative; }
.paysuccess-body .lesson-name {
    font-size: .30rem; }
.paysuccess-body .times {
    font-size: .24rem;
    color: #999999;
    margin-top: .19rem; }
.paysuccess-body .pay-price {
    position: absolute;
    bottom: 0;
    font-size: .24rem; }
.paysuccess-body .pay-price .current-price {
      color: #F46026; }
.paysuccess-body .pay-price .current-price span {
        font-size: .30rem; }
.paysuccess-body .pay-price .old-price {
      color: #999999;
      text-decoration: line-through; }
.paysuccess-body .right {
    font-size: .24rem;
    position: relative; }
.paysuccess-body .right .right-sign {
      color: #00aa90;
      font-size: 0.24rem;
      width: 1.02rem;
      height: 0.46rem;
      line-height: 0.46rem;
      text-align: center;
      border: 1px #00aa90 solid;
      border-radius: 0.23rem 0.23rem; }
.paysuccess-body .right span {
      font-size: .24rem;
      position: absolute;
      bottom: 0;
      right: 0; }
.paysuccess-body .to-video {
    margin: .27rem auto;
    text-align: center;
    font-size: .32rem;
    color: white;
    width: 6.00rem;
    height: .90rem;
    line-height: .90rem;
    background: #00aa90;
    border-radius: .50rem; }
.paysuccess-body .to-focus {
    -webkit-box-shadow: 0rem 0rem 0.5rem #b8b8b8;
            box-shadow: 0rem 0rem 0.5rem #b8b8b8;
    border-radius: .16rem;
    margin-top: 0.3rem; }
.paysuccess-body .to-focus img {
      width: 100%; }
.paysuccess-body .divide-line {
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    font-size: .24rem;
    color: #00aa90; }
.paysuccess-body .recommend-lesson {
    width: 100%;
    height: 3.60rem;
    position: relative;
    margin-bottom: .20rem; }
.paysuccess-body .recommend-lesson img {
      width: 100%;
      height: 100%;
      border-radius: .16rem; }
.paysuccess-body .recommend-lesson span {
      position: absolute;
      left: .31rem;
      bottom: .29rem;
      font-size: .36rem;
      color: white;
      font-weight: bold; }
.paysuccess-body .gift-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0; }
.paysuccess-body .gift-dialog .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      opacity: 0.5;
      z-index: 0;
      top: 0; }
.paysuccess-body .gift-dialog .gif {
      height: 6rem;
      width: 7rem;
      z-index: 1;
      border-radius: 0.2rem; }
.paysuccess-body .gift-dialog .close-icon {
      width: 0.6rem;
      height: 0.6rem;
      margin-top: 0.5rem;
      z-index: 2; }
.paysuccess-body .gift-dialog a {
      display: block;
      font-size: 0.3rem;
      color: white;
      margin-top: 0.5rem;
      cursor: pointer;
      z-index: 2;
      text-decoration: none;
      background: -webkit-gradient(linear, left top, right top, from(#420949), to(#40086c));
      background: linear-gradient(to right, #420949, #40086c);
      padding: 0.25rem 0.45rem;
      font-size: 0.3rem;
      border-radius: 0.5rem; }
.paysuccess-body .pay-info {
    text-align: center;
    padding-top: .4rem; }
.paysuccess-body .pay-info .img-status-success {
      width: 0.6rem;
      height: 0.6rem;
      margin: 0 auto; }
.paysuccess-body .pay-info .img-status-success img {
        width: 100%;
        height: 100%; }
.paysuccess-body .pay-info .prompt {
      font-size: 0.36rem;
      margin-top: 0.2rem;
      font-weight: 300; }
.paysuccess-body .pay-info .prompt span {
        color: #00aa90; }
.paysuccess-body .price {
    color: #F46026;
    font-size: .24rem;
    margin: .29rem 0; }
.paysuccess-body .price span {
      font-size: .36rem; }
.paysuccess-body .paytime {
    font-size: .24rem;
    color: #999999;
    margin-bottom: .29rem; }
.paysuccess-body .group-guys {
    margin-top: 0.31rem;
    padding: 0 1.04rem;
    text-align: center;
    font-size: 0;
    -webkit-text-size-adjust: none; }
.paysuccess-body .group-guys--many {
    padding: 0 0.84rem 0 1.04rem; }
.paysuccess-body .guys-img {
    margin-bottom: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    margin-right: 0.2rem;
    border-radius: 50% 50%; }
.paysuccess-body .guys-img img {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border-radius: 50% 50%; }
.paysuccess-body .first-guys {
    position: relative; }
.paysuccess-body .first-guys p {
      font-size: 0.2rem;
      width: 0.85rem;
      height: 0.3rem;
      line-height: 0.3rem;
      text-align: center;
      color: white;
      background-color: #00aa90;
      border: 2px #00aa90 solid;
      border-radius: 0.15rem 0.15rem;
      position: absolute;
      bottom: -0.15rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
.paysuccess-body .group-toend {
    width: 100%;
    margin-top: 0.3rem;
    text-align: center;
    font-size: 0.26rem;
    font-weight: Medium; }
.paysuccess-body .group-toend .end-num, .paysuccess-body .group-toend .end-time {
      color: #F46026; }
.paysuccess-body .group-end-prompt {
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    text-align: center;
    font-size: 0.22rem;
    color: #999999; }
.paysuccess-body .img-status-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: 0 auto;
    height: 0.36rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.paysuccess-body .img-status-tips img {
      width: 0.36rem;
      height: 100%; }
.paysuccess-body .img-status-tips span {
      font-size: 0.36rem;
      line-height: 0.36rem;
      margin-left: 0.14rem; }
.paysuccess-body .steps-afterbuy {
    font-size: 0.28rem;
    margin-top: 0.7rem; }
.paysuccess-body .steps-afterbuy .steps {
      margin-left: 0.87rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.paysuccess-body .steps-afterbuy .steps .steps-lines {
        float: left;
        width: 0.2rem;
        padding-top: 0.1rem; }
.paysuccess-body .steps-afterbuy .steps .steps-lines div {
        display: block; }
.paysuccess-body .steps-afterbuy .steps .steps-lines div:nth-child(2n+1) {
        width: 0.2rem;
        height: 0.2rem;
        background: #00aa90;
        border-radius: 50% 50%; }
.paysuccess-body .steps-afterbuy .steps .steps-lines div:nth-child(2n) {
        width: 0.04rem;
        height: 0.6rem;
        background: #00aa90;
        margin: 0 auto; }
.paysuccess-body .steps-afterbuy .steps .steps-text {
        padding-left: 0.29rem; }
.paysuccess-body .steps-afterbuy .steps .steps-text p {
          height: 0.8rem; }
.paysuccess-body .steps-afterbuy .wechat-contact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 0.28rem;
      height: 0.5rem;
      line-height: 0.5rem; }
.paysuccess-body .steps-afterbuy .wechat-contact .wx-num {
        color: #00aa90; }
.paysuccess-body .steps-afterbuy .wechat-contact .num-copy {
        width: 1.21rem;
        height: 0.5rem;
        border: 2px solid #00aa90;
        color: #00aa90;
        font-size: 0.24rem;
        line-height: 0.5rem;
        text-align: center;
        margin-left: 0.2rem;
        background: transparent;
        border-radius: 0.24rem 0.24rem; }
.paysuccess-body .input-wrap-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.6); }
.paysuccess-body .input-wrap-mask .input-wrap {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 5.60rem;
      height: 4.55rem;
      background: #fff;
      border-radius: .10rem;
      z-index: 3;
      text-align: center; }
.paysuccess-body .input-wrap-mask .input-wrap .select-close {
        position: absolute;
        right: .40rem;
        top: .40rem;
        width: .40rem;
        height: .40rem;
        overflow: hidden; }
.paysuccess-body .input-wrap-mask .input-wrap .select-close img {
          width: 100%;
          height: 100%; }
.paysuccess-body .input-wrap-mask .select-title {
      font-size: .34rem;
      color: #333;
      padding: .60rem 0;
      font-weight: bolder; }
.paysuccess-body .input-wrap-mask .choose-block {
      width: 2.40rem;
      height: auto;
      min-height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-line-pack: center;
          align-content: center;
      font-size: .28rem;
      color: #333;
      margin: 0 auto; }
.paysuccess-body .input-wrap-mask .choose-block button {
        width: .50rem;
        height: .50rem;
        background: #eee;
        border-radius: .10rem;
        color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0;
        font-size: .40rem;
        /* font-weight: bolder; */ }
.paysuccess-body .input-wrap-mask .choose-block .select-input {
        width: 1rem;
        height: .50rem;
        text-align: center;
        border: 1px solid #e5e5e5;
        color: #333;
        font-size: .28rem;
        margin: 0 .20rem; }
.paysuccess-body .input-wrap-mask .share-btn {
      margin: .60rem 0 .40rem;
      font-size: 0; }
.paysuccess-body .input-wrap-mask .share-btn button {
        width: 4.40rem;
        height: .72rem;
        line-height: .66rem;
        border-radius: .36rem;
        color: #fff;
        font-size: .32rem;
        background: #00aa90; }
.paysuccess-body .input-wrap-mask .seletc-tip {
      font-size: .24rem;
      color: #999;
      text-align: center; }
.paysuccess-body .activityDetail {
    margin: 0 -.3rem;
    margin-top: .3rem;
    border-radius: .16rem;
    background-color: #fff; }
.paysuccess-body .activityDetail .video-try {
      height: auto;
      width: 100%;
      background: white;
      margin-top: 0.2rem;
      padding-bottom: 0.38rem;
      z-index: 0; }
.paysuccess-body .activityDetail .video-try .try {
        height: 0.9rem;
        width: 100%;
        border-bottom: 0.01rem solid #e5e5e5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
.paysuccess-body .activityDetail .video-try .try .try-icon {
          width: 0.06rem;
          height: 0.28rem;
          background: #00aa90;
          border-radius: 0.03rem;
          -ms-flex-item-align: center;
              align-self: center;
          margin-left: 0.3rem; }
.paysuccess-body .activityDetail .video-try .try .try-text {
          font-size: 0.3rem;
          color: #333333;
          margin-left: 0.19rem;
          -ms-flex-item-align: center;
              align-self: center; }
.paysuccess-body .activityDetail .video-try .list {
        margin: 0 .3rem;
        padding: .4rem 0;
        border-bottom: .02rem solid #e8e8e8;
        height: 1.7rem;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
.paysuccess-body .activityDetail .video-try .list .images {
          width: 2.7rem;
          height: 1.7rem;
          float: left;
          position: relative;
          border-radius: .2rem;
          overflow: hidden; }
.paysuccess-body .activityDetail .video-try .list .images .banner {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: .2rem; }
.paysuccess-body .activityDetail .video-try .list .images .img_footer {
            height: .45rem;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(101, 101, 101, 0.6)), to(transparent));
            background: linear-gradient(to top, rgba(101, 101, 101, 0.6), transparent);
            color: #fff;
            font-size: .18rem; }
.paysuccess-body .activityDetail .video-try .list .images .img_footer .img_text {
              line-height: .45rem;
              margin: 0 .12rem; }
.paysuccess-body .activityDetail .video-try .list .images .img_footer .img_text img {
                width: .2rem;
                height: .2rem;
                display: inline-block;
                margin-right: .05rem; }
.paysuccess-body .activityDetail .video-try .list .images .img_footer .img_text span {
                float: right;
                display: inline-block; }
.paysuccess-body .activityDetail .video-try .list .text {
          width: 3.9rem;
          float: right;
          position: relative;
          height: 100%; }
.paysuccess-body .activityDetail .video-try .list .text h2 {
            font-size: .28rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: .12rem; }
.paysuccess-body .activityDetail .video-try .list .text span {
            display: block;
            float: left;
            margin-right: .1rem;
            font-size: .22rem;
            padding: .08rem .1rem;
            background: #eeeeee;
            color: #888888; }
.paysuccess-body .activityDetail .video-try .list .text p {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            color: #848484;
            font-size: .24rem;
            overflow: hidden;
            height: 0.6rem; }
.paysuccess-body .activityDetail .video-try .video {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
.paysuccess-body .activityDetail .video-try .video video {
          width: 100%;
          height: 3.85rem; }
.paysuccess-body .activityDetail .video-try .video img {
          width: 100%;
          height: 3.85rem;
          z-index: 0; }
.paysuccess-body .activityDetail .video-try .video .play-icon {
          width: 1.2rem;
          height: 1.2rem;
          z-index: 2;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          margin: auto; }
.paysuccess-body .activityDetail .logistics {
      margin: 0 .5rem; }
.paysuccess-body .activityDetail .logistics .public {
        float: left; }
.paysuccess-body .activityDetail .logistics .left {
        width: 1rem;
        text-align: center;
        line-height: .3rem;
        margin-right: .2rem;
        height: auto; }
.paysuccess-body .activityDetail .logistics .left .item {
          margin-bottom: .4rem; }
.paysuccess-body .activityDetail .logistics .left .item .top {
            font-size: .28rem; }
.paysuccess-body .activityDetail .logistics .left .item .bottom {
            font-size: .26rem; }
.paysuccess-body .activityDetail .logistics .middle {
        padding-top: .3rem; }
.paysuccess-body .activityDetail .logistics .middle .item {
          width: .03rem;
          height: 1rem;
          background: #eeeeee;
          position: relative; }
.paysuccess-body .activityDetail .logistics .middle .item .circular {
            width: .2rem;
            height: .2rem;
            background: #c4c4c4;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
.paysuccess-body .activityDetail .logistics .middle .item img {
            width: .4rem;
            height: .4rem;
            position: absolute;
            display: block;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
.paysuccess-body .activityDetail .logistics .right {
        margin-left: .5rem;
        padding-top: .15rem;
        font-size: .23rem;
        color: #999;
        width: 4.5rem; }
.paysuccess-body .activityDetail .logistics .right div {
          height: 1rem;
          overflow: hidden; }
.paysuccess-body .activityDetail .logistics .right .first {
          font-size: .25rem;
          color: #000; }
.paysuccess-body .activityDetail .courseVideo {
      width: 100%;
      position: relative; }
.paysuccess-body .activityDetail .courseVideo video {
        width: 100%; }
.paysuccess-body .activityDetail .courseVideo .maskVideo {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        left: 0; }
.paysuccess-body .activityDetail .courseVideo .maskVideo .backImg {
          width: 100%;
          height: 100%;
          display: block; }
.paysuccess-body .activityDetail .courseVideo .maskVideo .playVideo {
          width: .5rem;
          height: .5rem;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
.paysuccess-body .dialog-video {
    width: 100%;
    height: 100%;
    margin: 0 -.3rem;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    z-index: 5; }
.paysuccess-body .dialog-video .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      opacity: 0.6;
      z-index: 5; }
.paysuccess-body .dialog-video .content {
      width: 100%;
      height: 3.82rem;
      border-radius: 0.1rem;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
.paysuccess-body .dialog-video .content .close-icon {
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        right: 0.2rem;
        top: -0.63rem; }
.paysuccess-body .dialog-video .content .close-icon img {
          width: 0.5rem;
          height: 0.5rem; }
.paysuccess-body .dialog-video .content video {
        width: 100%;
        position: absolute; }
.pay-body {
  width: 100%; }
.pay-body .headerTop {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%; }
.pay-body .headerTop .group-title {
      width: 100%;
      font-size: 0.3rem;
      background: #00aa90;
      color: white;
      text-align: center;
      height: 0.8rem;
      line-height: 0.8rem; }
.pay-body .headerTop .group-title span {
        color: #333333; }
.pay-body .headerTop .address {
      color: #686868;
      background: #fff; }
.pay-body .headerTop .address .noChoice {
        line-height: 1.05rem;
        font-size: 0.28rem;
        margin: 0 .3rem;
        border-bottom: 0.01rem solid #f3f3f3;
        position: relative; }
.pay-body .headerTop .address .noChoice .btn {
          width: 0.15rem;
          height: 0.25rem;
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
.pay-body .headerTop .address .noChoice .btn img {
            width: 100%;
            height: 100%; }
.pay-body .headerTop .address .haveChosen {
        padding: .15rem 0;
        margin: 0 .3rem;
        border-bottom: 0.01rem solid #e0e0e0;
        position: relative; }
.pay-body .headerTop .address .haveChosen .btn {
          width: .15rem;
          height: .25rem;
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
.pay-body .headerTop .address .haveChosen .btn img {
            width: 100%;
            height: 100%;
            display: block; }
.pay-body .headerTop .address .haveChosen .information {
          font-size: .3rem; }
.pay-body .headerTop .address .haveChosen .information p {
            margin-right: .5rem;
            margin-bottom: .1rem; }
.pay-body .headerTop .address .haveChosen .information p span {
              margin-right: .2rem; }
.pay-body .headerTop .address .haveChosen .information .informationAddress {
            font-size: .25rem; }
.pay-body .headerTop .pay-list {
      width: 100%;
      z-index: 98;
      background: white; }
.pay-body .headerTop .pay-list .pay-content {
        padding: 0.3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
.pay-body .headerTop .pay-list .pay-content .pay-img {
          width: 1.8rem;
          height: 1.8rem; }
.pay-body .headerTop .pay-list .pay-content .pay-img img {
            width: 100%;
            height: 100%; }
.pay-body .headerTop .pay-list .pay-content .right {
          padding-left: 0.2rem;
          position: relative;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
.pay-body .headerTop .pay-list .pay-content .right .right-row {
            line-height: 0.46rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
.pay-body .headerTop .pay-list .pay-content .right .right-row .name {
              display: inline-block;
              width: 3.8rem;
              font-size: 0.3rem;
              height: 0.46rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
.pay-body .headerTop .pay-list .pay-content .right .right-row .pay-group {
              display: inline-block;
              font-size: 0.24rem;
              width: 1.02rem;
              height: 0.46rem;
              line-height: 0.46rem;
              text-align: center;
              color: #00aa90;
              border-radius: 0.23rem;
              border: 1px solid #00aa90; }
.pay-body .headerTop .pay-list .pay-content .right .lesson-num {
            font-size: 0.24rem;
            color: #999999;
            margin-top: 0.19rem; }
.pay-body .headerTop .pay-list .pay-content .right .price {
            position: absolute;
            left: 0.2rem;
            bottom: 0rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline; }
.pay-body .headerTop .pay-list .pay-content .right .price .current-price {
              font-size: 0.36rem;
              color: #F46026; }
.pay-body .headerTop .pay-list .pay-content .right .price .current-price span {
                font-size: 0.24rem; }
.pay-body .headerTop .pay-list .pay-content .right .price .old-price {
              font-size: 0.24rem;
              color: #999999;
              text-decoration: line-through;
              margin-left: 0.29rem; }
.pay-body .headerTop .pay-list .pay-num {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        height: 1rem;
        font-size: 0.3rem;
        line-height: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #E0E0E0; }
.pay-body .headerTop .pay-list .pay-num .right {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          text-align: right; }
.pay-body .headerTop .pay-list .pay-num .right .btn {
            width: 0.5rem;
            height: 0.5rem;
            line-height: 0.5rem;
            font-size: 0.4rem; }
.pay-body .headerTop .pay-list .pay-num .right .num {
            margin: 0 0.39rem; }
.pay-body .headerTop .pay-list .pay-num .payChoice {
          color: #999999;
          text-align: right; }
.pay-body .headerTop .pay-list .pay-num .payChoice p {
            display: inline-block; }
.pay-body .headerTop .pay-list .pay-num .payChoice img {
            width: .25rem;
            height: .25rem;
            vertical-align: middle;
            margin-left: .2rem;
            display: inline-block; }
.pay-body .headerTop .pay-list .pay-choice {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
.pay-body .coupon_list {
    width: 100%;
    overflow: hidden; }
.pay-body .coupon_list .coupon_box {
      display: block;
      margin-bottom: 0;
      padding-bottom: .2rem;
      border-bottom: .01rem solid #e8e8e8; }
.pay-body .coupon_list .coupon_box .coupon_warning {
        width: 100%;
        font-size: 0.2rem;
        color: #ccc;
        text-align: center;
        margin-top: -0.1rem;
        margin-bottom: 0.15rem; }
.pay-body .coupon_list .coupon_box .coupon {
        height: 2.75rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
.pay-body .coupon_list .coupon_box .coupon p {
          bottom: 50%;
          -webkit-transform: translateY(50%);
                  transform: translateY(50%);
          font-size: .3rem;
          width: 1.3rem; }
.pay-body .coupon_list .coupon_box .coupon span {
          bottom: .3rem; }
.pay-body .freight {
    line-height: 1.05rem;
    margin: 0 .3rem;
    border-bottom: 0.01rem solid #e8e8e8;
    font-size: .3rem; }
.pay-body .freight p {
      float: right; }
.pay-body .pay-footer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0.98rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 0.98rem;
    border-top: 1px solid #E0E0E0;
    background: white; }
.pay-body .pay-footer .coupon_amount {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 16%;
      margin-left: 1%; }
.pay-body .pay-footer .coupon_amount span {
        font-size: .24rem; }
.pay-body .pay-footer .coupon_amount strong {
        margin-left: .05rem;
        font-size: .28rem;
        color: #e60012; }
.pay-body .pay-footer .left {
      width: 13%;
      margin-left: -5%;
      font-size: 0.24rem; }
.pay-body .pay-footer .pay-price {
      width: 34.5%;
      height: 0.98rem;
      font-size: 0.24rem;
      color: #999999;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; }
.pay-body .pay-footer .pay-price .pay_type {
        width: 35%;
        font-size: .22rem;
        color: #999999; }
.pay-body .pay-footer .pay-price span {
        width: 65%;
        text-align: center;
        font-size: 0.38rem;
        color: #F46026; }
.pay-body .pay-footer .topay {
      height: 0.98rem;
      width: 37.5%;
      font-size: 0.36rem;
      background: #BC674E;
      color: white;
      text-align: center; }
.pay-body .mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    top: 0;
    left: 0; }
.pay-body .mask .mask-box {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding: .6rem 1.25rem;
      background: #fff;
      width: 3.65rem;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      border-radius: .2rem; }
.pay-body .mask .mask-box h2 {
        font-size: .3rem;
        text-align: center; }
.pay-body .mask .mask-box button {
        font-size: .26rem;
        color: #fff;
        text-align: center;
        line-height: .7rem;
        margin-top: .3rem;
        background: #00aa90;
        width: 100%;
        border-radius: .7rem;
        display: block; }
.pay-body .mask .mask-box .btn2 {
        background: #43bfa7; }
.coupon_list {
  width: 100%; }
.coupon_list .coupon_box {
    margin: .2rem;
    list-style: none; }
.coupon_list .coupon_box .coupon {
      width: 100%;
      height: 2.75rem;
      background: 0 0 no-repeat;
      background-size: 100%;
      position: relative;
      margin-bottom: .4rem; }
.coupon_list .coupon_box .coupon img {
        display: block;
        width: 100%;
        height: 2.75rem;
        position: absolute;
        top: 0%; }
.coupon_list .coupon_box .coupon p {
        right: 40px;
        position: absolute;
        bottom: .94rem;
        left: 5.15rem;
        text-align: center;
        font-size: 0.29rem;
        letter-spacing: .05rem;
        font-family: HiraginoSansGB-W6;
        color: #fff; }
.coupon_list .coupon_box .coupon #asc {
        position: absolute;
        right: 40px;
        left: 5.15rem;
        font-size: 0.29rem; }
.coupon_list .coupon_box .coupon span {
        position: absolute;
        bottom: .15rem;
        left: .50rem;
        font-size: .22rem;
        color: #fff; }
.coupon_list .coupon_box .coupon #asa {
        bottom: 0.15rem; }
.coupon_list .coupon_box .coupon .coupon_mask {
        width: 0.8rem;
        height: 0.8rem;
        position: absolute;
        top: 0;
        right: 0; }
.coupon_list .coupon_box .coupon .coupon_mask img {
          width: 100%;
          height: 100%; }
.coupon_list .coupon_box .coupon .coupon_disabled {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(204, 204, 204, 0.4); }
.coupon_list .coupon_box .coupon .use_coupon {
        display: inline-block;
        width: 1.5rem;
        height: .45rem;
        position: absolute;
        bottom: .28rem;
        right: .44rem;
        text-align: center;
        line-height: .45rem;
        font-size: .24rem;
        color: #fff;
        background-color: #00aa90;
        text-decoration: none;
        -webkit-box-shadow: -0.01rem 0.07rem 0.24rem 0.03rem rgba(6, 0, 1, 0.59);
                box-shadow: -0.01rem 0.07rem 0.24rem 0.03rem rgba(6, 0, 1, 0.59);
        border-radius: 0.23rem; }
.coupon_list .toast {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.coupon_list .toast .coupon_info {
      width: 6.14rem;
      height: 3.88rem;
      padding: .23rem 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff;
      font-size: .24rem;
      z-index: 10;
      position: relative; }
.coupon_list .toast .coupon_info .coupon_title {
        height: .5rem;
        font-size: .48rem;
        color: #00aa90;
        font-weight: bold; }
.coupon_list .toast .coupon_info .use_condition, .coupon_list .toast .coupon_info .available_time {
        margin-top: .2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
.coupon_list .toast .coupon_info .use_condition .title, .coupon_list .toast .coupon_info .available_time .title {
          margin-bottom: .1rem;
          font-weight: bold; }
.coupon_list .toast .coupon_info .use_condition p, .coupon_list .toast .coupon_info .available_time p {
          font-size: .18rem; }
.coupon_list .toast .coupon_info .use_coupon {
        display: inline-block;
        width: 1.5rem;
        height: .45rem;
        margin-top: .2rem;
        text-align: center;
        line-height: .45rem;
        font-size: .24rem;
        color: #fff;
        background-color: #00aa90;
        text-decoration: none;
        border-radius: 0.23rem; }
.coupon_list .toast .coupon_info .close {
        width: .5rem;
        height: .5rem;
        text-align: center;
        line-height: .5rem;
        font-size: .68rem;
        position: absolute;
        top: .1rem;
        right: .1rem; }
.coupon_list .toast .toast_mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.28); }
.coupon_list .empty {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.coupon_list .empty img {
      margin-top: 3rem;
      width: 3.41rem;
      height: 3rem; }
.coupon_list .empty p {
      margin-top: .4rem;
      font-size: .28rem;
      color: #999; }
.address {
  position: relative;
  height: 100%; }
.address .deliveryAddress .addressUL {
    border-bottom: .02rem solid #ccc; }
.address .deliveryAddress .addressUL .addressItem {
      width: 100%;
      padding: 0 .33rem; }
.address .deliveryAddress .addressUL .addressItem .addressInner {
        width: 98%;
        font-size: .28rem;
        color: #737373;
        padding: .40rem 0 .48rem 0;
        position: relative; }
.address .deliveryAddress .addressUL .addressItem .addressInner .radioright {
          width: 0.32rem;
          height: 0.32rem;
          float: left;
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0; }
.address .deliveryAddress .addressUL .addressItem .addressInner .radioright img {
            width: 100%;
            height: 100%; }
.address .deliveryAddress .addressUL .addressItem .addressInner .left {
          position: relative;
          margin-left: 0.4rem; }
.address .deliveryAddress .addressUL .addressItem .addressInner .left .clickImg {
            display: inline-block;
            width: .60rem;
            height: .50rem;
            position: absolute;
            top: 0;
            right: -5%; }
.address .deliveryAddress .addressUL .addressItem .addressInner .left .clickImg img {
              width: .26rem;
              height: .26rem;
              margin-top: .28rem; }
.address .deliveryAddress .addressUL .addressItem .addressInner .left p {
            width: 5.80rem;
            margin-top: .12rem;
            line-height: .40rem; }
.address .deliveryAddress .addAddress {
    width: 2.70rem;
    height: .68rem;
    background-color: #00aa99;
    font-size: .28rem;
    color: white;
    text-align: center;
    line-height: .68rem;
    margin: .60rem auto;
    border-radius: .30rem; }
.address .deliveryAddress .close {
    height: 100%;
    background-color: #ee0a24;
    position: relative;
    float: right; }
.address .deliveryAddress .close .van-button__text {
      font-size: 0.28rem;
      display: block;
      width: 100%;
      height: .68rem;
      line-height: .68rem; }
.address .deliveryAddress .close .van-button {
      width: 1rem !important;
      position: absolute;
      height: 100%; }
.address .deliveryAddress .noneAddress {
    width: 100%;
    text-align: center;
    margin-top: 50%;
    font-size: 0.3rem;
    font-weight: normal; }
.address .editAddress {
    width: 95%;
    margin: auto;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    position: relative;
    background-color: white; }
.address .editAddress .vanArea {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0; }
.address .editAddress .vanArea .van-hairline--top-bottom .van-picker__cancel, .address .editAddress .vanArea .van-hairline--top-bottom .van-picker__confirm {
        font-size: .24rem !important; }
.address .editAddress .vanArea .van-hairline--top-bottom .van-picker-column {
        font-size: .28rem !important; }
.address .editAddress .vanArea .van-picker__columns .van-picker-column__item {
        font-size: .24rem !important; }
.address .editAddress .addressName, .address .editAddress .addressPhone {
      height: 1.06rem;
      border-bottom: 0.02rem solid #ccc;
      line-height: 1.06rem;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      overflow: hidden; }
.address .editAddress .addressName span, .address .editAddress .addressPhone span {
        float: left;
        vertical-align: middle; }
.address .editAddress .addressName .input, .address .editAddress .addressPhone .input {
        height: .56rem;
        line-height: .56rem;
        float: left;
        font-weight: normal;
        width: 75%;
        display: block;
        font-size: .28rem;
        margin-top: .25rem; }
.address .editAddress .detailAddress {
      height: 2.24rem;
      border-bottom: 0.02rem solid #ccc;
      padding: .20rem 0; }
.address .editAddress .detailAddress span {
        display: block;
        float: left;
        height: 1.8rem;
        width: 23%; }
.address .editAddress .detailAddress p {
        float: left;
        width: 77%; }
.address .editAddress .detailAddress p .textArea {
          width: 100%;
          font-size: 0.28rem;
          font-weight: normal;
          height: 1.8rem; }
.address .editAddress .detailAddress p .textArea::-webkit-input-placeholder {
          font-size: 0.28rem !important; }
.address .editAddress .section {
      min-height: 1.06rem;
      line-height: .80rem;
      border-bottom: .02rem solid #ccc; }
.address .editAddress .section .van-picker {
        width: 100% !important; }
.address .editAddress .section .van-picker .van-hairline--top-bottom {
          font-size: .28rem; }
.address .editAddress .section .van-picker .van-picker-column {
          font-size: .22rem; }
.address .editAddress .section .picker {
        font-size: .28rem;
        color: #333;
        font-weight: bold; }
.address .editAddress .section .picker span {
          display: inline-block;
          min-width: 1.50rem;
          height: .50rem;
          border: 0.01rem solid #f3f3f3;
          margin: .10rem .05rem 0 0;
          line-height: .50rem;
          text-align: center;
          border-radius: .10rem;
          color: #959595;
          font-weight: normal; }
.address .editAddress .saveAddress {
      width: 2.70rem;
      height: .68rem;
      border-radius: .30rem;
      background-color: #00aa99;
      color: #fff;
      line-height: .68rem;
      font-size: .28rem;
      text-align: center;
      margin: .7rem auto; }
.address .vanAreaTest {
    position: fixed;
    bottom: 0;
    width: 95%; }
.address .vanAreaTest .van-hairline--top-bottom .van-picker__cancel, .address .vanAreaTest .van-hairline--top-bottom .van-picker__confirm {
      font-size: .24rem !important; }
.address .vanAreaTest .van-hairline--top-bottom .van-picker-column {
      font-size: .28rem !important; }
.address .vanAreaTest .van-picker__columns .van-picker-column__item {
      font-size: .24rem !important; }
.toast .mint-toast-text {
  font-size: 0.2rem; }
.topic-body {
  background: url(../../static/img/bg@2x.11f9f06.png) center;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  overflow: auto; }
.topic-body .cat-img {
    width: 2.49rem;
    height: 3.25rem;
    float: left;
    margin: .1rem 0 0 .1rem; }
.topic-body .cat-img img {
      width: 100%;
      height: 100%; }
.topic-body .circle {
    width: .28rem;
    height: .28rem; }
.topic-body .topic {
    padding: 0.02rem 1.44rem 0 1.44rem;
    display: inline-block;
    width: 100%; }
.topic-body .topic-title {
    color: white;
    font-size: .34rem;
    padding-bottom: 1.00rem;
    word-wrap: break-word;
    margin-top: -.8rem; }
.topic-body .topic-select {
    margin-left: 0.4rem; }
.topic-body .radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.26rem;
    padding-left: .2rem;
    min-height: 0.68rem; }
.topic-body .radios span {
      display: inline-block;
      font-size: .30rem;
      line-height: 0.3rem;
      color: white;
      max-width: 3.1rem;
      word-break: break-all;
      height: auto;
      padding: .2rem 0; }
.topic-body .radios div {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAFlklEQVRYR9WZa0ybZRTHKbcSwQxwYzBC1GiM00SjJs7h8AJqBOfiJ0I0W2wtN1E0KpsmbsO5D06mRjTjPozLcPLFZc5houLcFPWDFxYdxsy4hAAFt8qtCYXS+jvN8zbtC7WllEvf5KTP+z63/3Ouzzk1xITxtLe3J7lcrnSn05nJ9HuhzdBGg8Gwwe12p8qStEdpD9Lsg76HvomPj7fGxsbaTCbT1EK3NSxkggB0OBz5bPYwIPKYexOUGOIa04w7zwHOcsjPjUZj90IAhwQUUIbGxsZcAL7OZrdCwrXYEAHqh7n4MAr1Anh3RUVFD+DdwdYKBtRQX1+/ltM/zUIvQleqBWXhcWiYQ/zCRt0c4tz09PTF2dnZf2VMXFxcGqK+Wg7GmHzG3EY7A1ojmqHWmeT3YEJCwiGz2XyJdkDAAYHW1tbGZmVl5TJ5N/SQz4lHaJ9g8y5A9VRVVVmDcUP6GxoaMjiMrPcItE2B9kzlEF+w3r6hoaEe9hWOz3kCAm1ubs5l8gfMuF5xwMX7p9Crk5OTf9fU1NhDAagfU1dXl5ySknItHN/PWo/SLyoknLwA4CfLysp6QgIqnMzMzNzEpC4lJpk3DL2BITVUV1c7wgGon4NKGZOSkioA+wp961X/GO+FVqv1Rz1n9Rw1NDU13c2kdsVJmd/H5F1M7mKyMxIgtTU6OzvjbDZbEUw5wLeNSg0usJ+pvLz8O8Vpz3A/oJxyHac8ysAHVF8ferW9tLT0p0gC1K/V0tJyBx7giALrBviXU1NTTyC9f7SxXqBK5HsZtEd1jtB+Cp05uZQgtbWxia0wqI138QwxYlxI8TVNBbxAOVUepxK9TIbE8nZihe9GWtyBDs0+8XiZ5+h/ExIDsyPNQqR51it6iTj4wFN8uF8tdBzDKYmU4YQqEWVgx+DmY2rO14mJiUUSwTwchZtFSkfSeR3BdRRYLJbfQt0gkuNQgZsB2q1UwEZ7O9HrlEQeI6gPoI/PKgNqGx8ffz5cP7lY0HidK1jjHciidPU9pL3L0NbWtmFmZuakCnGjcNZcWVn5yWI3XMx8wIroxUWmSogmxG41ENruRGm/5WMC9CdA8wAqYXLFHhVuxYhugGbAtEUcvFw2Dio2f4w+lKwYQp+N0dWP4KaG5SUBepT+x2UM4sdtlrWsEqClAG1WWDoE6K+8yB0zBhXYjN/6YTUAxRPdhcglM5CnV4BepiFuKQbfmeEbtlYScEdHx9qJiQkthNoE6KwwU0ARieIC3QeXG7S6Dws2eVyrFqj4dx4tCXT4iR7k67heSUqw4g86uh4d9WQPGNWlqDKmqHFP0eHwoyaERs2lRHfNEyM7vCqveYIMpy9FgQ9VhBrBLRRwg1oVF2cw7cBlfua54etTES4nx8kCVyQVwckfA9L8qYiA1Sd3ONkX0tPT3y8uLtbC2JIGAZXjPwOT3lYh3Q6GIq6dZ2Rjv3SZLLCWb1JrkmeYSZZlTpdb2ddTNWHv/YODg3vnpMvSqW7Wwvr71CHOc/XbsUwFCLERqbdKHeo0dlLim2n4VUqkDtra2rqFQZKvXKc428fpdqampnZFWg3mK+mw51/gMCNySUW8Zcg51Ty5XuXk5Gyi7L3kRTIMpxIwL2vi5neMmmphf39/0CKZ12DmKzvSeUKqxJEoO6rqtdRJvWVH6gkm6glSHJvzRH8hVx0paGkc/f2Zsd3o1Tm4dHFgYMBTGs/Ozk6D+9fQfwuv+fTfzq++ND7Bt7dIgQ6RAoVXGvflvRgZqiB1032QJIJpyivMJ6Vg38RA5DC90J7/K4f7LhTszwa/TVUEKwD4g3DqHkjqRCH9fcPYacb+Dp2Rmj1lpK8i/veNnkVykUlOTr5K+0OMzXPZ/EaROLSGtpNvY7QlaPwhaS+/p+UPMbvdfjmcKuF/plU7MgZ3/9YAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      width: 0.3rem;
      height: 0.3rem;
      margin-right: 0.2rem;
      margin-top: .2rem; }
.topic-body .radios-selected {
    background: rgba(151, 106, 214, 0.1);
    border-radius: 0.1rem 0.1rem; }
.topic-body .radios-selected div {
      background: url(data:image/png;base64,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);
      background-size: 100% 100%; }
.topic-body .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.35rem;
    height: .60rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: .60rem;
    margin-bottom: .5rem; }
.topic-body .step-transparent {
    opacity: 0.3; }
.topic-body .next-topic {
    width: 1.50rem;
    background: transparent;
    color: white;
    font-size: .30rem;
    border: 1px solid white;
    border-radius: .30rem; }
.topic-body .last-topic {
    width: 1.50rem;
    line-height: .60rem;
    background: transparent;
    color: white;
    font-size: .30rem;
    border: 1px solid white;
    border-radius: .30rem; }
.topic-body .topic-num {
    color: white;
    height: .60rem;
    line-height: .60rem;
    font-size: .26rem;
    margin: 0 0.73rem; }
.gifts-hide {
  z-index: -1;
  position: relative; }
.gifts-body {
  height: 100%;
  width: 100%;
  position: fixed;
  background: #051005;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 300; }
.gifts-body .gifts-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../static/img/liwu_bg@2x.0fef0ff.png) no-repeat;
    background-size: 100%;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out 0.1s;
    transition: 0.3s ease-in-out 0.1s; }
.gifts-body .close-btn {
    position: absolute;
    top: 0.88rem;
    right: 0.70rem;
    width: 0.6rem;
    height: 0.6rem; }
.gifts-body .close-btn img {
      width: 100%;
      height: 100%; }
.gifts-body .gift-fadeout {
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
.gifts-body .white-bg-show {
    background: white;
    min-height: 5.5rem;
    width: 5.32rem;
    position: absolute;
    top: 3.02rem;
    left: 0.96rem;
    border-radius: 0 0 0.3rem 0.3rem;
    padding: 0 .4rem;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0.1s;
    transition: opacity 0.3s ease-in-out 0.1s; }
.gifts-body .white-bg-show .log-img {
      width: 1.54rem;
      margin: 0 auto; }
.gifts-body .white-bg-show .log-img img {
        width: 100%;
        height: 100%; }
.gifts-body .white-bg-show .people {
      height: 0.7rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 0.14rem;
      margin-bottom: 0.17rem; }
.gifts-body .white-bg-show .people .people-img {
        width: 0.7rem; }
.gifts-body .white-bg-show .people .people-img img {
          width: 100%;
          height: 100%;
          border-radius: 50% 50%; }
.gifts-body .white-bg-show .people .people-name {
        margin-left: 0.2rem;
        font-size: 0.27rem;
        color: #666666;
        line-height: 0.7rem; }
.gifts-body .white-bg-show .people .people-name span {
          color: #333333; }
.gifts-body .white-bg-show .gifts-lesson {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: #F6F6F6;
      padding: .16rem;
      border-radius: .10rem; }
.gifts-body .white-bg-show .left {
      width: 1.38rem;
      height: 1.38rem; }
.gifts-body .white-bg-show .left img {
        width: 100%;
        height: 100%;
        border-radius: .10rem; }
.gifts-body .white-bg-show .middle {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: .17rem;
      position: relative;
      width: 2.58rem; }
.gifts-body .white-bg-show .lesson-name {
      font-size: .24rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
.gifts-body .white-bg-show .summary {
      font-size: 0.2rem;
      color: #999999;
      margin-top: .1rem;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
.gifts-body .white-bg-show .pay-price {
      position: absolute;
      bottom: 0;
      font-size: .24rem; }
.gifts-body .white-bg-show .pay-price .current-price {
        color: #F46026; }
.gifts-body .white-bg-show .pay-price .current-price span {
          font-size: .26rem; }
.gifts-body .white-bg-show .pay-price .old-price {
        color: #999999;
        padding-left: .29rem;
        text-decoration: line-through; }
.gifts-body .white-bg-show .right {
      font-size: .24rem;
      position: relative; }
.gifts-body .white-bg-show .right span {
        font-size: .24rem;
        position: absolute;
        bottom: 0;
        right: 0; }
.gifts-body .white-bg-show .gift-btn {
      margin-top: .28rem;
      text-align: center;
      font-size: .32rem;
      color: white;
      width: 100%;
      height: .72rem;
      line-height: .72rem;
      background: #00aa90;
      border-radius: .36rem; }
.gifts-body .white-bg-show .divider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 0.26rem;
      margin-top: 0.23rem;
      margin-bottom: 0.19rem; }
.gifts-body .white-bg-show .divider .divider-line {
        height: 2px;
        background: #E5E5E5;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: 1rem; }
.gifts-body .white-bg-show .divider .divider-num {
        font-size: 0.26rem;
        margin: 0 0.32rem; }
.gifts-body .white-bg-show .get-gifts {
      max-height: 3.6rem;
      overflow: scroll;
      margin-bottom: 0.4rem;
      border-radius: 0.1rem;
      background: #F6F6F6; }
.gifts-body .white-bg-show .get-gifts .item:last-child {
        border: none; }
.gifts-body .white-bg-show .get-gifts .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 1.2rem;
        font-size: .26rem;
        margin-left: 0.3rem;
        margin-right: 0.24rem;
        border-bottom: 2px solid #E5E5E5; }
.gifts-body .white-bg-show .get-gifts .items .nobody {
          font-size: .24rem;
          line-height: 1.2rem;
          margin: 0 auto; }
.gifts-body .white-bg-show .get-gifts .items .people-img {
          width: 0.7rem;
          height: 0.7rem; }
.gifts-body .white-bg-show .get-gifts .items .people-img img {
            width: 100%;
            height: 100%;
            border-radius: 50% 50%; }
.gifts-body .white-bg-show .get-gifts .items .info {
          margin-left: 0.2rem;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
.gifts-body .white-bg-show .get-gifts .items .name {
          width: 2.3rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
.gifts-body .white-bg-show .get-gifts .items .times {
          margin-top: 0.11rem;
          color: #999999;
          font-size: 0.22rem; }
.gifts-body .bg-body .bg-bodys1 {
    width: 100%;
    height: 9rem;
    background: #F46026; }
.gifts-body .bg-body .bg-bodys2 {
    width: 100%;
    height: 9rem;
    background: yellow; }
.gifts-body .cover {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    background: #051005;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
.gifts-body .cover.cover-fadeout {
    background: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.gifts-body .btn {
    margin: .27rem auto;
    text-align: center;
    font-size: .32rem;
    color: white;
    width: 6.00rem;
    height: .90rem;
    line-height: .90rem;
    background: #00aa90;
    border-radius: .50rem; }
.detail .banner {
  width: 100%;
  height: 4.55rem; }
.detail .banner img {
  width: 100%;
  height: 100%; }
.detail .massge {
  width: 100%;
  height: 4.9rem;
  padding-left: 0.3rem; }
.detail .massge h3 {
  font-size: 0.35rem;
  line-height: 0.88rem;
  padding-top: 2px; }
.detail .massge p {
  width: 6.9rem;
  font-size: 0.28rem;
  font-weight: bold;
  color: #bababa; }
.detail .massge b {
  color: #b66548;
  font-size: 0.3rem;
  font-weight: normal;
  padding-left: 0.3rem; }
.detail .massge .biao {
  font-size: 0.22rem;
  color: #bababa;
  height: 0.9rem;
  border-bottom: 2px solid #f5f5f5;
  line-height: 0.9rem;
  margin-left: -0.3rem; }
.detail .massge i {
  font-size: 0.22rem;
  color: #bababa;
  font-style: normal;
  text-decoration: line-through; }
.detail .massge .biao span {
  display: block;
  width: 1.50rem;
  height: 0.64rem;
  background-color: #b66548;
  float: right;
  margin-right: 0.22rem;
  text-align: center;
  line-height: 0.64rem;
  border-radius: 4px;
  font-size: 0.23rem;
  color: #fff; }
.detail .massge .tuxiang {
  line-height: 0.98rem; }
.detail .massge .tuxiang #img {
  display: inline-block;
  width: 0.62rem;
  height: 0.62rem;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 2px; }
.detailSchedule {
  overflow: hidden; }
.detailSchedule .noSchedule img {
    margin: auto;
    margin-top: 1.78rem; }
.detailSchedule .noSchedule h3 {
    font-size: 0.34rem;
    font-weight: normal;
    color: #a0a0a0;
    text-align: center;
    margin-top: 0.45rem; }
.detailSchedule .oneList {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #000;
    margin: 0 0.32rem 0 0.32rem;
    line-height: 0.54rem;
    height: 1.5rem; }
.detailSchedule .oneList p {
    display: inline-block;
    font-size: 0.28rem;
    line-height: 0.48rem; }
.detailSchedule .oneList .ticheng {
    display: inline-block;
    width: 1.26rem;
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.48rem;
    background-color: #5bce61;
    text-align: center;
    border-radius: 0.1rem; }
.detailSchedule .oneList h4 {
    font-size: 0.26rem;
    line-height: 0.7rem;
    color: #b7b7b8;
    font-weight: normal; }
.detailSchedule .oneList .qian {
    display: block;
    font-size: 0.48rem;
    line-height: 1.5rem;
    float: right; }
.detailSchedule .review {
    display: inline-block;
    width: 1rem;
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.48rem;
    background-color: #e2a800;
    text-align: center;
    border-radius: 0.1rem; }
.detailSchedule .tifail {
    display: inline-block;
    width: 1.26rem;
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.48rem;
    background-color: #f44224;
    text-align: center;
    border-radius: 0.1rem; }
.loginFirst {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
.loginFirst .logo_img {
    /* width:100%; */
    padding: 1.28rem 1.04rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin: auto;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 1.48rem;
    height: 1.48rem; }
.loginFirst .logo_img img {
      width: 100%; }
.loginFirst .input_phone {
    margin: 0 0.68rem 0 0.68rem;
    position: relative; }
.loginFirst .input_phone .mint-cell-wrapper {
      background-position: bottom left; }
.loginFirst .input_phone input {
      width: 80% !important;
      height: 1rem;
      border-bottom: 1px solid #ededed; }
.loginFirst .input_phone input::-webkit-input-placeholder, .loginFirst .input_phone input textarea::-webkit-input-placeholder {
        color: #c8c8c8;
        font-size: 0.32rem; }
.loginFirst .input_phone .mint-field-core {
      font-size: 0.32rem;
      padding: 0.1rem;
      color: #000; }
.loginFirst .input_phone .a_2 {
      border: 1px solid #dcdcdc;
      border-style: none none solid none; }
.loginFirst .input_phone .a_2 .mint-field-clear {
        display: none; }
.loginFirst .input_phone .a_1 {
      border: 1px solid #dcdcdc;
      border-style: none none solid none; }
.loginFirst .input_phone .mintui-field-error:before {
      content: "\E605";
      font-size: 32px; }
.loginFirst .input_phone .mtui-vcode-btn {
      font-size: 0.32rem;
      position: absolute;
      top: 1.25rem;
      right: 0.1rem; }
.loginFirst .input_phone .title_yzm {
      color: #00AA90;
      font-size: 0.28rem !important;
      border: 1px solid #00AA90;
      border-radius: 10px;
      padding: 0.115rem 0.23rem 0.115rem 0.23rem;
      margin: 0.25rem 0 0 0;
      width: 1.88rem;
      position: absolute;
      top: -0.52rem;
      right: 0; }
.loginFirst .input_phone .title_sum {
      color: #b2b2b2;
      font-size: 0.28rem !important;
      border: 1px solid #b2b2b2;
      border-radius: 10px;
      padding: 0.115rem 0.23rem 0.115rem 0.23rem;
      margin: 0.25rem 0 0 0;
      width: 1.5rem;
      position: absolute;
      top: -0.52rem;
      right: 0;
      text-align: center; }
.loginFirst .ts-msg {
    font-size: 0.22rem;
    color: #e24f37;
    padding: 0.14rem 0 0 0.9rem; }
.loginFirst .phone-msg1 {
    font-size: 0.22rem;
    color: #e24f37;
    padding: 0.1rem 0 0 0.2rem; }
.loginFirst .div_btn {
    margin-top: 1rem; }
.loginFirst .div_btn .btn {
      margin-top: 1rem;
      font-size: 0.34rem;
      color: #FFFFFF;
      background-color: #00AA90;
      width: 6.14rem;
      height: 0.92rem;
      border-radius: 15px;
      text-align: center;
      display: block;
      margin: auto; }
.loginFirst .Verification {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6); }
.loginFirst .Verification .popup {
      width: 100%;
      position: fixed;
      left: 0;
      top: 45%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: transparent; }
.loginFirst .Verification .popup .submit {
        width: 80%;
        margin: auto;
        position: relative; }
.loginFirst .Verification .popup .submit .smallImage {
          position: absolute;
          left: 0;
          width: 61.6px;
          height: 50.4px; }
.loginFirst .Verification .popup .submit img {
          width: 100%; }
.loginFirst .Verification .popup .bigRan {
        width: 80%;
        margin: auto;
        background: #a9acb1;
        border-radius: 0.5rem;
        position: relative; }
.loginFirst .Verification .popup .bigRan .bgColor {
          width: 1rem;
          height: 0.7rem;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #26a2ff;
          border-radius: 0.5rem; }
.loginFirst .Verification .popup .bigRan .ran {
          width: calc(100% - 0.8rem);
          margin: auto;
          margin-top: 0.2rem; }
.loginFirst .Verification .popup .bigRan .ran .mt-range {
            height: 0.7rem; }
.loginFirst .Verification .popup .bigRan .ran .mt-range .mt-range-content {
              height: 100%; }
.loginFirst .Verification .popup .bigRan .ran .mt-range .mt-range-content .mt-range-runway {
                border-radius: 0.5rem; }
.loginFirst .Verification .popup .bigRan .ran .mt-range .mt-range-content .mt-range-progress {
                border-radius: 0.5rem; }
.loginFirst .Verification .popup .bigRan .ran .mt-range .mt-range-content .mt-range-thumb {
                height: 0.7rem;
                width: 1.2rem;
                border-radius: 0.5rem;
                border: 1px solid blue;
                margin-left: -0.6rem;
                background: #fff url(data:image/png;base64,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) no-repeat center;
                background-size: 0.4rem 0.4rem; }
.loginFirst .Verification .v-modal {
      opacity: .6; }
.liveList {
  width: 100%; }
.liveList .listItem {
    width: 100%;
    height: 4.38rem;
    border-top: 1px solid #000;
    margin-bottom: .32rem; }
.liveList .itemBack {
    width: 100%;
    height: 3.84rem;
    position: relative; }
.liveList .itemBack img {
      width: 100%;
      height: 100%; }
.liveList .itemStatus {
    width: 1.32rem;
    height: .35rem;
    position: absolute;
    top: .2rem;
    left: 0; }
.liveList .itemStatus img {
      width: 100%;
      height: 100%; }
.liveList .itemTime {
    width: 3.03rem;
    height: .57rem;
    border-radius: .1rem;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-size: .2rem;
    text-align: center;
    line-height: .25rem; }
.liveList .itemDes {
    width: 100%;
    height: .5rem;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    line-height: 0;
    z-index: 100;
    position: absolute;
    top: 3.34rem;
    left: 0; }
.liveList .itemDes .itemName {
      display: inline-block;
      font-size: .25rem;
      margin: 0 0.13rem 0 0.3rem;
      line-height: .5rem; }
.liveList .itemDes .itemAnch {
      display: inline-block;
      font-size: .2rem;
      line-height: .5rem; }
.liveList .itemDes .itemNumber {
      display: inline-block;
      width: .2rem;
      height: .2rem;
      margin-left: 3rem; }
.liveList .itemDes .itemNumber img {
        width: 100%;
        height: 100%; }
.liveList .itemDes .number {
      font-size: .2rem; }
.liveList .itemTitle {
    font-size: .29rem;
    margin-top: .22rem;
    color: #333;
    margin-left: .3rem; }
.liveList .itemButton {
    float: right;
    width: .78rem;
    height: .42rem;
    border: 2px solid #00aa90;
    border-radius: .1rem;
    font-size: .2rem;
    text-align: center;
    line-height: .42rem;
    margin-top: .2rem;
    margin-right: .56rem;
    color: #00aa90; }
.htmlHack /deep/ .mint-msgbox {
  width: 50%; }
.htmlHack /deep/ .mint-msgbox-title {
  font-size: 0.3rem; }
.htmlHack /deep/ .mint-msgbox-content {
  font-size: 0.3rem; }
.htmlHack /deep/ .mint-msgbox-btn {
  font-size: 0.3rem; }
.htmlHack /deep/ .mint-msgbox-btns {
  height: 0.5rem;
  line-height: 0.5rem; }
.liveBroadcast {
  width: 100%;
  background: #fff; }
.liveBroadcast .focus {
    width: 100%;
    height: 0.98rem;
    background-color: #fff;
    line-height: .98rem;
    position: fixed;
    top: 0;
    left: 0; }
.liveBroadcast .focus .tuImg {
      display: inline-block;
      width: .62rem;
      height: .62rem;
      border-radius: 50%;
      margin-left: 0.23rem; }
.liveBroadcast .focus .tuImg img {
        width: 100%;
        height: 100%; }
.liveBroadcast .focus .jiarii {
      display: inline-block;
      width: 1.72rem;
      height: .46rem;
      vertical-align: middle;
      margin-bottom: .15rem; }
.liveBroadcast .focus .jiarii img {
        width: 100%;
        height: 100%; }
.liveBroadcast .focus .focusDes {
      display: inline-block;
      font-size: 0.25rem;
      font-weight: bold;
      color: #505050;
      vertical-align: top;
      margin-left: 1.6rem; }
.liveBroadcast .focus .focusDes span {
        margin-left: 0.18rem; }
.liveBroadcast .focus .guanzhu {
      width: 1.08rem;
      height: .51rem;
      border: 1px solid #00aa90;
      font-size: 0.25rem;
      border-radius: 0.2rem;
      line-height: 0.51rem;
      text-align: center;
      float: right;
      color: #00aa90;
      margin-right: 0.23rem;
      margin-top: 0.23rem; }
.liveBroadcast .topPlace {
    width: 100%;
    height: 30%;
    position: fixed;
    left: 0;
    z-index: 15; }
.liveBroadcast .topPlace #video {
      width: 100%;
      height: calc(100% - .5rem);
      background-color: #000;
      display: block; }
.liveBroadcast .topPlace #bacVideo {
      width: 100%;
      height: 100%;
      background-color: #000;
      display: block; }
.liveBroadcast .topPlace .fever {
      width: 100%;
      height: .5rem;
      background-color: black;
      color: #fff;
      font-size: .18rem;
      padding-left: .15rem;
      line-height: .5rem;
      position: absolute;
      bottom: 0;
      left: 0; }
.liveBroadcast .topPlace .videoRemind {
      width: 100%;
      height: 100%;
      background-color: red;
      position: absolute;
      margin: auto;
      left: 0;
      top: 0;
      z-index: 2; }
.liveBroadcast .videoNext {
    width: 100%;
    height: 30%;
    background-color: #e4e4e4;
    position: fixed; }
.liveBroadcast .videoNext img {
      width: 100%;
      height: 100%; }
.liveBroadcast .videoNext .accBox {
      width: 1rem;
      height: 1rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .accBox img {
        width: 100%;
        height: 100%; }
.liveBroadcast .videoNext .treBox {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .treBox .innerBox {
        width: 2.8rem;
        height: .91rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .treBox .tixing {
        font-size: .28rem;
        text-align: center;
        margin-bottom: 0.05rem;
        line-height: .35rem;
        color: #fff;
        margin-top: .1rem; }
.liveBroadcast .videoNext .treBox img {
        width: 1rem;
        height: 1rem; }
.liveBroadcast .videoNext .twBox {
      width: 4.4rem;
      height: .47rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .twBox .endWarining {
        font-size: .28rem;
        text-align: center;
        margin-bottom: 0.05rem;
        color: #fff;
        line-height: .47rem; }
.liveBroadcast .videoNext .endBox {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .endBox .backView {
        width: 1.84rem;
        height: .56rem;
        border-radius: .1rem;
        background-color: #b1e9e0;
        font-size: .28rem;
        color: #333;
        font-weight: bold;
        line-height: .56rem;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
.liveBroadcast .videoNext .remindBox {
      width: 3rem;
      height: 0.5rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -1.5rem;
      margin-top: -0.25rem; }
.liveBroadcast .videoNext .remindBox .reflash, .liveBroadcast .videoNext .remindBox .lineSwitching {
        width: 1rem;
        line-height: 0.5rem;
        border: 1px solid #000;
        font-size: 0.2rem;
        text-align: center;
        border-radius: 0.2rem;
        color: #fff; }
.liveBroadcast .videoNext .remindBox .reflash {
        float: left; }
.liveBroadcast .videoNext .remindBox .lineSwitching {
        float: right; }
.liveBroadcast .messageBox {
    width: 100%;
    position: fixed;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    z-index: 10; }
.liveBroadcast .messageBox .tabBar {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      line-height: .62rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #fff;
      z-index: 999999; }
.liveBroadcast .messageBox .tabBar div {
        font-size: .3rem;
        font-weight: bold;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 .8rem; }
.liveBroadcast .messageBox .tabBar .borBom {
        border-bottom: .06rem solid #00aa90; }
.liveBroadcast .messageBox .detail {
      margin: .42rem .37rem 0 .37rem; }
.liveBroadcast .messageBox .detail .loginOut {
        display: inline-block;
        width: 1rem;
        height: .5rem;
        background-color: #00aa90;
        border-radius: .2rem;
        position: fixed;
        right: 0;
        top: 50%;
        font-size: 0.25rem;
        line-height: .5rem; }
.liveBroadcast .messageBox .detail h4 {
        font-size: .29rem;
        color: #2f2f2f; }
.liveBroadcast .messageBox .detail .synopsis {
        border-bottom: 1px solid #9b9b9b;
        margin-top: .34rem;
        position: relative; }
.liveBroadcast .messageBox .detail .synopsis .synopsisImg {
          display: inline-block;
          width: 0.93rem;
          height: 0.93rem;
          border-radius: 50%; }
.liveBroadcast .messageBox .detail .synopsis .synopsisImg img {
            width: 100%;
            height: 100%;
            border-radius: 50%; }
.liveBroadcast .messageBox .detail .synopsis .explainer {
          font-size: .32rem;
          vertical-align: 100%;
          font-weight: bold;
          margin-left: 0.05rem;
          color: #545454; }
.liveBroadcast .messageBox .detail .synopsis .explainer .lable {
            font-size: .25rem;
            font-weight: normal;
            margin-left: 0.4rem; }
.liveBroadcast .messageBox .detail .synopsis .subscribe {
          padding: .1rem .2rem;
          position: absolute;
          right: 0;
          top: .15rem;
          font-size: .25rem;
          border-radius: .2rem;
          color: #fff;
          background: #00aa90;
          display: inline-block; }
.liveBroadcast .messageBox .detail p {
        font-size: .29rem;
        font-weight: bold;
        margin: .38rem 0 .3rem 0;
        color: #2f2f2f; }
.liveBroadcast .messageBox .detail .time {
        font-size: .25rem;
        font-weight: bold;
        color: #7f7f7f; }
.liveBroadcast .messageBox .detail .descript {
        font-size: .25rem; }
.liveBroadcast .messageBox .detail .roomDes {
        width: 100%; }
.liveBroadcast .messageBox .detail .roomDes img {
          width: 100%;
          height: 100%; }
.liveBroadcast .messageBox .welcome {
      text-align: center;
      font-size: .24rem;
      line-height: .48rem;
      max-height: 999999px;
      margin-top: .2rem;
      position: relative; }
.liveBroadcast .messageBox .welcome::after {
        content: '';
        display: block;
        height: 1px;
        width: 3.8rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
.liveBroadcast .messageBox .messageList {
      line-height: .5rem;
      font-size: .27rem;
      padding: .1rem .4rem;
      max-height: 999999px; }
.liveBroadcast .messageBox .messageList .div {
        line-height: .6rem;
        font-size: .26rem;
        word-break: break-all; }
.liveBroadcast .messageBox .messageList .div .userInfo {
          display: inline-block; }
.liveBroadcast .messageBox .messageList .div .userInfo img {
            width: .5rem;
            height: .5rem;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%; }
.liveBroadcast .messageBox .messageList .div .userInfo span {
            color: green; }
.liveBroadcast .messageBox .messageList .div .userInfo .oneself {
            color: #f00; }
.liveBroadcast .messageBox .messageList .div .newsH {
          font-size: .26rem; }
.liveBroadcast .messageBox .messageList .messMsg {
        text-align: center; }
.liveBroadcast .messageBox .messageList .messMsg p {
          display: inline-block;
          padding: 0 .2rem;
          border-radius: .1rem;
          background: #e5e4e4;
          color: #a9a9a9;
          font-size: .22rem;
          text-align: center;
          margin: auto; }
.liveBroadcast .footer {
    width: 100%;
    height: 1.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.2rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    background: #dadada; }
.liveBroadcast .footer input {
      display: block;
      width: 5.6rem;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 0.3rem;
      font-size: .3rem;
      border-radius: .2rem;
      float: left; }
.liveBroadcast .footer .inp {
      text-align: center; }
.liveBroadcast .footer .btn {
      background: #a9a9a9; }
.liveBroadcast .footer button {
      display: block;
      width: 1.2rem;
      height: 100%;
      border-radius: .2rem;
      background: #00aa90;
      color: #fff;
      text-align: center;
      font-size: .25rem;
      float: right; }
.liveBroadcast .mint-popup {
    font-size: .3rem;
    padding: .5rem .6rem;
    border-radius: .2rem; }
.liveBroadcast .mint-popup p {
      display: block;
      padding-bottom: .3rem;
      font-size: .3rem; }
.liveBroadcast .mint-popup select {
      display: block;
      margin: auto;
      width: 1.5rem;
      line-height: .5rem;
      font-size: .25rem;
      padding: 0 .2rem; }
.liveBroadcast .mint-popup option {
      font-size: .25rem; }
.liveBroadcast .mint-popup button {
      display: block;
      width: 1.1rem;
      line-height: .5rem;
      text-align: center;
      background: forestgreen;
      margin: .3rem auto 0;
      border-radius: .1rem;
      color: #fff;
      font-size: .25rem; }
.liveBroadcast .mint-actionsheet {
    font-size: .3rem; }
.liveBroadcast .mint-actionsheet .mint-actionsheet-listitem {
      font-size: .3rem;
      height: .8rem;
      line-height: .8rem; }
.liveBroadcast .mint-actionsheet .mint-actionsheet-button {
      font-size: .3rem;
      height: .8rem;
      line-height: .8rem; }
.liveBroadcast .poper-follow {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999; }
.liveBroadcast .poper-follow .follow {
      padding: .5rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: #fff;
      border-radius: .2rem;
      overflow: hidden; }
.liveBroadcast .poper-follow .follow img {
        width: 2rem;
        height: 2rem;
        display: block;
        margin: auto; }
.liveBroadcast .poper-follow .follow p {
        font-size: .22rem;
        text-align: center; }
.playAgin {
  position: relative; }
.playAgin #myVideo {
    -o-object-fit: cover;
       object-fit: cover; }
.playAgin .articulationBox {
    width: 1rem;
    background-color: red;
    position: absolute;
    right: 0.2rem;
    bottom: -1.5rem;
    z-index: 1000; }
.playAgin #sd, .playAgin #hd, .playAgin .articulation {
    width: 1rem;
    line-height: 0.5rem;
    border: 1px solid #000;
    font-size: 0.3rem;
    text-align: center; }
.guideDetails {
  background-color: #fff; }
.guideDetails .heade .banner {
    width: 100%;
    height: 2.45rem; }
.guideDetails .heade .banner img {
      width: 100%;
      height: 100%; }
.guideDetails .heade .information {
    padding: 0 .30rem;
    border-bottom: .15rem solid #f6f6f5; }
.guideDetails .heade .information h2 {
      font-size: .35rem;
      font-weight: bold;
      padding-top: .20rem;
      padding-bottom: .20rem; }
.guideDetails .heade .information .text {
      position: relative;
      margin-bottom: .20rem; }
.guideDetails .heade .information .text p {
        font-size: .25rem;
        color: #848484;
        padding-bottom: .15rem; }
.guideDetails .heade .information .text img {
        width: .20rem;
        height: .40rem;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.guideDetails .heade .information .More {
      font-size: .26rem;
      color: #00aa90;
      margin-bottom: .25rem; }
.guideDetails .center {
    margin: 0 .30rem;
    padding-top: .30rem; }
.guideDetails .center .title {
      position: relative;
      padding-left: .30rem;
      font-size: .30rem;
      font-weight: bold;
      margin-bottom: .40rem; }
.guideDetails .center .title .vertical {
        width: .10rem;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: #00aa90;
        border-radius: 1.50rem; }
.guideDetails .center .classification {
      padding-bottom: .20rem;
      -webkit-box-shadow: 0 .10rem .20rem -0.10rem #e5e5e5;
              box-shadow: 0 .10rem .20rem -0.10rem #e5e5e5;
      margin-bottom: .45rem; }
.guideDetails .center .classification p {
        padding: .12rem .20rem;
        color: #000;
        border-radius: .15rem;
        font-size: .25rem;
        float: left;
        margin-right: .60rem; }
.guideDetails .center .classification .green {
        background: #00aa90;
        color: #fff; }
.guideDetails .center .lawBie .smallTitle {
      font-size: .28rem;
      padding-bottom: .35rem; }
.guideDetails .center .lawBie .lawBieList {
      height: 1.75rem;
      padding-bottom: .35rem;
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: .30rem; }
.guideDetails .center .lawBie .lawBieList .lawBieImg {
        width: 1.40rem;
        height: 1.40rem;
        float: left;
        border-radius: .15rem;
        overflow: hidden; }
.guideDetails .center .lawBie .lawBieList .lawBieImg img {
          width: 100%;
          height: 100%; }
.guideDetails .center .lawBie .lawBieList .lawBieText {
        width: 5.05rem;
        height: 1.40rem;
        position: relative;
        float: right; }
.guideDetails .center .lawBie .lawBieList .lawBieText .lawBieTitle {
          font-size: .29rem; }
.guideDetails .center .lawBie .lawBieList .lawBieText .Narrator {
          position: absolute;
          bottom: 0;
          left: 0;
          color: #9d9d9d;
          font-size: .24rem; }
.guideDetails .center .lawBie .lawBieList .lawBieText .Narrator .NarratorName {
            margin-top: .10rem; }
.guideDetails .center .lawBie .lawBieList .lawBieText .rightBtn {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 1.30rem; }
.guideDetails .center .lawBie .lawBieList .lawBieText .rightBtn .topPrice {
            line-height: .30rem;
            font-size: .28rem;
            color: #00aa90;
            text-align: right;
            font-weight: bold; }
.guideDetails .center .lawBie .lawBieList .lawBieText .rightBtn .topPrice .fictitious {
              margin-left: .10rem;
              color: #a3a2a2;
              text-decoration: line-through; }
.guideDetails .center .lawBie .lawBieList .lawBieText .rightBtn .btnAnd {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            line-height: .55rem;
            border-radius: .45rem;
            background-color: #00aa90;
            color: #fff;
            font-size: .22rem;
            text-align: center; }
.guideDetails .center .lawBie .lawBieList .lawBieText .rightBtn .centerBtn {
            bottom: 50%;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%); }
.guideDetails .center .lawBie .curriculumList {
      height: 1.80rem;
      padding-bottom: .40rem;
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: .25rem; }
.guideDetails .center .lawBie .curriculumList .curriculumImg {
        width: 2.40rem;
        height: 1.40rem;
        float: left; }
.guideDetails .center .lawBie .curriculumList .curriculumImg img {
          width: 100%;
          height: 100%;
          border-radius: .15rem; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText {
        float: right;
        width: 4.25rem;
        height: 1.40rem;
        position: relative; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumTitle {
          font-size: .30rem;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          margin-bottom: 0.03rem; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .label {
          padding: .05rem .10rem;
          margin-right: .05rem;
          border-radius: .05rem;
          background: #eeeeee;
          font-size: .20rem;
          color: #6e6e6e;
          float: left; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumBotton {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          line-height: .35rem;
          font-size: .25rem;
          color: #9d9d9d;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumBotton .curriculumLeft {
            width: 2rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumBotton .curriculumLeft img {
              display: inline-block; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumBotton .curriculumLeft .playNum {
              width: .25rem;
              height: .25rem;
              vertical-align: middle; }
.guideDetails .center .lawBie .curriculumList .curriculumRightText .curriculumBotton p {
            float: right; }
.guideDetails .center .detailsImg {
      width: 100%;
      height: auto;
      overflow: hidden;
      position: relative; }
.guideDetails .center .detailsImg img {
        width: 100%; }
.guideDetails .center .detailsImg .More {
        width: 100%;
        font-size: .30rem;
        color: #00aa90;
        text-align: center;
        line-height: 1rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(white));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), white);
        position: absolute;
        bottom: 0;
        left: 0; }
.guideDetails .center .detailsImgS {
      height: 5rem; }
.guideDetails .centerS {
    margin: 0; }
.guideDetails .centerS .title {
      margin: 0 .30rem .40rem; }
.exhibitionHall .header {
  height: 3.25rem; }
.exhibitionHall .header .backColor {
    width: 100%;
    height: 3.25rem;
    position: relative; }
.exhibitionHall .header .backColor .backColorImg {
      width: 100%;
      height: 3.25rem;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
.exhibitionHall .header .backColor .Return {
      padding: .3rem 0 .2rem;
      height: .55rem;
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
.exhibitionHall .header .backColor .Return div {
        float: right;
        width: 1.1rem;
        height: .55rem;
        font-size: .28rem;
        text-align: center;
        background: #fff;
        line-height: .55rem;
        color: #9d9d9d;
        border-top-left-radius: .55rem;
        border-bottom-left-radius: .55rem;
        border-top: .02rem solid #e0e0e0;
        border-left: .02rem solid #e0e0e0;
        border-bottom: .02rem solid #e0e0e0; }
.exhibitionHall .header .backColor .centerNarrator {
      height: 1.25rem;
      padding: .4rem;
      background: #fff;
      border-radius: .2rem;
      margin: 0 .3rem;
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
.exhibitionHall .header .backColor .centerNarrator .narratorImg {
        width: 1.25rem;
        height: 1.25rem;
        float: left;
        border-radius: 50%;
        overflow: hidden; }
.exhibitionHall .header .backColor .centerNarrator .narratorImg img {
          width: 100%;
          height: 100%;
          display: block; }
.exhibitionHall .header .backColor .centerNarrator .narratorRight {
        width: 4.4rem;
        height: 100%;
        float: right;
        position: relative; }
.exhibitionHall .header .backColor .centerNarrator .narratorRight .narratorName {
          font-size: .34rem;
          font-weight: bold;
          line-height: .6rem; }
.exhibitionHall .header .backColor .centerNarrator .narratorRight .narratorName .position {
            font-size: .22rem;
            color: #00aa90;
            background: #e8f7f3;
            border-radius: .4rem;
            font-weight: 100;
            display: inline-block;
            text-indent: .43rem;
            position: relative;
            padding: .03rem .1rem;
            line-height: .3rem; }
.exhibitionHall .header .backColor .centerNarrator .narratorRight .narratorName .position img {
              width: .26rem;
              height: .26rem;
              position: absolute;
              top: 50%;
              left: .15rem;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
.exhibitionHall .header .backColor .centerNarrator .narratorRight .narratorText {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          line-height: .3rem; }
.exhibitionHall .header .backColor .centerNarrator .narratorRight .narratorText .narratorTxt {
            margin-top: .02rem;
            font-size: .26rem;
            color: #868686; }
.exhibitionHall .detailsCenter {
  -webkit-transition: max-height .5s;
  transition: max-height .5s;
  padding: 0 .3rem;
  max-height: 1rem;
  margin-top: .2rem;
  overflow: hidden; }
.exhibitionHall .detailsCenter .title {
    text-indent: .3rem;
    font-size: .28rem;
    position: relative;
    line-height: 1rem; }
.exhibitionHall .detailsCenter .title::after {
      content: '';
      display: block;
      width: .05rem;
      height: .3rem;
      background: #00aa90;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
.exhibitionHall .detailsCenter .title img {
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: .35rem;
      height: .35rem;
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: .2s;
      transition: .2s; }
.exhibitionHall .detailsCenter .title .telescopicA {
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }
.exhibitionHall .detailsCenter .list {
    padding: .2rem 0;
    border-bottom: 1px solid #dcdcdc;
    height: 1rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    position: relative; }
.exhibitionHall .detailsCenter .list .titleBanner {
      height: 1rem;
      width: 1.75rem;
      float: left;
      border-radius: .2rem; }
.exhibitionHall .detailsCenter .list .exhibitsName {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 1.75rem;
      width: 2.1rem;
      margin-left: .22rem;
      color: #a9a9a9;
      line-height: .4rem;
      font-size: .25rem; }
.exhibitionHall .detailsCenter .list .play {
      float: right;
      width: .36rem;
      position: relative;
      height: 1rem; }
.exhibitionHall .detailsCenter .list .play img {
        display: block;
        width: .36rem;
        height: .36rem;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.exhibitionHall .detailsCenter .list .time {
      margin-right: .2rem;
      color: #a9a9a9;
      float: right;
      line-height: 1rem;
      font-size: .25rem; }
.exhibitionHall .detailsCenter .list .strip {
      width: 1.1rem;
      margin-right: .2rem;
      float: right;
      height: 1rem;
      position: relative; }
.exhibitionHall .detailsCenter .list .strip p {
        height: .04rem;
        width: 100%;
        background: #e5e5e5;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
.exhibitionHall .detailsCenterS {
  max-height: 999rem; }
.exhibits {
  background: #f6f6f5;
  height: 100%; }
.exhibits .headerS {
    position: relative; }
.exhibits .headerS .backGreen {
      width: 100%;
      height: 3.25rem;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
.exhibits .headerS .return {
      width: 1.1rem;
      height: .55rem;
      font-size: .28rem;
      text-align: center;
      background: #fff;
      line-height: .55rem;
      color: #9d9d9d;
      border-top-left-radius: .55rem;
      border-bottom-left-radius: .55rem;
      border-top: .02rem solid #e0e0e0;
      border-left: .02rem solid #e0e0e0;
      border-bottom: .02rem solid #e0e0e0;
      position: absolute;
      right: 0;
      top: .2rem;
      z-index: 11; }
.exhibits .headerS .audioTitle {
      font-size: .4rem;
      font-weight: bold;
      line-height: 1.6rem;
      color: #fff;
      text-align: center;
      position: relative;
      z-index: 1; }
.exhibits .headerS .audioCenter {
      margin: 0 .3rem;
      border-radius: .15rem;
      background: #fff;
      padding: .5rem .5rem .5rem;
      position: relative;
      z-index: 1; }
.exhibits .headerS .audioCenter .titleText {
        margin: 0 auto;
        width: 1.7rem;
        line-height: .45rem;
        background-color: #00aa90;
        color: #fff;
        text-align: center;
        font-size: .28rem;
        border-radius: .45rem;
        margin-bottom: .36rem; }
.exhibits .headerS .audioCenter .text {
        color: #7c7c7c;
        font-size: .28rem;
        line-height: .3rem; }
.exhibits .centerImg {
    margin: 0 .3rem;
    padding-top: .4rem; }
.exhibits .centerImg img {
      width: 100%; }
.exhibits .footer {
    padding: .35rem .3rem .7rem;
    background: #f6f6f5;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; }
.exhibits .footer .slider {
      width: 5rem;
      margin: auto;
      position: relative;
      height: .35rem;
      margin-bottom: .4rem; }
.exhibits .footer .slider .leftTime {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: -1rem;
        font-size: .28rem; }
.exhibits .footer .slider .rightTime {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: -1.2rem;
        font-size: .28rem; }
.exhibits .footer .slider .mt-range {
        height: .35rem;
        line-height: .35rem; }
.exhibits .footer .slider .mt-range .mt-range-progress {
          background-color: #00aa90; }
.exhibits .footer .slider .mt-range .mt-range-thumb {
          height: .35rem;
          width: .35rem; }
.exhibits .footer .slider .sliderCenter {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 0;
        width: 100%; }
.exhibits .footer .slider .sliderCenter .van-slider__button {
          width: .3rem;
          height: .3rem;
          border: .02rem solid #dddddd; }
.exhibits .footer .slider .sliderCenter .van-slider__button::after {
            content: '';
            display: block;
            width: .14rem;
            height: .14rem;
            background-color: #00aa90;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
.exhibits .footer .player {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-line-pack: center;
          align-content: center; }
.exhibits .footer .player img {
        width: 100%;
        height: 100%;
        display: block; }
.exhibits .footer .player .play {
        width: .8rem;
        height: .8rem;
        -ms-flex-item-align: center;
            align-self: center; }
.exhibits .footer .player .switch {
        width: .5rem;
        height: .4rem;
        -ms-flex-item-align: center;
            align-self: center; }
.exhibits .footer .player .btn {
        width: .4rem;
        height: .4rem;
        -ms-flex-item-align: center;
            align-self: center; }
.exhibits .audioList {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999999; }
.exhibits .audioList .bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top-left-radius: .1rem;
      border-top-right-radius: .1rem;
      background-color: #fff; }
.exhibits .audioList .bottom .songSheet {
        margin: 1rem .6rem .7rem;
        height: 4.55rem;
        position: relative; }
.exhibits .audioList .bottom .songSheet .center {
          height: 100%;
          overflow-y: scroll; }
.exhibits .audioList .bottom .songSheet .center .songSheetList {
            line-height: .9rem;
            border-bottom: .01rem solid #f3f3f3;
            font-size: .22rem;
            position: relative; }
.exhibits .audioList .bottom .songSheet .center .songSheetList .playingAideo {
              width: .2rem;
              height: .26rem;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              right: .1rem; }
.exhibits .audioList .bottom .songSheet .close {
          width: .3rem;
          height: .3rem;
          padding: .25rem;
          position: absolute;
          right: -.5rem;
          top: -.9rem;
          -webkit-box-sizing: content-box;
                  box-sizing: content-box; }

/*# sourceMappingURL=app.695c4882a6db5a8a6408d603112922dd.css.map*/