/*! Copyright © 2011 - 2024 miHoYo. All Rights Reserved */
button {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button:focus {
    outline: none
}

.i-button {
    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: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.i-button__primary {
    background-color: #86cef0;
    color: #fff;
    border: 1px solid #86cef0
}

.i-button__primary:hover:not(:active):not(.i-button--disable) {
    background-color: #34cfff
}

.i-button__primary:active:not(.i-button--disable) {
    background: linear-gradient(0deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08)), #86cef0
}

.i-button__plain {
    background: none;
    color: #86cef0;
    border: 1px solid #86cef0
}

.i-button--disable {
    background: #e4e5eb;
    color: #98999e;
    border: 1px solid #e4e5eb;
    cursor: not-allowed
}

.m .i-button__primary:hover:not(:active):not(.i-button--disable) {
    background-color: #86cef0
}

.i-message-box {
    position: relative;
    width: 372px;
    padding: 24px 32px;
    background: #fff;
    border-radius: 12px;
    letter-spacing: .1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.i-message-box ol, .i-message-box ul {
    list-style-position: inside
}

.i-message-box li {
    list-style: inherit
}

.i-message-box__close {
    position: absolute;
    top: 24px;
    right: 32px;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxNy43MDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC4yOTMtNC4yOTNhMSAxIDAgMDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDcuNzA3IDYuMjkzYTEgMSAwIDEwLTEuNDE0IDEuNDE0TDEwLjU4NiAxMmwtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: 24px 24px;
    cursor: pointer
}

.i-message-box__title {
    color: #222224;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.i-message-box__title-status-img {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.i-message-box__title-img {
    width: 100%;
    height: auto
}

.i-message-box__content {
    width: 100%;
    max-height: 409px;
    overflow: auto;
    white-space: pre-wrap;
    font-size: 14px;
    line-height: 20px;
    color: #5c5d61
}

.i-message-box__content--html {
    white-space: normal
}

.i-message-box__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.i-message-box__btn {
    min-width: 81px;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    height: 32px;
    border-radius: 8px;
    padding: 0 12px
}

.i-message-box__btn + .i-message-box__btn {
    margin-left: 12px
}

.m .i-message-box {
    width: 6.3rem;
    padding: .48rem .4rem .4rem;
    border-radius: .24rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m .i-message-box__close {
    display: none;
    top: .36rem;
    right: .36rem;
    width: .48rem;
    height: .48rem;
    background-size: .48rem .48rem
}

.m .i-message-box__title {
    font-size: .36rem;
    font-weight: 500;
    line-height: .52rem;
    margin-bottom: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m .i-message-box__title-img {
    margin-bottom: .25rem
}

.m .i-message-box__title-status-img {
    width: .96rem;
    height: .96rem;
    margin-bottom: .48rem;
    margin-right: 0
}

.m .i-message-box__content {
    text-align: center;
    font-size: .28rem;
    font-weight: 400;
    line-height: .4rem;
    margin-bottom: .24rem
}

.m .i-message-box__btns {
    margin-top: .24rem
}

.m .i-message-box__btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .32rem;
    height: .88rem;
    border-radius: .16rem;
    padding: 0 .24rem
}

.i-dialog {
    position: relative;
    width: 372px;
    padding: 24px 32px;
    background: #fff;
    border-radius: 12px;
    letter-spacing: .1px;
    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
}

.i-dialog ol, .i-dialog ul {
    list-style-position: inside
}

.i-dialog li {
    list-style: inherit
}

.i-dialog__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxNy43MDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC4yOTMtNC4yOTNhMSAxIDAgMDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDcuNzA3IDYuMjkzYTEgMSAwIDEwLTEuNDE0IDEuNDE0TDEwLjU4NiAxMmwtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: 24px 24px;
    cursor: pointer
}

.i-dialog__title {
    color: #222224;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px
}

.i-dialog__content {
    width: 100%;
    max-height: 182px;
    white-space: pre-wrap;
    overflow: auto;
    font-size: 14px;
    line-height: 20px;
    color: #5c5d61;
    margin-bottom: 24px
}

.i-dialog__content--html {
    white-space: normal
}

.i-dialog__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.i-dialog__btn {
    width: 224px;
    font-size: 20px;
    line-height: normal;
    height: 48px;
    font-weight: 500
}

.i-dialog__btn + .i-dialog__btn {
    margin-left: 20px
}

.m .i-dialog {
    width: 6.3rem;
    padding: .48rem .4rem .4rem;
    border-radius: .24rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 60vh
}

.m .i-dialog__close {
    top: .36rem;
    right: .36rem;
    width: .48rem;
    height: .48rem;
    background-size: .48rem .48rem
}

.m .i-dialog__title {
    text-align: center;
    font-size: .36rem;
    line-height: .52rem;
    margin-bottom: .24rem
}

.m .i-dialog__content {
    width: 100%;
    max-height: 5.6rem;
    font-size: .28rem;
    line-height: .4rem;
    margin-bottom: .48rem
}

.m .i-dialog__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.m .i-dialog__btn {
    width: 100%;
    font-size: .32rem;
    height: .88rem;
    border-radius: .16rem
}

.header {
    width: 100%;
    background: #86cef0;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.header .promotion-banner--sticky {
    position: static;
    font-size: 14px;
    padding: 11px 16px;
    margin-bottom: 0;
    margin-left: 20px;
    min-width: 300px;
    max-width: 764px
}

.header .promotion-banner--sticky .promotion-banner__name {
    line-height: 18px;
    height: 18px
}

.header__wrap {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.header__main {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 80px;
    background: #86cef0
}

.header__left, .header__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__left {
    position: relative;
    height: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

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

.header__name:before {
    content: "";
    background: url(../image/logo.png) no-repeat 0;
    background-size: 134px 45px;
    width: 134px;
    height: 45px;
    margin-right: 10px
}

.header__name:after {
    content: "";
    /*width: 1px;*/
    height: 12px;
    background: #e4e5eb;
    margin-left: 10px
}

.header__logo {
    height: 44px;
    margin-left: 10px;
    cursor: pointer
}

.header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%
}

.header__right, .header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__user {
    position: absolute;
    top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6px 6px 0;
    border-radius: 10px;
    border: 1px solid #e4e5eb;
    color: #5c5d61;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer
}

.header__user .header__dropdown {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0 0 6px !important
}

.header__user .header__dropdown:before {
    display: none
}

.header__user .header__dropdown:after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE1IDhsLTQuMjkzIDQuMjkzYTEgMSAwIDAxLTEuNDE0IDBMNSA4IiBzdHJva2U9IiM1QzVENjEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%/cover;
    margin-left: 10px
}

.header__user .header__dropdown__item {
    display: none;
    padding: 4px 6px;
    height: 100%;
    line-height: 20px;
    margin: 6px 0;
    z-index: 1;
    position: relative
}

.header__user .header__dropdown__item:before {
    content: "";
    position: absolute;
    top: -6px;
    background-color: #f0f1f5;
    width: 94px;
    height: 2px;
    border-radius: 1px
}

.header__user .header__dropdown__item:hover:not(:active) {
    border-radius: 6px;
    background: #f9fafc
}

.header__user .header__dropdown__item:active {
    border-radius: 6px;
    background-color: #f0f1f5
}

.header__user:hover .header__dropdown:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.header__user:hover .header__dropdown__item {
    display: block
}

.header__info {
    height: 100%;
    line-height: 60px;
    background-color: transparent;
    margin-right: 20px;
    color: #86cef0
}

.header__login {
    width: 59px;
    height: 34px;
    line-height: 34px;
    margin-left: 20px
}

.header__logout {
    display: none;
    position: absolute;
    bottom: -51px;
    left: 0;
    width: 100%;
    height: 51px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
    background: #fff
}

.header__logout > p {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #86cef0;
    margin-top: 11px
}

.header__logout:hover > p {
    background: #f5f5f5
}

.m .header {
    font-size: .28rem
}

.m .header--sticky {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.m .header__main {
    width: 100%;
    height: .88rem;
    padding: 0 .32rem
}

.m .header__left {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.m .header__name {
    font-size: .32rem;
    line-height: .4rem
}

.m .header__name:before {
    background-size: 1.69rem .58rem;
    width: 1.69rem;
    height: .58rem;
    margin-right: .08rem;
}

.m .header__logo, .m .header__name:after {
    display: none
}

.m .header__info {
    padding: 0 .16rem;
    margin-right: .2rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .24rem;
    font-weight: 600;
    color: #86cef0;
    border-radius: .44rem;
    background-color: #f0f9ff
}

.m .header__hide, .m .header__more {
    width: .48rem;
    height: .48rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEVHcEwgICAgICAgICAgICAgICAhISEhISEgICAgICAgICAhISEhISEgICAiIiIhISEgZluVAAAAD3RSTlMAQL8gEK/fr49Qz8+/n5/f6q50AAAAQklEQVQ4y2NgGAW0Bdb/0UAyVKIeXeIrIQkzdInFIz50WQTRgAFUYj56WP2ESpzHFbr96BJ/oRJ+SmigZTRVDxQAAM8DfQ6WEVeJAAAAAElFTkSuQmCC) no-repeat 50%/cover
}

.m .header__hide {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAKlBMVEVHcEwgICMgICIgICUhISQgICMiIiQiIiUhISQgICAgICgjIyQiIiMiIiQbUghoAAAADXRSTlMAX2Bgz1DP378gIL/ftihakwAAAJ5JREFUOMtjYBgFJILVqTCWeiaKRO5dAQiD6e4NFInauxchDN27V1AkbO9CtDDdvXsVRYL5LkSL7l2YmahamO7CjETTgqkBogWLBogWbBrAWrBpAGvBqgGs5SLW8NLFIcGEyyhdHJaD/GCLTQvID8xYtEA8jUULxNOYWmChhKElFiqAoSUXxre9ewdFohdmAjNanC8phLFCOkczE6kAADOkXjdLUFlfAAAAAElFTkSuQmCC)
}

.m .header__menu {
    position: absolute;
    top: .88rem;
    left: 0;
    width: 100%;
    height: calc(100vh - .88rem);
    background: rgba(0, 0, 0, .5);
    border-top: 1px solid #f0f1f5
}

.m .header__menu-list {
    width: 100%;
    background-color: #fff;
    padding: 0 .32rem
}

.m .header__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .32rem 0;
    height: .4rem;
    line-height: .4rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.m .header__menu-item:not(:last-child) {
    border-bottom: 1px solid #f0f1f5
}

.m .header__menu-user {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.m .header__menu-logout {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #86cef0
}

.m .header__menu-close {
    width: 100%;
    height: 100%
}

.coupon--wrapper, .coupon-card {
    position: relative
}

.coupon-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
    border: 1px solid #f0f1f5;
    border-radius: 12px;
    width: 100%;
    height: 100px;
    padding: 12px 12px 12px 8px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.coupon-card__order:hover:not(.coupon-card--disabled):not(.coupon-card-m) {
    background: rgba(254, 74, 50, .02);
    border-color: #fa6150
}

.coupon-card__order .coupon__name {
    max-width: 360px
}

.coupon-card__default:hover:not(.coupon-card--disabled):not(.coupon-card__default--inactive):not(.coupon-card-m) {
    background: rgba(254, 74, 50, .02);
    border-color: #fa6150
}

.coupon-card__default--available .coupon__status, .coupon-card__default--locked .coupon__status {
    display: none
}

.coupon-card__default--inactive {
    cursor: not-allowed
}

.coupon-card__default--inactive .coupon__status {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMiIGhlaWdodD0iNzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjYiPjxjaXJjbGUgY3g9IjU3LjM3MyIgY3k9IjU3LjM3MyIgcj0iNDAuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDU3LjM3MyA1Ny4zNzMpIiBzdHJva2U9IiNDMUMyQzciIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgY3g9IjU3LjU0NiIgY3k9IjU3LjQxOSIgcj0iMzQiIHRyYW5zZm9ybT0icm90YXRlKC0zMCA1Ny41NDYgNTcuNDIpIiBzdHJva2U9IiNDMUMyQzciLz48cGF0aCBkPSJNMzYuMjQyIDYxLjIyMmwxLjQ0LS4xM2MuMTg4IDEuOTI1LS4yMDQgMy45OTgtMS4xNjMgNi4xNzhsLTEuMTAyLTEuMDQ1Yy42ODctMS42OS45Ni0zLjM2Mi44MjUtNS4wMDN6bTIuMzQ3IDIuOTEzbDEuNDI3LS4xMjJjLjA5Ny45MDUuMDg3IDEuODE2LS4wMTYgMi43MjVsNC4wNjQgNy4wNC0xLjI2LjcyNy0zLjIzMy01LjU5OGEyMS4wODcgMjEuMDg3IDAgMDEtLjcyNyAyLjEwMWwtMS4wOTQtMS4wM2MuNzUtMS45NjcgMS4wMjYtMy45MTkuODQtNS44NDN6bTIuODc2LTUuODM2bDEuMjYtLjcyOC44MDkgMS40IDMuMDA3LTEuNzM2LjY5NiAxLjIwNS0zLjAwNyAxLjczNi44MjQgMS40MjcgMy41NzUtMi4wNjQuNzA0IDEuMjItOC4zMTQgNC44LS43MDQtMS4yMiAzLjQ3OC0yLjAwOC0uODI0LTEuNDI3LTIuOTggMS43Mi0uNjk1LTEuMjA1IDIuOTc5LTEuNzItLjgwOC0xLjR6bS4zOTUgOC42MjJsNS4yNjYtMy4wNC0uNTI4LS45MTUgMS4zMDItLjc1Mi41MjguOTE1IDEuNTEtLjg3Mi43MTMgMS4yMzMtMS41MS44NzIgMS44ODcgMy4yN2MuNTkyIDEuMDI1LjM5IDEuODI2LS41OTQgMi4zOTRsLTEuOTY4IDEuMTM2LTEuMDMzLTEuMDg1Yy42Ny0uMzEzIDEuMjgyLS42MjkgMS44NS0uOTU3LjQzLS4yNDguNTE1LS42MTIuMjU5LTEuMDU1bC0xLjcwNC0yLjk1MS01LjI2NiAzLjA0LS43MTItMS4yMzN6bTIuNzE0LjU0YzEuMjEuMzM1IDIuMTc2LjY2NCAyLjkyLjk5MmwtLjYxIDEuMzEzYy0uODAzLS4zNjgtMS43ODUtLjcyNS0yLjk2LTEuMDYzbC42NS0xLjI0M3ptNy45MTktMTAuNTRjLjE2NiAxLjU2Ny4wNzMgMy4wMDYtLjI5MiA0LjMyNWwtMS40OTItLjU5OWMuNDg3LTIuMDM2LjMwOS00LjI5Ny0uNTM2LTYuNzg0bDEuNDgtLjU0Yy4yMy43MTcuNDIxIDEuNC41NzUgMi4wNWwyLjU3Ny0xLjQ4Ny0xLjM0NC0yLjMyOCAxLjMxNy0uNzYgMS4zNDQgMi4zMjggNC40NDgtMi41NjguNzM2IDEuMjc1LTQuNDQ4IDIuNTY4IDEuNjU2IDIuODY4IDQuMTctMi40MDguNzM2IDEuMjc1LTQuMTcgMi40MDggMS44MjQgMy4xNTkgNS4zMzQtMy4wOC43NTIgMS4zMDItMTIuMjkgNy4wOTYtLjc1Mi0xLjMwMiA1LjY0LTMuMjU2LTEuODI1LTMuMTYtMy45NjMgMi4yODktLjczNi0xLjI3NSAzLjk2My0yLjI4OC0xLjY1Ni0yLjg2OS0zLjA0OCAxLjc2em0xMi40Mi04LjA1OGwxLjQ1NS0uMTAxYy4xNCAxLjYxOC4wODggMy4xMjctLjE1OCA0LjUyNWwtMS41MDctLjE0NmMuMjgtMS4zMDcuMzU5LTIuNzM4LjIxLTQuMjc4em01LjIyNS42MDRhMjIuNjIgMjIuNjIgMCAwMC0yLjk5Ny0uOTY3bC4zNDgtMS4yNTRjLjc3NC4xMjYgMS43ODguNDEgMy4wMDQuODUybC0uMzU1IDEuMzd6bS0zLjA4MiAyLjYzYy43My4xMTQgMS40Ny4yNDEgMi4xODkuMzk5YTEzLjExIDEzLjExIDAgMDAtLjMzLTIuMjY3bDEuNDMtLjE4Yy4yMy45NzYuMzg4IDEuOTIuNDQyIDIuODEzLjg0NC4yMTUgMS42NjkuNDU5IDIuNDk1LjczOWwtLjMyOCAxLjU3NWEzMy4wNTIgMzMuMDUyIDAgMDAtMi4xODYtLjcxNCAxMC44MzMgMTAuODMzIDAgMDEtMS40NzEgNC43NDdsLTEuNDg0LS43MTRhMTAuMDUgMTAuMDUgMCAwMDEuNDM5LTQuNDUxIDM1LjMwNyAzNS4zMDcgMCAwMC0yLjQ4My0uNTI1bC4yODctMS40MjJ6bS0yLjI3NS03LjMzM2MuNDQyLjMxNy45MTYuNjkgMS40IDEuMTEzbDIuNTUtMS40NzIuNzI4IDEuMjYtNi41IDMuNzUzLS43MjctMS4yNjEgMi42Ni0xLjUzNmExMC42MyAxMC42MyAwIDAwLTEuMzU1LS44NDNsMS4yNDQtMS4wMTR6bTcuMDYuNThjLjA3LjM0Ny4xMzQuNjguMjAyLjk5MWEyMC4xOTUgMjAuMTk1IDAgMDAzLjAyIDIuNjcyYy0uMTQ5LTEuNTQtLjYyMi0zLjA5NS0xLjQ0OS00LjY4N2wtMS43NzMgMS4wMjR6bTMuMjM2IDUuMzE4YTE5LjE1NyAxOS4xNTcgMCAwMS0yLjgwOC0yLjI0Yy4wMS41My0uMDEgMS4wNC0uMDUzIDEuNTA4bC0xLjQyMy0uNTQ1Yy4wOTItMi4wNDgtLjQxNy00LjQzNC0xLjU0OC03LjE2MWwxLjQzLS41M2MuMjkuNzU2LjU0OSAxLjQ5My43NjIgMi4xODNsMy43MjgtMi4xNTJMNzUuOSA0M2wtMS4wNjcuNjE2YzEuMTI4IDIuMTc2IDEuNzEyIDQuMjc3IDEuNzQxIDYuMzEgMS40MzcuNzYgMi44OCAxLjE0NyA0LjMgMS4xNzZsLS4xMjYgMS42MDZjLTEuNDE3LS4wODctMi44NTQtLjQ5NS00LjI3NC0xLjIyNy0uMjE3IDEuNjQtLjc4MSAzLjIyMy0xLjY4IDQuNzM5bC0xLjQ0NC0uNzc0YzEuMDExLTEuNTQ0IDEuNTktMy4xMzQgMS43MjctNC43ODR6IiBmaWxsPSIjQzFDMkM3Ii8+PHBhdGggZD0iTTMwLjA4OCA1OC4xMTVsNDEuNTctMjRtLTI4LjU3IDQ2LjUxNmw0MS41Ny0yNCIgc3Ryb2tlPSIjQzFDMkM3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+) no-repeat 100% 100%
}

.coupon-card__default--verified {
    background: #f0f1f5;
    border-color: #e4e5eb
}

.coupon-card__default--verified .coupon__status {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iNzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjYiPjxjaXJjbGUgY3g9IjU3LjM3MyIgY3k9IjU3LjM3MyIgcj0iNDAuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDU3LjM3MyA1Ny4zNzMpIiBzdHJva2U9IiNDMUMyQzciIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik03NC4zNzMgODYuODE4Yy0xNi4yNjIgOS4zODktMzcuMDU2IDMuODE3LTQ2LjQ0NS0xMi40NDUtOS4zODktMTYuMjYyLTMuODE3LTM3LjA1NiAxMi40NDUtNDYuNDQ1IDEyLjYzLTcuMjkyIDI3Ljk5Ni01LjU2IDM4LjYyNyAzLjE5OC4xNjguMTM4LjMzNS4yNzguNS40MiIgc3Ryb2tlPSIjQzFDMkM3Ii8+PHBhdGggZD0iTTQ4LjQ2IDYyLjkyNmwtOC41OTIgNC45NiAyLjIgMy44MWMuMzA0LjUyNy43Mi42MzggMS4yNDYuMzM0bDYuOTE0LTMuOTkyYy4yNS0uMTQ0LjQzNy0uMzYzLjUzNS0uNjQxLjEwMi0uMzM2LS4yNC0xLjI0OC0uOTk2LTIuNzVsMS41MjgtLjMyOWMuODQyIDEuODQyIDEuMjA3IDMuMDE3IDEuMSAzLjUwNC0uMTU3LjQ5Ny0uNTA0LjkyLTEuMDU2IDEuMjc1bC03LjY1IDQuNDE2Yy0xLjE3Ny42OC0yLjExMS40MDYtMi44MTUtLjgxM2wtNC4xNi03LjIwNiAxLjMzLS43NjcgMS4wOTYgMS44OTggNy4yNDctNC4xODQtMS45MDQtMy4yOTgtOS4xNDUgNS4yOC0uNzI4LTEuMjYgMTAuNDktNi4wNTcgMy4zNiA1Ljgyem0zLjkxNi05LjE1M2wzLjQ3OC0yLjAwOC0uNzUyLTEuMzAyIDEuMzE2LS43Ni43NTIgMS4zMDIgMy43MjctMi4xNTIuNzI4IDEuMjYxLTMuNzI3IDIuMTUyLjYzMiAxLjA5NSAzLjItMS44NDggMi4zNzcgNC4xMTUtMy4yNTYgMS44OGMuNTQ1IDEuMi44NTcgMi4yMjEuOTE0IDMuMDU2IDEuNzIyLS4wODkgMy40NDktLjU4NyA1LjE4Ny0xLjQ4bC40MSAxLjQ0NmMtMS45NTcuOTYzLTMuODcgMS40NTgtNS43NjEgMS40NzgtLjM0IDEuMTM5LTEuMjQgMi4yNjgtMi42OTIgMy40MDJsLTEuMjU2LS44NjRjMS4yMzktLjg2MyAyLjAyNS0xLjc0MiAyLjM1Mi0yLjYxNGExMy4zNDYgMTMuMzQ2IDAgMDEtMy4xOTUtLjc5OGwuNjEyLTEuMjc3YTEwLjM1IDEwLjM1IDAgMDAyLjc2My42NTljLS4wODItLjY1NS0uMjkyLTEuNDAyLS42NjUtMi4yNEw1Ni41IDYwLjAybC0yLjM3Ni00LjExNSAzLjA5LTEuNzg0LS42MzItMS4wOTUtMy40NzggMi4wMDgtLjcyOC0xLjI2em05LjgxOCAxLjM5bC0xLjAyNC0xLjc3NC0xLjk2OCAxLjEzNiAxLjAyNCAxLjc3MyAxLjk2OC0xLjEzNnptLTMuMjg0IDEuODk2bC0xLjAyNC0xLjc3NC0xLjg1NyAxLjA3MiAxLjAyNCAxLjc3MyAxLjg1Ny0xLjA3MnptLTYuODEgMi41MDljLS4xMDIuNjg3LS4yMzIgMS4zOS0uMzg0IDIuMDg3bC0xLjI0NS0xLjE2NWMuNDMtMi4zOTIuMzQ3LTQuODM4LS4yNTUtNy4zNTRsMS41ODMtLjEzOGMuMjc1IDEuMjQ1LjQyMiAyLjQ5LjQ1NSAzLjc2NWw1LjM4NCA5LjMyNS0xLjMzLjc2OC00LjIwOC03LjI4OHptMTQuNjc3LTkuMTRMNjggNTIuNTQ5bDMuMTg3LTEuODQtMS4yMjQtMi4xMi0zLjE4NyAxLjg0em0xLjg1OCAzLjM4Yy44NDIgMS44NDIgMS4xNjEgMy41OC45NTggNS4yMTFsLTEuNTMxLS4zMTZjLjE0My0xLjY3Mi0uMy0zLjQzLTEuMzI4LTUuMjc1bC0zLjkyLTYuNzkgMTAuNjI4LTYuMTM2IDYuMDI0IDEwLjQzNGMuNiAxLjA0LjM2NCAxLjg3OC0uNjkgMi40ODZsLTEuNTkzLjkyLTEuMDktMS4wODljLjU2NC0uMjcgMS4wOC0uNTMgMS41NS0uODAzLjQ0NC0uMjU2LjUyLS42NjkuMjA3LTEuMjFsLTEuMTkyLTIuMDY0LTMuNDM2IDEuOTg0IDIuMjggMy45NS0xLjMzLjc2Ny0yLjI4LTMuOTQ5LTMuMjU3IDEuODh6bTcuMzItNS44NTFsLTEuMjI1LTIuMTItMy40MzYgMS45ODQgMS4yMjQgMi4xMiAzLjQzNi0xLjk4NHptLTEuOTItMy4zMjZsLTEuMi0yLjA3OC0zLjQzNyAxLjk4NCAxLjIgMi4wNzggMy40MzYtMS45ODR6bS01Ljk2Ny42NzRsLTMuMTg3IDEuODQgMS4yIDIuMDc4IDMuMTg3LTEuODQtMS4yLTIuMDc4eiIgZmlsbD0iI0MxQzJDNyIvPjxwYXRoIGQ9Ik0zMC4wODggNTguMTE1bDQxLjU3LTI0bS0yOC41NyA0Ni41MTZsNDEuNTctMjQiIHN0cm9rZT0iI0MxQzJDNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg==) no-repeat 100% 100%
}

.coupon-card__default--expired {
    background: #f0f1f5;
    border-color: #e4e5eb
}

.coupon-card__default--expired .coupon__status {
    z-index: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iLjYiPjxjaXJjbGUgY3g9IjU3LjM3MyIgY3k9IjU3LjM3MyIgcj0iNDAuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDU3LjM3MyA1Ny4zNzMpIiBzdHJva2U9IiNDMUMyQzciIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik03NC4zNzMgODYuODE3Yy0xNi4yNjIgOS4zOS0zNy4wNTYgMy44MTgtNDYuNDQ1LTEyLjQ0NC05LjM5LTE2LjI2Mi0zLjgxNy0zNy4wNTYgMTIuNDQ1LTQ2LjQ0NSAxMi42My03LjI5MyAyNy45OTUtNS41NiAzOC42MjcgMy4xOTguMTY3LjEzOC4zMzQuMjc4LjUuNDIiIHN0cm9rZT0iI0MxQzJDNyIvPjxwYXRoIGQ9Ik00OC40NiA2Mi45MjZsLTguNTkxIDQuOTYgMi4yIDMuODFjLjMwNC41MjcuNzE5LjYzOCAxLjI0NS4zMzRsNi45MTUtMy45OTJjLjI1LS4xNDQuNDM3LS4zNjMuNTM1LS42NDEuMTAxLS4zMzYtLjI0LTEuMjQ4LS45OTctMi43NWwxLjUyOS0uMzI5Yy44NDIgMS44NDIgMS4yMDYgMy4wMTcgMS4xIDMuNTA0LS4xNTcuNDk3LS41MDUuOTItMS4wNTcgMS4yNzVsLTcuNjQ5IDQuNDE2Yy0xLjE3Ny42OC0yLjExMS40MDYtMi44MTYtLjgxM2wtNC4xNi03LjIwNiAxLjMzLS43NjcgMS4wOTcgMS44OTggNy4yNDctNC4xODQtMS45MDQtMy4yOTgtOS4xNDYgNS4yOC0uNzI4LTEuMjYgMTAuNDktNi4wNTcgMy4zNiA1Ljgyem0xLjg3Ny05LjMyNGwxLjUyMS0uMjEzYy4xMjcuNjY2LjIyMyAxLjMxMy4yNzMgMS45MTJsMi4zODMtMS4zNzYtMS4zNDQtMi4zMjggMS4zMy0uNzY4IDEuMzQ0IDIuMzI4IDQuNTMyLTIuNjE2Ljc0NCAxLjI4OC00LjUzMiAyLjYxNi4zODQuNjY1Yy4zMjUuNjI2LjYwNSAxLjI0Ljg0MiAxLjg0Mmw1LjU5OC0zLjIzMi43MzYgMS4yNzUtNC45NiAyLjg2NGMxLjcyIDEuNDQ1IDQuMjcgMS44OTQgNy42MjggMS4zNDFsLS4wNTYgMS41NjZjLTMuNjAyLjQxNy02LjM4Ni0uMjExLTguMzctMS44NTYuMTg1LjkyOC4yMyAxLjgwNy4xNiAyLjY0My0uMjIxIDEuODI3LTEuMjEgMy43MjktMi45NzIgNS42N2wtMS4zNDctLjcwMWMxLjczOC0xLjk4MiAyLjY3OC0zLjc0NSAyLjgxNC01LjMwMmE4LjQ1NyA4LjQ1NyAwIDAwLS4xNzItMi4wMjVsLTQuOTMyIDIuODQ4LS43MzYtMS4yNzUgNS4yNTEtMy4wMzJjLS4yMjMtLjYxLS40OS0xLjIzMi0uODE0LTEuODU4bC0uMzg0LS42NjUtMy4wNjIgMS43NjhhMTAuOTEgMTAuOTEgMCAwMS0uNDI0IDIuODVsLTEuNjgyLS4zMjJjLjYwOS0xLjc5My42OTEtMy43NjIuMjQ3LTUuOTA3em0xNC41NzYtNC43MzlsMS40NTYtLjEwMmMuMTQgMS42Mi4wODcgMy4xMjgtLjE1OSA0LjUyNmwtMS41MDYtLjE0NmMuMjgtMS4zMDcuMzU4LTIuNzM4LjIwOS00LjI3OHptNS4yMjYuNjA0YTIyLjYxNiAyMi42MTYgMCAwMC0yLjk5Ny0uOTY3bC4zNDctMS4yNTRjLjc3NS4xMjYgMS43ODguNDEgMy4wMDUuODUybC0uMzU1IDEuMzd6bS0zLjA4MiAyLjYzYy43My4xMTMgMS40Ny4yNDEgMi4xODguMzk5YTEzLjEwOSAxMy4xMDkgMCAwMC0uMzMtMi4yNjdsMS40My0uMThjLjIzMS45NzYuMzg4IDEuOTIuNDQyIDIuODEzLjg0NC4yMTQgMS42Ny40NTkgMi40OTYuNzM5bC0uMzI5IDEuNTc1YTMyLjk5MyAzMi45OTMgMCAwMC0yLjE4Ni0uNzE1IDEwLjgzMyAxMC44MzMgMCAwMS0xLjQ3MSA0Ljc0OGwtMS40ODQtLjcxNGExMC4wNSAxMC4wNSAwIDAwMS40NC00LjQ1MSAzNS4zNjIgMzUuMzYyIDAgMDAtMi40ODQtLjUyNWwuMjg3LTEuNDIyem0tMi4yNzYtNy4zMzNjLjQ0Mi4zMTcuOTE2LjY5IDEuNCAxLjExM2wyLjU1LTEuNDcyLjcyOCAxLjI2LTYuNDk5IDMuNzUzLS43MjgtMS4yNjEgMi42Ni0xLjUzNmExMC42MiAxMC42MiAwIDAwLTEuMzU0LS44NDRsMS4yNDMtMS4wMTN6bTcuMDYuNThjLjA3MS4zNDYuMTM0LjY4LjIwMy45OWEyMC4xOTUgMjAuMTk1IDAgMDAzLjAyIDIuNjczYy0uMTUtMS41NC0uNjIzLTMuMDk2LTEuNDUtNC42ODhsLTEuNzczIDEuMDI0em0zLjIzNyA1LjMxOGExOS4xNTcgMTkuMTU3IDAgMDEtMi44MDktMi4yNGMuMDEuNTMtLjAwOSAxLjA0LS4wNTIgMS41MDhsLTEuNDI0LS41NDVjLjA5Mi0yLjA0OS0uNDE2LTQuNDM0LTEuNTQ4LTcuMTYybDEuNDMtLjUzYy4yOS43NTcuNTUgMS40OTQuNzYzIDIuMTg0bDMuNzI3LTIuMTUyLjczNiAxLjI3NC0xLjA2Ny42MTZjMS4xMjcgMi4xNzcgMS43MTIgNC4yNzggMS43NCA2LjMxMiAxLjQzNy43NiAyLjg4IDEuMTQ2IDQuMyAxLjE3NWwtLjEyNSAxLjYwNmMtMS40MTctLjA4Ny0yLjg1NC0uNDk1LTQuMjc0LTEuMjI3LS4yMTcgMS42NC0uNzgyIDMuMjIyLTEuNjggNC43MzlsLTEuNDQ0LS43NzRjMS4wMS0xLjU0NCAxLjU5LTMuMTM0IDEuNzI3LTQuNzg0eiIgZmlsbD0iI0MxQzJDNyIvPjxwYXRoIGQ9Ik0zMC4wODkgNTguMTE0bDQxLjU3LTI0bS0yOC41NyA0Ni41MThsNDEuNTctMjQiIHN0cm9rZT0iI0MxQzJDNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg==) no-repeat 100% 100%
}

.coupon-card--disabled {
    cursor: not-allowed
}

.coupon-card--disabled .coupon__price p {
    color: #98999e
}

.coupon-card--disabled .coupon__name p {
    opacity: .5
}

.coupon__status {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 84px;
    height: 84px
}

.coupon__price {
    font-weight: 500;
    margin: auto 12px auto 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: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 93px
}

.price__display {
    color: #fa6150;
    font-size: 24px;
    line-height: 24px;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    font-weight: 600
}

.price__display:first-letter {
    font-size: 14px;
    font-weight: 500;
    margin-right: 2px
}

.price__limit {
    font-size: 12px;
    line-height: 16.8px;
    white-space: nowrap;
    overflow: visible;
    font-weight: 400;
    color: #5c5d61;
    text-align: center
}

.coupon__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 76px;
    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
}

.coupon__name {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    overflow: hidden;
    max-width: 170px
}

.coupon__name__text {
    color: #222224
}

.coupon__name__expired {
    color: #5c5d61;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.coupon__reason {
    position: relative;
    z-index: 0;
    background: #f9fafc;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
    color: #98999e;
    border-radius: 0 0 12px
}

.coupon__reason:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    width: 100%;
    height: 12px;
    background: #f9fafc;
    background-size: calc(100% - 10px) 2px
}

.coupon__reason__title {
    color: #fa6150;
    margin-bottom: 2px
}

.coupon__detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: 8px;
    font-size: 12px;
    color: #98999e
}

.coupon__detail, .coupon__detail p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon__detail p {
    white-space: nowrap;
    cursor: pointer
}

.coupon__detail p:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuODA1IDcuODA3aDEuNDI2djMuMjk4bS0xLjQxMiAwaDIuODM2bS0xLjQxLTUuNzI5di4zMDhtLS4yNDYgOC43NjlBNS45NTIgNS45NTIgMCAxMDggMi41NDhhNS45NTIgNS45NTIgMCAwMDAgMTEuOTA1eiIgc3Ryb2tlPSIjQzFDMkM3IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50%;
    background-size: 16px 16px;
    margin-left: 2px
}

.coupon__detail:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIxIiBoZWlnaHQ9IjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMWgyMjEiIHN0cm9rZT0iI0YwRjFGNSIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+PC9zdmc+) repeat 0
}

.coupon__tag {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 2px 8px;
    color: #fa6150;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 11px 0 8px 0;
    background: #fff3f0;
    font-style: normal
}

.check-box, .coupon__check-box--checked, .coupon__check-box--disabled, .coupon__check-box--unchecked, .m .coupon__check-box--checked, .m .coupon__check-box--disabled, .m .coupon__check-box--unchecked {
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    display: block
}

.coupon__check-box--disabled {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNi44NzUiIGZpbGw9IiNGMEYxRjUiIHN0cm9rZT0iI0U0RTVFQiIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PC9zdmc+) no-repeat 50%;
    background-size: 20px 20px
}

.coupon__check-box--unchecked {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNyIgc3Ryb2tlPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: 20px 20px
}

.coupon__check-box--checked {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNy41IiBmaWxsPSIjMDBDM0ZGIi8+PHBhdGggZD0iTTcuNSAxMGwxLjg3NSAxLjg3NSAzLjc1LTMuNzUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjg3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50%;
    background-size: 20px 20px
}

.coupon__use {
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 8px;
    font-weight: 400;
    position: absolute;
    right: 0
}

.coupon__use.i-button__primary {
    background-color: #fa6150;
    border: 1px solid #fa6150
}

.coupon__use.i-button__primary:hover:not(:active):not(.i-button--disable) {
    background-color: #fa6150
}

.coupon__use.i-button__primary:active:not(.i-button--disable) {
    background: #fa6150
}

.m .coupon-card {
    height: 2rem;
    padding: .24rem .24rem .24rem .16rem;
    border-radius: .24rem
}

.m .coupon-card__order .coupon__name {
    max-width: 4rem
}

.m .coupon__status {
    width: 1.68rem;
    height: 1.68rem
}

.m .coupon__price {
    font-size: .48rem;
    margin: auto .24rem auto 0;
    width: 1.86rem
}

.m .price__display {
    font-size: .48rem;
    line-height: .48rem
}

.m .price__display:first-letter {
    font-size: .28rem;
    margin-right: .04rem
}

.m .price__limit {
    font-size: .24rem;
    line-height: .33rem
}

.m .coupon__info {
    height: 1.52rem
}

.m .coupon__name {
    font-size: .32rem;
    margin-bottom: .16rem;
    max-width: 3.8rem
}

.m .coupon__name__text {
    font-size: .32rem;
    line-height: .44rem;
    height: .44rem
}

.m .coupon__name__expired {
    font-size: .24rem;
    line-height: .34rem;
    height: .34rem;
    margin-top: .08rem
}

.m .coupon__reason {
    background: #fff;
    padding: .16rem .24rem;
    font-size: .24rem;
    border-radius: 0 0 .16rem .16rem
}

.m .coupon__reason:before {
    background: #fff;
    top: -.24rem;
    height: .24rem
}

.m .coupon__reason__title {
    margin-bottom: .04rem
}

.m .coupon__detail {
    padding-top: .16rem;
    font-size: .24rem
}

.m .coupon__detail p:after {
    width: .32rem;
    height: .32rem;
    margin-left: .04rem;
    background-size: .32rem .32rem
}

.m .coupon__detail:before {
    height: .04rem
}

.m .coupon__tag {
    padding: .04rem .16rem;
    font-size: .2rem;
    line-height: .28rem;
    border-radius: .22rem 0 .16rem 0
}

.m .check-box, .m .coupon__check-box--checked, .m .coupon__check-box--disabled, .m .coupon__check-box--unchecked {
    top: .24rem;
    right: .24rem;
    width: .4rem;
    height: .4rem
}

.m .coupon__check-box--disabled {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNi44NzUiIGZpbGw9IiNGMEYxRjUiIHN0cm9rZT0iI0U0RTVFQiIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PC9zdmc+) no-repeat 50%;
    background-size: .4rem .4rem
}

.m .coupon__check-box--unchecked {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNyIgc3Ryb2tlPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: .4rem .4rem
}

.m .coupon__check-box--checked {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNy41IiBmaWxsPSIjMDBDM0ZGIi8+PHBhdGggZD0iTTcuNSAxMGwxLjg3NSAxLjg3NSAzLjc1LTMuNzUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjg3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50%;
    background-size: .4rem .4rem
}

.m .coupon__use {
    font-size: .24rem;
    line-height: .28rem;
    padding: .08rem .22rem;
    border-radius: .16rem
}

.coupon--empty {
    color: #98999e;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px
}

.coupon--empty__icon {
    margin: 0 auto 16px;
    display: block;
    width: 120px;
    height: 90px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAMAAACdQlHaAAADAFBMVEVHcEzt7fbz8/Xs7vTk5ORfX2Xs7PPk5ev////r7PLs7vPu7vKgoKDs7vPp6/Do6e7t7e6pqanr6/HAwMDr6/Lq7fLp6++ysrLq6vHp6ezq6/Lu8PPz9v6xsbGtra3o6vDi5Orl5+y1tbXP0dWvr6/U1tvq7PLp6fLs7e3q7vKsrKzS09fw8PXi5Onc3eO2trbr7vLc3uPp6/Do6vDS1NixsbHr7vTw9f/q8fHx8fjq7vPf4ebx8fXu7/Xm5+3k5uz19vjo6u739/i7u7vn6e/o6fDOz9Lm6O7p6/LQ0dTX2t7v8vW2trbo6vDe4Obh4unq7PHr6/Dv8Pbp7PLn6e/q7PDn6e/Y29+0tLTq7fPW1tvx9fW0tLTm6O7x8vTl5+7Mz9Lq7PHO0NPx8vbt8PS4uLi0tLTw8vXw8fXu8PTo6vDv7/ro6O7u7/fo6vDt8PTn7vPb3eHw8fXY2t/y9Pfr7PDy8/bx8vbv8vbq6/Ls7vHr7vH5+fvW2Nzk5eve4Obw8fX7+/u1tbXl5+3h4+ji5evl5+3b3eL9/f6zs7Ozs7Ph4ujf4ef6+vr8/Py2trb4+Pnx8/bw8fbu7vPNz9Lf4ujV19vb3OHi4+rw8vby8/a1tbXW19zv8fTNztLl6O64uLm0tLSzs7Pn6O7u7/PDw8Pr7PHp6u/o6vHr6/Hl6O3X2Nvp6u/O0dTl5uzQ0tby8vXo6O7t7vP39/f5+fr29vbCwsLd3uXQ0tbQ0NXKzNDq6/Dl5u35+fnp6u7m6vHj5enj5Ojw8fXx8vb////09Pf+/v/y8/b09fj8/f39/f739/n7+/z9/f319vj6+vz+///5+vvx8vX29vny8/fw8fT19fj3+Pr4+fr6+vvx8fX19vnz8/fw8fX4+Pr5+fr19ffy8vb7/P35+fv9/v7w8PP6+/z39/ru7/Ls7fD7+/3n5+rNzdDe3uD7+/va293Jys3k5ebq6u3Y2NrR0dTT09Xh4uTz9PXW1ti9vsH29vfx8/fExcjDw8bPz9Lv8PQdZQUhAAAAwnRSTlMAHRUtBQFEzAFrNDwDU4P5DgZbC0xjczclDGMsBhQEe6CWHdwqy3IWHTwM1TTOtipMtoqS1BxbDSUkQ6slS42X53vnEoKa44tz3cFQOHqroVw0IGqMVKHACVTMHR+q57LjeuN/RBUPYPATYxAsPIRhFb7fwb4xns9APUtb58qmrHCHMrqvwp3N5Scjqbn+5yznj98Z5L/XxYGv9z3RkOSjQ0tY0+1e6OA6QK75n+Lv4d7b9mncHFFhuppr4s9X44/k7ICNsI4AABa9SURBVHja7JtNTJp5Hsc9SOTAxbgZZ5LRg+lhQ7Lx5HEzph7mYC9DMombmN0DqZCxJ4PioZnYJk1sD1bdS9ukp93MZjabJjszt305PCK0gtRSUUEDKKIgIIiWUrfK/v5vD8/z8AAPyvPYyHzbYqFtxg/f37tOS8t11ehgS3NpnJtsMmLrRJMBP7eONhfwZLPF9Kj1eZPFtM3WdEncZMAWztRsnbjJZg8TZ2mymObMvwL/CnytJg9uqhkGyjn72JhtytQks6XJxlltE0/tHGcztUxd/z5sGrOa8YpkssxzFpv92hs8Ns97arJbr38bHhQijnLz1z6iRdvCHHf9d4fnHH/jmLRx89z1r9HWsUFANg1OQbGe+gS3Q9P4oMU8MTfVsHY5OM8R2aBY2z+V/X/UNGmZmpuwj3G8xhpWTyenzGbL5OinsCsRO5+OWTk5zTX8vzdxNWOHjJ3yavQR2cRNfDp2yqrBg/6EVQuDldopp8aezS0arIaj5guBqmKxaWxedV6LlbucGplzdvUD2sxdVj99//Ufxr9o0CejeksavDQv96wN6fsnv/n88rzqJ3Cl9HW5FhQTtzE9+OqzHz+/TMFSvyNZxJ/6gmtx0x2NLi05QOtKgf/SJtSDr767WICPc3b1v076lH3S3vXo66VdxOlwOneRnE73hYBJgNef1uPWeXV59S16PYto147T6UCUS0tLy0xLOwqB/9Ymr7rSGnhVKtB6vU6PpdPp9EWiEGC+2tnxYB0GDgOBgMezsxxTBvyvtsp68OTPyoqnWrz6Fp3eYDB0G7pbu+GnNYZ16PEEAmFQKBRyu91eLzyEwu6YXxHwD21V9Z2iWmI3qWUv0La3f9k+NNTRMTQ0FsfaAEzv6Wkksrj4HuQDuSKRWDwG7tcG/mt14LYnCvqRTZ38hWg2tALrnZ/vEf3iRToNE383iMHE4pD7fSweV0JsrQHc9llNXnX6EeQuuDtk/L3doVCHfrA/VoO5+KwWcNt4jYHSrFo4t7d3jEw46pA3IUfsWkXtOrpJnsVrAn99JacL7K+xPl6HI4w9pmOJdxO16yX+D+ls8u9awA+uBFinQ7w/O+qUJx57HwlFD8hY4sRjyRLR7u7/Kk0eEpX340nznMXUYvr7qIoGQ/6OjE/LUq1UIw4femAMEYwl0LKxXi2vYeB/1p3Eo3P4H/7jxYsf1QM2QL3qmmKEK84VJ9WuU0YrK/zbcBgCZMS3Q2cTGEzeRKNvYDiJ+KuNWhWBTXbMm0i+UHH9hYDuGOizEVink07MVYSpMXPgNASNK4Ax0XDiptoI+/0KJg/QF9LLJKruiWRCza8E67uHRrp6fnGsKGAVQQPx6fsInr6gQXsjMJ64sCIRHwGuNXm0/UmSv9jfXK7Iqfi1fohoMPjRdB20jHllZTcWg9kLyecL+v1kHo35Y36FwJK2ZEP+5uLon6q28aMebBzouTFdIllixVZOEuZX8UQiHisTBf6pFvC35VcW2toHVexJENHDjymwAG1ZKhlsp/MgkUAjiBTXLzjyKK1ZJsGVxdaiKnDfo/szPC3uL6AdidBrAm6G7MHEcRGt3y898tSuWaNmwZX0qXpdWKfvNg70Pbw/vUthy0ml4AyaIntz2OOiX6AqNw/RJUD+qGSbVHfMMnb1POycwbxiWA8vGegSMiam1vpc3lM3P0zXmjyetKCDA4toiw1ieuypeVzdwRLXLAzMe+uppgMhMiF25+L+xVN32LPMl7MdcjGpMXl8q0NHFp1e20kaAfd2zlB3Kdbe3t5rifaQhIa/4pGXw4FDjwclOH3LlpfXcEL/93dV9U1rd3e3wWAo2azBqgRtuAsBv2K4BJUMULzw0wDlZsgl4qWwOxxGQ1eYKBBw44vJD9WBh5Da2wEa3dN02gDrEPCNzrsEdw+zAmFURhQdoJnNfFw7dwKHIgXwyeTZH6vJjm4r5v/cAeZWZHOLXhuHoUpjYIwb4Fk3JBJgE2ZmMpu7HBeV7U7HUDtyWaeRwxgYPEO4GDWEtS4RfpFwC5D5sL4EseOecejLVr0mqVwCBnvfUFqEt7+/7xYInu4z7A2CTHO5ISbfGzEij7UChhye3cP2biBaEalECFuILKpdzoszmwmxTpsqDQ7PYl6Ei7negjYlQq/xzBsC4lJYE2YnOhHAD7w0s4cV8oh/yQCHfjsCeaxBS9aTZalzlvLuY1pUYde8a0LhqutF2IiZuPzm9WtauySLFF2t0c0EPdllB5Td8vsJozffBmKD+sQ6FtKIF9v7dhNg117KiXBvUuQNaVhLlkellwR8NXLY+gY6wGKdVkXrJuXFuJhuUaoIhabIYLIwrBnyBaBxHkwPg8WtGpQtAwPeCBHeNTlYXpjZ60WBTTMZhbVHsFEoUxnz9KO+AWOrQZOQRpNWf7TEy9NtlSRmRshlYU02x3qoheDTvT23je3qA+t1ZNLqx/WqxLu1urrqEmjVBS8wbkDmTRa2ZHwmWFYuIfTMYxTT6tdp1of7scGMVwwrAt+iyGs4k4UNim2OSsTOJ6Vbwsx9iOmhVg3KNMnhfjAYuhHm3UK4267the0F0DZ93BYhM2IS1gzZc3BQBzULCIw8c/9hz4CxW/WqpaODRz82mOcllDISI/PVOoo2CrYuk0PBAXoo/e4APzs4oC8J3hhS7GY6H6LGpHpf4kN6HSoWDmjMu1BZPLI4rNkWJaKuJYqNkGc6e3sA2KAFMK7S+ziDUf4yXp9YJeRtATGp1utsi6KnAnJCIJcS9GGPfAyIrifC88mr5ZnOG8hhg1azdD8q0dhgMBDTBqVf0Q/y2CidV8WZvM42RwoeZbeSqOBRJHxJ2OPPZADcc1sLhw00pAGYGYx55b+NIejj41pEzJg3onXoDZ/4AHwXQrrLqJHDGJhE9BYJaF/F79ygyKVE5pHdpYW5tkrQ5GK0c/cWmTw0cNhIQpoAU4OrfbMKQUZhvcUPXpuUmVwK+GvB+v56ZdF4QKUOiBFw14g2Ic2AX9YG9sdiZSYvkjWqxCzQW19sUdkpYfZW7zDKYdUHD1ngYCXeXDKZKCdeZKsjuRQIqOLJZO602vkkxCa12c7e4S4Nhmm+D/PAKIUrGnyUTudz8BtBtd4qbVH0ULDpZUeSXD6dPtqUF8t7umVqBcyPlspCOn78rpBJ4hYlGbwWIxH+SsCUyxTeZXxr8qI5sE8XkNlbpEprMHgYy4B9lYtW4iR1IiTGJq+y7TGCxB9Ikhn4y7GXLytfT8glARPf7Lwx3KVBDrOblrIcRsSp7EkGR7VvQYgsWpmxcpmTbCpe4ZAQodeTTbZk3kQOazB46AR9uJTDVYCLiWz2XbooGEIwMmEGap7blT7JZhOVbyeYmRJD5QLgKyxawWp9OH+WLSTorClExtSUG1QsZM+OtipKuFZD5cLAtzu0nbR4YF9l4FjyOPvh40mMH6+FS5RI3PnHDx+Pk0F2MRFeEfjrCU+8cVOjPoxC+naf1GH5olWM5/LHqbMPH84K/NQVFO1RIu4C+pup46Nc3Cd7O+E3LhzUN2/dwDms1V26NnA8l8ynCydZwMgmZJcoiRJZAM6eF9L5ZCKG8kT6vlBitGIiYNyWdBpUaUkfrpTDuXymcJLKfvx4nonL7I0yzPH0+dlZNnVSyMCwshAMlh0SCDGyeH+9HxUtrQ4ASkLan8+8S2WP07kKG0VQeivw4Z+5dOE89S6T53wA7MM/JHcEsBiymAF36zQI6a5afRh/53s8n09U/38cgkQ++sHHnuSO8nFf0OfH70mQ/GLEzGIEDCE9ZNBdSVsqK1dcA1T0C+OBEhOLIab7O7XL4dqDR2OAxeFA8niVxDQA031Yr3lIb8vM0ioA44Vrm8Y0bJT9tEpr0JaMXX3aOFwsP5yQmEZJ3K/VtqRdSMtZLAIe1mp5GFA4aTVYEuBO7RxWNmmpBLx6BQ539dW1LakG3KPJeljvPlypIBWLFwd+KXBYk6tlT69k0qrn8/bDVpE8AiVzubj/EsCPtTrxQEj3KrxayuzHaIfKHB8XCseZDOxFudglHdZilh64cA4Xc0fp48LJeSqVzaZS5yeF4/SRYmSZoqXBVx5aDJcAjgMubIz/b+/qYprKszgflSAI262lVOiI6AhFiJYRS+lQDBEoOlOhIiLgRiBlEhsgdXkwlCiJ62KUSXzQnd0Mxq+siU6cOC/z+eLsvOz7PuzDvJusUTLOOjOv7vmd8//fXj7cRUZv3aTn/j/O+Z1zfv9z7bW99/aDJz/88phk4dkTXAsuPP7XWp+0Ri06pJffpl3dDj/65Qfa3WePTdfMz57iWvDRWp+lLbqntW/rrrU8ws9/fPbT058eLbmnSdCzH1d1VH+fnmfpdWs+8Xi+8PPTheXwwpOfFx6u4UmrVG7iWf/u4erPtP698Hilf4fHL7orsqozrfSceKTn1NKSjzxkvfyN+Fcl3y89pPGktS49h7TF59JWnmllrXji8V1aDuljVlwe4uvDy+5a/uO7dDzCckhb8QiP7nnp1+HnfH308OHyq6SHhD5c1cVT+p601n55+Hwl5Pkq7witfD1s/cXD39N2A+DYW5us+QTAaHpeh5eeWr5tyRviKz5ppedlyZonrXVvwomHHNKXtlr0CG8c3fpGnHjI5WH+G/0s/Yp3eNSaD7Vs2vdG/B8uteYRXn61lMaXpdGN/zf3pV/RIf2BVSceu96AHS616DMefE/rQumpdO/wqVJrPnqYtW4z/47HvXS/Dle+f2GPNZ/ikd/i+eLjNN/xuH32wp59R634otbmo/v2XDw7fz29h/SZeXz3cIcVX7bcfPSD0YuX5r/4LJ2H9Gc35y9d5G+XvvYb8Xz1cGxX6Y3bv0/b1dI/T92+gdvSO3672YIftuD3Wi6cnb9569xf0/MIf3zu1s15+i/81g4rvhKftcHGvxFXeuPmrVtdf/uN5fLtztu3bt4o5SPaZsXvWuRvxgeXLr7/zddf1d6/P8LS0TE0MtTRMTJ0pYMaZIjBIfRrIyNDI4A6eLx2rYPNa+SBMtQhgUQwxAwUduUKDWTRMDRyRVNewVKffnq/9quvv7lxkR5gS37Ig049bGNf/qX+/PmPSLaJ7Kdt2/79GDCzqi3llEm8krFf5e7fZgQzicIVcSpZu7Du+fMnW74co1fh1/9TLYd6247/keQ8ydWrVxtIamtrqWPmie2GWjWxs0G8DQYisSINDSqAW4NyMGZoihYzLYq1UcPxtl73a93Zal/FJ39g+RPJn0lOn95+evvAALftkAHuAxCMDGmMRzFTMqD6dg4fkHhD0T5tn4bQulhfKvmkIq/6tezsprF4+3GTfEhy8uTJvr6+A32TBw4cmOzrm6R5UlmTBLBKfprZJgToJDYeCOkTg4USNFufuCcBIAeUEt9Hi9LSxz801fIgPvaq93bKNfu7xXIOUn9uZ/3OpUJI/YqoWatfhtfvXAmqX85Tz0urMs6o+Z5ratMr29u8yJEjR65TP3JP9eskZ0jm5t5VchCNtpmDB9mEwoa22f3uDLCZGVIEnOHEGfYfVBzsA8qZnCLR8M8dnJubo5WpgCMi97giSOTOiV+/txvvVrW3722HLBln22dnZ7ds6UKjAdKlDMwYukQRd5fydy1qKWGfJBnxWxTRoqhZlnaT7DW0qjsbf9XuunvCu1ke0GaMMu2u3F0psncvNR6UShBrPIuu4gxYMipNMZWazQArNZdy6iBa2SjqwW4pJqU71vz/+XKw7R2RMLWwTNxghcPhw9QOH0Y/HG4hI0xjSwtZLTy3QKEgUTgGHb4WzGGYlAMTFhTQwSsd3rCkhFuUxstyGeF3DAlLhaq6SP/L/1Rtvqc5XtzWVlzcxlsxFLINTSYaJoonWGEV2ITqDAEzBOnaM6F6m0waMhEXg3liwnCrVYulJJCpitr0IJAExl/y91s9U52RiuHIcEWEtorWSIT0SOsw2cMVrTSSk7bWCkJobG3FiDDWAFBnowI2KxFGiY8cCI9IJocSUSug1kiFouIGGY5UqCVQSoQqQSytCwfKICiinARQmTxEhtfn2Ve9u95YlauKWqfLVeVyuTppZo0A2jo1XuVSCvuQUtXJaTRjRCpsF7uUGFRQOdhVJari5EQwdLLWqRyMMUFq4yWwlnJJ1Ua8K7a6Xb783nqT9KD19GDmrkYxezRmxJqgVFwPM5jTzRnr2ZmaFwUsAnqWudSCK+Es7/3vv1l0OVlSEi8jiZeUlJSRWkJKHJ2ssrISVsQZZ0MNZRJcwgNmlniZOFg4HzQ00MTRYBEessGMeKzPrrhylIk7zvlSAWtlZWIwSxm747JIXBVQlvzvu1wddDj83X4HbX6HY9rv6PZP+2F2k+VwkOmYJhXSTTqB3f5uhwR0i4NhP+EO5uEsxqeZkoj9yEEIUQHzg2qao4QDGMxudnIZitbPsTTB7edYGUHMgCRyNQxOO4IvPtVOTPWS9KMV9fYXFfVi6i0q6u9lEQMo9f4i6AiD1ssAezmrt6i/v7cfEGlsKAZOohQOBDMs5uoVNlb7mVHiWS2SAaEqVRfUr6L6JZTTFZsMJHdWPum05fqcSacvFAo5nU5f0okJEvI5Q0knNoJ8PoJ9HOHDAKcvmaTJyWGE+nxJDqJQXyhJNjLBw0NI8uCGJi4mpHVDskgoJGtRFT6uR+XQUrKQ04gnDwWEeEVnMpRMSqzTpyonECXnrrDLh+4G81iCecEYJprZ4hbMiwWDYpMzFhMPaTIhWOLzBJUpqI2Ypoaq2FOxzBuM5ZkkqHyxWKqCPL28sVAMSbxwTDhSFStFV3p36Z82sdfV1BQWUissnCqESlPhOM3jhYxP1RDIOCFQxqcKRWp4Uw4xOYT8NURAndPAxVQqWqJolSkBlV9WrhHymilVSI0mxFZD2vi4xKqCxjU1swk3s4yLRvE1BeYHeYO3oKAgWlBXQK2OVS11JECjyo8eNVwKYSwarasTCmQUCFmB0qPRqMEiEmULk+KImug4WC9GtMyOWF1VNJqqT3IkW6XWMVuBLG/UfchjXP8155bn5uaWk9A4BhVAeUopzx2DP1dAGRhmbYxd2lvOPCmGct0lYAxUkiV2ucrmeQyda9C5MnGcUU+5nnSmhI8ZweW6oDGikuIJa1YP8gl3c3PA3dTc5KYhgJnsJgBNgaaA2+0mww2vG153oBkKxzQhlHIQjYYeQAAPFEYT0zJOuU2gCiCdMokzQPTkaiaPWyA3JMDrIIziiYDmANcGjRIoKtCMFbB2AEU2oSBwccHsBjdYyNEMHXS4Xt5wOdub7fWiZ0O8g6yhD7KVPWh4JGowO1tHas0LDqWzH9kk2YJqQi97JUL6oER6Bwc/VxQGkVp/0Kv4mcfrVdUMDuoiPjet7VVp2UaRg6bqKPvyhqxEdSInp5o2HhI51aTJQHoCSIL1BDeJS0iQ6koQnpBcYUR2jrmxU9hy1CgcoDMspBnU1WBjnoROkiISzFmd0JWSxnsivKglp9q0gF4+50RWI8ROG492e6MGDKyx0a697DI8rNtVmr1RNQY1YleYeWSf5rVrhwq1a7dBqqxGg8puKrcxxaD5BTZVYOwTe7I8NpvN4/FQh6IMm2HwZhPLwCXEwG1ieTzKpZLEr9M9itymGGwenWXm0Wkej6ppUYRyaQbTIkbtxs6IXzGq0uDkq33TH0wQPT9lpt42hJEv77boQfnN6abPCkhQftaL/x7D0vfCFP0L/oJDvpBqJ0eZalkSKeA6zpAirP2TJxnJSEYykpGMZCQjGclIRjKSkYxkJH3yH2r1ZneBNGouAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 120px 90px
}

.coupon--empty__tips {
    font-size: 12px;
    height: 17px;
    color: #98999e;
    margin-top: 8px
}

.m .coupon--empty {
    font-size: .32rem;
    line-height: .48rem
}

.m .coupon--empty__icon {
    margin-bottom: .32rem;
    width: 2.4rem;
    height: 1.8rem;
    background-size: 2.4rem 1.8rem
}

.m .coupon--empty__tips {
    font-size: .24rem;
    height: .34rem;
    margin-top: .16rem
}

.coupon {
    height: calc(100% - 80px);
    width: 336px;
    background: #fff;
    margin: 80px 0 0;
    -webkit-box-shadow: -5px 25px 25px 0 rgba(0, 0, 0, .05);
    box-shadow: -5px 25px 25px 0 rgba(0, 0, 0, .05)
}

.coupon section {
    overflow-y: hidden;
    height: calc(100% - 59px);
    -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
}

.coupon__title, .coupon section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coupon__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding: 16px;
    border-bottom: 2px solid #f9fafc;
    border-top: 1px solid #f9fafc;
    position: relative
}

.coupon__title--history {
    padding-left: 48px
}

.coupon__back {
    left: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43NiA1Ljg1YTEgMSAwIDAxLS4xMSAxLjQxbC01LjY3IDQuODZhLjUuNSAwIDAwMCAuNzZsNS42NyA0Ljg2YTEgMSAwIDExLTEuMzAxIDEuNTJsLTUuNjcxLTQuODYyYTIuNSAyLjUgMCAwMTAtMy43OTZsNS42NzEtNC44NjFhMSAxIDAgMDExLjQxLjEwOHoiIGZpbGw9IiM5ODk5OUUiLz48L3N2Zz4=) no-repeat 50%;
    background-size: 24px 24px
}

.coupon__back, .coupon__close {
    position: absolute;
    top: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.coupon__close {
    right: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxOC4yMDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTIuNWw0LjI5My00LjI5M2ExIDEgMCAwMC0xLjQxNC0xLjQxNEwxMiAxMS4wODYgNy43MDcgNi43OTNhMSAxIDAgMTAtMS40MTQgMS40MTRsNC4yOTMgNC4yOTMtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy45MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjOTg5OTlFIi8+PC9zdmc+) no-repeat 50%;
    background-size: 24px 24px
}

.coupon__content {
    overflow: hidden;
    width: 100%
}

.coupon__content, .coupon__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.coupon__list {
    overflow-y: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon__list__item + .coupon__list__item {
    margin-top: 16px
}

.coupon__list__empty {
    margin-bottom: 40px
}

.coupon__list__scroll {
    padding: 16px;
    height: 100%;
    width: 100%;
    overflow-y: auto
}

.coupon__list__tips {
    font-size: 12px;
    line-height: 17px;
    color: #98999e;
    margin-bottom: 8px
}

.coupon__tab {
    margin: 40px auto;
    color: #98999e;
    font-size: 12px;
    cursor: pointer;
    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
}

.coupon__tab:after {
    display: none;
    content: "";
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTQuNSAyLjVsMy42NiAzLjI1M2ExIDEgMCAwMTAgMS40OTRMNC41IDEwLjUiIHN0cm9rZT0iIzk4OTk5RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: 12px 12px
}

.m .coupon {
    max-height: 80%;
    width: 100%;
    background: #f9fafc;
    border-radius: .4rem .4rem 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.m .coupon__title {
    padding: .32rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none;
    border-top: none;
    color: #222224;
    font-size: .32rem
}

.m .coupon__title--history {
    padding-left: .32rem
}

.m .coupon section {
    overflow-y: hidden;
    height: calc(100% - 1.02rem)
}

.m .coupon__back {
    left: .32rem;
    background-size: .48rem .48rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE1IDZsLTUuNjcxIDQuODYxYTEuNSAxLjUgMCAwMDAgMi4yNzhMMTUgMTgiIHN0cm9rZT0iIzIyMjIyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%
}

.m .coupon__back, .m .coupon__close {
    top: .32rem;
    width: .48rem;
    height: .48rem
}

.m .coupon__close {
    right: .32rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxNy43MDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC4yOTMtNC4yOTNhMSAxIDAgMDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDcuNzA3IDYuMjkzYTEgMSAwIDEwLTEuNDE0IDEuNDE0TDEwLjU4NiAxMmwtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjMjIyMjI0Ii8+PC9zdmc+) no-repeat 50%;
    background-size: .48rem .48rem
}

.m .coupon__content {
    height: 100%
}

.m .coupon .coupon__list__item + .coupon__list__item {
    margin-top: .24rem
}

.m .coupon__list__empty {
    margin-bottom: .8rem
}

.m .coupon__list__scroll {
    padding: .16rem .32rem
}

.m .coupon__list__tips {
    font-size: .24rem;
    line-height: .34rem;
    margin-bottom: .16rem
}

.m .coupon__tab {
    margin: .8rem auto;
    font-size: .24rem
}

.m .coupon__tab:after {
    display: block;
    width: .24rem;
    height: .24rem;
    background-size: .24rem .24rem;
    padding-bottom: 2px
}

.m .coupon__tab__empty {
    margin-top: 2.16rem
}

.promotion-banner {
    padding: 14px 18px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
    border-radius: 12px;
    background: #fff3f0;
    color: #fa6150;
    font-size: 16px;
    font-weight: 500
}

.promotion-banner, .promotion-banner__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px
}

.promotion-banner__name {
    height: 24px;
    margin-right: 14px
}

.promotion-banner__name:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ2NyA3LjUzOGEuNzUuNzUgMCAwMS43NS0uNzVoMS44MDdhLjk1Ljk1IDAgMDEuOTUuOTV2My40MTJhLjc1Ljc1IDAgMDEtMS41IDBWOC4yODhINi4yMTdhLjc1Ljc1IDAgMDEtLjc1LS43NXptMi43NTctMy42MzNhLjc1Ljc1IDAgMDEuNzUuNzV2LjgwM2EuNzUuNzUgMCAxMS0xLjUgMHYtLjgwM2EuNzUuNzUgMCAwMS43NS0uNzV6IiBmaWxsPSIjZmE2MTUwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDIuMzcyYTUuNjI4IDUuNjI4IDAgMTAwIDExLjI1NkE1LjYyOCA1LjYyOCAwIDAwOCAyLjM3MnpNLjg3NCA4QTcuMTI4IDcuMTI4IDAgMTExNS4xMyA4IDcuMTI4IDcuMTI4IDAgMDEuODczIDh6IiBmaWxsPSIjZmE2MTUwIi8+PC9zdmc+);
    background-size: 16px 16px;
    margin-right: 4px
}

.promotion-banner--clickable {
    pointer-events: auto;
    cursor: pointer
}

.promotion-banner--clickable:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40IDkuMTMxYTEuNiAxLjYgMCAwMDAtMi4yNjJMNi45NjYgMy40MzRhLjguOCAwIDEwLTEuMTMxIDEuMTMyTDkuMjY5IDhsLTMuNDM0IDMuNDM0YS44LjggMCAxMDEuMTMxIDEuMTMyTDEwLjQgOS4xM3oiIGZpbGw9IiNGQTYxNTAiLz48L3N2Zz4=);
    background-size: 16px 16px
}

.m .promotion-banner {
    padding: .24rem;
    margin-bottom: .4rem;
    border-radius: .24rem;
    font-size: .28rem;
    line-height: .4rem
}

.m .promotion-banner__name {
    height: .4rem;
    line-height: .4rem;
    margin-right: .2rem
}

.m .promotion-banner__name:before {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ2NyA3LjUzOGEuNzUuNzUgMCAwMS43NS0uNzVoMS44MDdhLjk1Ljk1IDAgMDEuOTUuOTV2My40MTJhLjc1Ljc1IDAgMDEtMS41IDBWOC4yODhINi4yMTdhLjc1Ljc1IDAgMDEtLjc1LS43NXptMi43NTctMy42MzNhLjc1Ljc1IDAgMDEuNzUuNzV2LjgwM2EuNzUuNzUgMCAxMS0xLjUgMHYtLjgwM2EuNzUuNzUgMCAwMS43NS0uNzV6IiBmaWxsPSIjZmE2MTUwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDIuMzcyYTUuNjI4IDUuNjI4IDAgMTAwIDExLjI1NkE1LjYyOCA1LjYyOCAwIDAwOCAyLjM3MnpNLjg3NCA4QTcuMTI4IDcuMTI4IDAgMTExNS4xMyA4IDcuMTI4IDcuMTI4IDAgMDEuODczIDh6IiBmaWxsPSIjZmE2MTUwIi8+PC9zdmc+);
    background-size: .32rem .32rem;
    margin-right: .08rem
}

.m .promotion-banner--clickable:after {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40IDkuMTMxYTEuNiAxLjYgMCAwMDAtMi4yNjJMNi45NjYgMy40MzRhLjguOCAwIDEwLTEuMTMxIDEuMTMyTDkuMjY5IDhsLTMuNDM0IDMuNDM0YS44LjggMCAxMDEuMTMxIDEuMTMyTDEwLjQgOS4xM3oiIGZpbGw9IiNGQTYxNTAiLz48L3N2Zz4=);
    background-size: .32rem .32rem
}

.footer {
    margin-top: 80px;
    min-width: 1230px
}

.footer-m {
    margin-top: .24rem;
    margin-bottom: .68rem;
    min-width: 0
}
.footer-m-wap {
    margin-top: .24rem;
    margin-bottom: 1.08rem;
    min-width: 0
}

.login .game__icon {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0 auto 8px
}

.login .game__name {
    font-size: 20px;
    text-align: center;
    line-height: 28px
}

.login__pad {
    margin-top: 24px
}

.login__pad p {
    margin-top: 16px;
    line-height: 24px;
    text-align: center;
    color: #98999e
}

.login__btn {
    width: 258px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    margin: 0 auto;
    border-radius: 12px
}

.m .login {
    width: 100%;
    margin-top: .8rem
}

.m .login .game__icon {
    width: 1.44rem;
    height: 1.44rem;
    margin: 0 auto .16rem
}

.m .login .game__name {
    font-size: .32rem;
    line-height: .4rem;
    color: #222224;
    font-weight: 500;
    margin-bottom: 0
}

.m .login__pad {
    margin-top: .48rem
}

.m .login__pad p {
    color: #98999e
}

.m .login__pad > p {
    width: 6.7rem;
    margin: .32rem auto 0;
    font-size: .28rem
}

.m .login__btn {
    width: 3.4rem;
    height: .72rem;
    line-height: .4rem;
    font-size: .32rem;
    border-radius: .16rem
}

.i-select[data-v-03d96bb7] {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 36px;
    font-size: 14px;
    cursor: pointer;
    color: #5c5d61
}

.i-select .dropdown-selected[data-v-03d96bb7] {
    position: relative;
    height: 100%;
    border: 1px solid rgba(228, 229, 235, .5);
    border-radius: 8px;
    overflow: hidden
}

.i-select .dropdown-selected.is-focused[data-v-03d96bb7], .i-select .dropdown-selected[data-v-03d96bb7]:hover {
    border: 1px solid #86cef0
}

.i-select .dropdown-selected.is-disabled[data-v-03d96bb7] {
    cursor: not-allowed;
    border: 1px solid #e4e5eb
}

.i-select .dropdown-selected.is-disabled .dropdown-selected__content[data-v-03d96bb7] {
    background-color: rgba(240, 241, 245, .5)
}

.i-select .dropdown-selected.is-disabled .dropdown-selected__arrow[data-v-03d96bb7] {
    display: none
}

.i-select .dropdown-selected:hover .dropdown-selected__arrow[data-v-03d96bb7] {
    stroke: #86cef0
}

.i-select .dropdown-selected__content[data-v-03d96bb7] {
    height: 100%;
    padding: 8px 26px 8px 8px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.i-select .dropdown-selected__icon[data-v-03d96bb7] {
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1IDhBNy4wMDEgNy4wMDEgMCAwMDMuMDUgMy4wNSA3IDcgMCAxMDE1IDh6bS0xLjQ0OS0uN0gxMS41YTkuMDM2IDkuMDM2IDAgMDAtMS42MzEtNC41NzhBNS42IDUuNiAwIDAxMTMuNTUxIDcuM3pNNS45NTYgOC43SDEwLjFBOC4wMDggOC4wMDggMCAwMTggMTMuMzI3IDcuNyA3LjcgMCAwMTUuOTU2IDguN3ptMC0xLjRBNy45OCA3Ljk4IDAgMDE4IDIuNjhhNy44MzMgNy44MzMgMCAwMTIuMSA0LjYySDUuOTU2em0uMjUyLTQuNTk5QTkuMjI2IDkuMjI2IDAgMDA0LjU0OSA3LjNoLTIuMWE1LjYgNS42IDAgMDEzLjc1OS00LjU5OXpNMi40NDkgOC43aDIuMWE5LjAwMiA5LjAwMiAwIDAwMS42NDUgNC41OTJBNS42IDUuNiAwIDAxMi40NDkgOC43em03LjM4NSA0LjU4NUE5LjE5OCA5LjE5OCAwIDAwMTEuNSA4LjdoMi4wNjVhNS42IDUuNiAwIDAxLTMuNzMxIDQuNTg1eiIgZmlsbD0iI0MxQzJDNyIvPjwvc3ZnPg==) no-repeat 50%
}

.i-select .dropdown-selected__label[data-v-03d96bb7] {
    margin-left: 6px
}

.i-select .dropdown-selected__arrow[data-v-03d96bb7] {
    position: absolute;
    right: 8px;
    bottom: 10px;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    stroke: #c1c2c7
}

.i-select .dropdown-selected__arrow--open[data-v-03d96bb7] {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    stroke: #86cef0
}

.i-select .dropdown-options[data-v-03d96bb7] {
    position: absolute;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 8px 0 rgba(34, 34, 36, .1);
    box-shadow: 0 0 8px 0 rgba(34, 34, 36, .1);
    z-index: 1;
    border-radius: 7px;
    overflow: hidden;
    top: 44px;
    left: 0;
    padding: 4px
}

.i-select .dropdown-item[data-v-03d96bb7] {
    padding: 6px 12px;
    border-radius: 6px;
    line-height: 20px;
    margin-bottom: 4px
}

.i-select .dropdown-item[data-v-03d96bb7]:last-child {
    margin-bottom: 0
}

.i-select .dropdown-item.is-selected[data-v-03d96bb7] {
    color: #86cef0
}

.i-select .dropdown-item[data-v-03d96bb7]:hover {
    background-color: #f9fafc
}

.i-picker__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.i-picker__selected.is-disabled .i-picker__arrow {
    display: none
}

.i-picker__label {
    color: #5c5d61
}

.i-picker__arrow {
    margin-left: .04rem;
    width: .32rem;
    height: .32rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNi40bDMuNDM0IDMuNDM0YS44LjggMCAwMDEuMTMyIDBMMTIgNi40IiBzdHJva2U9IiNDMUMyQzciIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%/.32rem .32rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.i-picker-modal main {
    background-color: #fff;
    border-radius: .4rem .4rem 0 0;
    min-height: 3.48rem;
    width: 100%
}

.i-picker-modal header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .34rem 0;
    font-size: .32rem;
    font-weight: 500;
    line-height: .44rem;
    text-align: center;
    height: 1.12rem;
    position: relative
}

.i-picker-modal__close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    top: .32rem;
    right: .32rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxNy43MDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC4yOTMtNC4yOTNhMSAxIDAgMDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDcuNzA3IDYuMjkzYTEgMSAwIDEwLTEuNDE0IDEuNDE0TDEwLjU4NiAxMmwtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjMjIyMjI0Ii8+PC9zdmc+) no-repeat 50%/.48rem .48rem
}

.i-picker-modal section {
    padding: .08rem .32rem .16rem
}

.i-picker-modal__option {
    height: 1.08rem;
    font-size: .32rem;
    font-weight: 500;
    border-bottom: .02rem solid #f0f1f5;
    padding: .08rem 0
}

.i-picker-modal__option:last-child {
    border-bottom: none
}

.i-picker-modal__option__label {
    padding: .24rem .16rem;
    height: 100%;
    border-radius: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.i-picker-modal__option__label:active {
    background-color: #f9fafc
}

.user .account__banned {
    font-size: 14px;
    line-height: 20px;
    color: #fa6150;
    padding: 6px 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42NjYgOEE2LjY2NyA2LjY2NyAwIDExMS4zMzMgOGE2LjY2NyA2LjY2NyAwIDAxMTMuMzMzIDB6TTggNC45NTJjLjM2OSAwIC42NjcuMjk5LjY2Ny42Njd2Mi4zOGEuNjY3LjY2NyAwIDAxLTEuMzMzIDBWNS42MmMwLS4zNjguMjk4LS42NjcuNjY2LS42Njd6bTAgNC41MjRjLjM2OSAwIC42NjcuMjk5LjY2Ny42Njd2LjIzOGEuNjY3LjY2NyAwIDExLTEuMzMzIDB2LS4yMzhjMC0uMzY4LjI5OC0uNjY3LjY2Ni0uNjY3eiIgZmlsbD0iI0ZBNjE1MCIvPjwvc3ZnPg==) no-repeat 8px/16px 16px;
    border-radius: 8px;
    background-color: #fff3f0;
    margin: -8px 0 8px
}

.user__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #f9fafc;
    border-radius: 12px;
    padding: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #5c5d61
}

.user__role {
    width: 100%
}

.user__info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.user__info, .user__info p {
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex*/
}

.user__info p + p {
    margin-top: 5px
}

.user__role__empty {
    color: #98999e;
    padding-left: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA4QTggOCAwIDExMCA4YTggOCAwIDAxMTYgMHpNNyAzLjY2N2ExIDEgMCAxMTIgMHY0LjYzOWExIDEgMCAxMS0yIDB2LTQuNjR6bTEgN2ExIDEgMCAxMDAgMiAxIDEgMCAwMDAtMnoiIGZpbGw9IiNDMUMyQzciLz48L3N2Zz4=) no-repeat 0/16px 16px
}

.user__passport {
    margin-right: 48px;
    height: 100%;
    -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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.user__passport, .user__passport__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user__passport__account {
    margin-bottom: 12px
}

.user__passport > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__passport button {
    background-color: transparent;
    margin-left: 24px
}

.user__passport button span {
    color: #86cef0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__passport button span:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNjkgNC44NTNhLjc5NC43OTQgMCAwMTEuMTE5LjA4NmwyLjM4IDIuNzc4YS43OTQuNzk0IDAgMDEtLjYwMiAxLjMxSDUuODMzYS43OTQuNzk0IDAgMDEwLTEuNTg3aDYuNjA3bC0xLjI1OC0xLjQ2OGEuNzk0Ljc5NCAwIDAxLjA4Ny0xLjExOXpNOC43MzEgMTUuMTg2YS43OTQuNzk0IDAgMDEtMS4xMTktLjA4NmwtMi4zOC0yLjc3OGEuNzk0Ljc5NCAwIDAxLjYwMi0xLjMxaDguMzMzYS43OTQuNzk0IDAgMTEwIDEuNTg3SDcuNTZsMS4yNTcgMS40NjhhLjc5NC43OTQgMCAwMS0uMDg2IDEuMTE5eiIgZmlsbD0iIzAwQzNGRiIvPjwvc3ZnPg==) no-repeat 50%/cover;
    margin-left: 2px
}

.m .user {
    margin-bottom: .4rem
}

.m .user__content {
    display: block;
    border-radius: .24rem;
    padding: .32rem .48rem;
    font-size: .28rem;
    line-height: .4rem;
    position: relative
}

.m .user__switch {
    position: absolute;
    top: 0;
    right: 0;
    width: .72rem;
    height: .4rem;
    background: #e5f9ff;
    border-radius: 0 .24rem
}

.m .user__switch:after {
    content: "";
    position: absolute;
    left: .16rem;
    width: .4rem;
    height: .4rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNjkgNC44NTNhLjc5NC43OTQgMCAwMTEuMTE5LjA4NmwyLjM4IDIuNzc4YS43OTQuNzk0IDAgMDEtLjYwMiAxLjMxSDUuODMzYS43OTQuNzk0IDAgMDEwLTEuNTg3aDYuNjA3bC0xLjI1OC0xLjQ2OGEuNzk0Ljc5NCAwIDAxLjA4Ny0xLjExOXpNOC43MzEgMTUuMTg2YS43OTQuNzk0IDAgMDEtMS4xMTktLjA4NmwtMi4zOC0yLjc3OGEuNzk0Ljc5NCAwIDAxLjYwMi0xLjMxaDguMzMzYS43OTQuNzk0IDAgMTEwIDEuNTg3SDcuNTZsMS4yNTcgMS40NjhhLjc5NC43OTQgMCAwMS0uMDg2IDEuMTE5eiIgZmlsbD0iIzAwQzNGRiIvPjwvc3ZnPg==) no-repeat;
    background-size: .4rem .4rem
}

.m .user__passport {
    margin-left: 0;
    margin-right: 0;
    height: auto;
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.m .user__passport strong {
    color: #222224;
    font-size: .32rem;
    line-height: .48rem
}

.m .user__passport .divider {
    width: .02rem;
    height: .28rem;
    margin-left: .16rem;
    background-color: #e4e5eb;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m .user__passport .divider + .i-picker {
    margin-left: .16rem;
    max-width: 3.9rem
}

.m .user__info {
    margin-top: .16rem;
    height: auto;
    -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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden
}

.m .user__info p + p {
    margin-top: 0
}

.m .user__info p:first-child {
    min-width: 0;
    margin-right: .48rem
}

.m .user__info p span {
    white-space: nowrap
}

.banner-container[data-v-3ce6148c] {
    overflow: hidden;
    width: 1200px;
    height: 255px;
    margin: 24px auto
}

.banner-container .banner[data-v-3ce6148c] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden
}

.banner-container .banner img[data-v-3ce6148c] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m .banner-container[data-v-3ce6148c] {
    height: 2.32rem;
    width: 6.86rem;
    margin: .4rem auto
}

.m .banner-container .banner[data-v-3ce6148c] {
    border-radius: .24rem
}

.goods__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0;
    position: relative;
    top: 12px;
    z-index: 2
}

.goods-m .goods__tag--once, .goods__tag--first, .goods__tag--once {
    padding: 4px 12px;
    border-radius: 20px;
    background: #fb9841;
    height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .1px;
    word-break: keep-all
}

.goods-m .goods__tag {
    top: .12rem
}

.goods-m .goods__tag--first, .goods-m .goods__tag--once {
    height: .36rem;
    font-size: .2rem;
    font-weight: 500;
    line-height: .28rem;
    padding: .04rem .16rem;
    border-radius: .4rem
}

.goods__info {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 240px;
    color: #222224
}

.goods__icon {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 20px 0
}

.goods__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.goods__name {
    font-size: 20px;
    min-height: 28px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 6px;
    max-width: 100%
}

.goods__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    height: 24px;
    white-space: nowrap
}

.goods__desc img {
    height: 19px;
    width: auto;
    margin: 0 4px
}

.goods__desc.goods_update img {
    height: 12px;
    margin-right: 4px
}

.goods-m .goods__info {
    height: auto;
    margin-top: .28rem
}

.goods-m .goods__icon {
    width: 2rem;
    height: 2rem;
    margin-top: 0 !important;
    margin-bottom: .08rem
}

.goods-m .goods__name {
    min-height: .36rem;
    font-size: .28rem;
    line-height: .36rem;
    margin-bottom: .08rem
}

.goods-m .goods__desc {
    font-size: .24rem;
    line-height: .32rem;
    height: .32rem;
    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;
    width: 100%
}

.goods-m .goods__desc img {
    height: .26rem;
    margin: 0 .08rem
}

.goods-m .goods__desc.goods_update img {
    height: .24rem;
    margin-right: .08rem
}

.pay-rule .i-message-box__close {
    display: block
}

.quantity-adjuster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 117px;
    height: 40px;
    padding: 4px;
    border-radius: 100px;
    background-color: rgba(240, 241, 245, .5);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quantity-adjuster button {
    width: 32px;
    height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTIuNjY3IiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMEMzRkYiIHN0cm9rZS13aWR0aD0iMS4zMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMS4zMzMgMTZoOS4zMzQiIHN0cm9rZT0iIzAwQzNGRiIgc3Ryb2tlLXdpZHRoPSIyLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+) no-repeat 50%/100% auto
}

.quantity-adjuster button.disabled {
    cursor: not-allowed;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTMuMzMzIiBmaWxsPSIjRTRFNUVCIi8+PHBhdGggZD0iTTExLjMzMyAxNmg5LjMzNCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) no-repeat 50%/100% auto
}

.quantity-adjuster button:last-child {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTMuMzMzIiBmaWxsPSIjMDBDM0ZGIi8+PHBhdGggZD0iTTExLjMzMyAxNmg5LjMzNE0xNiAxMS4zMzR2OS4zMzMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+) no-repeat 50%/100% auto
}

.quantity-adjuster button:last-child.disabled {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTMuMzMzIiBmaWxsPSIjRTRFNUVCIi8+PHBhdGggZD0iTTExLjMzMyAxNmg5LjMzNE0xNiAxMS4zMzR2OS4zMzMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+) no-repeat 50%/100% auto
}

.quantity-adjuster input {
    text-align: center;
    width: 45px;
    line-height: 24px;
    font-size: 16px;
    color: #222224;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quantity-adjuster input:focus {
    caret-color: #86cef0
}

.quantity-adjuster input[type=number]::-webkit-inner-spin-button, .quantity-adjuster input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity-adjuster input[type=number] {
    -moz-appearance: textfield
}

.quantity-adjuster input[disabled] {
    pointer-events: none;
    color: #222224;
    opacity: 1
}

.m .quantity-adjuster {
    width: 1.64rem;
    height: .48rem;
    padding: 0;
    background-color: #fff
}

.m .quantity-adjuster button {
    width: .48rem;
    height: .48rem
}

.m .quantity-adjuster input {
    background-color: #fff;
    width: .68rem;
    height: .48rem;
    line-height: .32rem;
    font-size: .28rem
}

.height-471 {
    height: 471px
}

.height-383 {
    height: 383px
}

.order-confirmation {
    position: relative;
    width: 606px;
    padding: 40px 50px;
    background: #fff;
    border-radius: 20px;
    letter-spacing: .1px;
    line-height: normal;
    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;
    overflow: hidden
}

.order-confirmation .icon_btn, .order-confirmation .order-confirmation__back, .order-confirmation .order-confirmation__close {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    cursor: pointer
}

.order-confirmation__close {
    position: absolute;
    top: 18px;
    right: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTExLjU2IDI2LjU2YTEuNSAxLjUgMCAxMS0yLjEyLTIuMTJMMTUuODc4IDE4bC02LjQ0LTYuNDRhMS41IDEuNSAwIDAxMi4xMjItMi4xMkwxOCAxNS44NzhsNi40NC02LjQ0YTEuNSAxLjUgMCAxMTIuMTIgMi4xMjJMMjAuMTIyIDE4bDYuNDQgNi40NGExLjUgMS41IDAgMDEtMi4xMjIgMi4xMkwxOCAyMC4xMjJsLTYuNDQgNi40NHoiIGZpbGw9IiNDMUMyQzciLz48L3N2Zz4=) no-repeat 50%
}

.order-confirmation__back {
    position: absolute;
    top: 18px;
    left: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIyLjUgMjdsLTguNTA3LTcuMjkyYTIuMjUgMi4yNSAwIDAxMC0zLjQxNkwyMi41IDkiIHN0cm9rZT0iI0MxQzJDNyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%
}

.order-confirmation__title {
    color: #222224;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .15px
}

.order-confirmation__page {
    min-width: 100%;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.order-confirmation__page__wrapper {
    width: 100%;
    overflow: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.order-confirmation__content, .order-confirmation__page__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-confirmation__content {
    color: #5c5d61;
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-confirmation__content--show {
    left: 0;
    opacity: 1
}

.order-confirmation__content--hide {
    left: -100%;
    opacity: 0
}

.order-confirmation__scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.order-confirmation__scroll .coupon-tips__unused {
    padding: 2px 8px;
    border-radius: 6px;
    background: #fa6150;
    color: #fff;
    line-height: 20px;
    font-size: 14px
}

.order-confirmation__scroll .coupon-tips__used {
    color: #fa6150
}

.order-confirmation__coupon {
    position: absolute;
    padding-top: 25px;
    max-height: 100%;
    overflow: auto
}

.order-confirmation__coupon--show {
    left: 0;
    opacity: 1
}

.order-confirmation__coupon--hide {
    left: 100%;
    opacity: 0
}

.order-confirmation__coupon__card + .order-confirmation__coupon__card {
    margin-top: 16px
}

.order-confirmation__coupon__title {
    color: #5c5d61;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px
}

.order-confirmation__coupon__title:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 7px;
    margin-right: 2px;
    border-radius: 17px;
    background-color: #98999e
}

.order-confirmation__coupon__empty {
    margin-top: 90px
}

.order-confirmation__coupon__card + .order-confirmation__coupon__title {
    margin-top: 24px
}

.order-confirmation footer {
    width: 100%;
    height: 132px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.order-confirmation__price, .order-confirmation footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-confirmation__price {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
    color: #fa6150;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order-confirmation__price--discounted {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px
}

.order-confirmation__price--discounted span {
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    display: inline-block
}

.order-confirmation__price--discounted span:first-letter {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-right: 4px
}

.order-confirmation__price--original {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    color: #5c5d61;
    margin-top: 2px
}

.order-confirmation__price--original span {
    text-decoration: line-through
}

.order-confirmation__btn {
    margin: 16px auto 0;
    font-size: 20px;
    line-height: 48px;
    height: 48px;
    width: 158px;
    font-weight: 500
}

.order-info {
    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%
}

.order-info__icon {
    width: 84px;
    height: 84px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .02)
}

.order-info__content {
    width: 100%;
    height: 84px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-info__base, .order-info__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.order-info__base {
    -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;
    height: 100%;
    margin-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.order-info__base:last-child .order-info__bonus, .order-info__base:last-child .order-info__name {
    text-align: right !important
}

.order-info__quantity {
    margin-left: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.order-info__quantity-info {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #f9fafc;
    margin-top: 8px
}

.order-info__quantity-info li {
    font-size: 14px;
    line-height: 20px;
    color: #5c5d61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-info__quantity-info li + li {
    margin-top: 4px
}

.order-info__quantity-tips {
    margin-top: 8px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #98999e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-info__quantity-tips:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE0LjY2N0E2LjY2NyA2LjY2NyAwIDEwOCAxLjMzM2E2LjY2NyA2LjY2NyAwIDAwMCAxMy4zMzR6TTggMTZBOCA4IDAgMTA4IDBhOCA4IDAgMDAwIDE2eiIgZmlsbD0iI0MxQzJDNyIvPjxwYXRoIGQ9Ik03LjMzMyA0LjY2N2EuNjY3LjY2NyAwIDAxMS4zMzQgMHY0YS42NjcuNjY3IDAgMDEtMS4zMzQgMHYtNHptMCA2LjMzM2EuNjY3LjY2NyAwIDExMS4zMzQgMCAuNjY3LjY2NyAwIDAxLTEuMzM0IDB6IiBmaWxsPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: 16px 16px
}

.order-info__name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #222224
}

.order-info__bonus {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #5c5d61
}

.order-info__bonus img {
    width: 19px;
    height: 19px
}

.order-info__price {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 16px;
    color: #222224
}

.user-info {
    width: 100%;
    border-top: 1px solid #f0f1f5;
    border-bottom: 1px solid #f0f1f5;
    margin-top: 16px;
    padding: 15px 0 16px
}

.user-info__item {
    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;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 24px
}

.user-info__item + .user-info__item {
    margin-top: 16px
}

.user-info__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #5c5d61;
    white-space: nowrap
}

.user-info__value {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 60px;
    text-align: right;
    color: #222224;
    position: relative
}

.user-info__value--pointer {
    padding-right: 22px;
    cursor: pointer
}

.user-info__value--pointer:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40IDkuMTMyYTEuNiAxLjYgMCAwMDAtMi4yNjNMNi45NjQgMy40MzVhLjguOCAwIDEwLTEuMTMxIDEuMTNMOS4yNjggOGwtMy40MzQgMy40MzRhLjguOCAwIDAwMS4xMzEgMS4xMzJMMTAuNCA5LjEzMnoiIGZpbGw9IiMyMjIyMjQiLz48L3N2Zz4=) no-repeat 50%;
    background-size: 16px 16px
}

.m .goods-dialog-mihoyo-common-container {
    height: 55%
}

.m .order-confirmation {
    height: 100%;
    width: 100vw;
    border-radius: .32rem .32rem 0 0;
    padding: .32rem .16rem .2rem;
    background: #f9fafc
}

.m .order-confirmation__close {
    top: .32rem;
    right: .32rem;
    width: .48rem;
    height: .48rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE2LjI5MyAxNy43MDdhMSAxIDAgMTAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC4yOTMtNC4yOTNhMSAxIDAgMDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDcuNzA3IDYuMjkzYTEgMSAwIDEwLTEuNDE0IDEuNDE0TDEwLjU4NiAxMmwtNC4yOTMgNC4yOTNhMSAxIDAgMTAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNC4yOTMgNC4yOTN6IiBmaWxsPSIjMjIyMjI0Ii8+PC9zdmc+) no-repeat 50%;
    background-size: .48rem .48rem
}

.m .order-confirmation__page__wrapper {
    height: 100%
}

.m .order-confirmation__coupon-confirm {
    position: absolute;
    top: .32rem;
    right: .32rem;
    color: #86cef0;
    font-size: .32rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .002rem
}

.m .order-confirmation__back {
    top: .32rem;
    left: .32rem;
    width: .48rem;
    height: .48rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE1IDZsLTUuNjcxIDQuODYxYTEuNSAxLjUgMCAwMDAgMi4yNzhMMTUgMTgiIHN0cm9rZT0iIzIyMjIyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%;
    background-size: .48rem .48rem
}

.m .order-confirmation__title {
    text-align: center;
    font-size: .32rem;
    line-height: normal;
    margin-bottom: .36rem;
    letter-spacing: .002rem
}

.m .order-confirmation__content {
    width: 100%;
    height: 100%;
    font-size: .28rem;
    line-height: .4rem;
    margin-top: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m .order-confirmation__content .coupon-tips__unused {
    padding: .04rem .12rem;
    border-radius: .12rem;
    line-height: .32rem;
    font-size: .24rem
}

.m .order-confirmation__scroll {
    overflow: auto
}

.m .order-confirmation__btn {
    width: 100%;
    font-size: .32rem;
    line-height: .96rem;
    border-radius: .24rem;
    margin-top: .2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .96rem;
    flex: 0 0 .96rem
}

.m .order-confirmation__coupon {
    padding: .16rem .16rem 0
}

.m .order-confirmation__coupon .coupon__list__tips {
    margin-bottom: .48rem
}

.m .order-confirmation__coupon .order-confirmation__coupon__card + .order-confirmation__coupon__card {
    margin-top: .24rem
}

.m .order-confirmation__coupon .order-confirmation__coupon__card + .order-confirmation__coupon__title {
    margin-top: .48rem
}

.m .order-confirmation__coupon__title {
    font-size: .24rem;
    line-height: .32rem;
    margin-bottom: .16rem
}

.m .order-confirmation__coupon__title:before {
    width: .04rem;
    height: .14rem;
    margin-right: .08rem;
    border-radius: .34rem
}

.m .order-confirmation__coupon__empty {
    margin-top: 1.8rem
}

.m .order-confirmation__price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: .32rem
}

.m .order-confirmation__price--discounted {
    font-size: .34rem;
    line-height: .32rem
}

.m .order-confirmation__price--discounted span {
    font-size: .64rem;
    line-height: .84rem
}

.m .order-confirmation__price--discounted span:first-letter {
    font-size: .4rem;
    line-height: .62rem;
    margin-right: .08rem
}

.m .order-confirmation__price--original {
    margin-top: .04rem;
    font-size: .24rem;
    line-height: .32rem
}

.m .order-confirmation .coupon-info, .m .order-confirmation .info--item, .m .order-confirmation .order-info, .m .order-confirmation .payment-info, .m .order-confirmation .user-info {
    background: #fff;
    color: #222224;
    border-radius: .24rem;
    padding: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 400;
    line-height: .56rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m .order-confirmation .order-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .28rem
}

.m .order-confirmation .order-info__icon {
    width: 1.12rem;
    height: 1.12rem
}

.m .order-confirmation .order-info__content {
    width: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.12rem
}

.m .order-confirmation .order-info__quantity-info {
    padding: .16rem;
    border-radius: .08rem;
    margin-top: .16rem
}

.m .order-confirmation .order-info__quantity-info li {
    font-size: .24rem;
    line-height: .32rem
}

.m .order-confirmation .order-info__quantity-info li + li {
    margin-top: .12rem
}

.m .order-confirmation .order-info__quantity-tips {
    margin-top: .12rem;
    margin-left: .16rem;
    font-size: .24rem;
    line-height: .32rem
}

.m .order-confirmation .order-info__quantity-tips:before {
    content: "";
    width: .24rem;
    height: .24rem;
    margin-right: .08rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE0LjY2N0E2LjY2NyA2LjY2NyAwIDEwOCAxLjMzM2E2LjY2NyA2LjY2NyAwIDAwMCAxMy4zMzR6TTggMTZBOCA4IDAgMTA4IDBhOCA4IDAgMDAwIDE2eiIgZmlsbD0iI0MxQzJDNyIvPjxwYXRoIGQ9Ik03LjMzMyA0LjY2N2EuNjY3LjY2NyAwIDAxMS4zMzQgMHY0YS42NjcuNjY3IDAgMDEtMS4zMzQgMHYtNHptMCA2LjMzM2EuNjY3LjY2NyAwIDExMS4zMzQgMCAuNjY3LjY2NyAwIDAxLTEuMzM0IDB6IiBmaWxsPSIjQzFDMkM3Ii8+PC9zdmc+) no-repeat 50%;
    background-size: .24rem .24rem
}

.m .order-confirmation .order-info__base, .m .order-confirmation .order-info__quantity {
    margin-left: .16rem
}

.m .order-confirmation .order-info__name {
    font-size: .32rem;
    line-height: normal;
    font-style: normal;
    font-weight: 500
}

.m .order-confirmation .order-info__bonus {
    margin-top: .08rem;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: .32rem;
    text-align: left;
    color: #98999e
}

.m .order-confirmation .order-info__bonus img {
    width: .26rem;
    height: .26rem
}

.m .order-confirmation .user-info {
    margin-top: .16rem;
    border: none;
    width: 100%
}

.m .order-confirmation .user-info__item {
    width: 100%;
    font-size: .28rem;
    line-height: .4rem;
    height: .4rem
}

.m .order-confirmation .coupon-info {
    margin-top: .16rem;
    font-size: .28rem
}

.m .order-confirmation .coupon-info__label {
    color: #5c5d61
}

.m .order-confirmation .coupon-info__value {
    font-size: .28rem
}

.m .order-confirmation .coupon-info__value--pointer {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m .order-confirmation .coupon-info__value--pointer:after {
    content: "";
    width: .24rem;
    height: .24rem;
    margin-left: .12rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuMjUgOS43NWwzLjIyLTMuMjJhLjc1Ljc1IDAgMDAwLTEuMDZMNS4yNSAyLjI1IiBzdHJva2U9IiM5ODk5OUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat 50%;
    background-size: .24rem .24rem
}

.m .order-confirmation .payment-info {
    padding: 0;
    margin-top: .16rem;
    display: block
}

.goods-intro-dialog-mihoyo-common-container .i-button {
    display: inline-block;
    line-height: 48px;
    height: 48px
}

.goods-intro-dialog-mihoyo-common-container .i-button:first-letter {
    margin-right: 4px
}

.goods {
    margin-top: 32px;
    min-height: 805px
}

.goods * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.goods__dialog {
    position: fixed
}

.goods__type {
    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;
    padding: 10px 24px;
    line-height: 22px;
    border-radius: 22px;
    border: 1px solid #e4e5eb;
    background: #fff;
    white-space: nowrap;
    cursor: pointer;
    transform: scale(1)
}

.goods__type + .goods__type {
    margin-left: 16px
}

.goods__type--active {
    border-radius: 22px;
    border: 1px solid #86cef0;
    color: #86cef0;
    background: #fff;
    font-weight: 600
}

.goods__type-wrapper {
    margin-bottom: 16px;
    overflow-x: auto;
    padding-right: 1px
}

.goods__list, .goods__type-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.goods__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.goods__item {
    position: relative;
    padding: 0 12px;
    height: 338px;
    border-radius: 20px;
    border: 1px solid #e4e5eb;
    background: #fff;
    overflow: hidden;
    margin-bottom: 16px;
    cursor: pointer
}

.goods:not(.goods-m) .goods__item:hover {
    border: 1px solid #86cef0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 195, 255, .04)), to(rgba(0, 195, 255, .04))), #fff;
    background: -webkit-linear-gradient(bottom, rgba(0, 195, 255, .04), rgba(0, 195, 255, .04)), #fff;
    background: -o-linear-gradient(bottom, rgba(0, 195, 255, .04) 0, rgba(0, 195, 255, .04) 100%), #fff;
    background: linear-gradient(0deg, rgba(0, 195, 255, .04), rgba(0, 195, 255, .04)), #fff
}

.goods__btn {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 174px;
    height: 48px;
    font-size: 20px
}

.goods__btn--eligible span {
    display: inline-block
}

.goods__btn--eligible span:first-letter {
    margin-right: 4px
}

.goods__price-original {
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .1px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.m {
    margin-top: 0
}

.m .goods-intro-dialog-mihoyo-common-container .i-button {
    line-height: .88rem;
    height: .88rem
}

.m .goods-intro-dialog-mihoyo-common-container .i-button:first-letter {
    margin-right: .08rem
}

.m .goods {
    margin-top: 0;
    margin-bottom: 1.22rem;
    min-height: 12.4rem
}

.m .goods__title {
    position: relative;
    height: .44rem;
    line-height: .44rem;
    font-size: .32rem;
    padding-left: .2rem;
    margin-top: .24rem;
    margin-bottom: .32rem
}

.m .goods__title:before {
    width: .08rem;
    height: .36rem;
    border-radius: .04rem
}

.m .goods__type {
    border-radius: .36rem;
    font-size: .24rem;
    line-height: .32rem;
    padding: .14rem .32rem
}

.m .goods__type-wrapper {
    margin-bottom: .32rem
}

.m .goods .goods__type + .goods__type {
    margin-left: .24rem
}

.m .goods__item {
    padding: 0 .12rem;
    height: 4.32rem;
    border-radius: .24rem;
    margin-bottom: .24rem
}

.m .goods__btn {
    bottom: .24rem;
    width: 2.8rem;
    height: .64rem;
    font-size: .28rem;
    line-height: .36rem;
    border-radius: .16rem
}

.m .goods__btn--eligible span:first-letter {
    margin-right: .08rem
}

.m .goods__price-original {
    font-size: .22rem;
    line-height: .26rem
}

.coupon-banner {
    padding: 8px 12px 8px 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    cursor: pointer;
    border-radius: 12px;
    background: #fff3f0;
    color: #fa6150;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.coupon-banner, .coupon-banner__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coupon-banner__name {
    padding: 6px 0 6px 6px
}

.coupon-banner__name:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41MzQgNC4xNjhjLTMuNTM1LS41MS01LjU2Ni0uNjA0LTkuMDgyLjAwMnYuMDAyYy0uNjg2LjExNy0xLjMxNi4zOTItMS43ODIuODQzYTIuNDczIDIuNDczIDAgMDAtLjc1MyAxLjgxOHYxLjIzOWEuNTQuNTQgMCAwMC4zMTcuNDkxYy4yODIuMTI0LjUyMy4zMjkuNjkyLjU5YTEuNjIxIDEuNjIxIDAgMDEwIDEuNzZjLS4xNy4yNjItLjQxLjQ2Ny0uNjkyLjU5YS41NC41NCAwIDAwLS4zMTcuNDl2MS4yNDJjMCAxLjUyIDEuMTQgMi40NzcgMi41NTUgMi42NjUgMy41MzYuNDY4IDUuNTI4LjQ2NSA5LjA1NSAwIC43MjEtLjA5NSAxLjM2LS4zNzMgMS44MjUtLjgzNi40NzEtLjQ3LjczMi0xLjEwMi43MzItMS44Mjh2LTEuMjQxYS41NDIuNTQyIDAgMDAtLjMxNy0uNDkxIDEuNTgxIDEuNTgxIDAgMDEtLjY5Mi0uNTkgMS42MiAxLjYyIDAgMDEwLTEuNzZjLjE2OS0uMjYyLjQxLS40NjcuNjkyLS41OTFhLjUyNy41MjcgMCAwMC4zMTctLjQ5VjYuODMyYzAtMS41MzMtMS4yMy0yLjQ3NC0yLjU1LTIuNjY0ek03LjczMyA3LjY2NmwuODM1LjgzNUg3LjZhLjU4NS41ODUgMCAwMDAgMS4xN2gxLjc5NXYxLjA1NEg3LjZhLjU4NS41ODUgMCAxMDAgMS4xN2gxLjc5NXYxLjM2NmEuNTg1LjU4NSAwIDEwMS4xNyAwdi0xLjM2NkgxMi40YS41ODUuNTg1IDAgMDAwLTEuMTdoLTEuODM0VjkuNjdIMTIuNGEuNTg1LjU4NSAwIDEwMC0xLjE3aC0uOTY4bC44MzUtLjgzNWEuNTg1LjU4NSAwIDAwLS44MjgtLjgyOEwxMCA4LjI3OGwtMS40MzgtMS40NGEuNTg1LjU4NSAwIDEwLS44MjguODI4eiIgZmlsbD0iI0ZBNjE1MCIvPjwvc3ZnPg==);
    background-size: 24px 24px;
    margin-right: 2px
}

.coupon-banner__num {
    padding: 6px 0 6px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon-banner__num:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40IDkuMTMxYTEuNiAxLjYgMCAwMDAtMi4yNjJMNi45NjYgMy40MzRhLjguOCAwIDEwLTEuMTMxIDEuMTMyTDkuMjY5IDhsLTMuNDM0IDMuNDM0YS44LjggMCAxMDEuMTMxIDEuMTMyTDEwLjQgOS4xM3oiIGZpbGw9IiNGQTYxNTAiLz48L3N2Zz4=);
    background-size: 16px 16px;
    margin-left: 12px
}

.m .coupon-banner {
    padding: .04rem .16rem;
    margin-bottom: .4rem;
    border-radius: .24rem;
    font-size: .28rem;
    line-height: .4rem
}

.m .coupon-banner__name {
    padding: .2rem 0
}

.m .coupon-banner__name:before {
    width: .4rem;
    height: .4rem;
    background-size: .4rem .4rem;
    margin-right: .04rem
}

.m .coupon-banner__num {
    padding: .2rem 0
}

.m .coupon-banner__num:after {
    width: .32rem;
    height: .32rem;
    background-size: .32rem .32rem;
    margin-left: .04rem
}