@charset "UTF-8";

.rax-view-v2 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    flex-shrink: 0;
    align-content: flex-start;
    border: 0 solid #000;
    margin: 0;
    padding: 0;
    min-width: 0
}

.rax-text-v2,
.rax-view-v2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rax-text-v2 {
    display: block;
    font-size: 4.26667vw;
    white-space: pre-wrap
}

.rax-text-v2--overflow-hidden {
    overflow: hidden
}

.rax-text-v2--singleline {
    white-space: nowrap
}

.rax-text-v2--multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.avatarMod--avatarWrap--qmmkNgy {
    padding: 12px 0
}

.avatarMod--sellerWrap--30-GZfr {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.avatarMod--personAvatar--Zx8magb {
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.avatarMod--sellerSubWrap--3PNSOae {
    -moz-box-flex: 1;
    flex: 1;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.avatarMod--sellerDetailWrap--30-5ZCB {
    margin-left: 2.13333vw;
    -moz-box-flex: 1;
    flex: 1
}

.avatarMod--sellerNick--1JCsV_s {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    height: 20px
}

.avatarMod--personTag--BE0y8rF {
    margin-left: 1.06667vw
}

.avatarMod--personTitle--w4XpfIB {
    max-width: 29.33333vw;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 93.33333vw;
    margin-right: 1.06667vw;
    overflow: hidden
}

.avatarMod--personButton--yxfPIW5 {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    width: 72px;
    height: 20px;
    text-align: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.avatarMod--personButtonText--2ZTz_9_ {
    color: #a3a3a3;
    font-size: 12px;
    line-height: 16px;
    font-family: PingFang-SC-Medium
}

.avatarMod--chatButton--1LTfcAQ {
    width: 64px;
    height: 32px;
    border-radius: 16px;
    background-color: #ffe60f;
    text-align: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.avatarMod--chatButtonText--340nhUz {
    font-size: 14px;
    color: #333
}

.avatarMod--personCity--6XeBvpC {
    color: #a3a3a3;
    font-size: 12px;
    line-height: 16px;
    -moz-box-flex: 1;
    flex: 1;
    margin-top: .53333vw
}

.avatarMod--zhimaTag--22nxZ_g {
    margin-right: 4
}

.priceMod--priceMod--Yld0tWj {
    margin-top: 12px;
    margin-bottom: 12px
}

.priceMod--priceWrap--3Ql3MpR {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.priceMod--promotionPre--1l9DsaN {
    color: #f44;
    font-size: 16px;
    font-weight: 700;
    font-family: PingFangSC-Medium;
    margin-right: .8vw
}

.priceMod--priceTextWrap--3PwMboh {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    height: 22px
}

.priceMod--originPrice--RQjxUwC {
    color: #a3a3a3;
    text-decoration: line-through;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    margin-left: 1.06667vw;
    margin-top: 3px
}

.priceMod--mFlag--3cR33NN {
    font-size: 16px;
    margin-right: .53333vw;
    margin-top: 4px
}

.priceMod--mFlag--3cR33NN,
.priceMod--soldPrice--20BWwRm {
    color: #f44;
    font-weight: 700;
    font-family: PingFangSC-Medium
}

.priceMod--soldPrice--20BWwRm {
    font-size: 22px
}

.priceMod--soldPriceCent--xYFcpZ2 {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #f44;
    font-weight: 700;
    margin-top: 4px
}

.priceMod--priceUnit--2shNbh3 {
    margin-left: 1.06667vw;
    color: #f44;
    font-size: 14px;
    margin-top: 1.5px
}

.priceMod--priceTag--2lRfKLW {
    height: 16px;
    padding: 0 4px;
    -moz-box-align: center;
    align-items: center;
    margin-left: 4px
}

.priceMod--priceTag--2lRfKLW,
.priceMod--priceTagFirst--1F_adLN {
    border: .13333vw solid #f44;
    font-family: PingFangSC-Medium;
    font-size: 10px;
    line-height: 10px;
    background-color: #fff;
    border-radius: 3px;
    color: #f44;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    position: relative
}

.priceMod--priceTagFirst--1F_adLN {
    padding: 4px 3px;
    margin-left: 1.06667vw
}

.priceMod--priceTagContainer--1qO0-BH {
    display: -moz-box;
    display: flex;
    margin-left: 1.06667vw
}

.priceMod--priceTagContainer--1qO0-BH,
.priceMod--priceWrapContainer--2L-vlMY {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.priceMod--promotionDesc--1AhDAVf {
    font-family: PingFangSC-Regular;
    color: #a3a3a3;
    font-size: 12px;
    height: 16px
}

.priceMod--priceIconTag--1jfheEp {
    border: .13333vw solid #f44;
    font-family: PingFangSC-Medium;
    font-size: 10px;
    background-color: #fff;
    border-radius: 3px;
    color: #f44;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    padding: 3px 4px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    margin-left: 4px
}

.priceMod--priceIconImg--1_vA2py {
    width: 12px;
    height: 12px
}

.priceMod--priceIconText--13QnSzd {
    margin-left: 4px;
    font-size: 10px;
    font-family: PingFangSC-Medium
}

.spvListMod--labelWrap--3GQMpmJ {
    width: 323px;
    padding-top: 16px;
    padding-bottom: 16px
}

.spvListMod--labels--3_M2VxV {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 12px
}

.spvListMod--labelName--djETR8G {
    font-size: 14px;
    color: #a3a3a3;
    margin-right: 4.26667vw
}

.spvListMod--valueName--3CfnJcG {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.commentMod--commentItem--GEFkR_I {
    padding: 12px 0;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.commentMod--commentItem--GEFkR_I,
.commentMod--commentLeft--3wdQDdo {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.commentMod--commentLeft--3wdQDdo {
    -moz-box-align: start;
    align-items: flex-start
}

.commentMod--commentLeftText--3_YG-pV {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    margin-left: 2.13333vw
}

.commentMod--commentNickWrap--3I44O55 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: end;
    align-items: flex-end
}

.commentMod--commentAvatar--kZxIDeb {
    width: 32px;
    height: 32px;
    border-radius: 32px
}

.commentMod--commentNick--vqBCmAu {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    color: #a3a3a3
}

.commentMod--commentTitle--3DBYaq2 {
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 400;
    font-stretch: normal;
    line-height: 24px;
    color: #252525;
    padding: 12px 0
}

.commentMod--commentTime--1NC3Eo4 {
    font-family: PingFangSC-Regular;
    font-size: 10px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    color: #a3a3a3
}

.commentMod--commentContent--2L1XGbu {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    color: #333;
    margin-top: 4px;
    max-width: 80.8vw;
    white-space: pre-wrap
}

.commentMod--buttonContainer--hWgCi1J {
    width: 91.46667vw;
    height: 64px
}

.commentMod--buttonContainer--hWgCi1J,
.commentMod--commentButton--1l-rZm6 {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.commentMod--commentButton--1l-rZm6 {
    background-color: #ffe60f;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 343px;
    text-align: center
}

.commentMod--commentButtonText--2NHE7sU {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    color: #333
}

.commentMod--favorIcon--1WIB8jN {
    width: 24px;
    height: 24px;
    margin-bottom: 4px
}

.commentMod--favorNum--2ZomQQh {
    font-family: PingFangSC-Regular;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #ccc
}

.commentMod--commentRight--2h6K-v7 {
    -moz-box-orient: vertical;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center
}

.commentMod--commentRight--2h6K-v7,
.subDetailMod--wantDetailContainer--79Lt27G {
    display: -moz-box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-align: center;
    align-items: center
}

.subDetailMod--wantDetailContainer--79Lt27G {
    -moz-box-orient: horizontal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    height: 48px;
    border-bottom: 1;
    border-color: rgba(0, 0, 0, .08);
    border-style: solid
}

.subDetailMod--guarantee--22d8zql {
    color: #00a0e9;
    font-size: 12px;
    margin-left: 1.06667vw
}

.subDetailMod--guaranteeContainer--1QeVmnn {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.subDetailMod--aliLogo--2D48TBH {
    width: 16px;
    height: 16px
}

.subDetailMod--wantDetailWrap--3bi5Jov {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.subDetailMod--wantDetail--Bva9M0_ {
    color: #a3a3a3;
    font-size: 12px
}

.imageListMod--imageWrap--3cJ0bMK {
    margin-top: 8px;
    width: 91.46667vw;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap
}

.imageListMod--firstImg--1G4rc6U {
    margin-bottom: .26667vw;
    width: 91.46667vw;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.imageListMod--lastImg--2oEAAVc {
    width: 91.46667vw;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.imageListMod--normalImg--2jApffI {
    margin-bottom: .26667vw;
    width: 91.46667vw
}

.detailDesc--descWrap--2i-FGe1 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    position: relative
}

.detailDesc--tagsContainer--1YkyARH {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    position: absolute;
    left: 0;
    top: 6px
}

.detailDesc--descTag--2aSEVz6 {
    margin-right: 3px
}

.detailDesc--descText--1FMDTCm {
    font-family: PingFangSC-Regular;
    font-size: 17px;
    line-height: 28px;
    color: #333;
    text-align: left;
    display: inline
}

.actionBar--actionBar--1nEUvjs {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 100vw
}

.actionBar--actionBarWrap--3tz04jP {
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px
}

.actionBar--actionBarWrap--3tz04jP,
.actionBar--btnContainer--J9X-nQM,
.actionBar--leftButtonList--12DFPUj,
.actionBar--ypbtnContainer--rASo27E {
    display: -moz-box;
    align-items: baseline;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.actionBar--leftButtonItem--2N-oJwP {
    display: -moz-box;
    align-items: baseline;
    -moz-box-align: center;
    align-items: center;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: start;
    justify-content: flex-start
}

.actionBar--leftButtonIcon--2Y4bBs6 {
    width: 24px;
    height: 24px
}

.actionBar--leftButtonText--d7emmSS {
    color: #a3a3a3;
    font-size: 12px;
    margin-top: .53333vw;
    line-height: 16px
}

.actionBar--actionBarRight--3rdUIJZ {
    -moz-box-align: center;
    align-items: center
}

.actionBar--errBtn--i9UGF8Z {
    height: 40px;
    width: 88px;
    color: #333;
    text-align: center;
    border: .5px solid rgba(0, 0, 0, .08);
    line-height: 40px;
    border-radius: 40px
}

.actionBar--btnBuy--1KxQoAa {
    width: 112px;
    height: 40px;
    background-color: #ffe60f;
    font-size: 14px;
    color: #333;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.actionBar--ypbtnContainer--rASo27E .actionBar--btnBuy--1KxQoAa {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .12)
}

.actionBar--ypbtnContainer--rASo27E .actionBar--appWrap--2fqDxDn {
    background-color: #ffdaa3
}

.actionBar--ypbtnContainer--rASo27E .actionBar--buyButton--2mcPA0v {
    color: #333
}

.actionBar--guideButton--2gQWcQg {
    color: #333;
    font-size: 2.66667vw
}

.actionBar--appWrap--2fqDxDn {
    width: 112px;
    height: 40px;
    background-color: #ff4f24;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.actionBar--buyButton--2mcPA0v {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-family: PingFangSC-Medium
}

.actionBar--chatButton--369ghtD {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.actionBar--iphoneXBottom--9hVXyq- {
    height: 34px;
    background-color: #fff
}

.actionBar--rentButtonContainer--2SQtrXe {
    width: 88px;
    height: 40px;
    background-image: -webkit-linear-gradient(315deg, #ff7919, #f20c68);
    background-image: -moz-linear-gradient(315deg, #ff7919 0, #f20c68 100%);
    background-image: -o-linear-gradient(315deg, #ff7919 0, #f20c68 100%);
    background-image: linear-gradient(135deg, #ff7919, #f20c68);
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: PingFangSC-Medium
}

.actionBar--statusStr--1-X5duj {
    font-size: 16px
}

.resellDoMod--resellBar--QDfa1MB {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    font-size: 14px;
    line-height: 20px;
    color: #a3a3a3;
    margin-top: 8px;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.resellDoMod--resellTitle--3GBLzKX {
    max-width: 50.4vw;
    margin-right: 1.06667vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.resellDoMod--resellPrice--1ytka4S,
.resellDoMod--resellText--2V2fRqb,
.resellDoMod--resellTitle--3GBLzKX {
    font-size: 14px;
    line-height: 20px;
    color: #a3a3a3
}

.resellDoMod--resellTextMod--3igcN17 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.resellDoMod--arrow--2vPmccT {
    width: 6px;
    height: 10px
}

.spu-selectbox {
    --boxPaddingH: 10px;
    position: relative;
    color: #000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #fff
}

.seleted-info {
    overflow: hidden
}

.prod-title {
    font-size: 7px
}

.has-selected {
    height: 20px;
    font-size: 6px
}

.selected-txt {
    display: inline-block;
    color: #7f7f7f
}

.selected-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 110px
}

.selected-item {
    display: inline-block;
    margin-right: .8vw
}

.sku-info {
    margin: 0;
    font-family: myFont;
    font-size: 7.5px
}

.spu-list {
    list-style: none;
    overflow: scroll;
    padding: 0 var(--boxPaddingH);
    background-color: #f8f8f8
}

.spu-list::-webkit-scrollbar {
    display: none
}

.spu-item {
    font-size: 6.5px
}

.item-title {
    color: #7f7f7f;
    margin-bottom: 5px
}

.item-tag {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 4.5px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #000;
    background-color: #fff;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.item-tag.active-tag {
    border-color: #313132
}

.item-tag.disable-tag {
    color: #aaa
}

.action-btn-box {
    padding: 4.5px var(--boxPaddingH)
}

.btn-box {
    width: 100%;
    padding: 6px 0;
    font-size: 7.5px;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 3px;
    background-color: #ff4e15
}

.btn-box.btn-disable {
    opacity: .4
}

.btn-type {
    text-align: center;
    font-size: 7.5px
}

.sku-container {
    height: 1200;
    width: 800
}

.selected-container {
    top: 0;
    position: fixed;
    margin: 16px 16px 0;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    z-index: 10
}

.selected-part {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.footer-button,
.selected-part {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.footer-button {
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100vw;
    background-color: #fff
}

.action-button {
    background-color: #fe5143;
    margin-top: 7px;
    width: 343px;
    height: 40px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 350px
}

.goods-pic {
    width: 72px;
    height: 72px;
    border-radius: 4px
}

.scroll-container {
    margin-top: 105px;
    overflow: scroll
}

.seperator {
    height: 1;
    margin: 16px auto 0
}

.seperator,
.seperator1 {
    width: 343px;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: rgba(0, 0, 0, .08)
}

.seperator1 {
    height: .13333vw;
    margin-top: 12px
}

.seperator2 {
    width: 100vw;
    height: .5px;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: rgba(0, 0, 0, .08);
    margin: 0
}

.sku-selected {
    margin-left: 3.2vw
}

.selected-price {
    color: #f44;
    font-family: PingFangSC-Medium;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: baseline;
    align-items: baseline;
    margin-bottom: 4px
}

.money-flag {
    font-size: 16px
}

.money {
    font-size: 22px;
    height: 22px
}

.amount-text {
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Medium
}

.sku-count {
    width: 100%;
    padding: 11px 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.sku-part {
    width: 100vw;
    padding: 0 16px 100px;
    -moz-box-pack: center;
    justify-content: center;
    overflow-x: hidden
}

.props-title-first {
    margin-top: 14px
}

.props-title,
.props-title-first {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    height: 20px;
    color: #333;
    margin-bottom: 14px
}

.props-title {
    margin-top: 24px
}

.props-item {
    background-color: #f7f7f7;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    font-family: PingFangSC-Regular;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px
}

.chosen {
    color: #f44;
    border: .5px solid #f44;
    background-color: #fff4f4
}

.disabled {
    color: rgba(51, 51, 51, .4);
    background-color: hsla(0, 0%, 96.9%, .4)
}

.props-option {
    width: 325px
}

.props-option,
.selected-text-container {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap
}

.selected-text-container {
    -moz-box-align: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    max-width: 260px
}

.goods-mask {
    width: 72px;
    height: 72px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .06);
    position: absolute
}

.selected-text {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #333;
    max-width: 260px;
    flex-wrap: wrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.amount-selector-container {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.amount-minus {
    padding: 8px 12px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.amount-minus,
.amount-number {
    color: #333;
    background-color: #f7f7f7
}

.amount-number {
    font-size: 14px;
    padding: 6px 0;
    width: 36px;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    font-family: PingFangSC-Regular
}

.amount-plus {
    padding: 8px 12px;
    color: #333;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f7f7f7
}

.minus-icon,
.plus-icon {
    width: 16px;
    height: 16px
}

.bottom-push-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 100;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    overflow: hidden;
    pointer-events: auto;
    touch-action: none
}

.bottom-push-modal-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0
}

.bottom-push-modal-view {
    background: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 101;
    touch-action: none
}

.bottom-push-modal-close-icon {
    position: absolute;
    top: 4.26667vw;
    right: 4.26667vw;
    z-index: 100
}

.close-icon {
    width: 24px;
    height: 24px
}

.hidden {
    display: none
}

.appriaseInfoMod--appraiseWrap--1CigLFJ {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    position: relative;
    width: 343px;
    height: 12.8vw;
    background: #fff;
    margin-bottom: 12px
}

.appriaseInfoMod--bgImg--2z6_wVu {
    width: 343px;
    height: 96px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 16px
}

.appriaseInfoMod--appraiseTitle--3xHMDXA {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    z-index: 10;
    padding: 0 12px
}

.appriaseInfoMod--icon--2HMEQ8Z {
    width: 45px;
    height: 11px
}

.appriaseInfoMod--serviceExt--JHJmcTk {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 32px;
    color: rgba(255, 218, 163, .7);
    margin-left: 1.6vw
}

.appriaseInfoMod--sericeIcon--2dMaXHh {
    width: 16px;
    height: 16px;
    margin-left: .53333vw
}

.appriaseInfoMod--serviceDetail--3J0lZGz,
.appriaseInfoMod--serviceTextPart--1iIdEGO {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.appriaseInfoMod--serviceDetail--3J0lZGz {
    -moz-box-pack: justify;
    justify-content: space-between;
    z-index: 10;
    padding: 12px
}

.appriaseInfoMod--serviceDetailTitle--ZUEs1lH {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #2f3140;
    margin-left: 1.33333vw
}

.appriaseInfoMod--serviceDetailSubTitle--3iU6FAA {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #292929;
    margin-top: 7px
}

.appriaseInfoMod--seriveButton--2NU54w8 {
    margin-left: 4vw
}

.appriaseInfoMod--seriveButtonImg--1FYT6YG {
    width: 80px;
    height: 32px
}

.appriaseInfoSubMod--appraiseSubWrap--2og-JTq {
    padding: 24px 0;
    background-color: #fff
}

.appriaseInfoSubMod--appraiseInfoheader--2nAvto7 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.appriaseInfoSubMod--headerTitle--2Vz_Vnr {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    line-height: 48px;
    color: #333
}

.appriaseInfoSubMod--headerIcon--Ud4iBgJ {
    width: 76px;
    height: 18px;
    background-color: #fff;
    border-radius: 2px;
    margin-left: 1.06667vw
}

.appriaseInfoSubMod--explainPic--1Qr5tPV {
    width: 343px
}

.appriaseInfoSubMod--seperator--WVKpBoS {
    width: 343px;
    border: .5px solid #fafafa;
    margin-top: 18px
}

.appriaseInfoSubMod--qaPart--1NrZZZO {
    margin-top: 24px
}

.appriaseInfoSubMod--qaHead--1nP39ng {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.appriaseInfoSubMod--qaHeadTitle--2t-Zh7j {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 24px;
    color: #333
}

.appriaseInfoSubMod--qaHeadHelpText--kvmUV_3 {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #0daeff
}

.appriaseInfoSubMod--qaList--ig8jjbV {
    margin-top: 15px
}

.appriaseInfoSubMod--qaItem--27WSTOx {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.appriaseInfoSubMod--question--2j3QDbK {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.appriaseInfoSubMod--answer--2jvG3_O {
    width: 325px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 20px;
    color: #a3a3a3;
    margin-top: 4px;
    margin-left: 4.8vw;
    margin-bottom: 14px
}

.toggleMod--clickMore--3bu1S-r {
    width: 93.33333vw;
    position: absolute;
    height: 198px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0
}

.toggleMod--bottomContainer--2m2dPsu {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 162px
}

.toggleMod--bottomText--1YPiZfW {
    color: #00a0e9;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.toggleMod--bottomArrow--1a7i_9c {
    width: 11px;
    height: 6px;
    margin-left: .93333vw
}

.videoMod--videoMod--8viB5Is {
    width: 750;
    margin-left: -4.26667vw
}

.recommendGoods--recommendWrap--3B805vb {
    margin-bottom: 100px
}

.recommendGoods--likeBarWrap--3XdSfga {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    height: 56px
}

.recommendGoods--likeBarPic--35TT_l9 {
    width: 21px;
    height: 20px
}

.recommendGoods--likeText--15Z59at {
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.recommendGoods--listContainer--2R24Nqe {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    justify-content: space-between
}

.recommendGoods--cardItem--3YFcqBQ {
    width: 163px;
    margin-bottom: 10px
}

.recommendGoods--cardTitleMod--1Lstq6V {
    margin-top: 8px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.recommendGoods--imgTag--2Mk7dcN {
    width: 28px;
    height: 16px;
    margin-right: .8vw;
    flex-shrink: 0
}

.recommendGoods--cardTitle--3P4ctM1 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.recommendGoods--cardPrice--1k3UZqE {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    line-height: 28px;
    -moz-box-align: center;
    align-items: center;
    height: 28px
}

.recommendGoods--cardImg--3fZogS- {
    width: 163px;
    height: 195px;
    border-radius: 8px;
    background-color: #f7f7f7
}

.recommendGoods--pricePrefix--1RHKIWd {
    font-family: PingFangSC-Medium;
    font-size: 10px;
    line-height: 14px;
    color: #f44
}

.recommendGoods--priceContainer--3nvsf80 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: baseline;
    align-items: baseline
}

.recommendGoods--priceText--2jPwjC5 {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    line-height: 18px;
    color: #f44
}

.recommendGoods--wantNum--3-J6CHV {
    font-family: PingFangSC-Regular;
    font-size: 10px;
    color: #a3a3a3
}

.recommendGoods--cardAvator--TEGqFi6 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    line-height: 7.46667vw
}

.recommendGoods--userAvatar--1nrkEQq {
    width: 20px;
    height: 20px;
    border-radius: 20px
}

.recommendGoods--cardCity--10dgR1Q {
    color: #a3a3a3;
    font-size: 10px;
    font-family: PingFangSC-Regular;
    margin-left: 1.06667vw
}

.recommendGoods--bottomText--IAXkd4h {
    text-align: center;
    color: #a3a3a3;
    font-size: 12px
}

.recommendGoods--bottomText--IAXkd4h,
.recommendGoods--loadingMore--SGl16TB {
    margin-top: 15px;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.recommendGoods--loadingMore--SGl16TB {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.recommendGoods--loadingText--2Kk1pyh {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #a3a3a3
}

.recommendGoods--errorWrap--3q7aI4e {
    margin: 136px auto
}

.recommendGoods--errorImg--1Y-QhTB {
    width: 120px;
    height: 120px
}

.recommendGoods--errorText--1-nSzda {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    margin-top: 8px
}

.FlowView--flowViewContainer--3Eyop9X {
    width: 100vw
}

.FlowView--columnScrollWrapper--29nBJ38 {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    overflow: hidden;
    -moz-box-flex: 1;
    flex-grow: 1
}

.FlowView--column--2B-Uc28 {
    position: relative;
    flex-shrink: 1 !important;
    -moz-box-flex: 2;
    flex-grow: 2
}

.FlowView--column--2B-Uc28,
.FlowView--fakeItemsColumn--17Mwwnr {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

.FlowView--fakeItemsColumn--17Mwwnr {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    flex-shrink: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    opacity: 0
}

.idlecom-cff {
    font-family: XIANYUbeta-Regular
}

@font-face {
    font-family: XIANYUbeta-Regular;
    src: url("https://g.alicdn.com/idleFish-F2e/asserts-def/global-css/XIANYUbeta-Regular(1).otf")
}

.itemCard--feedsItemWrap--2yyxuGT {
    width: 100%;
    margin-bottom: 12px
}

.itemCard--feedsImageContainer--1Up5b_O {
    position: relative
}

.itemCard--feedsImage--1HGfS0v,
.itemCard--feedsImageContainer--1Up5b_O {
    width: 100%;
    border-radius: 8px;
    background-color: #f5f5f5
}

.itemCard--distanceBox--1jped69 {
    height: 16px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .6);
    left: 4px;
    bottom: 4px;
    position: absolute;
    padding: 0 4px 0 3px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.itemCard--distanceIcon--2PQSrpL {
    width: 12px;
    height: 12px
}

.itemCard--distanceText--9JngYy3 {
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff
}

.itemCard--feedsContent--2vBZbHB {
    margin-top: 7px;
    padding: 0 4px
}

.itemCard--feedsMainTitleWrap--2wH7g2x {
    overflow: hidden;
    position: relative
}

.itemCard--feedsMainTitleWrap--2wH7g2x,
.itemCard--tagWrap--1wET4t6 {
    height: 20px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.itemCard--tagWrap--1wET4t6 {
    position: absolute;
    left: 0;
    top: 0
}

.itemCard--tag--2yBaZxv {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #0d93ff;
    flex-shrink: 0
}

.itemCard--line--27Qy8HB {
    height: 25px;
    width: 1px;
    background-color: rgba(0, 0, 0, .16);
    -webkit-transform: scale(.5) translateY(-25%);
    -moz-transform: scale(.5) translateY(-25%);
    transform: scale(.5) translateY(-25%);
    margin: 4px 4px 0
}

.itemCard--youpin--9nz8Lze {
    width: 49px;
    height: 16px;
    margin: auto 0
}

.itemCard--mainTitle--3eulqmq {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-indent: 0
}

.itemCard--feedsSubTitleWrap--pdHeT8C {
    margin-top: 4px;
    overflow: hidden;
    -moz-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.itemCard--cpvWrap--1gjLihT,
.itemCard--feedsSubTitleWrap--pdHeT8C {
    height: 16px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.itemCard--cpv--3sSXwkQ {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999
}

.itemCard--timeWrap--dqUwqLI {
    margin-top: 4px
}

.itemCard--timeBox--1f-0nYK,
.itemCard--timeWrap--dqUwqLI {
    height: 18px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.itemCard--timeBox--1f-0nYK {
    border-radius: 9px;
    background: -webkit-gradient(linear, left top, right top, from(#f7f7cc), to(rgba(247, 247, 204, 0)));
    background: -webkit-linear-gradient(left, #f7f7cc, rgba(247, 247, 204, 0));
    background: -moz-linear-gradient(left, #f7f7cc, rgba(247, 247, 204, 0));
    background: -o-linear-gradient(left, #f7f7cc, rgba(247, 247, 204, 0));
    background: linear-gradient(90deg, #f7f7cc, rgba(247, 247, 204, 0));
    padding: 1px 11px 1px 2px;
    -moz-box-align: center;
    align-items: center
}

.itemCard--timeClockIcon--2ZaehMQ {
    width: 14px;
    height: 14px
}

.itemCard--timeText--3-1UOi5 {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #48483b;
    text-align: center;
    margin-left: 2px
}

.itemCard--priceWrap--Y423BFh {
    margin-top: 4px;
    -moz-box-align: center;
    align-items: center;
    padding-top: 4px
}

.itemCard--countWrap--22ia2k4,
.itemCard--priceWrap--Y423BFh {
    height: 21px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden
}

.itemCard--countWrap--22ia2k4 {
    -moz-box-align: baseline;
    align-items: baseline;
    margin-top: -5px
}

.itemCard--unit--e0MOBZI {
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    font-weight: 400;
    color: #f40;
    margin-bottom: 6px;
    padding-top: 2px
}

.itemCard--integer--2H0QMPW {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #f40;
    padding-top: 2px
}

.itemCard--decimal--2J7kgxu {
    height: 12px;
    line-height: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #f40;
    padding-top: 2px
}

.itemCard--abbreviation--VOUfx_3 {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #f40
}

.itemCard--priceDesc--pLxXLeV {
    color: #f40
}

.itemCard--originPrice--O3wh04o,
.itemCard--priceDesc--pLxXLeV {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    margin-left: 4px
}

.itemCard--originPrice--O3wh04o {
    color: #999;
    text-decoration: line-through
}

.itemCard--sellerWrap--myR_zY2 {
    height: 32px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    margin-top: 2px
}

.itemCard--avatar--iAUJXCb {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    flex-shrink: 0
}

.itemCard--sellerTextWrap--3CXWqe7 {
    width: 81%;
    margin-left: 4px;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-flex: 1;
    flex-grow: 1
}

.itemCard--sellerLeft--U5eoaeL,
.itemCard--sellerTextWrap--3CXWqe7 {
    height: 32px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    margin-top: 1px
}

.itemCard--sellerLeft--U5eoaeL {
    flex-wrap: wrap;
    overflow: hidden;
    flex-shrink: 1;
    margin-right: 5px
}

.itemCard--sellerText--4mL4SfV {
    max-width: 45%
}

.itemCard--positionText--Cjc51-R,
.itemCard--sellerText--4mL4SfV {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    overflow: hidden
}

.itemCard--positionText--Cjc51-R {
    max-width: 100%
}

.itemCard--honor--1lcVab4 {
    height: 16px;
    margin: auto 0;
    flex-shrink: 0
}

.itemCard--honorText--uJJelHg {
    border-radius: 10px;
    padding: 0 6px;
    background-color: rgba(255, 112, 0, .08);
    color: #ff7900;
    font-size: 11px;
    text-align: center;
    flex-shrink: 0
}

.itemCard--honorText--uJJelHg,
.itemCard--want--fZ1nE6B {
    height: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    line-height: 16px
}

.itemCard--want--fZ1nE6B {
    font-size: 12px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .4);
    margin-left: 4px
}

.itemCard--userLine--28iP7pq {
    height: 23px;
    width: 1px;
    background-color: rgba(0, 0, 0, .16);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    margin: 3px 4px 0
}

.itemCard--positionWrap--2z5fxdE {
    height: 32px
}

.certificateMod--doorWrap--1_uLxbq,
.itemCard--positionWrap--2z5fxdE {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.certificateMod--doorWrap--1_uLxbq {
    width: 343px;
    height: 36px;
    border-radius: 8px;
    background-color: #1676ff;
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.certificateMod--doorIcon--P-Zq63N {
    margin-left: 2.66667vw
}

.certificateMod--doorArrowIcon--22QVbV1 {
    width: 12px;
    height: 12px;
    margin-right: 1.33333vw
}

.normal--topContainer--Gml6lOd {
    background-color: #fff
}

.normal--detailContainer--1YGYI4g {
    padding: 0 4.26667vw;
    position: relative
}

.normal--descCollpaseContainer--228MYrV {
    max-height: 117.86667vw;
    overflow: hidden;
    position: relative;
    padding: 0 4.26667vw
}

.normal--descCollpaseSubContainer--33VraHk {
    max-height: 117.6vw;
    overflow: hidden;
    position: relative;
    margin-bottom: 2px
}

.normal--detailSubContainer--2t6-huk {
    position: relative
}

.warpWallPlaceholder {
    height: 14.93333vw
}

.warpWallPlaceholder-warpWall {
    -webkit-box-shadow: rgba(0, 0, 0, .1882352941) 0 .53333vw 2.13333vw;
    box-shadow: 0 .53333vw 2.13333vw rgba(0, 0, 0, .1882352941);
    padding: 3.2vw 4.26667vw
}

.warpWallPlaceholder-textWarp {
    height: 8.53333vw
}

.warpWallPlaceholder-title {
    line-height: 4.53333vw;
    font-size: 3.2vw
}

.warpWallPlaceholder-subTitle {
    font-size: 2.66667vw;
    line-height: 3.73333vw
}

.warpWallPlaceholder-openApp {
    border-radius: 4.26667vw;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    padding: 1.6vw 3.33333vw
}

.externalOut {
    width: 100%;
    position: fixed;
    bottom: 6.4vw;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    z-index: 99;
    font-family: PingFangSC-Regular
}

.externalOut-title {
    background-color: #fce74f;
    border-radius: 4.26667vw;
    text-align: center;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    padding: .8vw 3.2vw;
    display: inline-block;
    color: #333;
    font-family: PingFangSC-Medium;
    -moz-box-flex: 1;
    flex: 1
}

.modal-contentArea {
    z-index: 999;
    font-family: PingFangSC-Regular
}

.modal-contentArea-titleWarp {
    padding: 9.33333vw 0;
    text-align: center
}

.modal-contentArea-contentText {
    font-weight: 700;
    line-height: 6.66667vw
}

.modal-contentArea-bottonArea {
    border-top: .13333vw solid #cecccc;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-flex: 1;
    flex: 1
}

.modal-contentArea-cancelButton,
.modal-contentArea-okButton {
    -moz-box-flex: 1;
    flex: 1;
    text-align: center;
    padding: 4vw 0
}

.modal-contentArea-cancelButton {
    border-right: .13333vw solid #cecccc
}

.CallAppmodal-mask {
    width: 100%;
    position: fixed;
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    z-index: 999
}

.CallAppmodal-mask-content {
    background: #fff
}

.step-contentArea {
    padding: 3.2vw 4.26667vw 9.33333vw;
    z-index: 999;
    font-family: PingFangSC-Regular
}

.step-contentArea-titleWarp {
    height: 6.66667vw;
    -moz-box-pack: justify;
    justify-content: space-between;
    font-weight: 700
}

.step-contentArea-centerContent,
.step-contentArea-titleWarp {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.step-contentArea-centerContent {
    margin: 6.4vw 0 7.46667vw
}

.step-contentArea-subTitleText,
.step-contentArea-subTitleText2 {
    font-size: 3.73333vw;
    color: #a3a3a3;
    line-height: 5.33333vw
}

.step-contentArea-subTitleText2 {
    margin-top: 1.06667vw
}

.step-contentArea-bottonArea {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-flex: 1;
    flex: 1
}

.step-contentArea-cancelButton,
.step-contentArea-okButton {
    text-align: center;
    padding: 2.93333vw 0 3.2vw;
    border-radius: 6.4vw;
    font-size: 4.8vw;
    line-height: 6.66667vw;
    color: #333
}

.step-contentArea-cancelButton {
    margin-right: 4.53333vw;
    background: hsla(0, 0%, 100%, .29);
    border: 1px solid rgba(0, 0, 0, .12);
    background-color: #fff;
    padding-left: 6.4vw;
    padding-right: 6.4vw
}

.step-contentArea-okButton {
    -moz-box-flex: 1;
    flex: 1;
    border: .13333vw solid #fff;
    font-weight: 700
}

.step-contentArea-downloadAppText {
    -moz-box-flex: 1;
    flex: 1;
    background: #f44;
    border-radius: 24px;
    background-color: #f44;
    font-size: 4.8vw;
    color: #fff;
    text-align: center;
    padding: 3.2vw 0
}

.step2-contentArea {
    padding: 0 3.2vw 10.4vw;
    z-index: 999;
    font-family: PingFangSC-Regular;
    position: relative
}

.step2-contentArea-star1 {
    width: 3.46667vw;
    height: 3.46667vw;
    opacity: .8;
    top: -9.86667vw;
    left: 60.93333vw;
    position: absolute
}

.step2-contentArea-star2 {
    width: 2.66667vw;
    height: 2.66667vw;
    opacity: .6;
    top: -13.33333vw;
    left: 58.66667vw;
    position: absolute
}

.step2-contentArea-star3 {
    width: 2.13333vw;
    height: 2.13333vw;
    opacity: .6;
    top: -6.93333vw;
    left: 34.66667vw;
    position: absolute
}

.step2-contentArea-pic {
    width: 18.13333vw;
    height: 18.13333vw;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.13333vw;
    border: .53333vw solid #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: -7.46667vw 0 0 36.26667vw;
    background-color: #fff
}

.step2-contentArea-titleText {
    font-family: PingFangSC-Medium;
    font-weight: 700;
    color: #111;
    font-size: 4.26667vw;
    line-height: 6.4vw;
    margin: 5.6vw auto 0;
    text-align: center
}

.step2-contentArea-subTitleText {
    color: #a3a3a3;
    font-size: 4.26667vw;
    line-height: 6.4vw;
    margin: 1.33333vw auto 0;
    text-align: center;
    font-family: PingFangSC-Regular
}

.step2-contentArea-close {
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    top: 3.2vw;
    right: 4.26667vw
}

.step2-contentArea-banner {
    width: 91.46667vw;
    margin: 6.4vw auto 1.06667vw
}

.step2-contentArea-bottonArea {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-flex: 1;
    flex: 1;
    margin-top: 11.73333vw;
    -moz-box-pack: justify;
    justify-content: space-between
}

.step2-contentArea-cancelButton,
.step2-contentArea-okButton {
    width: 45.2vw;
    text-align: center;
    border-radius: 5.33333vw;
    height: 10.66667vw;
    line-height: 10.66667vw;
    font-size: 4.26667vw;
    font-family: PingFangSC-Medium;
    font-weight: 700;
    color: #333
}

.step2-contentArea-cancelButton {
    background: #fafafa
}

.step2-contentArea-okButton {
    background-color: #ffe60f
}

.step2-contentArea-downloadAppText {
    -moz-box-flex: 1;
    flex: 1;
    background: #f44;
    border-radius: 24px;
    background-color: #f44;
    font-size: 4.8vw;
    color: #fff;
    text-align: center;
    padding: 3.2vw 0
}

.rax-slider {
    position: relative
}

.rax-slider-swipe-wrapper {
    overflow: hidden;
    position: relative
}

.rax-slider-swipe {
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.rax-slider-children {
    position: absolute;
    left: 0;
    top: 0
}

.rax-slider-dot {
    border-radius: 50%;
    margin: .4vw;
    display: inline-block;
    background-color: hsla(0, 0%, 100%, .5);
    width: 1.06667vw;
    height: 1.06667vw
}

.rax-slider-dot-active {
    background-color: #ff5000
}

.rax-slider-pagination {
    position: absolute;
    bottom: 20%;
    display: -moz-box;
    display: flex;
    margin: 0 auto;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background-color: transparent
}

.mt-view-safe-area {
    padding-bottom: calc(env(safe-area-inset-bottom))
}

.rax-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 4.26667vw;
    white-space: pre-wrap
}

.rax-text--overflow-hidden {
    overflow: hidden
}

.rax-text--singleline {
    white-space: nowrap
}

.rax-text--multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.mt-icon {
    font-family: var(--icon-font-family);
    text-align: center;
    line-height: 1;
    display: inline-block
}

.mt-icon--xxs {
    font-size: var(--icon-xxs)
}

.mt-icon-img--xxs {
    width: var(--icon-xxs);
    height: var(--icon-xxs)
}

.mt-icon--xs {
    font-size: var(--icon-xs)
}

.mt-icon-img--xs {
    width: var(--icon-xs);
    height: var(--icon-xs)
}

.mt-icon--s {
    font-size: var(--icon-s)
}

.mt-icon-img--s {
    width: var(--icon-s);
    height: var(--icon-s)
}

.mt-icon--m {
    font-size: var(--icon-m)
}

.mt-icon-img--m {
    width: var(--icon-m);
    height: var(--icon-m)
}

.mt-icon--l {
    font-size: var(--icon-l)
}

.mt-icon-img--l {
    width: var(--icon-l);
    height: var(--icon-l)
}

.mt-icon--xl {
    font-size: var(--icon-xl)
}

.mt-icon-img--xl {
    width: var(--icon-xl);
    height: var(--icon-xl)
}

.mt-icon--xxl {
    font-size: var(--icon-xxl)
}

.mt-icon-img--xxl {
    width: var(--icon-xxl);
    height: var(--icon-xxl)
}

.mt-icon-play-filling:before {
    content: var(--icon-content-play-filling)
}

.mt-icon-select:before {
    content: var(--icon-content-select)
}

.mt-icon-add:before {
    content: var(--icon-content-add)
}

.mt-icon-close:before {
    content: var(--icon-content-close)
}

.mt-icon-search:before {
    content: var(--icon-content-search)
}

.mt-icon-ashbin:before {
    content: var(--icon-content-ashbin)
}

.mt-icon-semi-select:before {
    content: var(--icon-content-semi-select)
}

.mt-icon-error:before {
    content: var(--icon-content-error)
}

.mt-icon-prompt:before {
    content: var(--icon-content-prompt)
}

.mt-icon-prompt-filling:before {
    content: var(--icon-content-prompt-filling)
}

.mt-icon-success:before {
    content: var(--icon-content-success)
}

.mt-icon-clock:before {
    content: var(--icon-content-clock)
}

.mt-icon-warning:before {
    content: var(--icon-content-warning)
}

.mt-icon-arrow-left:before {
    content: var(--icon-content-arrow-left)
}

.mt-icon-arrow-right:before {
    content: var(--icon-content-arrow-right)
}

.mt-icon-arrow-up:before {
    content: var(--icon-content-arrow-up)
}

.mt-icon-arrow-down:before {
    content: var(--icon-content-arrow-down)
}

.mt-icon-arrow-double-left:before {
    content: var(--icon-content-arrow-double-left)
}

.mt-icon-arrow-double-right:before {
    content: var(--icon-content-arrow-double-right)
}

.mt-icon-triangle-arrow-up:before {
    content: var(--icon-content-triangle-arrow-up)
}

.mt-icon-triangle-arrow-down:before {
    content: var(--icon-content-triangle-arrow-down)
}

.mt-icon-triangle-arrow-left:before {
    content: var(--icon-content-triangle-arrow-left)
}

.mt-icon-triangle-arrow-right:before {
    content: var(--icon-content-triangle-arrow-right)
}

.mt-icon-heart-filling:before {
    content: var(--icon-content-heart-filling)
}

.mt-icon-minus:before {
    content: var(--icon-content-minus)
}

.mt-icon-loading:before {
    content: var(--icon-content-loading)
}

.mt-icon-favorites-filling:before {
    content: var(--icon-content-favorites-filling)
}

.mt-icon-warning-filling:before {
    content: var(--icon-content-warning-filling)
}

.mt-icon-success-filling:before {
    content: var(--icon-content-success-filling)
}

.mt-icon-delete-filling:before {
    content: var(--icon-content-delete-filling)
}

.mt-icon-asterisk:before {
    content: var(--icon-content-asterisk)
}

.mt-icon-switch:before {
    content: var(--icon-content-switch)
}

.mt-icon-upload:before {
    content: var(--icon-content-upload)
}

.mt-icon-download:before {
    content: var(--icon-content-download)
}

.mt-icon-picture:before {
    content: var(--icon-content-picture)
}

.mt-icon-ellipsis:before {
    content: var(--icon-content-ellipsis)
}

.mt-icon-calendar:before {
    content: var(--icon-content-calendar)
}

.mt-icon-list:before {
    content: var(--icon-content-list)
}

.mt-icon-chart-pie:before {
    content: var(--icon-content-chart-pie)
}

.mt-icon-chart-bar:before {
    content: var(--icon-content-chart-bar)
}

.mt-icon-detail:before {
    content: var(--icon-content-detail)
}

.mt-icon-dashboard:before {
    content: var(--icon-content-dashboard)
}

.mt-icon-help:before {
    content: var(--icon-content-help)
}

.mt-icon-unlock:before {
    content: var(--icon-content-unlock)
}

.mt-icon-lock:before {
    content: var(--icon-content-lock)
}

.mt-icon-set:before {
    content: var(--icon-content-set)
}

.mt-icon-toggle-left:before {
    content: var(--icon-content-toggle-left)
}

.mt-icon-toggle-right:before {
    content: var(--icon-content-toggle-right)
}

.mt-icon-filter:before {
    content: var(--icon-content-filter)
}

.mt-icon-eye:before {
    content: var(--icon-content-eye)
}

.mt-icon-eye-close:before {
    content: var(--icon-content-eye-close)
}

.mt-icon-copy:before {
    content: var(--icon-content-copy)
}

.mt-icon-email:before {
    content: var(--icon-content-email)
}

.mt-icon-attachment:before {
    content: var(--icon-content-attachment)
}

.mt-icon-exit:before {
    content: var(--icon-content-exit)
}

.mt-icon-edit:before {
    content: var(--icon-content-edit)
}

.mt-icon-account:before {
    content: var(--icon-content-account)
}

.mt-icon-refresh:before {
    content: var(--icon-content-refresh)
}

.mt-icon-cry:before {
    content: var(--icon-content-cry)
}

.mt-icon-smile:before {
    content: var(--icon-content-smile)
}

.mt-icon-ascending:before {
    content: var(--icon-content-ascending)
}

.mt-icon-descending:before {
    content: var(--icon-content-descending)
}

.mt-icon-sorting:before {
    content: var(--icon-content-sorting)
}

.mt-icon-form:before {
    content: var(--icon-content-form)
}

.mt-icon-add-square:before {
    content: var(--icon-content-add-square)
}

.mt-icon-home:before {
    content: var(--icon-content-home)
}

.mt-icon-camera:before {
    content: var(--icon-content-camera)
}

.mt-icon-loading {
    -webkit-animation: mt-icon-loading 1.2s linear infinite;
    -moz-animation: mt-icon-loading 1.2s infinite linear;
    animation: mt-icon-loading 1.2s linear infinite
}

@-webkit-keyframes mt-icon-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes mt-icon-loading {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes mt-icon-loading {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

:root {
    --modal-duration: var(--motion-time-2);
    --modal-motion-in: var(--motion-type-ease-in-out);
    --modal-motion-out: var(--motion-type-ease-in-out);
    --modal-center-motion-in: var(--motion-type-ease-in-out-back);
    --modal-center-motion-out: var(--motion-type-ease-in-out-back);
    --modal-elevation: var(--elevation-3);
    --modal-container-bg-color: var(--color-white);
    --modal-mask-bg-color: var(--color-black);
    --modal-mask-bg-opacity: 0.5
}

.mt-modal {
    position: fixed;
    z-index: var(--elevation-3);
    z-index: var(--modal-elevation);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.mt-modal-theme-wrapper {
    position: relative;
    width: 375px;
    height: 568px
}

.mt-modal--no-portal {
    position: absolute
}

.mt-modal--center {
    -moz-box-align: center;
    align-items: center
}

.mt-modal--center,
.mt-modal--top {
    -moz-box-pack: center;
    justify-content: center
}

.mt-modal--top {
    -moz-box-align: start;
    align-items: flex-start
}

.mt-modal--bottom {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: end;
    align-items: flex-end
}

.mt-modal--left {
    -moz-box-pack: start;
    justify-content: flex-start
}

.mt-modal--left,
.mt-modal--right {
    -moz-box-align: center;
    align-items: center
}

.mt-modal--right {
    -moz-box-pack: end;
    justify-content: flex-end
}

.mt-modal-container {
    background-color: var(--color-white);
    background-color: var(--modal-container-bg-color);
    -webkit-transition: all var(--motion-time-2) var(--motion-type-ease-in-out);
    -o-transition: all var(--motion-time-2) var(--motion-type-ease-in-out);
    -moz-transition: all var(--motion-time-2) var(--motion-type-ease-in-out);
    transition: all var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-transition: all var(--modal-duration) var(--modal-motion-out);
    -o-transition: all var(--modal-duration) var(--modal-motion-out);
    -moz-transition: all var(--modal-duration) var(--modal-motion-out);
    transition: all var(--modal-duration) var(--modal-motion-out);
    position: relative
}

.mt-modal-container--center {
    -webkit-transition-timing-function: var(--motion-type-ease-in-out-back);
    -moz-transition-timing-function: var(--motion-type-ease-in-out-back);
    -o-transition-timing-function: var(--motion-type-ease-in-out-back);
    transition-timing-function: var(--motion-type-ease-in-out-back);
    -webkit-transition-timing-function: var(--modal-center-motion-out);
    -moz-transition-timing-function: var(--modal-center-motion-out);
    -o-transition-timing-function: var(--modal-center-motion-out);
    transition-timing-function: var(--modal-center-motion-out)
}

.mt-modal-container--center-active {
    -moz-animation: mt-mask-center-entering var(--motion-time-2) var(--motion-type-ease-in-out-back);
    -webkit-animation: mt-mask-center-entering var(--motion-time-2) var(--motion-type-ease-in-out-back);
    -webkit-animation: mt-mask-center-entering var(--modal-duration) var(--modal-center-motion-in);
    animation: mt-mask-center-entering var(--motion-time-2) var(--motion-type-ease-in-out-back);
    -moz-animation: mt-mask-center-entering var(--modal-duration) var(--modal-center-motion-in);
    animation: mt-mask-center-entering var(--modal-duration) var(--modal-center-motion-in);
    opacity: 1
}

.mt-modal-container--center-inactive {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.mt-modal-container--top {
    width: 100%
}

.mt-modal-container--top-active {
    -moz-animation: mt-mask-top-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-top-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-top-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-top-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -moz-animation: mt-mask-top-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-top-entering var(--modal-duration) var(--modal-motion-in)
}

.mt-modal-container--top-inactive {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

.mt-modal-container--bottom {
    width: 100%
}

.mt-modal-container--bottom-active {
    -moz-animation: mt-mask-bottom-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-bottom-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-bottom-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-bottom-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -moz-animation: mt-mask-bottom-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-bottom-entering var(--modal-duration) var(--modal-motion-in)
}

.mt-modal-container--bottom-inactive {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%)
}

.mt-modal-container--left {
    height: 100%
}

.mt-modal-container--left-active {
    -moz-animation: mt-mask-left-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-left-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-left-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-left-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -moz-animation: mt-mask-left-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-left-entering var(--modal-duration) var(--modal-motion-in)
}

.mt-modal-container--left-inactive {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%)
}

.mt-modal-container--right {
    height: 100%
}

.mt-modal-container--right-active {
    -moz-animation: mt-mask-right-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-right-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -webkit-animation: mt-mask-right-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-right-entering var(--motion-time-2) var(--motion-type-ease-in-out);
    -moz-animation: mt-mask-right-entering var(--modal-duration) var(--modal-motion-in);
    animation: mt-mask-right-entering var(--modal-duration) var(--modal-motion-in)
}

.mt-modal-container--right-inactive {
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    transform: translate(100%)
}

.mt-modal--hidden {
    right: 106.66667vw;
    left: auto
}

.mt-modal-mask {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all var(--motion-time-2) var(--motion-type-ease);
    -o-transition: all var(--motion-time-2) var(--motion-type-ease);
    -moz-transition: all var(--motion-time-2) var(--motion-type-ease);
    transition: all var(--motion-time-2) var(--motion-type-ease);
    -webkit-transition: all var(--modal-duration) var(--motion-type-ease);
    -o-transition: all var(--modal-duration) var(--motion-type-ease);
    -moz-transition: all var(--modal-duration) var(--motion-type-ease);
    transition: all var(--modal-duration) var(--motion-type-ease);
    touch-action: none
}

.mt-modal-mask--disable-scroll {
    overflow: hidden !important
}

.mt-modal-mask--active {
    -webkit-animation: mt-mask-entering var(--motion-time-1) var(--motion-type-ease);
    -moz-animation: mt-mask-entering var(--motion-time-1) var(--motion-type-ease);
    animation: mt-mask-entering var(--motion-time-1) var(--motion-type-ease);
    background-color: var(--color-black);
    background-color: var(--modal-mask-bg-color);
    opacity: .5;
    opacity: var(--modal-mask-bg-opacity)
}

.mt-modal-mask--inactive {
    background: 0 0
}

@-webkit-keyframes mt-mask-center-entering {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes mt-mask-center-entering {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes mt-mask-center-entering {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes mt-mask-top-entering {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes mt-mask-top-entering {
    0% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes mt-mask-top-entering {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes mt-mask-bottom-entering {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes mt-mask-bottom-entering {
    0% {
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes mt-mask-bottom-entering {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes mt-mask-left-entering {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes mt-mask-left-entering {
    0% {
        -moz-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes mt-mask-left-entering {
    0% {
        -webkit-transform: translate(-100%);
        -moz-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes mt-mask-right-entering {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes mt-mask-right-entering {
    0% {
        -moz-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes mt-mask-right-entering {
    0% {
        -webkit-transform: translate(100%);
        -moz-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes mt-mask-entering {
    0% {
        background: 0 0
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

@-moz-keyframes mt-mask-entering {
    0% {
        background: 0 0
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

@keyframes mt-mask-entering {
    0% {
        background: 0 0
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

.mt-slider-modal {
    --modal-mask-bg-color: #000
}

.mt-slider .rax-slider-pagination,
.mt-slider .rax-slider-swipe {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.mt-slider-modal-container {
    background: 0 0
}

.mt-slider-control {
    position: fixed;
    z-index: var(--elevation-4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 13.33333vw;
    background-color: rgba(0, 0, 0, .6)
}

.mt-slider-close-wrapper {
    width: 13.33333vw;
    height: 13.33333vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -webkit-calc(var(--elevation-4) + 1);
    z-index: -moz-calc(var(--elevation-4) + 1);
    z-index: calc(var(--elevation-4) + 1);
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.mt-slider-close,
.mt-slider-pagination {
    color: var(--color-white)
}

.mt-slider-pagination {
    text-align: center;
    line-height: 13.33333vw
}

.mt-slider-open-item {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    width: 100vw;
    height: 100%
}

.mt-slider-open-item--image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.pictureSlider--sliderWrap--2imTgrn {
    position: relative;
    height: 100vw
}

.pictureSlider--slider--2-Lxuma {
    width: 100vw;
    height: 100vw
}

.pictureSlider--sliderItem--15oXCQc {
    width: 100vw;
    height: 100vw
}

.pictureSlider--paginationWrap--18k82my,
.pictureSlider--sliderItem--15oXCQc {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.pictureSlider--paginationWrap--18k82my {
    position: absolute;
    right: 3.2vw;
    bottom: 3.2vw;
    width: 8.53333vw;
    height: 4.26667vw
}

.pictureSlider--paginationBg--1a5xenG {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.53333vw;
    height: 4.26667vw
}

.pictureSlider--pagination--1i8WA6t {
    font-size: 3.2vw;
    color: #fff;
    z-index: 1
}

.pictureSlider--scrollWrap--nJD2jHW {
    width: 100vw;
    overflow-x: scroll;
    height: 375px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.pictureSlider--scrollWrap--nJD2jHW::-webkit-scrollbar {
    display: none
}

.pictureSlider--scrollItem--19vUBzR {
    width: 26.66667vw;
    height: 375px;
    border-radius: 1.6vw;
    margin-left: 4px;
    margin-right: 4px
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-transparent: transparent;
    --color-text1-1: #ccc;
    --color-text1-2: #999;
    --color-text1-3: #666;
    --color-text1-4: #222;
    --color-line1-1: #f2f2f2;
    --color-line1-2: #eee;
    --color-line1-3: #e6e6e6;
    --color-line1-4: #ddd;
    --color-fill1-1: #f9f9f9;
    --color-fill1-2: #f5f5f5;
    --color-fill1-3: #f2f2f2;
    --color-fill1-4: #eee;
    --color-text2-1: hsla(0, 0%, 100%, 0.26);
    --color-text2-2: hsla(0, 0%, 100%, 0.52);
    --color-text2-3: hsla(0, 0%, 100%, 0.74);
    --color-text2-4: #fff;
    --color-line2-1: hsla(0, 0%, 100%, 0.08);
    --color-line2-2: hsla(0, 0%, 100%, 0.12);
    --color-line2-3: hsla(0, 0%, 100%, 0.16);
    --color-line2-4: hsla(0, 0%, 100%, 0.18);
    --color-fill2-1: hsla(0, 0%, 100%, 0.04);
    --color-fill2-2: hsla(0, 0%, 100%, 0.06);
    --color-fill2-3: hsla(0, 0%, 100%, 0.08);
    --color-fill2-4: hsla(0, 0%, 100%, 0.12);
    --color-brand-1: #c4edff;
    --color-brand-2: #4ab7ff;
    --color-brand-3: #209bfa;
    --color-brand-4: #1179d4;
    --color-link-1: #c4edff;
    --color-link-2: #4ab7ff;
    --color-link-3: #209bfa;
    --color-link-4: #1179d4;
    --color-success-1: #a8ffc4;
    --color-success-2: #28de74;
    --color-success-3: #05d161;
    --color-success-4: #00ab53;
    --color-notice-1: #e6fffb;
    --color-notice-2: #38d9d3;
    --color-notice-3: #14cccc;
    --color-notice-4: #08a1a6;
    --color-warning-1: #ffe7a3;
    --color-warning-2: #f8ab22;
    --color-warning-3: #f90;
    --color-warning-4: #d97b00;
    --color-error-1: #ffdcd6;
    --color-error-2: #f75e59;
    --color-error-3: #eb2f2f;
    --color-error-4: #c41d23;
    --color-help-1: #c4edff;
    --color-help-2: #4ab7ff;
    --color-help-3: #209bfa;
    --color-help-4: #1179d4;
    --color-data-red: red;
    --color-data-orange: orange;
    --color-data-yellow: #ff0;
    --color-data-green: green;
    --color-data-cyan: #0ff;
    --color-data-blue: #00f;
    --color-data-indigo: indigo;
    --color-data-purple: purple;
    --line-zero: 0vw;
    --line-1: 1px;
    --line-2: 0.26667vw;
    --line-3: 0.53333vw;
    --line-solid: solid;
    --line-dashed: dashed;
    --line-dotted: dotted;
    --corner-zero: 0vw;
    --corner-1: 1.06667vw;
    --corner-2: 2.13333vw;
    --corner-3: 4.26667vw;
    --corner-circle: 50%;
    --corner-semicircle: 133.2vw;
    --s-base: 1.06667vw;
    --s-zero: 0vw;
    --s-0: --s-zero;
    --s-1: -webkit-calc(var(--s-base)*1);
    --s-1: -moz-calc(var(--s-base)*1);
    --s-1: calc(var(--s-base)*1);
    --s-2: -webkit-calc(var(--s-base)*2);
    --s-2: -moz-calc(var(--s-base)*2);
    --s-2: calc(var(--s-base)*2);
    --s-3: -webkit-calc(var(--s-base)*3);
    --s-3: -moz-calc(var(--s-base)*3);
    --s-3: calc(var(--s-base)*3);
    --s-4: -webkit-calc(var(--s-base)*4);
    --s-4: -moz-calc(var(--s-base)*4);
    --s-4: calc(var(--s-base)*4);
    --s-5: -webkit-calc(var(--s-base)*5);
    --s-5: -moz-calc(var(--s-base)*5);
    --s-5: calc(var(--s-base)*5);
    --s-6: -webkit-calc(var(--s-base)*6);
    --s-6: -moz-calc(var(--s-base)*6);
    --s-6: calc(var(--s-base)*6);
    --s-7: -webkit-calc(var(--s-base)*7);
    --s-7: -moz-calc(var(--s-base)*7);
    --s-7: calc(var(--s-base)*7);
    --s-8: -webkit-calc(var(--s-base)*8);
    --s-8: -moz-calc(var(--s-base)*8);
    --s-8: calc(var(--s-base)*8);
    --s-9: -webkit-calc(var(--s-base)*9);
    --s-9: -moz-calc(var(--s-base)*9);
    --s-9: calc(var(--s-base)*9);
    --s-10: -webkit-calc(var(--s-base)*10);
    --s-10: -moz-calc(var(--s-base)*10);
    --s-10: calc(var(--s-base)*10);
    --s-11: -webkit-calc(var(--s-base)*11);
    --s-11: -moz-calc(var(--s-base)*11);
    --s-11: calc(var(--s-base)*11);
    --s-12: -webkit-calc(var(--s-base)*12);
    --s-12: -moz-calc(var(--s-base)*12);
    --s-12: calc(var(--s-base)*12);
    --s-13: -webkit-calc(var(--s-base)*13);
    --s-13: -moz-calc(var(--s-base)*13);
    --s-13: calc(var(--s-base)*13);
    --s-14: -webkit-calc(var(--s-base)*14);
    --s-14: -moz-calc(var(--s-base)*14);
    --s-14: calc(var(--s-base)*14);
    --s-15: -webkit-calc(var(--s-base)*15);
    --s-15: -moz-calc(var(--s-base)*15);
    --s-15: calc(var(--s-base)*15);
    --s-16: -webkit-calc(var(--s-base)*16);
    --s-16: -moz-calc(var(--s-base)*16);
    --s-16: calc(var(--s-base)*16);
    --s-17: -webkit-calc(var(--s-base)*17);
    --s-17: -moz-calc(var(--s-base)*17);
    --s-17: calc(var(--s-base)*17);
    --s-18: -webkit-calc(var(--s-base)*18);
    --s-18: -moz-calc(var(--s-base)*18);
    --s-18: calc(var(--s-base)*18);
    --s-19: -webkit-calc(var(--s-base)*19);
    --s-19: -moz-calc(var(--s-base)*19);
    --s-19: calc(var(--s-base)*19);
    --s-20: -webkit-calc(var(--s-base)*20);
    --s-20: -moz-calc(var(--s-base)*20);
    --s-20: calc(var(--s-base)*20);
    --s-21: -webkit-calc(var(--s-base)*21);
    --s-21: -moz-calc(var(--s-base)*21);
    --s-21: calc(var(--s-base)*21);
    --s-22: -webkit-calc(var(--s-base)*22);
    --s-22: -moz-calc(var(--s-base)*22);
    --s-22: calc(var(--s-base)*22);
    --s-23: -webkit-calc(var(--s-base)*23);
    --s-23: -moz-calc(var(--s-base)*23);
    --s-23: calc(var(--s-base)*23);
    --s-24: -webkit-calc(var(--s-base)*24);
    --s-24: -moz-calc(var(--s-base)*24);
    --s-24: calc(var(--s-base)*24);
    --s-25: -webkit-calc(var(--s-base)*25);
    --s-25: -moz-calc(var(--s-base)*25);
    --s-25: calc(var(--s-base)*25);
    --s-26: -webkit-calc(var(--s-base)*26);
    --s-26: -moz-calc(var(--s-base)*26);
    --s-26: calc(var(--s-base)*26);
    --s-27: -webkit-calc(var(--s-base)*27);
    --s-27: -moz-calc(var(--s-base)*27);
    --s-27: calc(var(--s-base)*27);
    --s-28: -webkit-calc(var(--s-base)*28);
    --s-28: -moz-calc(var(--s-base)*28);
    --s-28: calc(var(--s-base)*28);
    --s-29: -webkit-calc(var(--s-base)*29);
    --s-29: -moz-calc(var(--s-base)*29);
    --s-29: calc(var(--s-base)*29);
    --s-30: -webkit-calc(var(--s-base)*30);
    --s-30: -moz-calc(var(--s-base)*30);
    --s-30: calc(var(--s-base)*30);
    --s-31: -webkit-calc(var(--s-base)*31);
    --s-31: -moz-calc(var(--s-base)*31);
    --s-31: calc(var(--s-base)*31);
    --s-32: -webkit-calc(var(--s-base)*32);
    --s-32: -moz-calc(var(--s-base)*32);
    --s-32: calc(var(--s-base)*32);
    --s-33: -webkit-calc(var(--s-base)*33);
    --s-33: -moz-calc(var(--s-base)*33);
    --s-33: calc(var(--s-base)*33);
    --s-34: -webkit-calc(var(--s-base)*34);
    --s-34: -moz-calc(var(--s-base)*34);
    --s-34: calc(var(--s-base)*34);
    --s-35: -webkit-calc(var(--s-base)*35);
    --s-35: -moz-calc(var(--s-base)*35);
    --s-35: calc(var(--s-base)*35);
    --s-36: -webkit-calc(var(--s-base)*36);
    --s-36: -moz-calc(var(--s-base)*36);
    --s-36: calc(var(--s-base)*36);
    --s-37: -webkit-calc(var(--s-base)*37);
    --s-37: -moz-calc(var(--s-base)*37);
    --s-37: calc(var(--s-base)*37);
    --s-38: -webkit-calc(var(--s-base)*38);
    --s-38: -moz-calc(var(--s-base)*38);
    --s-38: calc(var(--s-base)*38);
    --s-39: -webkit-calc(var(--s-base)*39);
    --s-39: -moz-calc(var(--s-base)*39);
    --s-39: calc(var(--s-base)*39);
    --s-40: -webkit-calc(var(--s-base)*40);
    --s-40: -moz-calc(var(--s-base)*40);
    --s-40: calc(var(--s-base)*40);
    --s-41: -webkit-calc(var(--s-base)*41);
    --s-41: -moz-calc(var(--s-base)*41);
    --s-41: calc(var(--s-base)*41);
    --s-42: -webkit-calc(var(--s-base)*42);
    --s-42: -moz-calc(var(--s-base)*42);
    --s-42: calc(var(--s-base)*42);
    --s-43: -webkit-calc(var(--s-base)*43);
    --s-43: -moz-calc(var(--s-base)*43);
    --s-43: calc(var(--s-base)*43);
    --s-44: -webkit-calc(var(--s-base)*44);
    --s-44: -moz-calc(var(--s-base)*44);
    --s-44: calc(var(--s-base)*44);
    --s-45: -webkit-calc(var(--s-base)*45);
    --s-45: -moz-calc(var(--s-base)*45);
    --s-45: calc(var(--s-base)*45);
    --s-46: -webkit-calc(var(--s-base)*46);
    --s-46: -moz-calc(var(--s-base)*46);
    --s-46: calc(var(--s-base)*46);
    --s-47: -webkit-calc(var(--s-base)*47);
    --s-47: -moz-calc(var(--s-base)*47);
    --s-47: calc(var(--s-base)*47);
    --s-48: -webkit-calc(var(--s-base)*48);
    --s-48: -moz-calc(var(--s-base)*48);
    --s-48: calc(var(--s-base)*48);
    --s-49: -webkit-calc(var(--s-base)*49);
    --s-49: -moz-calc(var(--s-base)*49);
    --s-49: calc(var(--s-base)*49);
    --s-50: -webkit-calc(var(--s-base)*50);
    --s-50: -moz-calc(var(--s-base)*50);
    --s-50: calc(var(--s-base)*50);
    --s-compact: -webkit-calc(var(--s-base)*50);
    --s-compact: -moz-calc(var(--s-base)*50);
    --s-compact: calc(var(--s-base)*50);
    --s-comfortable: -webkit-calc(var(--s-base)*50);
    --s-comfortable: -moz-calc(var(--s-base)*50);
    --s-comfortable: calc(var(--s-base)*50);
    --s-luxury: -webkit-calc(var(--s-base)*160);
    --s-luxury: -moz-calc(var(--s-base)*160);
    --s-luxury: calc(var(--s-base)*160);
    --shadow-zero: none;
    --shadow-1: 0vw 0vw 0.53333vw 0vw rgba(0, 0, 0, 0.08), 0vw 0.53333vw 2.13333vw 0vw rgba(0, 0, 0, 0.12);
    --shadow-2: 0vw 0vw 2.13333vw 0vw rgba(0, 0, 0, 0.08), 0vw 2.13333vw 4.26667vw 0vw rgba(0, 0, 0, 0.12);
    --shadow-3: 0vw 0vw 4.26667vw 0vw rgba(0, 0, 0, 0.08), 0vw 2.13333vw 4.26667vw 0vw rgba(0, 0, 0, 0.12);
    --font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
    --motion-time-1: 0.1s;
    --motion-time-2: 0.25s;
    --motion-time-3: 0.3s;
    --motion-type-linear: cubic-bezier(0, 0, 1, 1);
    --motion-type-ease: ease;
    --motion-type-ease-in: ease-in;
    --motion-type-ease-out: ease-out;
    --motion-type-ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --motion-type-ease-in-out: ease-in-out;
    --elevation-0: 0;
    --elevation-1: 100;
    --elevation-2: 200;
    --elevation-3: 300;
    --elevation-4: 400;
    --elevation-ravine: -999;
    --elevation-peak: 999;
    --icon-xxs: var(--s-3);
    --icon-xs: var(--s-4);
    --icon-s: var(--s-5);
    --icon-m: var(--s-6);
    --icon-l: var(--s-8);
    --icon-xl: var(--s-12);
    --icon-xxl: var(--s-16);
    --icon-font-family: meet-iconfont;
    --icon-font-path: url(https://at.alicdn.com/t/font_1273696_vcsg3wyh4r.ttf);
    --icon-content-play-filling: "";
    --icon-content-select: "";
    --icon-content-add: "";
    --icon-content-close: "";
    --icon-content-search: "";
    --icon-content-ashbin: "";
    --icon-content-semi-select: "";
    --icon-content-error: "";
    --icon-content-prompt: "";
    --icon-content-prompt-filling: "";
    --icon-content-success: "";
    --icon-content-warning: "";
    --icon-content-arrow-left: "";
    --icon-content-arrow-right: "";
    --icon-content-arrow-up: "";
    --icon-content-arrow-down: "";
    --icon-content-arrow-double-left: "";
    --icon-content-arrow-double-right: "";
    --icon-content-triangle-arrow-up: "";
    --icon-content-triangle-arrow-down: "";
    --icon-content-triangle-arrow-left: "";
    --icon-content-triangle-arrow-right: "";
    --icon-content-heart-filling: "";
    --icon-content-minus: "";
    --icon-content-loading: "";
    --icon-content-favorites-filling: "";
    --icon-content-warning-filling: "";
    --icon-content-success-filling: "";
    --icon-content-delete-filling: "";
    --icon-content-asterisk: "";
    --icon-content-switch: "";
    --icon-content-upload: "";
    --icon-content-download: "";
    --icon-content-picture: "";
    --icon-content-ellipsis: "";
    --icon-content-calendar: "";
    --icon-content-list: "";
    --icon-content-chart-pie: "";
    --icon-content-chart-bar: "";
    --icon-content-detail: "";
    --icon-content-dashboard: "";
    --icon-content-help: "";
    --icon-content-unlock: "";
    --icon-content-lock: "";
    --icon-content-set: "";
    --icon-content-toggle-left: "";
    --icon-content-toggle-right: "";
    --icon-content-filter: "";
    --icon-content-eye: "";
    --icon-content-eye-close: "";
    --icon-content-copy: "";
    --icon-content-email: "";
    --icon-content-attachment: "";
    --icon-content-exit: "";
    --icon-content-edit: "";
    --icon-content-account: "";
    --icon-content-refresh: "";
    --icon-content-cry: "";
    --icon-content-smile: "";
    --icon-content-ascending: "";
    --icon-content-descending: "";
    --icon-content-clock: "";
    --icon-content-sorting: "";
    --icon-content-form: "";
    --icon-content-add-square: "";
    --icon-content-camera: "";
    --icon-content-home: "";
    --p-display-3-font-family: var(--font-family);
    --p-display-3-font-size: 14.93333vw;
    --p-display-3-icon-size: 14.93333vw;
    --p-display-3-font-weight: 600;
    --p-display-3-line-height: 140%;
    --p-display-3-margin-top: var(--s-9);
    --p-display-3-margin-bottom: var(--s-9);
    --p-display-3-indent-size: var(--s-2);
    --p-display-2-font-size: 12.8vw;
    --p-display-2-icon-size: 12.8vw;
    --p-display-2-font-weight: 600;
    --p-display-2-line-height: 140%;
    --p-display-2-margin-top: var(--s-8);
    --p-display-2-margin-bottom: var(--s-8);
    --p-display-2-indent-size: var(--s-2);
    --p-display-1-font-size: 9.6vw;
    --p-display-1-icon-size: 9.6vw;
    --p-display-1-font-weight: 400;
    --p-display-1-line-height: 140%;
    --p-display-1-margin-top: var(--s-7);
    --p-display-1-margin-bottom: var(--s-7);
    --p-display-1-indent-size: var(--s-2);
    --p-headline-font-size: 6.4vw;
    --p-headline-icon-size: 6.4vw;
    --p-headline-font-weight: 400;
    --p-headline-line-height: 140%;
    --p-headline-margin-top: var(--s-6);
    --p-headline-margin-bottom: var(--s-6);
    --p-headline-indent-size: var(--s-2);
    --p-title-font-size: 5.33333vw;
    --p-title-icon-size: 5.33333vw;
    --p-title-font-weight: 600;
    --p-title-line-height: 140%;
    --p-title-margin-top: var(--s-5);
    --p-title-margin-bottom: var(--s-5);
    --p-title-indent-size: var(--s-2);
    --p-subhead-font-size: 4.8vw;
    --p-subhead-icon-size: 4.8vw;
    --p-subhead-font-weight: 400;
    --p-subhead-line-height: 140%;
    --p-subhead-margin-top: var(--s-4);
    --p-subhead-margin-bottom: var(--s-4);
    --p-subhead-indent-size: var(--s-2);
    --p-body-2-font-size: 4.26667vw;
    --p-body-2-icon-size: 4.26667vw;
    --p-body-2-font-weight: 400;
    --p-body-2-line-height: 140%;
    --p-body-2-margin-top: var(--s-3);
    --p-body-2-margin-bottom: var(--s-3);
    --p-body-2-indent-size: var(--s-2);
    --p-body-1-font-size: 3.73333vw;
    --p-body-1-icon-size: 3.73333vw;
    --p-body-1-font-weight: 400;
    --p-body-1-line-height: 140%;
    --p-body-1-margin-top: var(--s-2);
    --p-body-1-margin-bottom: var(--s-2);
    --p-body-1-indent-size: var(--s-2);
    --p-caption-font-size: 3.2vw;
    --p-caption-icon-size: 3.2vw;
    --p-caption-font-weight: 300;
    --p-caption-line-height: 120%;
    --p-caption-margin-top: var(--s-3);
    --p-caption-margin-bottom: var(--s-3);
    --p-caption-indent-size: var(--s-1);
    --p-overline-font-size: 2.66667vw;
    --p-overline-icon-size: 2.66667vw;
    --p-overline-font-weight: 300;
    --p-overline-line-height: 120%;
    --p-overline-margin-top: var(--s-1);
    --p-overline-margin-bottom: var(--s-1);
    --p-overline-indent-size: var(--s-1);
    --box-large-min-width: var(--s-14);
    --box-large-min-height: var(--s-11);
    --box-large-border-width: var(--line-1);
    --box-large-border-radius: var(--corner-1);
    --box-large-padding-hoz: var(--s-6);
    --box-large-padding-ver: var(--s-3);
    --box-large-padding: var(--box-large-padding-ver) var(--box-large-padding-hoz);
    --box-large-spacing: var(--s-3);
    --box-large-margin-hoz: var(--s-2);
    --box-large-margin-ver: var(--s-4);
    --box-medium-min-width: var(--s-11);
    --box-medium-min-height: var(--s-9);
    --box-medium-border-width: var(--line-1);
    --box-medium-border-radius: var(--corner-1);
    --box-medium-padding-hoz: var(--s-4);
    --box-medium-padding-ver: var(--s-2);
    --box-medium-padding: var(--box-medium-padding-ver) var(--box-medium-padding-hoz);
    --box-medium-spacing: var(--s-2);
    --box-medium-margin-hoz: var(--s-2);
    --box-medium-margin-ver: var(--s-4);
    --box-small-min-width: var(--s-8);
    --box-small-min-height: var(--s-7);
    --box-small-border-width: var(--line-1);
    --box-small-border-radius: var(--corner-1);
    --box-small-padding-hoz: var(--s-3);
    --box-small-padding-ver: var(--s-1);
    --box-small-padding: var(--box-small-padding-ver) var(--box-small-padding-hoz);
    --box-small-spacing: var(--s-1);
    --box-small-margin-hoz: var(--s-1);
    --box-small-margin-ver: var(--s-1);
    --box-primary-solid-border-color: var(--color-brand-3);
    --box-primary-solid-border-color-hover: var(--color-brand-2);
    --box-primary-solid-border-color-active: var(--color-brand-4);
    --box-primary-solid-border-color-disabled: var(--color-brand-1);
    --box-primary-solid-background-color: var(--color-brand-3);
    --box-primary-solid-background-color-hover: var(--color-brand-2);
    --box-primary-solid-background-color-active: var(--color-brand-4);
    --box-primary-solid-background-color-disabled: var(--color-brand-1);
    --box-primary-solid-font-color: var(--color-white);
    --box-primary-solid-font-color-hover: var(--color-white);
    --box-primary-solid-font-color-active: var(--color-white);
    --box-primary-solid-font-color-disabled: var(--color-white);
    --box-primary-solid-icon-color: var(--color-white);
    --box-primary-solid-icon-color-hover: var(--color-white);
    --box-primary-solid-icon-color-active: var(--color-white);
    --box-primary-solid-icon-color-disabled: var(--color-white);
    --box-primary-outline-border-color: var(--color-brand-3);
    --box-primary-outline-border-color-hover: var(--color-brand-2);
    --box-primary-outline-border-color-active: var(--color-brand-4);
    --box-primary-outline-border-color-disabled: var(--color-brand-1);
    --box-primary-outline-background-color: var(--color-transparent);
    --box-primary-outline-background-color-hover: var(--color-transparent);
    --box-primary-outline-background-color-active: var(--color-transparent);
    --box-primary-outline-background-color-disabled: var(--color-transparent);
    --box-primary-outline-font-color: var(--color-brand-3);
    --box-primary-outline-font-color-hover: var(--color-brand-2);
    --box-primary-outline-font-color-active: var(--color-brand-4);
    --box-primary-outline-font-color-disabled: var(--color-brand-1);
    --box-primary-outline-icon-color: var(--color-brand-3);
    --box-primary-outline-icon-color-hover: var(--color-brand-2);
    --box-primary-outline-icon-color-active: var(--color-brand-4);
    --box-primary-outline-icon-color-disabled: var(--color-brand-1);
    --box-primary-text-border-color: var(--color-transparent);
    --box-primary-text-border-color-hover: var(--color-transparent);
    --box-primary-text-border-color-active: var(--color-transparent);
    --box-primary-text-border-color-disabled: var(--color-transparent);
    --box-primary-text-background-color: var(--color-transparent);
    --box-primary-text-background-color-hover: var(--color-transparent);
    --box-primary-text-background-color-active: var(--color-transparent);
    --box-primary-text-background-color-disabled: var(--color-transparent);
    --box-primary-text-font-color: var(--color-brand-3);
    --box-primary-text-font-color-hover: var(--color-brand-2);
    --box-primary-text-font-color-active: var(--color-brand-4);
    --box-primary-text-font-color-disabled: var(--color-brand-1);
    --box-primary-text-icon-color: var(--color-brand-3);
    --box-primary-text-icon-color-hover: var(--color-brand-2);
    --box-primary-text-icon-color-active: var(--color-brand-4);
    --box-primary-text-icon-color-disabled: var(--color-brand-1);
    --box-normal-solid-border-color: var(--color-transparent);
    --box-normal-solid-border-color-hover: var(--color-transparent);
    --box-normal-solid-border-color-active: var(--color-transparent);
    --box-normal-solid-border-color-disabled: var(--color-transparent);
    --box-normal-solid-background-color: var(--color-fill1-2);
    --box-normal-solid-background-color-hover: var(--color-fill1-3);
    --box-normal-solid-background-color-active: var(--color-fill1-4);
    --box-normal-solid-background-color-disabled: var(--color-line1-1);
    --box-normal-solid-font-color: var(--color-text1-4);
    --box-normal-solid-font-color-hover: var(--color-text1-3);
    --box-normal-solid-font-color-active: var(--color-text1-2);
    --box-normal-solid-font-color-disabled: var(--color-text1-1);
    --box-normal-solid-icon-color: var(--color-text1-4);
    --box-normal-solid-icon-color-hover: var(--color-text1-3);
    --box-normal-solid-icon-color-active: var(--color-text1-2);
    --box-normal-solid-icon-color-disabled: var(--color-text1-1);
    --box-normal-outline-border-color: var(--color-line1-4);
    --box-normal-outline-border-color-hover: var(--color-line1-3);
    --box-normal-outline-border-color-active: var(--color-line1-2);
    --box-normal-outline-border-color-disabled: var(--color-line1-1);
    --box-normal-outline-background-color: var(--color-transparent);
    --box-normal-outline-background-color-hover: var(--color-transparent);
    --box-normal-outline-background-color-active: var(--color-transparent);
    --box-normal-outline-background-color-disabled: var(--color-transparent);
    --box-normal-outline-font-color: var(--color-text1-4);
    --box-normal-outline-font-color-hover: var(--color-text1-3);
    --box-normal-outline-font-color-active: var(--color-text1-2);
    --box-normal-outline-font-color-disabled: var(--color-text1-1);
    --box-normal-outline-icon-color: var(--color-text1-4);
    --box-normal-outline-icon-color-hover: var(--color-text1-3);
    --box-normal-outline-icon-color-active: var(--color-text1-2);
    --box-normal-outline-icon-color-disabled: var(--color-text1-1);
    --box-normal-text-border-color: var(--color-transparent);
    --box-normal-text-border-color-hover: var(--color-transparent);
    --box-normal-text-border-color-active: var(--color-transparent);
    --box-normal-text-border-color-disabled: var(--color-transparent);
    --box-normal-text-background-color: var(--color-transparent);
    --box-normal-text-background-color-hover: var(--color-transparent);
    --box-normal-text-background-color-active: var(--color-transparent);
    --box-normal-text-background-color-disabled: var(--color-transparent);
    --box-normal-text-font-color: var(--color-text1-4);
    --box-normal-text-font-color-hover: var(--color-text1-3);
    --box-normal-text-font-color-active: var(--color-text1-2);
    --box-normal-text-font-color-disabled: var(--color-text1-1);
    --box-normal-text-icon-color: var(--color-text1-4);
    --box-normal-text-icon-color-hover: var(--color-text1-3);
    --box-normal-text-icon-color-active: var(--color-text1-2);
    --box-normal-text-icon-color-disabled: var(--color-text1-1);
    --box-inverse-solid-border-color: var(--color-transparent);
    --box-inverse-solid-border-color-hover: var(--color-transparent);
    --box-inverse-solid-border-color-active: var(--color-transparent);
    --box-inverse-solid-border-color-disabled: var(--color-transparent);
    --box-inverse-solid-background-color: var(--color-fill2-4);
    --box-inverse-solid-background-color-hover: var(--color-fill2-3);
    --box-inverse-solid-background-color-active: var(--color-fill2-2);
    --box-inverse-solid-background-color-disabled: var(--color-fill2-1);
    --box-inverse-solid-font-color: var(--color-text2-4);
    --box-inverse-solid-font-color-hover: var(--color-text2-3);
    --box-inverse-solid-font-color-active: var(--color-text2-2);
    --box-inverse-solid-font-color-disabled: var(--color-text2-1);
    --box-inverse-solid-icon-color: var(--color-text2-4);
    --box-inverse-solid-icon-color-hover: var(--color-text2-3);
    --box-inverse-solid-icon-color-active: var(--color-text2-2);
    --box-inverse-solid-icon-color-disabled: var(--color-text2-1);
    --box-inverse-outline-border-color: var(--color-text2-4);
    --box-inverse-outline-border-color-hover: var(--color-text2-3);
    --box-inverse-outline-border-color-active: var(--color-text2-2);
    --box-inverse-outline-border-color-disabled: var(--color-text2-1);
    --box-inverse-outline-background-color: var(--color-transparent);
    --box-inverse-outline-background-color-hover: var(--color-transparent);
    --box-inverse-outline-background-color-active: var(--color-transparent);
    --box-inverse-outline-background-color-disabled: var(--color-transparent);
    --box-inverse-outline-font-color: var(--color-text2-4);
    --box-inverse-outline-font-color-hover: var(--color-text2-3);
    --box-inverse-outline-font-color-active: var(--color-text2-2);
    --box-inverse-outline-font-color-disabled: var(--color-text2-1);
    --box-inverse-outline-icon-color: var(--color-text2-4);
    --box-inverse-outline-icon-color-hover: var(--color-text2-3);
    --box-inverse-outline-icon-color-active: var(--color-text2-2);
    --box-inverse-outline-icon-color-disabled: var(--color-text2-1);
    --box-inverse-text-border-color: var(--color-transparent);
    --box-inverse-text-border-color-hover: var(--color-transparent);
    --box-inverse-text-border-color-active: var(--color-transparent);
    --box-inverse-text-border-color-disabled: var(--color-transparent);
    --box-inverse-text-background-color: var(--color-transparent);
    --box-inverse-text-background-color-hover: var(--color-transparent);
    --box-inverse-text-background-color-active: var(--color-transparent);
    --box-inverse-text-background-color-disabled: var(--color-transparent);
    --box-inverse-text-font-color: var(--color-text2-4);
    --box-inverse-text-font-color-hover: var(--color-text2-3);
    --box-inverse-text-font-color-active: var(--color-text2-2);
    --box-inverse-text-font-color-disabled: var(--color-text2-1);
    --box-inverse-text-icon-color: var(--color-text2-4);
    --box-inverse-text-icon-color-hover: var(--color-text2-3);
    --box-inverse-text-icon-color-active: var(--color-text2-2);
    --box-inverse-text-icon-color-disabled: var(--color-text2-1);
    --box-warning-solid-border-color: var(--color-error-3);
    --box-warning-solid-border-color-hover: var(--color-error-2);
    --box-warning-solid-border-color-active: var(--color-error-4);
    --box-warning-solid-border-color-disabled: var(--color-error-1);
    --box-warning-solid-background-color: var(--color-error-3);
    --box-warning-solid-background-color-hover: var(--color-error-2);
    --box-warning-solid-background-color-active: var(--color-error-4);
    --box-warning-solid-background-color-disabled: var(--color-error-1);
    --box-warning-solid-font-color: var(--color-white);
    --box-warning-solid-font-color-hover: var(--color-white);
    --box-warning-solid-font-color-active: var(--color-white);
    --box-warning-solid-font-color-disabled: var(--color-white);
    --box-warning-solid-icon-color: var(--color-white);
    --box-warning-solid-icon-color-hover: var(--color-white);
    --box-warning-solid-icon-color-active: var(--color-white);
    --box-warning-solid-icon-color-disabled: var(--color-white);
    --box-warning-outline-border-color: var(--color-error-3);
    --box-warning-outline-border-color-hover: var(--color-error-2);
    --box-warning-outline-border-color-active: var(--color-error-4);
    --box-warning-outline-border-color-disabled: var(--color-error-1);
    --box-warning-outline-background-color: var(--color-transparent);
    --box-warning-outline-background-color-hover: var(--color-transparent);
    --box-warning-outline-background-color-active: var(--color-transparent);
    --box-warning-outline-background-color-disabled: var(--color-transparent);
    --box-warning-outline-font-color: var(--color-error-3);
    --box-warning-outline-font-color-hover: var(--color-error-2);
    --box-warning-outline-font-color-active: var(--color-error-4);
    --box-warning-outline-font-color-disabled: var(--color-error-1);
    --box-warning-outline-icon-color: var(--color-error-3);
    --box-warning-outline-icon-color-hover: var(--color-error-2);
    --box-warning-outline-icon-color-active: var(--color-error-4);
    --box-warning-outline-icon-color-disabled: var(--color-error-1);
    --box-warning-text-border-color: var(--color-transparent);
    --box-warning-text-border-color-hover: var(--color-transparent);
    --box-warning-text-border-color-active: var(--color-transparent);
    --box-warning-text-border-color-disabled: var(--color-transparent);
    --box-warning-text-background-color: var(--color-transparent);
    --box-warning-text-background-color-hover: var(--color-transparent);
    --box-warning-text-background-color-active: var(--color-transparent);
    --box-warning-text-background-color-disabled: var(--color-transparent);
    --box-warning-text-font-color: var(--color-error-3);
    --box-warning-text-font-color-hover: var(--color-error-2);
    --box-warning-text-font-color-active: var(--color-error-4);
    --box-warning-text-font-color-disabled: var(--color-error-1);
    --box-warning-text-icon-color: var(--color-error-3);
    --box-warning-text-icon-color-hover: var(--color-error-2);
    --box-warning-text-icon-color-active: var(--color-error-4);
    --box-warning-text-icon-color-disabled: var(--color-error-1);
    --swiper-theme-color: #007aff
}

@font-face {
    font-family: meet-iconfont;
    src: url(https://at.alicdn.com/t/font_1273696_vcsg3wyh4r.ttf) format("truetype")
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    -moz-box-ordinal-group: 10000;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    width: -webkit-calc(var(--swiper-navigation-size)/44*27);
    width: -moz-calc(var(--swiper-navigation-size)/44*27);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: var(--swiper-theme-color);
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    -webkit-font-feature-settings: normal, ;
    -moz-font-feature-settings: normal, ;
    font-feature-settings: normal, ;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -moz-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -moz-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -moz-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -moz-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -moz-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: transform .2s, top .2s;
    -o-transition: .2s transform, .2s top;
    -moz-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, left .2s;
    -o-transition: .2s transform, .2s left;
    -moz-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, right .2s;
    -o-transition: .2s transform, .2s right;
    -moz-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    -moz-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes swiper-preloader-spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    -o-transition-property: transform, opacity, height;
    -moz-transition-property: transform, opacity, height, -moz-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform, -moz-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.pcPictureSlider--sliderWrap--2aZ6W5x {
    position: relative;
    height: 100vw;
    width: 100vw
}

.pcPictureSlider--slider--2BSoW0k {
    width: 100vw;
    height: 100vw
}

.pcPictureSlider--sliderItem--3qfjj8w {
    width: 100vw;
    height: 100vw
}

.pcPictureSlider--paginationWrap--368hAr0,
.pcPictureSlider--sliderItem--3qfjj8w {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.pcPictureSlider--paginationWrap--368hAr0 {
    position: absolute;
    right: 3.2vw;
    bottom: 3.2vw;
    width: 8.53333vw;
    height: 4.26667vw
}

.pcPictureSlider--paginationBg--ESfSYsK {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.53333vw;
    height: 4.26667vw
}

.pcPictureSlider--pagination--3TW0qKt {
    font-size: 3.2vw;
    color: #fff;
    z-index: 1
}

.titleBar--titleWrap--1sd9vXx {
    padding: 16px
}

.titleBar--title--2Kt058e {
    font-size: 18px;
    font-family: PingFangSC-Medium;
    color: #212121
}

.propertyMod--propertyWrap--2EtCWbI {
    padding: 0 16px
}

.propertyMod--mainPropertyWrap--3GIEqGJ {
    padding: 6px 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #ededed
}

.propertyMod--mainOffsetProperty--2W7MwyO,
.propertyMod--mainProperty--sWqe0dW {
    -moz-box-flex: 1;
    flex-grow: 1;
    height: 42px;
    margin: 16px 0;
    padding-right: 16px;
    border-right: 1px solid #ededed
}

.propertyMod--mainOffsetProperty--2W7MwyO {
    padding-left: 16px
}

.propertyMod--mainSmallProperty--v-FgC4J {
    -moz-box-flex: 1;
    flex-grow: 1;
    height: 42px;
    margin: 16px 0;
    padding-left: 15px;
    padding-right: 16px
}

.propertyMod--mainPropertyValue--MWpGoo_ {
    height: 25px;
    font-size: 18px;
    color: #f20c68;
    margin-bottom: 2px;
    margin-top: -3px;
    font-family: PingFangSC-Medium
}

.propertyMod--mainPropertyName--3Q9WM04 {
    height: 18px;
    font-size: 14px;
    color: #878787;
    font-family: PingFangSC-Regular
}

.propertyMod--subPropertyWrap--2dTZSqd {
    padding: 12px 0 4px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #ededed
}

.propertyMod--subProperty--1N8HpoD:nth-child(odd) {
    width: 172px
}

.propertyMod--subProperty--1N8HpoD:nth-child(2n),
.propertyMod--subProperty--1N8HpoD:nth-child(odd) {
    height: 18px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    margin-bottom: 8px
}

.propertyMod--subProperty--1N8HpoD:nth-child(2n) {
    width: 150px
}

.propertyMod--subPropertyName--Qd2NjDt {
    height: 36px;
    -moz-box-align: center;
    align-items: center;
    color: #878787;
    margin-right: 3.2vw
}

.propertyMod--subPropertyName--Qd2NjDt,
.propertyMod--subPropertyValue--3nRB7Yk {
    display: inline-block;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 14px;
    font-family: PingFangSC-Regular
}

.propertyMod--subPropertyValue--3nRB7Yk {
    height: 18px;
    color: #212121
}

.houseDesc--descWrap--7lpm2X5 {
    width: 100vw;
    padding: 16px 16px 0
}

.houseDesc--titleWrap--1abTgaN {
    height: 22px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between
}

.houseDesc--descTitle--2a7hx5o {
    height: 22px;
    font-size: 16px;
    color: #212121;
    overflow: hidden;
    font-family: PingFangSC-Semibold;
    flex-shrink: 0
}

.houseDesc--browseCnt--3QRuonv {
    height: 18px;
    font-size: 13px;
    color: #878787;
    margin-top: 2px;
    font-family: PingFangSC-Regular;
    flex-shrink: 0
}

.houseDesc--content--1v5Qs2m {
    margin-top: 18px;
    font-size: 14px;
    color: #212121;
    font-family: PingFangSC-Regular
}

.houseDesc--assetsWrap--1dIvQ5n {
    margin-top: 15px;
    border-top: .5px solid #ededed;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 4px 0;
    -moz-box-pack: start;
    justify-content: flex-start
}

.houseDesc--assets--3muBmNo:nth-of-type(6n+1) {
    margin: 12px 5.5px 12px 0
}

.houseDesc--assets--3muBmNo:nth-of-type(6n+6) {
    margin: 12px 0 12px 5.5px
}

.houseDesc--assets--3muBmNo {
    width: 48px;
    margin: 12px 5.5px
}

.houseDesc--assetsPicture--1jrsIll {
    width: 32px;
    height: 32px;
    margin: 0 auto
}

.houseDesc--assetsGrayText--3JcE1f9,
.houseDesc--assetsText--3WVHtir {
    width: 48px;
    height: 17px;
    color: #212121;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 4px;
    font-family: PingFangSC-Regular
}

.houseDesc--assetsGrayText--3JcE1f9 {
    opacity: .3
}

.sellerMod--sellerWrap--veg61G6 {
    margin: 16px
}

.sellerMod--sellerInfo--2w-7I8E {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between
}

.sellerMod--sellerDesc--2gDBbjX {
    width: 270px
}

.sellerMod--sellerTitleWrap--2oxwrg6 {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.sellerMod--sellerTag--3nYnOrO {
    width: 28px;
    height: 16px;
    margin-right: 1.06667vw
}

.sellerMod--sellerNickName--38eyOuu {
    font-size: 16px;
    font-family: PingFangSC-Medium;
    color: #222;
    line-height: 22px
}

.sellerMod--sellerAbbr--2z2Y8Wa {
    margin-top: 4px;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: PingFangSC-Regular
}

.sellerMod--sellerAvatar--ahhv6fJ {
    width: 54px;
    height: 54px;
    border-radius: 3px
}

.sellerMod--personTag--17oZl0k {
    margin-top: 10px
}

.sellerMod--personTag--17oZl0k,
.sellerMod--personTagItem--2BGDHgE {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.sellerMod--personTagItem--2BGDHgE {
    margin-right: 5.33333vw
}

.sellerMod--personTagIcon--77QW5um {
    width: 16px;
    height: 16px
}

.sellerMod--personTagText--Afw8TIt {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    margin-left: .8vw
}

.rent--emptyBar--3y14FYe {
    height: 8px;
    background-color: #ededed
}

.Detail--container--17hcFL4 {
    padding: 0
}

.Detail--pcBody--e4m-4q7 {
    width: 100vw;
    height: 100vh;
    background-color: #f5f5f5;
    -moz-box-align: center;
    align-items: center
}

.Detail--pcContainer--MqACkhC {
    max-width: 1300px;
    width: 80%;
    height: 100vh;
    border: none
}

.Detail--qrcodeContainer--390dBY_ {
    width: 225px;
    position: fixed;
    top: 27vh;
    right: 10%
}

.Detail--cardImage--1KPYT8p {
    width: 126px;
    height: 115px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.Detail--cardWrap--3icErx8 {
    width: 225px;
    height: 258px;
    background-color: #ffe60f;
    border-radius: 12px;
    position: absolute;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    top: 79px;
    z-index: 50
}

.Detail--qrcodeBox--1_h4AVr {
    width: 190px;
    height: 192px;
    padding: 5px 4px;
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: 17.5px
}

.Detail--cardTitle--qQvO3uK {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0;
    font-family: PingFangSC-Medium;
    color: #1f1f1f;
    text-align: center;
    margin-top: 12px
}

.Detail--drawerSubTitleWarp--1PPmS1E {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    margin-top: 1.6vw
}

.Detail--drawerSubTitleText--17zn8Uj {
    font-family: PingFangSC-Regular;
    font-size: 3.46667vw;
    color: #1f1f1f;
    line-height: 5.33333vw
}

.idle-btn-con {
    --btn-height-tiny: 24px;
    --btn-height-regular: 32px;
    --btn-height-large: 40px;
    --btn-height-xLarge: 48px;
    --btn-lineheight-tiny: 25px;
    --btn-lineheight-regular: 32px;
    --btn-lineheight-large: 38px;
    --btn-lineheight-xLarge: 48px;
    --btn-fs-tiny: var(--font-size-tiny);
    --btn-fs-regular: var(--font-size-rg);
    --btn-fs-large: var(--font-size-lg);
    --btn-fs-xLarge: var(--font-size-xlg);
    --btn-pd-tiny: 2.13333vw;
    --btn-pd-regular: 3.2vw;
    --btn-pd-large: 4.26667vw;
    --btn-pd-xLarge: 5.33333vw;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center
}

.idle-btn-hasBorder {
    border-width: 1px;
    border-style: solid
}

.idle-btn-icon {
    width: 2.66667vw;
    height: 2.66667vw
}

.idle-btn-title {
    font-family: PingFang SC, miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif;
    vertical-align: middle
}

.idle-btn-height-tiny {
    height: var(--btn-height-tiny);
    line-height: var(--btn-lineheight-tiny);
    border-radius: var(--btn-height-tiny)
}

.idle-btn-fs-tiny {
    font-size: var(--btn-fs-tiny)
}

.idle-btn-pd-tiny {
    padding-left: var(--btn-pd-tiny);
    padding-right: var(--btn-pd-tiny)
}

.idle-btn-height-regular {
    height: var(--btn-height-regular);
    line-height: var(--btn-lineheight-regular);
    border-radius: var(--btn-height-regular)
}

.idle-btn-fs-regular {
    font-size: var(--btn-fs-regular)
}

.idle-btn-pd-regular {
    padding-left: var(--btn-pd-regular);
    padding-right: var(--btn-pd-regular)
}

.idle-btn-height-large {
    height: var(--btn-height-large);
    line-height: var(--btn-lineheight-large);
    border-radius: var(--btn-height-large)
}

.idle-btn-fs-large {
    font-size: var(--btn-fs-large)
}

.idle-btn-pd-large {
    padding-left: var(--btn-pd-large);
    padding-right: var(--btn-pd-large)
}

.idle-btn-height-xLarge {
    height: var(--btn-height-xLarge);
    line-height: var(--btn-lineheight-xLarge);
    border-radius: var(--btn-height-xLarge)
}

.idle-btn-fs-xLarge {
    font-size: var(--btn-fs-xLarge)
}

.idle-btn-pd-xLarge {
    padding-left: var(--btn-pd-xLarge);
    padding-right: var(--btn-pd-xLarge)
}

.idle-abnormal-con {
    width: 100vw;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.idle-abnormal-img {
    width: 32vw;
    height: 32vw;
    margin-bottom: 1.06667vw
}

.idle-abnormal-title {
    font-size: var(--font-size-lg);
    color: var(--primary-gray-font)
}

.idle-abnormal-subtitle,
.idle-abnormal-title {
    font-family: var(--font-family);
    line-height: var(--font-lh-lg)
}

.idle-abnormal-subtitle {
    font-size: var(--font-size-pr);
    color: var(--secondary-gray-font);
    margin-bottom: 3.2vw
}

.idle-abnormal-btn {
    width: 16vw;
    height: 8.53333vw;
    background-color: var(--yellow-base);
    border-radius: 5.33333vw;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.idle-abnormal-btn-txt {
    font-family: var(--font-family);
    font-size: var(--font-size-pr);
    color: var(--primary-gray-font)
}

.actionsheet-modal {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.actionsheet-modal-Left {
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center
}

.actionsheet-modal-Right {
    -moz-box-pack: end;
    justify-content: flex-end;
    -moz-box-align: center;
    align-items: center
}

.actionsheet-modal-Top {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: start;
    align-items: flex-start
}

.actionsheet-modal-Bottom {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: end;
    align-items: flex-end
}

.actionsheet-modal-Center {
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.actionsheet-modal-view {
    min-height: 10.66667vw;
    overflow-y: scroll;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    touch-action: none
}

.actionsheet-modal-active-Left {
    height: 100vh;
    -webkit-animation: leftMaskEnter .3s ease-in-out;
    -moz-animation: leftMaskEnter .3s ease-in-out;
    animation: leftMaskEnter .3s ease-in-out
}

.actionsheet-modal-active-Right {
    height: 100vh;
    -webkit-animation: rightMaskEnter .3s ease-in-out;
    -moz-animation: rightMaskEnter .3s ease-in-out;
    animation: rightMaskEnter .3s ease-in-out
}

.actionsheet-modal-active-Bottom {
    width: 100vw;
    -webkit-animation: bottomMaskEnter .3s ease-in-out;
    -moz-animation: bottomMaskEnter .3s ease-in-out;
    animation: bottomMaskEnter .3s ease-in-out;
    border-top-left-radius: 3.2vw;
    border-top-right-radius: 3.2vw
}

.actionsheet-modal-active-Top {
    width: 100vw;
    -webkit-animation: topMaskEnter .3s ease-in-out;
    -moz-animation: topMaskEnter .3s ease-in-out;
    animation: topMaskEnter .3s ease-in-out;
    border-bottom-left-radius: 3.2vw;
    border-bottom-right-radius: 3.2vw
}

.actionsheet-modal-active-Center {
    opacity: 1;
    -webkit-animation: centerMaskEnter .3s ease-in-out;
    -moz-animation: centerMaskEnter .3s ease-in-out;
    animation: centerMaskEnter .3s ease-in-out
}

.actionsheet-modal-inactive-Left {
    height: 100vh;
    -webkit-transform: translate(-133.33333vw);
    -moz-transform: translate(-133.33333vw);
    transform: translate(-133.33333vw)
}

.actionsheet-modal-inactive-Right {
    height: 100vh;
    -webkit-transform: translate(133.33333vw);
    -moz-transform: translate(133.33333vw);
    transform: translate(133.33333vw)
}

.actionsheet-modal-inactive-Bottom {
    width: 100vw;
    -webkit-transform: translateY(133.33333vw);
    -moz-transform: translateY(133.33333vw);
    transform: translateY(133.33333vw)
}

.actionsheet-modal-inactive-Top {
    width: 100vw;
    -webkit-transform: translateY(-133.33333vw);
    -moz-transform: translateY(-133.33333vw);
    transform: translateY(-133.33333vw)
}

.actionsheet-modal-inactive-Center {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.actionsheet-close-icon {
    position: absolute;
    top: 4.26667vw;
    right: 4.26667vw;
    width: 6.4vw;
    height: 6.4vw
}

.actionsheet-cancel {
    color: #a3a3a3;
    height: 14.93333vw;
    width: 100vw;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 4.26667vw
}

.actionsheet-default-wrap {
    background-color: #fff
}

.actionsheet-default-item {
    width: 100vw;
    height: 14.93333vw;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.actionsheet-default-name {
    color: #333;
    text-align: center
}

@-webkit-keyframes topMaskEnter {
    0% {
        -webkit-transform: translateY(-133.33333vw);
        transform: translateY(-133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes topMaskEnter {
    0% {
        -moz-transform: translateY(-133.33333vw);
        transform: translateY(-133.33333vw)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes topMaskEnter {
    0% {
        -webkit-transform: translateY(-133.33333vw);
        -moz-transform: translateY(-133.33333vw);
        transform: translateY(-133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes bottomMaskEnter {
    0% {
        -webkit-transform: translateY(133.33333vw);
        transform: translateY(133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes bottomMaskEnter {
    0% {
        -moz-transform: translateY(133.33333vw);
        transform: translateY(133.33333vw)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes bottomMaskEnter {
    0% {
        -webkit-transform: translateY(133.33333vw);
        -moz-transform: translateY(133.33333vw);
        transform: translateY(133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes leftMaskEnter {
    0% {
        -webkit-transform: translate(-133.33333vw);
        transform: translate(-133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes leftMaskEnter {
    0% {
        -moz-transform: translate(-133.33333vw);
        transform: translate(-133.33333vw)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes leftMaskEnter {
    0% {
        -webkit-transform: translate(-133.33333vw);
        -moz-transform: translate(-133.33333vw);
        transform: translate(-133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes rightMaskEnter {
    0% {
        -webkit-transform: translate(133.33333vw);
        transform: translate(133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes rightMaskEnter {
    0% {
        -moz-transform: translate(133.33333vw);
        transform: translate(133.33333vw)
    }

    to {
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes rightMaskEnter {
    0% {
        -webkit-transform: translate(133.33333vw);
        -moz-transform: translate(133.33333vw);
        transform: translate(133.33333vw)
    }

    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes centerMaskEnter {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes centerMaskEnter {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes centerMaskEnter {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.uicomponent-mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    transition: background-color .25s ease;
    touch-action: none
}

.uicomponent-mask-active {
    -webkit-animation: maskEnter .25s ease-in-out;
    -moz-animation: maskEnter .25s ease-in-out;
    animation: maskEnter .25s ease-in-out;
    background-color: rgba(0, 0, 0, .4)
}

.uicomponent-mask-inactive {
    background-color: none
}

@-webkit-keyframes maskEnter {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

@-moz-keyframes maskEnter {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

@keyframes maskEnter {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .5)
    }
}

.noAuthorityWarp {
    position: relative
}

.noAuthorityContent {
    background-color: #fff;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.actionsheet-modal-view {
    overflow-y: visible !important;
    overflow-y: initial !important
}

.noAuthorityTitle {
    margin-top: 12px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 600;
    line-height: 24px;
    z-index: 15
}

.noAuthoritySubTitle {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 24px
}

.noAuthorityTips {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 24px;
    line-height: 16px
}

.btnWrap {
    width: 91.46667vw;
    display: -moz-box;
    display: flex
}

.btnWrap,
.noAuthorityBtnWrap {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.noAuthorityBtnWrap {
    margin-top: 12px;
    width: 343px;
    height: 40px;
    border-radius: 5.33333vw;
    background-color: #ffe60f;
    margin-bottom: 8px
}

.noAuthorityBtn {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #1f1f1f
}

.closeIconArea {
    position: absolute;
    right: 16px;
    width: 30px;
    height: 30px;
    top: 12px
}

.backgroundContainer {
    width: 100vw;
    position: relative
}

.warpWallPlaceholder {
    height: 56px;
    font-family: PingFangSC-Medium
}

.warpWallPlaceholder-leftContainer,
.warpWallPlaceholder-warpWall {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    z-index: 999
}

.warpWallPlaceholder-warpWall {
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .18823529411764706) 0 .53333vw 2.13333vw;
    box-shadow: 0 .53333vw 2.13333vw rgba(0, 0, 0, .18823529411764706);
    position: fixed;
    padding: 12px 16px;
    top: 0;
    left: 0
}

.warpWallPlaceholder-textWarp {
    height: 32px;
    -moz-box-pack: end;
    justify-content: flex-end
}

.warpWallPlaceholder-title {
    line-height: 17px;
    font-size: 12px;
    color: #333;
    font-weight: 700
}

.warpWallPlaceholder-subTitle {
    font-size: 10px;
    line-height: 14px;
    color: #a3a3a3;
    font-weight: 700
}

.warpWallPlaceholder-leftContainer,
.warpWallPlaceholder-rightContainer {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.warpWallPlaceholder-rightContainer {
    -moz-box-pack: center;
    justify-content: center
}

.warpWallPlaceholder-openApp {
    background-color: #fce74f;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    font-weight: 700
}

.externalOut-title {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    font-size: 14px !important
}

.externalOut-title,
.externalOut .open-btn-group {
    font-family: PingFangSC-Regular;
    font-weight: 700;
    color: #1f1f1f
}

.externalOut .open-btn-group {
    background: #fce74f;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 14px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.externalOut .open-btn-group .app-open {
    padding-right: 7px
}

.externalOut .open-btn-group #launch-btn {
    position: relative
}

.externalOut .open-btn-group #launch-btn:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -.5px;
    height: 14px;