:root {
    --primary: #3178f6;
    --bg-primary: #fff
}

body {
    margin: 0
}

#MiniDetailClientWrap #page-content-area {
    padding-top: 0 !important
}

#secondary-view-toolbar {
    z-index: 1000002 !important
}

.toolheader--_akCWBW8 {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    height: 64px;
    left: 0;
    padding: 0 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000002
}

.toolheader--_akCWBW8 .title--Ld9G4USa {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.toolheader--_akCWBW8 .linkBtn--qiiOqUJ6 {
    margin-left: auto
}

.toolheader--_akCWBW8 .linkBtn--qiiOqUJ6 div {
    background-image: url(https://gw.alicdn.com/imgextra/i1/O1CN012qVQqO1XDfhcs7lhM_!!6000000002890-2-tps-64-64.png)
}

.toolheader--_akCWBW8 .closeBtn--IQTnOaAx,
.toolheader--_akCWBW8 .linkBtn--qiiOqUJ6 div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.toolheader--_akCWBW8 .closeBtn--IQTnOaAx {
    background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01scTfR21I7W8pBRJ3H_!!6000000000846-2-tps-64-64.png);
    margin-left: 8px
}

.tbpcMiniDetail .tb-pick-feeds-container {
    padding-bottom: 70px !important
}

.tbpcMiniDetail .tb-pick-feeds-container .tbpc-row .tbpc-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important
}

.toastContent--SKBHj80v {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px 0 rgba(10, 10, 51, .18);
    display: flex;
    flex-direction: row;
    left: 50vw;
    padding: 13px 16px;
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.toastContent--SKBHj80v .toastIcon--F0uh0u8a {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.toastContent--SKBHj80v .toastText--cqrHCdi2 {
    color: #11192d;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left
}

.dialogContent--VO9yGu2z {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 48px 0 rgba(0, 17, 51, .12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50vw;
    padding: 24px 40px;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.dialogContent--VO9yGu2z .dialogIcon--PZcGuqvt {
    height: 48px;
    margin-bottom: 16px;
    padding: 6px;
    width: 48px
}

.dialogContent--VO9yGu2z .dialogText--ka0GTTMU {
    color: #11192d;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

.animated_dialogShow--eTaZIUfS {
    animation: dialogShow--FwmakPGh .3s ease-out 0s 1 normal forwards
}

.animated_dialogHide--Z5U2QNo7 {
    animation: dialogHide--T9AMLDe4 .1s ease-in 0s 1 normal forwards
}

.animated_toastShow--S36dLbmQ {
    animation: toastShow--b3g7IR31 .1s ease-out 0s 1 normal forwards
}

.animated_toastHide--_8L3f4Kg {
    animation: toastHide--d_cSxa9P .1s ease-in 0s 1 normal forwards
}

@keyframes dialogShow--FwmakPGh {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }

    60% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes dialogHide--T9AMLDe4 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }
}

@keyframes toastShow--b3g7IR31 {
    0% {
        opacity: 0;
        transform: translate(-50%, -150%)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

@keyframes toastHide--d_cSxa9P {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -150%)
    }
}

.MessageContent--QdxLs9UQ {
    display: flex;
    flex-direction: column
}

.MessageContent--QdxLs9UQ .mainTitle--ErcDIA8G {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.MessageContent--QdxLs9UQ .subTitle--VIVXq43y {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px
}

.MessageContent--QdxLs9UQ .actionBtn--EQwr_IOz {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 12px;
    padding: 5px 12px
}

.banner--cDn42WvJ {
    width: 100%
}

.activity-link--acb7lYHH {
    display: block;
    font-size: 0
}

.ErrorPage--mMxT477v {
    background-color: #fff;
    height: calc(100vh - 36px);
    min-width: 784px;
    width: 100vw
}

.innerWrap--i6zMmrJC {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 100px
}

.leftWrap--X8V0qxxr .logo--dEdszMti {
    height: 42px;
    margin-bottom: 27px;
    width: auto
}

.leftWrap--X8V0qxxr .title--oLrlPueo {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px
}

.leftWrap--X8V0qxxr .subTitle--ZMBZmRyT {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 8px
}

.rightWrap--Ryzdwjwd {
    margin-left: 100px
}

.rightWrap--Ryzdwjwd .errorImg--DuJZTF44 {
    height: 190px;
    width: 346px
}

.PageItem--blaJVlFP {
    box-sizing: border-box;
    padding: 64px 16px 0;
    width: 100%
}

.leftWrap--YcJ5vsnV {
    padding-bottom: 80px;
    width: 100%
}

.keyInfo--X2cmvrt0 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.extraInfo--dziVJ2Vx {
    margin-top: 12px
}

.footerWrap--cD0CizXl {
    min-height: 1px;
    position: relative;
    top: -1000px;
    width: 100% !important
}

.ErrorPage--zZvuDoGm {
    background-color: #fff;
    height: calc(100vh - 36px);
    width: 100vw
}

.innerWrap--YDwjb8Mb {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 100px
}

.leftWrap--QPXYcaim .logo--LmDxoamL {
    height: 42px;
    margin-bottom: 27px;
    width: auto
}

.leftWrap--QPXYcaim .title--DqSH_UD4 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px
}

.leftWrap--QPXYcaim .subTitle--lRH6Zqnf {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 8px
}

.rightWrap--wdp0WD7n {
    margin-left: 100px
}

.rightWrap--wdp0WD7n .errorImg--itUFk9Ih {
    height: 190px;
    width: 346px
}

.searchHeader--yCAkab9e {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    width: 100%
}

.changeSearchHeaderStyle--UWKZzAfs {
    height: 100%;
    max-width: 360px;
    min-width: 220px;
    width: auto
}

.innerWrap--_k3ehgqv {
    justify-content: space-between;
    width: 100%
}

.innerWrap--_k3ehgqv,
.rightContent--GQn_NOlC {
    align-items: center;
    display: flex;
    flex-direction: row
}

.changeRightContentStyle--d2MS3mTI {
    width: 100%
}

.shopHeader--BBng2o6N {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.shopHeader--BBng2o6N a,
.shopHeader--BBng2o6N a:hover {
    text-decoration: none
}

.shopHeader--BBng2o6N span {
    word-break: keep-all
}

.changeShopHeaderStyle--HhL9B_eQ {
    justify-content: flex-start;
    max-width: calc(100% - 448px);
    width: calc(65% - 48px)
}

.changeShopHeaderStyle2--coOhbudZ {
    justify-content: space-between;
    width: 100%
}

.leftWrap--bioyCL6V {
    align-items: center;
    display: flex;
    flex-direction: row
}

.hoverWrap--uzeJjwWh {
    left: 0;
    min-width: 240px;
    position: absolute;
    top: 48px;
    z-index: 1000002
}

.detailWrap--ncXeLVsq {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 48px;
    overflow: hidden
}

.detailWrap--ncXeLVsq .shopIconWrap--L6ZaLtLL {
    align-items: center;
    border: 2px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 48px;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    margin-right: 12px;
    position: relative;
    width: 48px
}

.detailWrap--ncXeLVsq .shopIconImg--YPRFZdpk {
    border-radius: 6px;
    height: 100%;
    width: 100%
}

.detailWrap--ncXeLVsq .changeShopIconWrapStyle--TuDaY2ua {
    border: 2px solid #f33
}

.detailWrap--ncXeLVsq .changeShopIconWrapStyle--TuDaY2ua .liveIcon--BgVl8J6p {
    border-radius: 4px;
    bottom: -2px;
    height: 16px;
    object-fit: contain;
    position: absolute;
    right: -2px;
    width: 16px;
    z-index: 2
}

.detailWrap--ncXeLVsq .shopNameLevelWrapper--qVFiLZPt {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.detailWrap--ncXeLVsq .shopNameLevelWrapper--qVFiLZPt .bottomWrap--HVmr3pTs {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.detailWrap--ncXeLVsq .shopName--XRNUX_MY {
    color: #1f1f1f;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px
}

.detailWrap--ncXeLVsq .creditLevelIconImg--OIKHdWFc {
    object-fit: contain;
    vertical-align: top
}

.changeDetailWrapStyle--MMxPnGDY {
    max-width: calc(100% - 116px)
}

.optionWrap--j6vbZg9H {
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    justify-content: flex-end
}

.optionWrap--j6vbZg9H .button--sPQ1Fw0R {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    margin-right: 12px;
    padding: 8px
}

.optionWrap--j6vbZg9H .button--sPQ1Fw0R:hover {
    background-color: rgba(0, 0, 0, .04)
}

.optionWrap--j6vbZg9H .button--sPQ1Fw0R:last-child {
    margin-right: 0
}

.optionWrap--j6vbZg9H .buttonIconFont--d57w4rsy {
    font-size: 24px;
    line-height: 24px
}

.optionWrap--j6vbZg9H .buttonIcon--pjJ4G7fk {
    height: 24px;
    width: 24px
}

.changeOptionWrapStyle--KosZFzfF {
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    margin-left: 12px
}

.changeOptionWrapStyle--KosZFzfF .button--sPQ1Fw0R {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 12px
}

.changeOptionWrapStyle--KosZFzfF .buttonIconFont--d57w4rsy {
    font-size: 28px;
    line-height: 28px
}

.changeOptionWrapStyle--KosZFzfF .buttonIcon--pjJ4G7fk {
    height: 28px;
    width: 28px
}

.changeOptionWrapStyle--KosZFzfF .buttonText--a7pd7OFb {
    color: #1f1f1f;
    font-size: 12px;
    line-height: 16px
}

@keyframes liveCircleShow--rHfyhJkA {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1.3)
    }
}

.StoreComprehensiveRating--x_TiLopj {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.StoreComprehensiveRating--x_TiLopj .noScore--tzajZfAc {
    color: #ff0036;
    font-size: 14px;
    line-height: 16px
}

.starsWrap--Z04t5OFu {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: center
}

.starsWrap--Z04t5OFu .starNum--ENW5WS2V {
    color: #ff0036;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 4px
}

.starsWrap--Z04t5OFu .starIconWrap--Le69op4K {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transform: translateY(-.5px)
}

.starsWrap--Z04t5OFu .starIconItem--gpQg9Ih4 {
    height: 15px;
    position: relative;
    width: 15px
}

.starsWrap--Z04t5OFu .starIconImg--zWcHroIB {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTE0IDBIMHYxNGgxNFYwWk05LjQ3MyA0LjIyOXEtLjA5Ni0uMDE0LS4xODYtLjA1LS4wOS0uMDM3LS4xNjktLjA5NS0uMDc4LS4wNTctLjE0MS0uMTMxLS4wNjMtLjA3NC0uMTA2LS4xNjJMNy43MTcgMS40NTRxLS4wNS0uMS0uMTI0LS4xODQtLjA3Ni0uMDgzLS4xNy0uMTQyLS4wOTYtLjA1OS0uMjAzLS4wOS0uMTA4LS4wMy0uMjItLjAzdC0uMjIuMDNxLS4xMDcuMDMxLS4yMDIuMDktLjA5NS4wNi0uMTcuMTQyLS4wNzYuMDgzLS4xMjUuMTg0TDUuMTI5IDMuNzlxLS4wNDMuMDg4LS4xMDYuMTYyLS4wNjMuMDc0LS4xNDEuMTMxLS4wNzkuMDU4LS4xNy4wOTQtLjA5LjAzNy0uMTg1LjA1bC0yLjU4LjM3NnEtLjExMS4wMTYtLjIxMy4wNjJ0LS4xODguMTE4cS0uMDg1LjA3Mi0uMTQ4LjE2NS0uMDYyLjA5My0uMDk3LjItLjAzNS4xMDYtLjAzOS4yMTgtLjAwNC4xMTIuMDIzLjIyLjAyNy4xMDkuMDgzLjIwNi4wNTUuMDk3LjEzNS4xNzVsMS44NjcgMS44MnEuMDcuMDY4LjEyMS4xNS4wNTEuMDgzLjA4Mi4xNzYuMDMuMDkyLjAzNy4xOS4wMDcuMDk2LS4wMS4xOTJsLS40NCAyLjU3cS0uMDIuMTEtLjAwNy4yMjEuMDEyLjExMS4wNTQuMjE1LjA0Mi4xMDQuMTExLjE5Mi4wNy4wODguMTYuMTU0dC4xOTYuMTA0cS4xMDUuMDM5LjIxNi4wNDcuMTEyLjAwOC4yMjItLjAxNXQuMjA4LS4wNzVsMi4zMDgtMS4yMTNxLjA4Ni0uMDQ2LjE4LS4wNjkuMDk1LS4wMjMuMTkyLS4wMjN0LjE5Mi4wMjNxLjA5NC4wMjMuMTguMDY5bDIuMzA4IDEuMjEzcS4wOTkuMDUyLjIwOC4wNzUuMTEuMDIzLjIyMi4wMTUuMTExLS4wMDguMjE2LS4wNDcuMTA2LS4wMzguMTk2LS4xMDQuMDktLjA2Ni4xNi0uMTU0LjA2OS0uMDg4LjExMS0uMTkyLjA0Mi0uMTA0LjA1NC0uMjE1LjAxMi0uMTExLS4wMDYtLjIyMkwxMC40IDguNDk3cS0uMDE3LS4wOTYtLjAxLS4xOTMuMDA3LS4wOTcuMDM3LS4xOS4wMy0uMDkyLjA4Mi0uMTc0LjA1MS0uMDgzLjEyLS4xNTFsMS44NjgtMS44MnEuMDgtLjA3OC4xMzUtLjE3NS4wNTYtLjA5Ny4wODMtLjIwNi4wMjctLjEwOC4wMjMtLjIydC0uMDM5LS4yMTlxLS4wMzQtLjEwNi0uMDk3LS4yLS4wNjMtLjA5Mi0uMTQ4LS4xNjQtLjA4Ni0uMDcyLS4xODgtLjExOC0uMTAyLS4wNDYtLjIxMy0uMDYybC0yLjU4LS4zNzVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 15px;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 2
}

.starsWrap--Z04t5OFu .starIconBg--spnOBoc3 {
    background: rgba(255, 0, 54, .16);
    height: 13px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 13px;
    z-index: 1
}

.storeLabelItem--c1dcnIe0 {
    text-wrap: nowrap;
    color: #999;
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    word-break: break-all
}

.storeLabelPlacehoalder--VuWjmCqm {
    background: rgba(0, 0, 0, .08);
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    transform: translateY(1.5px);
    width: 1px
}

.picGallery--rSvneDOG {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 16px;
    position: relative;
    width: 100%
}

.unSupportSticky .picGallery--rSvneDOG {
    position: relative;
    top: 0
}

.innerWrap--sohskBUS {
    display: flex;
    flex-direction: row;
    max-height: 620px;
    min-height: 388px;
    width: 100%
}

.mainPicWrap--O0NaV3se {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    position: relative;
    width: calc(100% - 92px)
}

.mainPicWrap--O0NaV3se,
.mainPicWrapMask--ARAVSjDZ:after {
    background-color: rgba(0, 0, 0, .03);
    border-radius: 12px;
    height: 100%
}

.mainPicWrapMask--ARAVSjDZ:after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.thumbnailsWrap--mJTYcuzi {
    height: 100%;
    justify-content: flex-start;
    margin-right: 16px;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 76px
}

.thumbnails--UvtZf2Ge,
.thumbnailsWrap--mJTYcuzi {
    align-items: center;
    display: flex;
    flex-direction: column
}

.thumbnails--UvtZf2Ge {
    -ms-overflow-style: none;
    height: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.thumbnail--KauPNV9p {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 76px;
    justify-content: center;
    margin-bottom: 4px;
    outline: none;
    width: 76px
}

.thumbnail--KauPNV9p:last-child {
    margin-bottom: 0
}

.thumbnailActive--IfLTYWA1 {
    border: 2px solid #ff5000;
    border-radius: 12px
}

.thumbnailItem--LhDKGXuR {
    align-items: center;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 64px
}

.thumbnails--UvtZf2Ge::-webkit-scrollbar {
    display: none !important
}

.mainPic--J4JEpiY1,
.thumbnailPic--Na63Ac2f {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.thumbnailOtherPic--H4YmQHmG {
    align-items: center;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 8px;
    color: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.thumbnailOtherPic--H4YmQHmG .thumbnailOtherPicIcon--p01q3r_0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 28px;
    height: 28px;
    justify-content: center;
    margin-bottom: 2px
}

.thumbnailOtherPic--H4YmQHmG .thumbnailOtherPicTitle--reca1vJz {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.thumbnail--KauPNV9p.thumbnailActive--IfLTYWA1 .thumbnailOtherPic--H4YmQHmG {
    background-color: #fff1eb;
    color: #ff5000
}

.mainPicBlurWrap--hU4EGfmV {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.maskBg--XEcGIojV {
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    bottom: 0;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    right: 0;
    z-index: 1
}

.maskBg--XEcGIojV,
.videoPicWrap--hqsFWCqv {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.videoPicWrap--hqsFWCqv {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: opcity .5s ease-in-out
}

.videoPicWrap--hqsFWCqv .videoPic--Ch4Jli7L {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.mainPicVideo--WcmqFxs3 {
    background-color: transparent !important;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.itemInfo--k7gdkBzE {
    display: inline-block
}

.bottomSwitchTabsWrap--OI1Wwqz9 {
    box-sizing: border-box;
    margin-top: 16px;
    width: 100%
}

.bottomSwitchTabsWrap--OI1Wwqz9,
.switchTabsWrap--M02Wq8tA {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.switchTabsWrap--M02Wq8tA {
    background-color: #f5f5f5;
    border-radius: 8px;
    height: 40px;
    padding: 0 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.switchTabsItem--q6zWfzfG {
    border-radius: 4px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 4px;
    padding: 5px 12px;
    text-align: center;
    width: auto
}

.switchTabsItem--q6zWfzfG:last-child {
    margin-right: 0
}

.switchTabsItem--q6zWfzfG:hover {
    background-color: #fff
}

.switchTabsItemSelect--tCF_7zxE {
    background-color: #fff;
    font-weight: 500
}

body.fullscreen .mainPicVideo--WcmqFxs3,
body.fullscreen .picGallery--rSvneDOG {
    z-index: 100000 !important
}

.descV8-singleImage img {
    height: auto !important;
    width: 100% !important
}

.descV8-singleImage {
    zoom: 1 !important
}

.tbpcMiniDetail #mainPicVideoEl {
    z-index: 10 !important
}

.paramsWrap--os4zUyyN {
    display: flex;
    flex-direction: column;
    height: calc(100% - 48px);
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: calc(100% - 48px);
    z-index: 1
}

.emphasisParamsInfoWrap--uFz6FzDG {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 8px;
    min-height: 50px;
    padding: 24px 16px 8px;
    width: calc(100% - 32px)
}

.emphasisParamsInfoItem--JjAM7dSs {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 12px 16px 0;
    position: relative;
    width: calc(33.33333% - 8px)
}

.emphasisParamsInfoItem--JjAM7dSs:nth-of-type(3n) {
    margin-right: 0
}

.emphasisParamsInfoItem2or4--YWnyI5y4 {
    margin-right: 12px;
    width: calc(50% - 6px)
}

.emphasisParamsInfoItem2or4--YWnyI5y4:nth-of-type(2n) {
    margin-right: 0
}

.emphasisParamsInfoItem2or4--YWnyI5y4:nth-of-type(3n) {
    margin-right: 12px
}

.emphasisParamsInfoItem1--TnV5jSA0 {
    margin-right: 0;
    width: 100%
}

.emphasisParamsInfoItemTitle--BFyvUXh6 {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px
}

.emphasisParamsInfoItemSubTitle--QVqgErbx,
.emphasisParamsInfoItemTitle--BFyvUXh6 {
    font-family: PingFang SC;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.emphasisParamsInfoItemSubTitle--QVqgErbx {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px
}

.emphasisParamsInfoItemIconWrap--lC0nrn3s {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    width: 48px
}

.emphasisParamsInfoItemIcon--JuB0UPFh {
    height: 36px;
    width: 36px
}

.changeEmphasisParamsInfoWrapStyle--zOYVzp3Z {
    min-height: 102px;
    padding-bottom: 8px;
    padding-top: 24px
}

.changeEmphasisParamsInfoWrapStyle--zOYVzp3Z .emphasisParamsInfoItemSubTitle--QVqgErbx {
    margin-bottom: 8px
}

.changeEmphasisParamsInfoWrapStyle--zOYVzp3Z .emphasisParamsInfoItemTitle--BFyvUXh6 {
    margin-bottom: 0
}

.generalParamsInfoWrap--T8j8UwUM {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    padding: 0 8px;
    width: calc(100% - 16px)
}

.generalParamsInfoItem--ldC9Zvtt {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin: 8px 0;
    max-height: -webkit-max-content;
    max-height: max-content;
    min-height: -webkit-min-content;
    min-height: min-content;
    transition: visibility .2s ease-in-out;
    width: 100%
}

.generalParamsInfoItemTitle--EGz_hn1w {
    color: #7a7a7a;
    height: 22px;
    margin-right: 16px;
    white-space: wrap;
    width: 84px
}

.generalParamsInfoItemSubTitle--suOccNsW,
.generalParamsInfoItemTitle--EGz_hn1w {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden
}

.generalParamsInfoItemSubTitle--suOccNsW {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1f1f1f;
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    width: calc(100% - 100px)
}

.paramsEmptyWrap--JpjJns_6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.emptyIcon--rcKznG3n {
    height: 140px;
    width: 140px
}

.emptyText--cIUERvRh {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -38px;
    text-align: center
}

.allParamsButtonWrap--YQCeTSuc {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: center;
    margin-top: 16px;
    width: 100%;
    z-index: 2
}

.allParamsButton--i3iovWc5 {
    align-items: center;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1f1f1f;
    display: flex !important;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    width: 108px
}

.allParamsButton--i3iovWc5:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.allParamsButtonIcon--pCAvSJgN {
    font-size: 8px;
    margin-left: 4px
}

.changeStyle--RNcszGEP {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 10px
}

.AssureArea--AIvYNi4w {
    background: #f5f8ff;
    background-size: cover;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 24px;
    width: 100%;
    z-index: 1
}

.head--AuMmtSdy {
    align-items: center;
    display: flex;
    flex-direction: column
}

.headTitle--K7f1Galw {
    color: #3171f4;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px
}

.headSubTitle--QkPtrBFr {
    color: #3171f4;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 4px;
    opacity: .52
}

.body--pEWCcrre {
    background: #fff;
    border-radius: 12px;
    flex: 1;
    margin-top: 20px;
    padding: 24px
}

.item--r07eQqfc {
    display: flex;
    flex-direction: row;
    margin-top: 24px
}

.item--r07eQqfc:first-child {
    margin-top: 0
}

.iconfontName--KqKAKEWV {
    background: #f5f8ff;
    border-radius: 8px;
    color: #3171f4;
    font-size: 28px;
    line-height: 28px;
    padding: 12px
}

.right--n9tIpqig {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    margin-left: 12px;
    width: calc(100% - 64px)
}

.right--n9tIpqig .title--qIeglDo8 {
    color: #1f1f1f;
    font-weight: 600
}

.right--n9tIpqig .subTitle--GVUDMC4p {
    color: #7a7a7a;
    font-weight: 400;
    margin-top: 4px
}

@media (max-width:1240px) {
    .item--r07eQqfc:nth-child(n+4) {
        display: none
    }
}

@media (min-width:1241px) and (max-width:1440px) {
    .item--r07eQqfc:nth-child(n+5) {
        display: none
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    .item--r07eQqfc:nth-child(n+6) {
        display: none
    }
}

@media (min-width:1601px) {
    .item--r07eQqfc:nth-child(n+7) {
        display: none
    }
}

.navLeftArea--NI7SLtaD,
.navRightArea--FxbbYAAn {
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 1000001
}

.navLeftArea--NI7SLtaD {
    left: 0;
    margin-left: 16px
}

.navRightArea--FxbbYAAn {
    margin-right: 16px;
    right: 0
}

.navNext--W5huBXYA,
.navPrev--s_3jVF2z {
    align-items: center;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    width: 48px
}

.navNext--W5huBXYA:hover,
.navPrev--s_3jVF2z:hover {
    background-color: hsla(0, 0%, 100%, .68)
}

.arrowIcon--nJ4ydtAp {
    font-size: 16px
}

.PurchasePanel--Wi44BmI3 {
    max-height: 100%;
    width: 100%
}

.PurchasePanel--Wi44BmI3 #tbpcDetail_SkuPanelRightWrap {
    position: relative !important
}

.PurchasePanel--Wi44BmI3 .outer--skupanel #tbpcDetailMini_SkuPanelBody {
    box-sizing: border-box;
    width: 100%
}

.PurchasePanel--Wi44BmI3 .outer--skupanel #tbpcDetailMini_SkuPanelItemhead_fixed {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box;
    left: 0;
    padding: 0 16px 16px;
    width: 100%
}

.PurchasePanel--Wi44BmI3 .outer--skupanel #tbpcDetailMini_SkuPanelFoot {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 0 16px 16px;
    position: fixed;
    width: 100%;
    z-index: 99
}

.drawerHeader--T4FiEQkH {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    margin-bottom: 16px;
    width: 100%
}

.drawerHeader--T4FiEQkH p {
    color: #ff5000;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    width: 100%
}

.drawerContent--QsD4mXeE {
    height: calc(100% - 48px)
}

.MessageContent--D9gL1bvK {
    align-items: center;
    display: flex;
    flex-direction: column
}

.MessageContent--D9gL1bvK .mainTitle--Ps9LNd_C {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 4px
}

.MessageContent--D9gL1bvK .subTitle--egZ0HTbz {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px
}

.MessageContent--D9gL1bvK .actionBtn--zK8sUXPk {
    background: #ff5000;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 12px;
    padding: 8px 12px
}

.beautify-scroll-bar {
    scrollbar-color: #e6e9eb
}

.beautify-scroll-bar::-webkit-scrollbar-thumb {
    background: #e6e9eb
}

.outline-none,
.outline-none:hover {
    outline: none !important
}

.GeneralSkuPanel--geBEUZB4 {
    background-color: #fff;
    font-family: PingFang SC;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.errorWrap--xVi9KQVU {
    display: flex;
    flex-direction: column;
    height: 100%
}

.errorWrap--xVi9KQVU .errorContent--KSnW9vIn {
    flex: 1
}

.Error--c2KV0Rsk {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.Error--c2KV0Rsk .errorImg--TFLkGRLX {
    height: 65.54px;
    margin-bottom: 16px;
    width: 97.5px
}

.Error--c2KV0Rsk .errorTip--lJOsIQir {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 24px;
    text-align: center
}

.Error--c2KV0Rsk .errorText--DRgp52eR {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 5px 26px
}

.Error--c2KV0Rsk .errorText--DRgp52eR:hover {
    opacity: .8
}

.toastContent--ezZuKNNj {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px 0 rgba(10, 10, 51, .18);
    display: flex;
    flex-direction: row;
    left: 50vw;
    padding: 13px 16px;
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.toastContent--ezZuKNNj .toastIcon--cvwVnipl {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.toastContent--ezZuKNNj .toastText--dzrIN2IX {
    color: #11192d;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left
}

.dialogContent--IwNtjVca {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 48px 0 rgba(0, 17, 51, .12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50vw;
    padding: 24px 36px;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.dialogContent--IwNtjVca .dialogIcon--eMVxzW5Q {
    height: 40px;
    margin-bottom: 12px;
    width: 40px
}

.dialogContent--IwNtjVca .dialogText--FkyHYMIU {
    color: #11192d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

.animated_dialogShow--LTwcSo05 {
    animation: dialogShow--QTmZBVGc .3s ease-out 0s 1 normal forwards
}

.animated_dialogHide--LtdMV51C {
    animation: dialogHide--v67bIhFi .1s ease-in 0s 1 normal forwards
}

.animated_toastShow--_KQB88Ft {
    animation: toastShow--BLOHeIkf .1s ease-out 0s 1 normal forwards
}

.animated_toastHide--fQKt6Tx3 {
    animation: toastHide--tE2TOH5r .1s ease-in 0s 1 normal forwards
}

@keyframes dialogShow--QTmZBVGc {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }

    60% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes dialogHide--v67bIhFi {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }
}

@keyframes toastShow--BLOHeIkf {
    0% {
        opacity: 0;
        transform: translate(-50%, -150%)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

@keyframes toastHide--tE2TOH5r {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -150%)
    }
}

.BuildInBoforeHead--bhwdXhCh {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

.BuildInBoforeHead--bhwdXhCh .title--MN7Pov_L {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.BuildInBoforeHead--bhwdXhCh .actions--lvpMBfRw .icon--yfX_plcy {
    cursor: pointer;
    font-size: 30px;
    line-height: 30px
}

.Loading--jF8JCemz.rotate--ziepUf88 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.loadingImg--V2T3tYZo {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.rotateImg--S9Pcy6SA {
    animation: rotating--mrapGEDR 1s linear infinite;
    height: 36px;
    width: 36px
}

@keyframes rotating--mrapGEDR {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Skeleton--y5xW1zn1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.Skeleton--y5xW1zn1 .SkeletonBlock--R5SkbUof {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink--WUWaCkOL;
    border-radius: 1000px;
    display: inline-block;
    position: absolute
}

.bgColor0--rOSdIYhD {
    background: #f7f7f7
}

.bgColor1--LE8UY9kc {
    background: #efefef
}

.bgColor2--v1TC6Du_ {
    background: #f2efff
}

.bgColor3--TONoU47u {
    background: hsla(0, 0%, 94%, .8)
}

@keyframes blink--WUWaCkOL {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

.bodyWrap--p8525k1Y,
.headWrap--WkdMdDy0 {
    position: absolute;
    width: 100%
}

.skuLine--tqGj3j5x {
    display: flex;
    flex-direction: row;
    width: 100%
}

.skuLineContent--MiKXlUL0 {
    flex: 1;
    margin-left: 16px
}

.options--mkQyyrp6 {
    align-items: center;
    bottom: 0;
    position: absolute;
    width: 100%
}

.optionBtns--PbL7nDS3,
.options--mkQyyrp6 {
    display: flex;
    flex-direction: row
}

.optionBtn--GQ2L7Pqd {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    width: 48px
}

.contentWrap--Uyh5d8AR {
    flex: 1;
    position: relative;
    width: 100%
}

.horizontalWrap--xrUWT0SV {
    display: flex;
    flex-direction: row
}

.rightWrap--kn5aRaZL {
    flex: 1;
    height: 100%;
    margin-left: 24px;
    position: relative
}

.beforeHeadWrap--G0EOGljC {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

.PurchasePanel--cKj4V_uu {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.bodyWrap--otVC8M5m {
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bodyWrap--otVC8M5m.horizontal--i4X6RYjo {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

.leftWrap--L7HqpGuZ {
    border-radius: 16px;
    margin-right: 24px;
    overflow: hidden
}

.rightWrap--XKiM7k8y {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.ks-chrome49 .rightWrap--XKiM7k8y {
    position: absolute
}

.scrollWrap--ou3MEdhf {
    -ms-overflow-style: none;
    box-sizing: border-box;
    flex: 1;
    scrollbar-width: none;
    width: 100%
}

.scrollWrap--ou3MEdhf::-webkit-scrollbar {
    display: none;
    width: 0
}

.splitline--cT9ARrZZ {
    background-color: #ebebeb;
    height: 1px;
    width: 100%
}

.body--FO6TDxA0 {
    padding: 24px 0 4px
}

.foot--ppktLnNd {
    background-color: #fff;
    width: 100%
}

.imageWrap--NuzRbWR9 {
    align-items: center;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center
}

.image--ZIewPiom {
    display: block;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.ItemHeadFixed--sWkEKm0G {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding-bottom: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.leftWrap--sbc4ebxY {
    border-radius: 8px;
    cursor: pointer;
    height: 58px;
    margin-right: 12px;
    overflow: hidden;
    width: 58px
}

.FloatLayer--erTQiVG3 {
    position: absolute;
    z-index: 999999999
}

.ItemTitle--n4_pxQxz {
    display: flex;
    flex-direction: row;
    width: 100%
}

.leftWrap--tmPdHBnf {
    border-radius: 12px;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden;
    width: 92px
}

.rightWrap--MAQN9OY9 {
    flex: 1 1 auto;
    width: calc(100% - 104px)
}

.MainTitle--PiA4nmJz {
    color: rgba(0, 0, 0, .92);
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    width: 100%
}

.MainTitle--PiA4nmJz:hover .titleSuffixWrap--L07FF4et {
    color: #ff5000
}

.mainIcon--d56EtcRy {
    height: 18px;
    margin-right: 8px;
    padding: 5px 0;
    vertical-align: top;
    width: auto
}

.mainTitle--R75fTcZL {
    word-break: break-all
}

.floatVerticalLine--QhJ5WMFB {
    clear: both;
    display: block;
    float: right;
    height: 28px
}

.titleSuffixWrap--L07FF4et {
    align-items: center;
    background: #fff;
    clear: both;
    color: rgba(0, 0, 0, .52);
    display: flex;
    flex-direction: row;
    float: right;
    padding-left: 8px
}

.titleSuffixWrap--L07FF4et .titleSuffixIcon--B2atha7M {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    margin-left: 4px
}

.safariMainTitle--TU0OVrk_:hover {
    color: #ff5000
}

.subTitleWrap--kt4JKhVA {
    color: #7c889c;
    display: flex;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    position: relative;
    width: 100%
}

.subTitleInnerWrap--jCBhUVUy {
    flex-wrap: wrap;
    height: 28px;
    overflow: hidden;
    width: 100%
}

.itemWrap--jcY4vNo1,
.subTitleInnerWrap--jCBhUVUy {
    align-items: center;
    display: flex;
    flex-direction: row
}

.itemWrap--jcY4vNo1 {
    justify-content: center;
    max-width: calc(100% - 28px);
    position: relative
}

.itemWrap--jcY4vNo1:last-child {
    margin-right: 0
}

.itemInfo--TSMo4Asj {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 4px;
    color: #7a7a7a;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    line-height: 28px;
    margin-right: 8px;
    padding: 0 8px;
    width: auto
}

.subIcon--NBuW2vnH {
    height: 16px;
    margin-right: 4px;
    width: auto
}

.arrowIcon--YwEwArd3 {
    align-items: center;
    color: #7a7a7a;
    cursor: pointer;
    display: flex;
    font-size: 8px;
    height: 28px;
    justify-content: center;
    left: 100%;
    line-height: 28px;
    position: absolute;
    top: 0;
    transition: transform .4s ease;
    vertical-align: baseline;
    width: 28px
}

.arrowIcon--YwEwArd3.isExpend--gr96cddP {
    transform: rotate(-180deg)
}

.expendListWrap--fX55AHsE {
    max-width: 240px;
    min-width: 152px;
    position: absolute;
    right: 8px;
    top: 16px;
    z-index: 2
}

.expendListInnerWrap--Eny2wcE6 {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    margin-top: 16px;
    padding: 8px 4px
}

.expendItem--HRZhUI_E {
    color: #11192d;
    font-size: 14px;
    margin-bottom: 4px;
    padding: 5px 8px
}

.expendItem--HRZhUI_E:last-child {
    margin-bottom: 0
}

.tooltip--dqIzmkRT {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    max-width: 262px;
    padding: 5px 12px;
    position: absolute
}

.tooltipArrow--gpMqWB7K {
    -webkit-clip-path: path("M0,8L16,8L9.41421,1.41421C8.63316,0.633165,7.36683,0.633165,6.58579,1.41421L0,8Z");
    clip-path: path("M0,8L16,8L9.41421,1.41421C8.63316,0.633165,7.36683,0.633165,6.58579,1.41421L0,8Z");
    height: 8px;
    position: absolute;
    width: 16px
}

.unit--zM7V7E0w {
    font-size: 16px;
    line-height: 16px;
    margin-right: 2px
}

.text--Do8Zgb3q,
.unit--zM7V7E0w {
    font-weight: 700;
    vertical-align: baseline
}

.text--Do8Zgb3q {
    font-size: 28px;
    line-height: 28px;
    margin-right: 7px
}

.actionWrap--SzGjgX_m {
    cursor: pointer
}

.actionText--XG9969jB {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 4px;
    vertical-align: baseline
}

.arrowIcon--r8BbOer8 {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    transform: translateY(-2px) rotate(-90deg)
}

.normalPrice--BXrHJ8Qk {
    display: flex;
    flex-direction: row;
    height: 28px;
    justify-content: space-between;
    width: 100%
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 28px;
    overflow: hidden
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs {
    align-items: flex-end;
    color: #ff5000;
    display: flex;
    flex-direction: row;
    margin-right: 4px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs .title--kN9LzdoY {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-right: 2px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs .symbol--q9DjRF01 {
    font-family: Inter V;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    letter-spacing: -.02em;
    line-height: 20px;
    margin-right: 1px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs .text--LP7Wf49z {
    font-family: Inter V;
    font-size: 28px;
    font-weight: 600;
    height: 28px;
    letter-spacing: -.02em;
    line-height: 28px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs .text--LP7Wf49z.shadow-ecotext {
    display: inline-block;
    height: 28px;
    line-height: 21px;
    margin-bottom: 4px;
    max-width: 150px;
    overflow: hidden
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .highlightPrice--LlVWiXXs .desc--Cry2YnVp {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-left: 2px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .subPrice--KfQ0yn4v {
    align-items: flex-end;
    color: #7a7a7a;
    display: flex;
    flex-direction: row;
    margin-left: 8px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .subPrice--KfQ0yn4v .title--kN9LzdoY {
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    margin-right: 2px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .subPrice--KfQ0yn4v .text--LP7Wf49z {
    font-family: Inter V, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    letter-spacing: -.02em;
    line-height: 22px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .subPrice--KfQ0yn4v .text--LP7Wf49z.shadow-ecotext {
    display: inline-block;
    height: 22px;
    margin-bottom: 2px;
    max-width: 150px;
    overflow: hidden
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .subPrice--KfQ0yn4v .desc--Cry2YnVp {
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    margin-left: 2px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .salesDesc--Z35wP98o {
    align-items: flex-end;
    color: #7a7a7a;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    letter-spacing: -.02em;
    line-height: 22px
}

.normalPrice--BXrHJ8Qk .priceWrap--R3TrPIS6 .salesDesc--Z35wP98o .dot--kRZWQYsF {
    text-align: center;
    width: 13px
}

.headStrip--qPrcOnQP {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 22px;
    margin-bottom: 8px;
    padding: 8px
}

.headStrip--qPrcOnQP .logoWrap--cwxuwcp2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: center;
    margin-right: 4px;
    min-width: 24px;
    width: -webkit-fit-content;
    width: fit-content
}

.headStrip--qPrcOnQP .logo--KPXwEYRg {
    height: 24px
}

.headStrip--qPrcOnQP .innerLogoWrap--JStRiuOI {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: center;
    width: 20px
}

.headStrip--qPrcOnQP .innerLogo--Diu09SOd {
    height: 12px
}

.headStrip--qPrcOnQP .headStripText--RQ0uxIHK {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden
}

.headStrip--qPrcOnQP .headStripText--RQ0uxIHK .text--SBiYoMfE {
    white-space: nowrap;
    word-break: keep-all
}

.headStrip--qPrcOnQP .headStripAction--EmHL1Q5e {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 24px;
    margin-left: 16px
}

.headStrip--qPrcOnQP .headStripAction--EmHL1Q5e .actionImg--_4yGFVjM {
    cursor: pointer;
    height: 24px;
    width: auto
}

.headStrip--qPrcOnQP .headStripAction--EmHL1Q5e .csActionWrap--a_BaaL2E {
    border-radius: 4px;
    cursor: pointer;
    max-width: 180px;
    padding: 4px 8px
}

.headStrip--qPrcOnQP .headStripAction--EmHL1Q5e .csActionWrap--a_BaaL2E .csActionText--yWBJbyZY {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.miniPanel .headStrip--qPrcOnQP {
    margin-right: 12px
}

.animatedWordLoop--btNGH_Ze {
    animation: wordLoop--cx5hlTRP 10s linear 0s infinite;
    white-space: nowrap;
    word-break: keep-all
}

@keyframes wordLoop--cx5hlTRP {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(var(--translate-width))
    }
}

.successWrap--DF7kSJyf,
.successWrap--DF7kSJyf .footWrap--XSxm5vb7 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.successWrap--DF7kSJyf .footWrap--XSxm5vb7 {
    background: rgba(0, 0, 0, .4);
    border-radius: 1000px;
    cursor: pointer;
    height: 48px;
    justify-content: center;
    margin-top: 29px;
    width: 48px
}

.successWrap--DF7kSJyf .closeIcon--b3dBV3Ez {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    line-height: 28px
}

.couponWrap--SiXlcmuT {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 32px 24px 24px;
    width: 288px
}

.couponWrap--SiXlcmuT .challengeWrap--m01xR3uY {
    color: #11192d;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 16px
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K {
    height: 160px;
    margin-bottom: 16px;
    position: relative;
    width: 129px
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .bgImg--beFl5YId {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .contentWrap--gOpsTiPQ {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .part1--pv6x2hy_ {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .amountWrap--BlioOFjP {
    align-items: flex-end;
    color: #ff0015;
    display: flex;
    height: 42px;
    margin-bottom: 4px
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .amountWrap--BlioOFjP .amount--c3rLHXgs {
    font-family: AlibabaSans102v1TaoBao-Bold;
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    vertical-align: baseline
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .amountWrap--BlioOFjP .unit--l9aXjryT {
    display: inline-block;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 -2px 2px;
    vertical-align: baseline
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .startFeeWrap--Z6QGrpJD {
    color: #ff0015;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin-top: 8px
}

.couponWrap--SiXlcmuT .redEnvelopeWrap--YZu9Ab4K .part2--zuTa9WXq {
    bottom: 10px;
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    line-height: 14px;
    position: absolute;
    text-align: center;
    width: 100%
}

.couponWrap--SiXlcmuT .amountSpent--P8I7kbUs {
    color: #50607a;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 16px
}

.couponWrap--SiXlcmuT .actionWrap--Jztaypl8 {
    background: #ff5000;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    flex-direction: row;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 240px;
    padding: 12px
}

.couponWrap--SiXlcmuT .actionWrap--Jztaypl8,
.errorWrap--s7aMm7UU {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 240px
}

.errorWrap--s7aMm7UU {
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    height: 200px
}

.errorWrap--s7aMm7UU .errorImg--SNMWgOFw {
    height: 72px;
    margin-bottom: 12px;
    width: 72px
}

.errorWrap--s7aMm7UU .errorMsg--_5IwwRnL {
    color: #11192d;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 16px;
    text-align: center
}

.errorWrap--s7aMm7UU .actionWrap--Jztaypl8 {
    align-items: center;
    background: #ff5000;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 14px;
    max-width: 180px;
    padding: 6px 12px
}

.countDown--WJ009XJy {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.timerPreText--etocW_aU {
    margin-right: 8px
}

.timer--YtoxL8LT {
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-family: AlibabaSans102v1TaoBao;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    margin-left: 4px;
    text-align: center;
    width: 20px
}

.seprator--Ehx8_5x5 {
    margin-left: 4px
}

.block1--PlRzQppo {
    padding: 21px 0px 20px;
    float: left;
    width: 100%;
}

.block1--PlRzQppo .leftWrap--ItBGQ2NQ {
    border-radius: 12px;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden
}

.block1--PlRzQppo .rightWrap--C84_XvSu {
    flex: 1;
    overflow: hidden
}

.block2--MLcO9YdF {
    margin: 20px 0
}

.overseaPrice--H5wxczu2 {
    margin: 8px 0
}

.overseaPriceText--HXR2oy9R {
    color: #666;
    font-size: 15px;
    font-weight: 400;
    height: 19px;
    line-height: 18px
}

.beltPrice--i5j_t2w4 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    height: 78px;
    width: 100%;
    float: left;
}

.beltStyleType1--Eys36pW2 {
    align-items: center;
    height: 40px;
    padding: 0 16px
}

.beltStyleType1--Eys36pW2 .highlightPrice--asfw5V1e .text--jyiUrkMu {
    font-size: 20px !important;
    height: 22px !important;
    line-height: 22px !important
}

.beltStyleType2--mn3b2xeH {
    padding: 12px 0px
}

.leftWrap--IJTfJ3mp,
.rightWrap--qcJy0e_F {
    float: left;
}

.priceWrap--tE_ZpfEc {
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e {
    color: #fff;
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e .title--xbzcSemP {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-right: 2px
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e .symbol--ZqZXkLDL {
    font-family: Inter V;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    letter-spacing: -.02em;
    line-height: 20px;
    color: #ff0101;
    margin-right: 1px
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e .text--jyiUrkMu {
    font-family: Inter V;
    font-size: 28px;
    font-weight: 600;
    height: 28px;
    letter-spacing: -.02em;
    color: #ff0101;
    line-height: 28px
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e .text--jyiUrkMu.shadow-ecotext {
    display: inline-block;
    line-height: 22px;
    margin-bottom: 3px;
    max-width: 150px;
    overflow: hidden
}

.priceWrap--tE_ZpfEc .highlightPrice--asfw5V1e .desc--kVa4z4pl {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-left: 2px
}

.priceWrap--tE_ZpfEc .subPrice--empS5uv8 {
    align-items: flex-end;
    color: #fff;
    display: flex;
    flex-direction: row;
    margin-left: 8px
}

.priceWrap--tE_ZpfEc .subPrice--empS5uv8 .title--xbzcSemP {
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 2px
}

.priceWrap--tE_ZpfEc .subPrice--empS5uv8 .text--jyiUrkMu {
    font-family: Inter V, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    letter-spacing: -.02em;
    line-height: 20px
}

.priceWrap--tE_ZpfEc .subPrice--empS5uv8 .text--jyiUrkMu.shadow-ecotext {
    display: inline-block;
    margin-bottom: 2px;
    max-width: 100px;
    overflow: hidden
}

.priceWrap--tE_ZpfEc .subPrice--empS5uv8 .desc--kVa4z4pl {
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-left: 2px
}

.summaryWrap--CttBB0oR {
    height: 22px;
    padding-top: 3px;
}

.summaryWrap--CttBB0oR .salesDesc--mOo6I5Bc {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    letter-spacing: 0;
    line-height: 20px
}

.logoWrap--kcO7hpmU {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.logoWrap--kcO7hpmU .saleLogo--Ivuw3XgY {
    max-height: 18px;
    max-width: 140px;
    object-fit: contain
}

.countDownWrap--_RhgG15P {
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: flex-end
}

.bottomLabel--UvzCTNzh {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    white-space: nowrap
}

.bottomLabel--UvzCTNzh .text--lbinE_mM {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0;
    margin-left: 8px
}

.bottomLabel--UvzCTNzh .text--lbinE_mM:first-of-type {
    margin-left: 0 !important
}

.bottomLabel--R8x2krcf {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%
}

.bottomLabel--R8x2krcf .text--h40mDEy7 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0
}

.bottomLabel--R8x2krcf .countDownText--wLEQ5tp6 {
    color: #fff;
    font-family: Inter V, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: -.02em;
    margin-left: 2px
}

.couponInfo--bhw6MmIx,
.couponInfoArea--PrABy9eQ {
    position: relative;
    width: 100%;
    height: 0px;
}

.couponListWrap--WZpkLAUM {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    letter-spacing: 0;
    overflow: hidden;
    width: 100%
}

.couponWrap--262tzrS7 {
    height: 32px;
    max-width: calc(100% - 40px);
    position: relative
}

.couponText--XuXNjizk {
    background-color: #fff1eb;
    color: #ff5000
}

.couponText--XuXNjizk,
.highlightCouponText--Cg3KRf2P {
    border-radius: 8px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all
}

.highlightCouponText--Cg3KRf2P {
    background-color: #ff5000;
    color: #fff
}

.highlightCouponText--Cg3KRf2P .price--uC4AkDRB {
    font-family: Inter V, PingFang SC;
    font-weight: 600;
    margin-right: 8px
}

.arrowIcon--re3ityLn {
    align-items: center;
    color: #ff5000;
    cursor: pointer;
    display: flex;
    font-size: 8px;
    height: 32px;
    justify-content: center;
    left: 100%;
    line-height: 32px;
    position: absolute;
    top: 0;
    transition: transform .4s ease;
    vertical-align: baseline;
    width: 32px
}

.arrowIcon--re3ityLn.isExpend--IQGCYBTI {
    transform: rotate(-180deg)
}

.moreCouponListWrap--lo3wMoYs {
    min-width: 152px;
    position: absolute;
    right: 8px;
    top: 100%;
    z-index: 2
}

.moreCouponListWrap--lo3wMoYs .moreCouponListInnerWrap--ForecqXj {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    margin-top: 8px;
    max-height: 200px;
    overflow: auto;
    padding: 16px
}

.moreCouponListWrap--lo3wMoYs .moreCouponItem--U50Rxmqb {
    color: #11192d;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 24px;
    white-space: nowrap
}

.moreCouponListWrap--lo3wMoYs .moreCouponItem--U50Rxmqb:last-child {
    margin-bottom: 0
}

.couponInfoLoading--EgQ9x_fx {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 8px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.couponInfoLoading--EgQ9x_fx .couponItemLoading--fmSAgnoU {
    animation: blink--Sor77NZv 2s ease-in-out infinite;
    background: #f7f7f7;
    border-radius: 8px;
    height: 32px;
    width: 100px
}

@keyframes blink--Sor77NZv {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

.CouponInfoForProtection--YwHDLkjr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.innerWrap--_CTBhUkP {
    align-items: center;
    align-self: flex-start;
    background: #fff1eb;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 12px 4px 8px
}

.icon--yPD8V3__ {
    height: 24px;
    margin-right: 2px;
    width: 24px
}

.text--XPwgi6WA {
    color: #ff5000;
    font-family: PingFang SC
}

.PreSaleStage--VH_y3FhW,
.text--XPwgi6WA {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.PreSaleStage--VH_y3FhW {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    letter-spacing: 0
}

.stageItem--C0umSeX3 .desc--ubh0AbNV {
    margin-left: 8px
}

.stageItem--C0umSeX3:nth-of-type(n+2) {
    margin-left: 28px;
    position: relative
}

.stageItem--C0umSeX3:nth-of-type(n+2):before {
    background-color: #d6d6d6;
    content: "";
    height: 1px;
    left: -20px;
    position: absolute;
    top: 10px;
    width: 12px
}

.NewItemHead--ick6Ka6h {
    margin-bottom: 20px;
    width: 100%
}

.NewItemHead--ick6Ka6h,
.leftWrap--Ikzkx9Xl {
    align-items: center;
    display: flex;
    flex-direction: row
}

.leftWrap--Ikzkx9Xl {
    background-color: rgba(0, 0, 0, .03);
    border-radius: 12px;
    cursor: pointer;
    height: 80px;
    justify-content: center;
    margin-right: 16px;
    overflow: hidden;
    width: 80px
}

.rightWrap--FwsmqCHp {
    position: relative
}

.SecondCard--MCzqyuAU {
    margin-bottom: 20px
}

.SecondCard--MCzqyuAU>div {
    margin-bottom: 8px
}

.SecondCard--MCzqyuAU>div:last-child {
    margin-bottom: 0
}

.CountrySubsidyArea--RcteR8wB {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    letter-spacing: 0;
    line-height: 22px;
    width: 100%
}

.contentWrap--CPfFBdM6 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 16px;
    max-width: 100%
}

.arrowIcon--WmvE7qsg {
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    padding-left: 4px
}

.textWrap--YnZUU3C7 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%
}

.textWrap--YnZUU3C7 span {
    white-space: nowrap;
    word-break: keep-all
}

.CardItem--l4YkRoXx,
.labelIconWrap--cbBbhqqw {}

.labelIconWrap--cbBbhqqw {
    align-items: center;
    height: 22px;
    justify-content: center;
    transform: translateY(.5px);
    width: 72px;
    float: left;
    line-height: 21px;
    font-size: 14px;
    letter-spacing: 27px;
    white-space: nowrap;
    color: rgba(0, 0, 0, .52);
}

.labelIcon--aaVSZenv {
    color: rgba(0, 0, 0, .52);
    font-size: 20px;
    line-height: 20px
}

.content--YgPuTMgr {
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    line-height: 22px;
    position: relative;
    width: calc(100% - 28px)
}

.content--YgPuTMgr>div {
    max-width: 100%
}

.TmallRank--bW1TqkOW {
    align-items: center;
    display: flex;
    flex-direction: row
}

.arrowIcon--SmGmyHQj {
    cursor: pointer;
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
    padding: 4px;
    transform: rotate(-90deg)
}

.textWrap--WJVjq8XZ {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%
}

.textWrap--WJVjq8XZ span {
    white-space: nowrap;
    word-break: keep-all
}

.ActiveInfo--Zd66WqnP {
    display: flex;
    flex-direction: column;
    line-height: 24px
}

.ActiveInfo--Zd66WqnP .item--gn3StIxU {
    display: flex;
    flex-direction: row;
    margin-bottom: 6px
}

.ActiveInfo--Zd66WqnP .item--gn3StIxU:last-child {
    margin-bottom: 0
}

.ActiveInfo--Zd66WqnP .item--gn3StIxU .icon--hTCpCEcy {
    height: 16px;
    margin-right: 8px;
    padding: 4px 0
}

.ChaoShiDelivery--o6XocGk9 {
    display: flex;
    flex-direction: column
}

.dividing-line--HZAVfwAd {
    background-color: #979797;
    height: 12px;
    margin: 0 14px;
    opacity: .24;
    width: 1px
}

.mui-addr-tri-1--fQQmDT4V,
.mui-addr-tri-2--JpDXZv0g,
.mui-addr-tri-3--piMAhLY8 {
    background: none;
    border: none;
    color: #333;
    position: relative;
    z-index: 2
}

.mui-addr-tri-2--JpDXZv0g,
.mui-addr-tri-3--piMAhLY8 {
    padding-left: 4px
}

.mui-addr-icon--rl4WmBcP {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    padding: 4px;
    position: relative;
    transition: transform .4s ease;
    z-index: 1
}

.mui-addr-icon--rl4WmBcP.isExpend--AA2pmWtv {
    transform: rotate(-180deg)
}

.dialog--Tk52g3tY {
    background: #fff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    max-width: 540px;
    padding: 12px 6px 16px 16px;
    position: absolute;
    right: 8px;
    top: calc(100% + 4px);
    width: 540px;
    z-index: 2
}

.delivery-content--IE6tZRXO {
    display: flex;
    flex-direction: column;
    width: calc(100% - 72px)
}

.delivery-info--r1yvchdo {
    text-wrap: nowrap;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 18px;
    word-break: keep-all
}

.freight--KDahf1kw {
    margin-right: 8px
}

.select-trigger--nsdFr6wB {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    z-index: 0
}

.rule-link--zwqTRrqx {
    color: #000;
    text-decoration: none
}

.mui-addr-icon--rl4WmBcP.changeIconDirection--U1kQ0VNU {
    transform: rotate(-90deg)
}

.changeDialogStyle--HnVTM560 [class*=addressTip] {
    display: none
}

.AddressDialog--OYtTCmEl {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.closeIcon--Ad7FFoeR {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: -4px
}

.addressTip--GgNjdWcn {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 12px
}

.addressContent--eTVqlRVT {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.addressContent--eTVqlRVT .unnormalWrap--KIBvlQjr {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    line-height: 14px;
    padding: 14px 0 24px
}

.addressContent--eTVqlRVT .unnormalWrap--KIBvlQjr .icon--WWj4z66r {
    color: #7c889c;
    display: inline-block;
    font-size: 48px;
    line-height: 48px
}

.addressContent--eTVqlRVT .unnormalWrap--KIBvlQjr .message--wMARPgXF {
    color: #7c889c;
    margin-top: 8px
}

.addressContent--eTVqlRVT .unnormalWrap--KIBvlQjr .action--u19TqSvM {
    border: 1px solid #eee;
    border-radius: 4px;
    color: #11192d;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 16px;
    padding: 9px 12px;
    text-decoration: none
}

.addressContent--eTVqlRVT .unnormalWrap--KIBvlQjr .action--u19TqSvM:hover {
    border-color: #ff5000;
    color: #ff5000
}

.UserAddress--BjEcMms2 {
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 200px;
    overflow: auto;
    padding-right: 6px;
    width: calc(100% - 6px)
}

.UserAddress--BjEcMms2.scrollHide--KzTib_uE {
    scrollbar-width: none
}

.UserAddress--BjEcMms2 .userAddressItem--xy4mQgEJ {
    border: 1.5px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    height: 94px;
    margin-right: 12px;
    padding: 12px 16px;
    position: relative;
    width: calc(50% - 6px)
}

.UserAddress--BjEcMms2 .userAddressItem--xy4mQgEJ:nth-of-type(2n) {
    margin-right: 0
}

.UserAddress--BjEcMms2 .userAddressItem--xy4mQgEJ:nth-of-type(n+3) {
    margin-top: 12px
}

.UserAddress--BjEcMms2 .userAddressItem--xy4mQgEJ:hover {
    background-color: rgba(0, 0, 0, .04);
    border: 1.5px solid rgba(0, 0, 0, .08)
}

.UserAddress--BjEcMms2 .userAddressItem--xy4mQgEJ.isSelected--rpRywCuA {
    background-color: #fff;
    border: 1.5px solid #ff5000
}

.UserAddress--BjEcMms2 .defaultTip--QmDxNooC {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .52);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 8px;
    padding: 2px 4px;
    width: 32px
}

.UserAddress--BjEcMms2 .briefAddress--wIzM7Wxz {
    font-family: PingFang SC;
    font-weight: 500;
    margin-bottom: 6px
}

.UserAddress--BjEcMms2 .defaultTip--QmDxNooC+.briefAddress--wIzM7Wxz {
    max-width: calc(100% - 35px)
}

.UserAddress--BjEcMms2 .detailAddress--TtzQ9UGb {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0;
    line-height: 22px
}

.UserAddress--BjEcMms2 .recipientInfo--mDp9vxVj {
    align-items: center;
    color: rgba(0, 0, 0, .92);
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 4px
}

.UserAddress--BjEcMms2 .recipientInfo--mDp9vxVj .recipient--amxQkOQc {
    margin-right: 8px
}

.UserAddress--BjEcMms2 .recipientInfo--mDp9vxVj .tel--Kk86IMbu {
    font-family: SF Pro
}

.UserAddress--BjEcMms2.aRowStyle--bZw2oE31 {
    max-height: 306px
}

.UserAddress--BjEcMms2.aRowStyle--bZw2oE31 .userAddressItem--xy4mQgEJ {
    margin-right: 0;
    width: 100%
}

.UserAddress--BjEcMms2.aRowStyle--bZw2oE31 .userAddressItem--xy4mQgEJ:nth-of-type(n+2) {
    margin-top: 12px
}

.secondCardDialogWrap--UpCgC57D {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999999999
}

.mask--csFpToJe {
    animation: maskAppear--CnZDI0X1 .4s ease-in-out 0s 1 forwards;
    height: 100%;
    width: 100%
}

.secondCardDialogContent--GlOqdB0J {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    font-family: PingFang SC;
    left: 50%;
    min-width: 360px;
    overflow: hidden;
    padding: 12px 16px 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header--G5im7apZ {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 12px;
    width: 100%
}

.title--bm6gloCu {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.closeIconWrap--OuX8UeMG {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    width: 32px;
    z-index: 10
}

.closeIconWrap--OuX8UeMG:hover {
    background-color: rgba(0, 0, 0, .04)
}

.closeIcon--h4aozktE {
    font-size: 28px;
    line-height: 28px
}

@keyframes maskAppear--CnZDI0X1 {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

.OverseaDelivery--bLE3yA4o {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.normal-delivery--vEg1GNdk {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top
}

.class-1--RU5uwtbF {
    display: flex;
    flex-direction: column;
    width: 100%
}

.header--HJMIiD1J {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 36px
}

.areas--h7OJezOV {
    width: 100%
}

.tag-wrapper--xNfQ5bIs {
    align-items: flex-start;
    background-color: #286be5;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    height: 20px;
    left: 50%;
    line-height: 18px;
    margin: auto;
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 16px;
    transform: translate(-50%);
    white-space: nowrap;
    width: auto;
    z-index: 1
}

.tag-1--unr8XWK4 {
    color: #fff;
    font-size: 14px;
    margin-top: 1px
}

.area-circle--n2bFi_GC {
    display: flex;
    flex-direction: row;
    left: 0;
    padding: 0 14px;
    position: absolute;
    top: 25px;
    width: calc(100% - 28px)
}

.circle--ErawuHey {
    background-color: #286be5;
    border-radius: 100%;
    height: 6px;
    overflow: hidden;
    position: relative;
    top: -3px;
    width: 6px
}

.text-background--r02LluFB {
    height: 1px;
    width: calc(100% - 12px)
}

.circle-1--uSpF0pun {
    background-color: #286be5;
    border-radius: 100%;
    height: 6px;
    overflow: hidden;
    position: relative;
    top: -3px;
    width: 6px
}

.seller-area--Ea4vdV2Q {
    align-items: center;
    display: flex;
    flex-direction: column;
    float: left;
    position: relative
}

.location--JVL3A08O {
    color: #000;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    white-space: nowrap
}

.user-area--MBQhKDfN {
    align-items: center;
    display: flex;
    flex-direction: column;
    float: right;
    position: relative
}

.address--Ebnqamiy {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.submain--GfJH9J6X {
    flex-direction: row;
    margin-top: 4px
}

.col--Rld3Pmod,
.submain--GfJH9J6X {
    align-items: center;
    display: flex;
    justify-content: center
}

.col--Rld3Pmod {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 6px;
    flex: 1;
    flex-direction: column;
    height: 46px;
    line-height: 18px;
    margin-right: 6px;
    overflow: hidden
}

.item-title--bfmDJcIz {
    color: #666;
    margin-top: 4px;
    white-space: nowrap
}

.item-title--bfmDJcIz,
.price--fLw2tJj9 {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
    max-width: 168px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

.price--fLw2tJj9 {
    color: #000;
    margin-top: 2px;
    white-space: pre
}

.col-2--shcOLIAX {
    align-items: center;
    border: 1px solid #f8f8f8;
    border-radius: 6px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 46px;
    justify-content: center;
    overflow: hidden
}

.info--kv5MADrn {
    color: #666;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-top: 3px;
    max-width: 168px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.view--jTlfOkui {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 18px;
    margin-top: 2px;
    position: relative
}

.meta--kLKG2byl {
    color: #286be5;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 3px;
    white-space: nowrap
}

.dot--PK9Dtqy0 {
    height: 6px;
    width: 10px
}

.Dialog--NIceIttP {
    padding-top: 4px;
    position: absolute;
    right: 8px;
    top: calc(100% + 4px);
    width: 248px;
    z-index: 1
}

.dialogWrap--TqBxd8WX {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    flex-direction: column;
    overflow: hidden;
    padding: 16px
}

.group-item-0-1--mSjwpo7v {
    align-items: flex-start;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    white-space: nowrap
}

.group-item-0-1--mSjwpo7v:first-of-type {
    padding-top: 0
}

.group-item-0-1--mSjwpo7v:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.subtitle--MBAV30ge {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    max-width: 100%
}

.view-1--QnpGdYtZ {
    align-items: center;
    display: flex;
    flex-direction: row;
    white-space: normal
}

.info-1--iUg15UHg {
    color: #666;
    font-size: 14px
}

.dot--PK9Dtqy0.changeIconDirection--yuj2c4Ji {
    transform: rotate(90deg) !important
}

.dialogWrap2--Kg5ItlKx {
    width: 100%
}

.TextDelivery--aJHvYiYX {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.deliveryInfoIconWrap--eMdzUA6n {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: auto
}

.deliveryInfoIcon--MG2tZCkV {
    height: 16px;
    margin-right: 4px;
    width: auto
}

.freight--_LNloK6u,
.shipping--m9JTCTt7 {
    margin-right: 8px
}

.DomesticDelivery--E69W_yfc {}

.deliveryInfoIconWrap--J12VUSso {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: auto
}

.deliveryInfoIcon--YIVMjQjH {
    height: 16px;
    margin-right: 4px;
    padding: 3px 0;
    width: auto
}

.freight--oatKHK1s,
.shipping--Obxoxza7 {
    margin-right: 8px
}

.dialog--qExED_tY {
    background: #fff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    max-width: 540px;
    padding: 12px 6px 16px 16px;
    position: absolute;
    right: 8px;
    top: calc(100% + 4px);
    width: 540px;
    z-index: 2
}

.deliveryAddrWrap--KgrR00my {
    align-items: center;
    cursor: pointer;
    display: none;
    flex-direction: row;
    justify-content: center
}

.muiAddrIcon--mk32nNkD {
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    padding: 4px;
    transition: transform .4s ease;
    vertical-align: top
}

.muiAddrIcon--mk32nNkD.isExpend--dCSCrxqO {
    transform: rotate(-180deg)
}

.muiAddrIcon--mk32nNkD.changeIconDirection--KkHcfIwy {
    transform: rotate(-90deg)
}

.changeDialogStyle--ZKtz9_VV [class*=addressTip] {
    display: none
}

.GuaranteeInfo--OYtWvOEt {
    position: relative
}

.triggerWrap--GHPptwKa {
    display: inline-block;
    max-width: calc(100% - 16px);
    white-space: nowrap
}

.triggerWrap--GHPptwKa.hasMore--NfIqMAPq {
    cursor: pointer
}

.triggerWrap--GHPptwKa .guaranteeText--hqmmjLTB {
    position: relative
}

.triggerWrap--GHPptwKa .placeholder--vIRHq9BE {
    background-color: #ebebeb;
    display: inline-block;
    height: 12px;
    margin: 0 8px;
    transform: translateY(1px);
    width: 1px
}

.triggerWrap--GHPptwKa .hidePlaceholder--SMFaHDjB {
    display: none
}

.arrowIcon--m7udHzv7 {
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    padding: 4px;
    transition: transform .4s ease;
    vertical-align: top
}

.arrowIcon--m7udHzv7.isExpend--dbnukVvl {
    transform: rotate(-180deg)
}

.arrowIcon--m7udHzv7.changeIconDirection--x0dNrTXJ {
    transform: rotate(-90deg)
}

.moreGuaranteeListWrap--kVlCCBdo {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    cursor: default;
    font-size: 14px;
    padding: 16px 6px 16px 16px;
    position: absolute;
    right: 8px;
    top: calc(100% + 4px);
    z-index: 2
}

.moreGuaranteeListInnerWrap--MfNFJdKD {
    font-size: 14px;
    max-height: 288px;
    overflow-y: auto;
    padding-right: 6px
}

.qualificationTitle--phAqzg7B {
    align-items: space-between;
    color: #1f1f1f;
    flex-direction: row;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 16px
}

.mixinItemWrap--BLEzJ848,
.qualificationTitle--phAqzg7B {
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 22px
}

.mixinItemWrap--BLEzJ848 {
    color: #7a7a7a;
    flex-direction: column
}

.mixinItem--zKXhBS7y {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.mixinItem--zKXhBS7y:last-child {
    margin-bottom: 0
}

.mixinInfo--ki09rJZK {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.mixinInfo--ki09rJZK .text--g3M8p9Ac {
    color: #1f1f1f;
    flex: 1;
    font-weight: 500;
    padding-right: 12px;
    text-align: justify;
    word-break: break-all
}

.changeMixinItemStyle--anUFS6VA {
    margin-bottom: 0
}

.changeMixinItemStyle--anUFS6VA .mixinInfo--ki09rJZK .text--g3M8p9Ac {
    color: #7a7a7a;
    font-weight: 400
}

.changeMixinItemStyle--anUFS6VA:last-child .mixinInfo--ki09rJZK {
    margin-bottom: 0
}

.actionWrap--QhK4qIvX {
    align-items: center;
    color: #7a7a7a;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    margin-left: 12px;
    text-decoration: none
}

.actionWrap--QhK4qIvX:hover {
    color: #1f1f1f;
    text-decoration: none
}

.actionWrap--QhK4qIvX .action--YWVFcTnm {
    margin-right: 4px;
    word-break: keep-all
}

.actionWrap--QhK4qIvX .actionLinkIcon--k2xDN1xr {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    transform: rotate(-90deg);
    width: 8px
}

.ie .mixinInfo--ki09rJZK .text--g3M8p9Ac {
    min-width: 85%
}

.GuaranteeItem--bnTdL3re {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.GuaranteeItem--bnTdL3re:last-of-type {
    margin-bottom: 0
}

.GuaranteeItem--bnTdL3re .header--v0xWW1eo {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.GuaranteeItem--bnTdL3re .header--v0xWW1eo .title--XyUixZH8 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 22px;
    white-space: pre-wrap
}

.GuaranteeItem--bnTdL3re .subItem--MVA4d2LW {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

.GuaranteeItem--bnTdL3re .header--v0xWW1eo+.subItem--MVA4d2LW {
    margin-top: 4px
}

.GuaranteeItem--bnTdL3re .subItem--MVA4d2LW+.subItem--MVA4d2LW {
    margin-top: 8px
}

.GuaranteeItem--bnTdL3re .subTitle--vV8KNgCO {
    color: #7a7a7a;
    flex: 1;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap
}

.GuaranteeItem--bnTdL3re .changeSubTitleColor--qQZT4eUg {
    color: #1f1f1f
}

.payInfo--u8lkIjAu {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.payInfo--u8lkIjAu,
.payInfoWrap--DR07R7Wo {
    position: relative
}

.payInfoWrap--DR07R7Wo {
    max-width: 100%
}

.payInfoList--mGME4jNX {
    height: 22px;
    line-height: 22px;
    max-width: calc(100% - 22px);
    width: auto
}

.payInfoItem--ESlZXfyL {
    position: relative
}

.placeholder--l_yiZ9cq {
    background-color: #ebebeb;
    display: inline-block;
    height: 12px;
    margin: 0 8px;
    transform: translateY(1px);
    width: 1px
}

.hidePlaceholder--hqSD9CkR {
    display: none
}

.tipsWrap--PUVUZm3M {
    color: #7a7a7a;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    line-height: 22px;
    margin-left: 8px;
    position: relative
}

.tipsWrap--PUVUZm3M:hover {
    color: #1f1f1f
}

.tipsIcon--aLv35lPu {
    font-size: 14px
}

.tipsPop--kMgUOGJE {
    background-color: rgba(0, 0, 0, .88);
    border-radius: 8px;
    bottom: -66px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 54px;
    line-height: 22px;
    padding: 5px 12px;
    text-align: center;
    width: 262px;
    z-index: 99
}

.tipsPop--kMgUOGJE,
.tipsPop--kMgUOGJE:before {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.tipsPop--kMgUOGJE:before {
    background-image: url(https://img.alicdn.com/imgextra/i1/O1CN01ClSxnq1CUWIWNMmRr_!!6000000000084-2-tps-64-29.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 8.5px;
    top: -8px;
    width: 16px
}

.arrowIconWrap--hF_5nm83 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 22px;
    justify-content: center;
    padding: 0 4px;
    width: auto
}

.arrowIcon--rZuoR7QX {
    color: #1f1f1f;
    display: inline-block;
    font-size: 8px;
    transition: transform .4s ease
}

.arrowIcon--rZuoR7QX.isExpend--DUZi8r30 {
    transform: rotate(-180deg)
}

.arrowIcon--rZuoR7QX.changeIconDirection--brP7CyAQ {
    transform: rotate(-90deg)
}

.expendListWrap--uwpxLjEH {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    max-width: 200px;
    padding: 8px 4px;
    position: absolute;
    right: 8px;
    top: 100%;
    z-index: 2
}

.expendItem--Xum6meqq {
    color: #1f1f1f;
    font-size: 14px;
    margin-bottom: 4px;
    padding: 5px 8px
}

.expendItem--Xum6meqq:last-child {
    margin-bottom: 0
}

.expendListWrap2--XXsjNxK1 {
    width: 100%
}

.expendListWrap2--XXsjNxK1 .expendItem--Xum6meqq {
    padding: 5px 0
}

.SecurityContent--cWCbh5Fd {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 52px;
    padding-right: 16px
}

.SecurityContent--cWCbh5Fd .loginTip--kSkm2yjN {
    color: #11192d
}

.SecurityContent--cWCbh5Fd .loginBtn--tr3DF2Q3 {
    background: #ff5000;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-top: 16px;
    padding: 16px 30px
}

.MCWeight--vN6xziQK {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.content--kcx3odxH {
    color: #11192d;
    font-size: 14px;
    line-height: 40px;
    width: 100%
}

.MCWeightHorizontal--vI16M5Ws {
    flex-direction: row
}

.MCWeightHorizontal--vI16M5Ws .content--kcx3odxH {
    width: calc(100% - 72px)
}

.ItemLabel--psS1SOyC {
    align-items: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 72px;
    float: left;
    letter-spacing: 27px;
    white-space: nowrap;
}

.skuWrapper--iKSsnB_s {
    height: auto;
    width: 100%
}

.miniPanel .skuWrapper--iKSsnB_s {
    padding-bottom: 16px
}

.content--H3i1Fyx2,
.root--tV6j69Zx {
    display: flex;
    flex-direction: column
}

.content--H3i1Fyx2 {
    align-items: center
}

.buyMobileTip--SXwPiQC6 {
    align-self: flex-start;
    color: #11192d;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.rootHorizontal--K26S1f_E {
    flex-direction: row
}

.itemQR--_ZXbHV2K {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    display: inline-block;
    line-height: 1;
    overflow: hidden
}

.qrTips--cpAl7dNI {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 18px;
    margin-top: 4px;
    text-align: center
}

.Auctions--nuFEBLsU {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

.content--j8E4hQN3 {
    color: #11192d;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    width: 100%
}

.content--j8E4hQN3 .valueItem--GyjnGID3 {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    margin: 0 8px 8px 0;
    max-width: calc(100% - 12px);
    padding: 0 12px
}

.content--j8E4hQN3 .valueItem--GyjnGID3.isSelected--B9kA08Lo,
.content--j8E4hQN3 .valueItem--GyjnGID3:hover {
    border-color: #ff5000;
    color: #ff5000
}

.content--j8E4hQN3 .valueItem--GyjnGID3.isDisabled--M_Nf9fKw {
    border: 1px solid #d6d6d6;
    color: #11192d;
    cursor: not-allowed;
    font-weight: 400;
    opacity: .3;
    outline: none
}

.auctionContentWrap--BNzkj4oc {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.contentWrap--Ko0jtAwL {
    overflow: hidden;
    width: 100%
}

.AuctionsHorizontal--ObYJ9R_4 {
    flex-direction: row
}

.AuctionsHorizontal--ObYJ9R_4 .auctionContentWrap--BNzkj4oc {
    width: calc(100% - 72px)
}

.moreValueItemWrap--Tyie3kBp {
    height: 24px;
    margin-bottom: 8px;
    width: 100%
}

.moreValueItemTipWrap--jSEqczTh {
    align-items: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .52);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 24px;
    width: -webkit-fit-content;
    width: fit-content
}

.moreValueItemTipWrap--jSEqczTh .moreValueItemText--Z6EtDCN5 {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 1px 0
}

.moreValueItemTipWrap--jSEqczTh .moreValueItemIcon--jdZLU5ws {
    font-size: 8px;
    line-height: 8px;
    margin-left: 4px;
    transition: transform .4s ease-in-out
}

.moreValueItemTipWrap--jSEqczTh .moreValueItemIcon--jdZLU5ws.isExpend--LZSPOhX0 {
    transform: rotate(-180deg)
}

.moreValueItemTipWrap--jSEqczTh:hover {
    color: #ff5000
}

.root--eXasfhBG,
.skuItem--Z2AJB9Ew {}

.skuItem--Z2AJB9Ew {
    color: #11192d;
    font-size: 14px;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}

.skuItem--Z2AJB9Ew .skuValueWrap--aEfxuhNr {
    position: relative;
    width: calc(100% - 72px);
    float: left;
}

.skuItem--Z2AJB9Ew .contentWrap--jRII6Vhf {
    overflow: hidden;
    width: 100%
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItem--smR4pNt4 {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    margin: 0 8px 8px 0;
    max-width: calc(100% - 8px);
    padding: 0 12px
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItem--smR4pNt4.isSelected--_a9zOp7C,
.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItem--smR4pNt4:hover {
    border-color: #81b337;
    color: #81b337
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItem--smR4pNt4.isDisabled--BhZbtUdR {
    border: 1px solid #d6d6d6;
    color: #11192d;
    cursor: not-allowed;
    font-weight: 400;
    opacity: .3;
    outline: none
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItem--smR4pNt4.hasImg--K82HLg1O {
    padding: 0 12px 0 12px
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItemImg--GC9bH5my,
.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItemImgWrap--ZvA2Cmim {
    background-color: rgba(0, 0, 0, .03);
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .valueItemImg--GC9bH5my {
    border-radius: 4px
}

.skuItem--Z2AJB9Ew .content--DIGuLqdf .cornerText--VbKlraC5 {
    font-size: 12px;
    padding: 0 2px;
    position: absolute;
    right: -6px;
    top: -6px
}

.skuItemHorizontal--Kw5mkx92 {
    flex-direction: row
}

.skuItemHorizontal--Kw5mkx92 .skuValueWrap--aEfxuhNr {
    width: calc(100% - 72px)
}

.moreValueItemWrap--rGobbiSI {
    height: 24px;
    margin-bottom: 8px;
    width: 100%
}

.moreValueItemTipWrap--xXFtMARS {
    align-items: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .52);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 24px;
    width: -webkit-fit-content;
    width: fit-content
}

.moreValueItemTipWrap--xXFtMARS .moreValueItemText--D6cH8oJ3 {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 1px 0
}

.moreValueItemTipWrap--xXFtMARS .moreValueItemIcon--txfgV7FO {
    font-size: 8px;
    line-height: 8px;
    margin-left: 4px;
    transition: transform .4s ease-in-out
}

.moreValueItemTipWrap--xXFtMARS .moreValueItemIcon--txfgV7FO.isExpend--SDI3eW09 {
    transform: rotate(-180deg)
}

.moreValueItemTipWrap--xXFtMARS:hover {
    color: #ff5000
}

.BuyPattern--m8ZSLAHz,
.buyTypesWrap--HgvslkFS {
    display: block
}

.operationLine--ngT4KIBo,
.skuCompsWrap--NHPH3taz {
    display: flex;
    flex-direction: column
}

.operationLine--ngT4KIBo {
    color: #11192d;
    font-size: 14px;
    margin-bottom: 8px
}

.content--gT9y_DLB {
    display: flex;
    flex-direction: column;
    width: 100%
}

.operationItemWrap--UWzEhOzK {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.operationItem--D4jiu2kB {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    margin: 0 8px 8px 0;
    max-width: calc(100% - 12px);
    padding: 0 12px
}

.operationItem--D4jiu2kB.isSelected--CgtwtE8H,
.operationItem--D4jiu2kB:hover {
    border-color: #ff5000;
    color: #ff5000
}

.operationItem--D4jiu2kB.isDisabled--vOKlWMu7 {
    border: 1px solid #d6d6d6;
    color: #11192d;
    cursor: not-allowed;
    font-weight: 400;
    opacity: .3;
    outline: none
}

.subText--PwpXr_ho {
    margin-bottom: 8px;
    padding-left: 4px
}

.orderToShop--hIYPYjYH {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    padding: 8px;
    text-align: center
}

.buyMobileTip--t8fBRp_m {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px
}

.operationLineHorizontal--UxywzVQq {
    flex-direction: row
}

.operationLineHorizontal--UxywzVQq .content--gT9y_DLB {
    width: calc(100% - 72px)
}

.qrCodeIcon {
    display: inline-block;
    height: 16px;
    margin-left: 9px;
    position: relative;
    vertical-align: middle;
    width: 16px
}

.qrCodeIcon path {
    fill: #000
}

.VtStore--id6QSonH {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    line-height: 16px;
    margin-bottom: 16px
}

.content--wSQUrnz9 {
    line-height: 22px;
    max-width: 100%
}

.txtMain--Cnj4vYGi {
    color: #1f1f1f;
    display: inline;
    font-size: 14px
}

.txtSub--quu7T7jR {
    color: #7a7a7a;
    display: inline;
    font-size: 14px
}

.iconArrow--YCkSXLc_ {
    color: #1f1f1f;
    font-size: 8px;
    transform: rotate(-90deg)
}

.VtStoreHorizontal--ToPlvcgu {
    flex-direction: row
}

.VtStoreHorizontal--ToPlvcgu .content--wSQUrnz9 {
    width: calc(100% - 72px)
}

.content--mUAk6rrf,
.root--uHUOEAcH {}

.content--mUAk6rrf {
    max-width: calc(100% - 72px);
    float: left;
    width: calc(100% - 72px);
}

.countWrapper--EEYLrWjn {
    background-color: #fff;
}

.quantityBtn--P8_6Bvlb {
    align-items: center;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    float: left;
}

.quantityBtn--P8_6Bvlb.isDisabled--BpjUzC9e {
    cursor: not-allowed;
}

.quantityBtn--P8_6Bvlb.isDisabled--BpjUzC9e .btnText--rWINuuuu {
    color: #ccc
}

.minusBtn--JK1jMnDd {
    border-radius: 8px 0 0 8px
}

.addBtn--qAT5CPYq {
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    float: left;
}

.btnText--rWINuuuu {
    color: #1f1f1f;
    font-size: 20px;
    line-height: 20px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.countValueWrapper--NsSDP4ir {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box;
    height: 40px;
    min-width: 40px;
    width: 40px;
    float: left;
}

.countValue--N1HIJiVk {
    background-color: transparent;
    border: none;
    color: rgba(0, 0, 0, .92);
    font-family: Inter V;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    line-height: 20px;
    outline: none;
    text-align: center;
    width: 40px
}

.quantityTip--zL6BCu6j {
    color: #7a7a7a;
    font-size: 14px;
    letter-spacing: 0;
    margin-left: 8px;
    line-height: 38px;
    float: left;
}

.root--gFDvLmi_ {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    margin-top: 16px
}

.serviceCateItem--i7sOqVB_ {
    color: #11192d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 16px
}

.serviceCateItem--i7sOqVB_:last-of-type {
    margin-bottom: 0
}

.content--iE7mvwwX {
    display: flex;
    flex-direction: column;
    width: calc(100% - 72px)
}

.summaryInfo--opRXEWJH {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 22px;
    line-height: 22px
}

.summaryInfo--opRXEWJH:hover {
    color: #ff5000 !important
}

.summaryInfo--opRXEWJH .arrowIcon--rScZRbg6 {
    cursor: pointer;
    font-size: 8px;
    transition: transform .4s ease
}

.summaryInfo--opRXEWJH .arrowIcon--rScZRbg6.isExpend--poAeqAvq {
    transform: rotate(-180deg)
}

.detailInfo--foaTEtQK {
    animation: detailInfoShow--AKhrxIT6 .4s ease 0s 1 forwards;
    color: #11192d;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px
}

.detailInfo--foaTEtQK .detailInfoInnerWrap--fsHbJPYc {
    display: flex;
    flex-direction: column;
    margin-top: 12px
}

.detailInfo--foaTEtQK .serviceItem--ibY2XANp {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px
}

.detailInfo--foaTEtQK .serviceItem--ibY2XANp:last-of-type {
    margin-bottom: 0
}

.detailInfo--foaTEtQK .serviceHeader--w231B5lM {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    margin-bottom: 8px
}

.detailInfo--foaTEtQK .serviceBody--TxRXcF4M {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    margin: 0 8px 8px 0;
    padding: 0 12px
}

.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL>span {
    text-wrap: nowrap
}

.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL .price--ON8xhM5Q {
    margin-left: 4px
}

.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL.isSelected--XE9Km9C7,
.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL:hover {
    border-color: #ff5000;
    color: #ff5000
}

.detailInfo--foaTEtQK .uniqueServiceItem--nGxfdJSL.isDisabled--kgx4UlzX {
    border: 1px solid #d6d6d6;
    color: #ccc;
    cursor: not-allowed;
    font-weight: 400;
    outline: none
}

@keyframes detailInfoShow--AKhrxIT6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.root--v_8WgalB {
    color: #11192d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin-top: 16px
}

.content--D4TfYUjt {
    display: flex;
    flex-direction: row;
    width: calc(100% - 72px)
}

.storeValueName--NA6xuEHj {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .06);
    border: 1px solid #dadde0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    padding: 8px
}

.GuideDetailPage--_5QjEZvu {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
    padding: 8px
}

.GuideDetailPage--_5QjEZvu .desc--gGbS4aRl {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: center
}

.GuideDetailPage--_5QjEZvu .btn--Wf936TUe {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 5px 19px
}

.GuideDetailPage--_5QjEZvu .btn--Wf936TUe:hover {
    opacity: .8
}

.Actions--aqEomNIE {
    display: flex;
    flex-direction: row;
    padding-top: 16px;
}

.btn--aFn_xlKC {
    border: 0;
    cursor: pointer;
    flex: 1;
    height: 48px;
    line-height: 24px;
    outline: 0;
    padding: 0;
    text-align: center
}

.btn--aFn_xlKC.unlimitWidth--jetp629X {
    padding: 0 4px;
    width: auto !important
}

.disabled--tsTA2N4f.btn--aFn_xlKC {
    cursor: not-allowed
}

.primaryBtn--XnHaGY8l.leftBtn--LA05qsCW {
    border-bottom-left-radius: 12px;
    background: #94d139;
    border-top-left-radius: 12px
}
.primaryBtn--XnHaGY8l.leftBtn--LA05qsCW:hover {
    background: #73ad1f;
}
.primaryBtn--XnHaGY8l.rightBtn--C9Q0dlgG {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    background: #81b337;
}
.primaryBtn--XnHaGY8l.rightBtn--C9Q0dlgG:hover {
    background: #48700d;
}
.textBtn--kymOoPSG {
    border: none;
    box-shadow: none;
    width: auto
}

.icon--yHoe5knR {
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-family: taobao !important;
    font-size: inherit;
    font-style: normal;
    line-height: 48px;
    margin-right: 3px;
    position: relative;
    vertical-align: top
}

.iconText--O5xAmqvf {
    line-height: 48px;
    vertical-align: middle
}

.subTitle--G3KWD26K {
    margin-top: 2px
}

.leftButtons--yzXHnpOm {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap
}

.rightButtons--vl5ie6X8 {
    display: flex;
    flex-direction: row;
    margin-left: 12px
}

.rightButtons--vl5ie6X8>div {
    margin-right: 12px
}

.rightButtons--vl5ie6X8>div:last-child {
    margin-right: 0
}

.ie11 .btn--aFn_xlKC,
.ie11 .leftButtons--yzXHnpOm {
    flex: 1 1 auto
}

.RightButtonList--UDLr9knE {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 8px;
    position: absolute;
    top: 56px;
    right: 0px;
}

.RightButtonList--UDLr9knE>div {
    margin-right: 8px
}

.RightButtonList--UDLr9knE>div:last-child {
    margin-right: 0
}

.RightButton--bW2fuIlt {
    align-items: center;
    border: none;
    color: #1f1f1f;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    letter-spacing: 0;
    width: 48px
}

.RightButton--bW2fuIlt:hover {
    background-color: transparent;
    border-color: transparent;
    color: #ff5000 !important
}

.icon--BN57bGf4 {
    font-size: 28px;
    line-height: 28px
}

.icon--BN57bGf4,
.image--gvGZXe5H {
    height: 28px;
    width: 28px
}

.text--BANTyNLW {
    text-wrap: nowrap;
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    background-size: 13px auto;
}

.RightButton--bW2fuIlt:hover .text--BANTyNLW {
    color: #81b337 !important
}

.BatchButton--XlJ8mLlE {
    position: relative
}

.number--jGx5OBgA {
    border: 1px solid #fff;
    left: 26px;
    position: absolute;
    top: 0
}

.BatchCartNumber--PCtwXmN1 {
    text-wrap: nowrap;
    background: #ff5000;
    border-radius: 100px;
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    font-weight: 600;
    height: 16px;
    letter-spacing: 0;
    line-height: 16px;
    min-width: 8px;
    padding: 0 4px;
    text-align: center
}

.commonMask--VqpMRgwr>.commonMaskContent {
    animation: contentAppear--gUenkWSD .4s ease-in-out 0s 1 forwards;
    background-color: #fff;
    height: 100%;
    left: auto;
    max-width: 1152px;
    min-width: 800px;
    right: -60vw;
    top: 0;
    width: 60vw
}

.ie .commonMask--VqpMRgwr>.commonMaskContent {
    animation: none;
    right: 0
}

.BatchPanel--Aox4Wwzm {
    height: 100%;
    width: 100%
}

.closeIcon--k4_AoJrn {
    color: #11192d;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    right: 22px;
    top: 28px
}

@keyframes contentAppear--gUenkWSD {
    to {
        transform: translateX(-60vw)
    }
}

.headWrap--SEaG6NgY {
    margin: 30px 24px 24px
}

.bodyWrap--rCzp3Ck1 {
    margin: 0 24px
}

.filterWrap--jBNoaruv {
    margin-bottom: 16px
}

.filterItem--q2J4MwNf {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.filterItem--q2J4MwNf:last-child {
    margin-bottom: 0
}

.filterItem--q2J4MwNf .optionItemList--JOiBptSn {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap
}

.filterItem--q2J4MwNf .optionItem--R7JnepPO {
    align-items: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 8px;
    margin-right: 8px;
    min-width: 32px;
    padding: 8px
}

.filterItem--q2J4MwNf .optionItem--R7JnepPO:last-child {
    margin-right: 0
}

.filterItem--q2J4MwNf .optionItem--R7JnepPO.isSelected--A64y2DTx,
.filterItem--q2J4MwNf .optionItem--R7JnepPO:hover {
    border: 1px solid #ff5000;
    color: #ff5000
}

.filterItem--q2J4MwNf .optionItem--R7JnepPO.isDisabled--FJCjOXY9 {
    cursor: not-allowed;
    opacity: .3
}

.filterItem--q2J4MwNf .optionItem--R7JnepPO.isDisabled--FJCjOXY9:hover {
    border: 1px solid #d6d6d6;
    color: #1f1f1f
}

.tableContainer--ZY86cJVY {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    overflow-x: auto;
    overflow-y: auto;
    position: relative
}

.tableWrap--O1YAdbmx {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.tableWrap--O1YAdbmx thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.tableWrap--O1YAdbmx td,
.tableWrap--O1YAdbmx th {
    box-sizing: border-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    text-align: left
}

.tableWrap--O1YAdbmx td:first-of-type,
.tableWrap--O1YAdbmx th:first-of-type {
    left: 0;
    position: -webkit-sticky;
    position: sticky
}

.tableWrap--O1YAdbmx td:last-of-type,
.tableWrap--O1YAdbmx th:last-of-type {
    position: -webkit-sticky;
    position: sticky;
    right: 0
}

.tableWrap--O1YAdbmx td:nth-last-of-type(2),
.tableWrap--O1YAdbmx th:nth-last-of-type(2) {
    position: -webkit-sticky;
    position: sticky;
    right: 136px
}

.tableWrap--O1YAdbmx.isVScroll--xr6NpaKo td:first-of-type:after,
.tableWrap--O1YAdbmx.isVScroll--xr6NpaKo th:first-of-type:after {
    background: #ebebeb;
    box-shadow: 1px 0 4px 0 rgba(0, 0, 0, .16);
    content: "";
    height: calc(100% + 1px);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.tableWrap--O1YAdbmx.isVScroll--xr6NpaKo td:nth-last-of-type(2):before,
.tableWrap--O1YAdbmx.isVScroll--xr6NpaKo th:nth-last-of-type(2):before {
    background: #ebebeb;
    box-shadow: -1px 0 4px 0 rgba(0, 0, 0, .16);
    content: "";
    height: calc(100% + 1px);
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.tableWrap--O1YAdbmx th {
    background-color: #fafafa;
    line-height: 22px
}

.tableWrap--O1YAdbmx th .filterDesc--sXfPFJGs {
    text-wrap: nowrap
}

.tableWrap--O1YAdbmx td {
    background-color: #fff
}

.tableWrap--O1YAdbmx .productName--Ws2uXdZy {
    display: inline-block;
    margin-top: 4px
}

.tableWrap--O1YAdbmx .productName--Ws2uXdZy .iconImg--EOmBUlO4 {
    border-radius: 4px;
    cursor: pointer;
    margin-right: 12px
}

.tableWrap--O1YAdbmx .filterDesc--sXfPFJGs {
    width: 120px
}

.tableWrap--O1YAdbmx .productPrice--vZOFZ8lI {
    width: 100px
}

.tableWrap--O1YAdbmx .productNum--AZdwETxP {
    width: 104px
}

.tableHeadItem--9965Xh11 {
    color: #999;
    padding: 12px 16px
}

.tableRowItem--_XLHoEJD {
    border-top: 1px solid #ebebeb
}

.tableRowItem--_XLHoEJD.isDisabled--FJCjOXY9 {
    opacity: .3
}

.tableRowItem--_XLHoEJD.isDisabled--FJCjOXY9:hover {
    background-color: transparent
}

.tableColItem--mROD0204 {
    color: #1f1f1f;
    padding: 14px 16px
}

.footWrap--dUkMtl8H {
    align-items: center;
    background: #fff;
    border-top: 1px solid #ebebeb;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: space-between;
    padding: 16px 24px;
    position: absolute;
    width: 100%
}

.cartList--UkyJZ_13 {
    bottom: 70px;
    left: 12px;
    position: absolute;
    z-index: 2
}

.unSupportSticky .tableWrap--O1YAdbmx.isVScroll--xr6NpaKo td:first-of-type:after,
.unSupportSticky .tableWrap--O1YAdbmx.isVScroll--xr6NpaKo td:nth-last-of-type(2):before,
.unSupportSticky .tableWrap--O1YAdbmx.isVScroll--xr6NpaKo th:first-of-type:after,
.unSupportSticky .tableWrap--O1YAdbmx.isVScroll--xr6NpaKo th:nth-last-of-type(2):before {
    display: none
}

.CommonMask--zdEOYmdj {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000000000
}

.content--GQHpEqAm,
.mask--GQblOMjZ {
    height: 100%;
    width: 100%
}

.content--GQHpEqAm {
    left: 0;
    position: absolute;
    top: 0
}

.content--GQHpEqAm .closeIcon--_kQX4FMP {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

@keyframes maskAppear--JT9IWb6w {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

.Loading--wCKkvQpj {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.loading--LiRRa8VF {
    animation: rotating--JGCzAkGy 1s linear infinite;
    height: 36px;
    width: 36px
}

@keyframes rotating--JGCzAkGy {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.HoverImg--_MCZw8IU {
    align-items: center;
    animation: show--DZVMoWXA .2s ease 0s 1 forwards;
    background-color: #f3f6f8;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 6px 48px 0 rgba(0, 17, 51, .06);
    display: flex;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.HoverImg--_MCZw8IU .itemHoverImg--pXrkd1kE {
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

@keyframes show--DZVMoWXA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.s1024 .HoverImg--_MCZw8IU {
    display: none
}

.title--vTuhHn_J {
    color: #1f1f1f;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px
}

.delivery--wtSfNniv {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 10px
}

.TableFilters--xKteQ2XA {
    margin-bottom: 16px
}

.filterItem--zUMWzLgJ {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.filterItem--zUMWzLgJ:last-child {
    margin-bottom: 0
}

.filterItem--zUMWzLgJ .optionItemList--hfjCw3tK {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap
}

.filterItem--zUMWzLgJ .optionItem--zqGy2IO8 {
    align-items: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 8px;
    margin-right: 8px;
    min-width: 32px;
    padding: 8px
}

.filterItem--zUMWzLgJ .optionItem--zqGy2IO8:last-child {
    margin-right: 0
}

.filterItem--zUMWzLgJ .optionItem--zqGy2IO8.isSelected--IqRdiPKT,
.filterItem--zUMWzLgJ .optionItem--zqGy2IO8:hover {
    border: 1px solid #ff5000;
    color: #ff5000
}

.filterItem--zUMWzLgJ .optionItem--zqGy2IO8.isDisabled--s42CnQW4 {
    cursor: not-allowed;
    opacity: .3
}

.filterItem--zUMWzLgJ .optionItem--zqGy2IO8.isDisabled--s42CnQW4:hover {
    border: 1px solid #d6d6d6;
    color: #1f1f1f
}

.Operation--wsLpRFYj {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row
}

.quantityBtn--ViWldfnb {
    align-items: center;
    border: 1px solid #dadde0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.quantityBtn--ViWldfnb.isDisabled--lHEITL5E {
    cursor: not-allowed
}

.quantityBtn--ViWldfnb.isDisabled--lHEITL5E .btnText--u9Q_c1uQ {
    opacity: .3
}

.minusBtn--Fzf32cHV {
    border-radius: 4px 0 0 4px
}

.addBtn--dk2FpZsE {
    border-radius: 0 4px 4px 0
}

.btnText--u9Q_c1uQ {
    color: #11192d;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.countValueWrapper--MTkBNdwy {
    border-bottom: 1px solid #dadde0;
    border-top: 1px solid #dadde0;
    box-sizing: border-box;
    height: 32px;
    min-width: 40px
}

.countValue--RYKt6L1u {
    background-color: transparent;
    border: none;
    height: 100%;
    outline: none;
    text-align: center;
    width: 40px
}

.quantityTip--wOnvRyWi {
    color: #8d9ba8;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 8px
}

.leftWrap--QcHKnGQl {
    align-items: center;
    display: flex;
    flex-direction: row
}

.priceWrap--OUnU95JJ .priceTips--_bOl91ec {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.priceWrap--OUnU95JJ .priceUnit--sxye44gv {
    color: #ff5000;
    font-family: Inter V;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 22px;
    margin-right: 1px
}

.priceWrap--OUnU95JJ .priceNumber--fh0RbkeV {
    color: #ff5000;
    font-family: Inter V;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 28px
}

.priceTips2--SSxD0Yhw {
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
    margin-top: 4px
}

.detailListWrap--SsCQbAaH {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: relative
}

.detailListWrap--SsCQbAaH .icon--X_XFtuXQ {
    height: 28px;
    margin-right: 8px;
    width: 28px
}

.detailListWrap--SsCQbAaH .text--vhGl0KAa {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px
}

.detailListWrap--SsCQbAaH .arrowIcon--lNLA0gQQ {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    margin-left: 4px;
    padding: 4px;
    transition: transform .4s ease;
    vertical-align: baseline
}

.detailListWrap--SsCQbAaH .arrowIcon--lNLA0gQQ.isExpend--nIQ2IR9r {
    transform: rotate(-180deg)
}

.detailListWrap--SsCQbAaH .number--BQ6jRxSt {
    left: 40px;
    position: absolute;
    top: -4px
}

.orderWrap--IRIroYD0+.detailListWrap--SsCQbAaH:before {
    background-color: #ebebeb;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 0 12px;
    width: 1px
}

.actionWrap--ym9JFvHm {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: 340px
}

.actionWrap--ym9JFvHm .actionItem--XYp895El {
    flex: 1
}

.CartList--Q__135IE {
    animation: show--AshaAAec .2s ease 0s 1 forwards;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(10, 10, 51, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 20px 4px 24px 20px;
    transform-origin: bottom center;
    width: 480px
}

.closeIcon--yn8RUc87 {
    color: #11192d;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 20px;
    top: 20px
}

.headWrap--OclOyeHn {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 24px;
    padding-right: 28px
}

.listWrap--CiuSnLxW {
    max-height: 312px;
    min-height: 216px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 16px
}

.listWrap--CiuSnLxW .item--k3Rk3DdR {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 24px
}

.listWrap--CiuSnLxW .item--k3Rk3DdR:last-of-type {
    margin-bottom: 0
}

.listWrap--CiuSnLxW .item--k3Rk3DdR>div {
    padding-right: 24px
}

.listWrap--CiuSnLxW .item--k3Rk3DdR>div:last-child {
    padding-right: 0
}

.listWrap--CiuSnLxW .item--k3Rk3DdR .name--T9MJ36wq {
    flex: 1
}

.listWrap--CiuSnLxW .item--k3Rk3DdR .price--ohqKgGch {
    width: 100px
}

.emptyWrap--gfTUiZ3g {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 216px;
    justify-content: center;
    padding-bottom: 16px;
    padding-right: 16px
}

.emptyWrap--gfTUiZ3g .emptyImg--uIChhtz6 {
    height: 86px;
    margin-bottom: 16px;
    width: 140px
}

.emptyWrap--gfTUiZ3g .emptyText--TPxr6yds {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

@keyframes show--AshaAAec {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

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

.guideWrap--XnE2ULAn {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 134px;
    opacity: 1;
    padding: 16px;
    position: absolute;
    width: 220px
}

.guideWrap--XnE2ULAn:after {
    background-color: #fff;
    border-radius: 2px;
    bottom: -4px;
    content: "";
    height: 10px;
    left: calc(50% - 6px);
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}

.title--twOU8PaM {
    color: #1f1f1f;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 8px
}

.subTitle--FNx0F9qq,
.title--twOU8PaM {
    font-family: PingFang SC;
    font-size: 14px
}

.subTitle--FNx0F9qq {
    color: #7a7a7a;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px
}

.actionWrap--cvYPHgBz {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.actionWrap--cvYPHgBz>div {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 12px;
    margin-right: 8px;
    padding: 0 8px
}

.actionWrap--cvYPHgBz>div:hover {
    opacity: .6
}

.actionWrap--cvYPHgBz>div:last-of-type {
    margin-right: 0
}

.confirmBtn--ibfVqlYM {
    background: #ff5000;
    color: #fff
}

.cancelBtn--gBO4EjdM {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #1f1f1f
}

.PurchaseOrderPanel--FxWq8TKW {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.innerWrap--sAJX5Rgo {
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 96px);
    min-height: 300px;
    width: 480px
}

.headWrap--kwzdZhOr {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: space-between;
    padding: 16px
}

.title--bd1WkaE3 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px
}

.closeIcon--WKFIYXTb {
    color: #11192d;
    cursor: pointer;
    font-size: 28px;
    line-height: 28px
}

.bodyWrap--JKigUcu2 {
    flex: 1;
    min-height: 164px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px
}

.listWrap--nAXsYLXu .item--ofjORMFL {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px
}

.listWrap--nAXsYLXu .item--ofjORMFL:hover {
    background: #f7f7f7
}

.listWrap--nAXsYLXu .item--ofjORMFL:hover .info--ZOFHi2F4>.checkboxWrapper--Q2d_xLpV {
    border: 1px solid #ff5000
}

.listWrap--nAXsYLXu .info--ZOFHi2F4 {
    text-wrap: nowrap;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.listWrap--nAXsYLXu .checkboxWrapper--Q2d_xLpV {
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 16px;
    justify-content: center;
    margin-right: 8px;
    width: 16px
}

.listWrap--nAXsYLXu .checkedWrapper--aQJCIlH2 {
    background-color: #fff1eb;
    border: 1px solid #ff5000
}

.listWrap--nAXsYLXu .checkboxIcon--fCzJalFd {
    height: 8px;
    object-fit: contain;
    width: 10px
}

.listWrap--nAXsYLXu .name--xYerTjEZ {
    color: #1f1f1f;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 240px
}

.listWrap--nAXsYLXu .tip--qi0vtN_n {
    align-items: center;
    background: #ff5000;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    letter-spacing: 0;
    margin-left: 8px;
    padding: 0 4px
}

.listWrap--nAXsYLXu .count--VKD8O1Qj {
    color: #1f1f1f;
    font-family: Inter V;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px
}

.emptyWrap--Gl4bccU5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 164px;
    justify-content: center;
    width: 100%
}

.emptyWrap--Gl4bccU5 .emptyImg--CyvIGtBG {
    margin-bottom: 16px;
    object-fit: contain;
    width: 140px
}

.emptyWrap--Gl4bccU5 .emptyText--LFwVv1bP {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center
}

.footWrap--fQT6Z6lQ {
    height: 72px;
    justify-content: space-between;
    padding: 16px
}

.footWrap--fQT6Z6lQ,
.leftWrap--f1NGWsNR {
    align-items: center;
    display: flex;
    flex-direction: row
}

.leftWrap--f1NGWsNR {
    cursor: pointer;
    justify-content: center
}

.createIcon--UUpBR7gJ {
    font-size: 24px;
    line-height: 24px;
    margin-right: 4px
}

.createBtn--vLQVCA68 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.actionBtn--MjsEu6Ub {
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 7px 16px
}

.actionBtn--MjsEu6Ub.cancelBtn--VxxAiS0M {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #1f1f1f;
    margin-right: 12px
}

.actionBtn--MjsEu6Ub.confirmBtn--vQad_DOf {
    background: #ff5000;
    border: 1px solid #ff5000;
    color: #fff
}

.actionBtn--MjsEu6Ub.confirmBtn--vQad_DOf.isDisabled--YwmstY8C {
    cursor: not-allowed;
    opacity: .3
}

.listLoadingWrap--WtNFna5t {
    align-items: center;
    color: #7a7a7a;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 164px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    width: 100%
}

.listLoadingWrap--WtNFna5t .loadingImg--yx2S4ZOB {
    animation: rotating--tC2jnLYf 1s linear infinite;
    height: 48px;
    margin-bottom: 6px;
    object-fit: contain;
    width: 48px
}

@keyframes rotating--tC2jnLYf {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.listErrorWrap--cCAZy3U6 {
    align-items: center;
    color: #999;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    height: 164px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 22px;
    width: 100%
}

.listErrorWrap--cCAZy3U6 .errorImg--eZo0q03Y {
    height: 66px;
    margin-bottom: 16px;
    object-fit: contain;
    width: 98px
}

.MessageContent--nYGEmchG {
    cursor: default;
    display: flex;
    flex-direction: column
}

.MessageContent--nYGEmchG .mainTitle--LbSQ8Hjk {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -2px
}

.MessageContent--nYGEmchG .subTitle--UDjDo_BJ {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px
}

.MessageContent--nYGEmchG .actionBtn--sTRtwHQ0 {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin: 12px auto 0;
    min-width: 94px;
    padding: 5px 0
}

.MessageContent--nYGEmchG .actionBtn--sTRtwHQ0:hover {
    background: rgba(0, 0, 0, .04)
}

.EmphasizeButtonList--CXEuu6Sg {
    border-radius: 12px;
    display: flex;
    flex: 1;
    flex-direction: row;
    height: 48px;
    overflow: hidden
}

.btnItem--NstK3Os1 {
    align-items: center;
    background-color: #ff5000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.btnItem--NstK3Os1>span {
    white-space: nowrap;
    word-break: keep-all
}

.btnItem--NstK3Os1 .title--eRJZFX83 {
    font-size: 16px;
    font-weight: 700
}

.btnItem--NstK3Os1 .quanText--J3zVN8Lz,
.btnItem--NstK3Os1 .subTitle--UXD57726 {
    color: hsla(0, 0%, 100%, .84);
    font-size: 16px;
    font-weight: 400;
    margin-left: 8px
}

.btnItem--NstK3Os1:first-child {
    padding: 0 16px
}

.btnItem--NstK3Os1:last-child {
    flex: 1 1 auto;
    width: 368px
}

.btnItem--NstK3Os1.isDisabled--aIzuGNX2 {
    cursor: not-allowed
}

.miniWrap--X_WozmyX .btnItem--NstK3Os1 .title--eRJZFX83 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px
}

.miniWrap--X_WozmyX .btnItem--NstK3Os1 .quanText--J3zVN8Lz,
.miniWrap--X_WozmyX .btnItem--NstK3Os1 .subTitle--UXD57726 {
    color: hsla(0, 0%, 100%, .84);
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px;
    margin: -4px 0 0
}

.miniWrap--X_WozmyX .btnItem--NstK3Os1:first-child {
    font-size: 28px !important;
    font-weight: 400 !important
}

.miniWrap--X_WozmyX .btnItem--NstK3Os1:last-child {
    flex: 1;
    flex-direction: column
}

.miniWrap--X_WozmyX .btnItem--NstK3Os1 .icon--f5QGj1QS {
    font-size: 28px;
    line-height: 28px;
    width: 28px
}

#titleTabs .btnItem--NstK3Os1 .quanText--J3zVN8Lz {
    display: none
}

#titleTabs .btnItem--NstK3Os1:last-child {
    width: 152px
}

.ie11 .btnItem--NstK3Os1:last-child,
.ie11 .miniWrap--X_WozmyX .btnItem--NstK3Os1:last-child {
    flex: 1 1 auto
}

.GuideTBApp--MqE5ppnS {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.GuideTBApp--MqE5ppnS .banner--cn48GTUW {
    height: 72px;
    margin-bottom: 24px;
    width: 160px
}

.GuideTBApp--MqE5ppnS .title--LSSZk_rk {
    color: #ff5000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 12px
}

.GuideTBApp--MqE5ppnS .desc--mV6cKuvm {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 28px
}

.GuideTBApp--MqE5ppnS .label--niB_hzeb {
    background: #f7f7f7;
    border-radius: 8px;
    color: #7a7a7a;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 28px;
    padding: 4px 12px
}

.GuideOther--W4WWUyvd {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.GuideOther--W4WWUyvd .desc--Y4KZqonk {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: center
}

.GuideOther--W4WWUyvd .btn--zLCruyd2 {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 5px 19px
}

.GuideOther--W4WWUyvd .btn--zLCruyd2:hover {
    opacity: .8
}

.DebugConsole--fAK5V2Y1 {
    background-color: #7fffd4;
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    max-width: 150px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.dialogWrap--XiYJj3Zp {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: row;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999999999
}

.dialogContentWrap--yGNzphwC {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: -webkit-fit-content;
    min-width: fit-content;
    overflow: hidden;
    padding: 16px;
    position: relative
}

.bottomDrawer--iEdmZIY0 {
    font-family: PingFang SC;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000003
}

.mask--qhkxWp_L {
    animation: maskAppear--eK2sp5F7 .4s ease-in-out 0s 1 forwards;
    height: 100%;
    width: 100%
}

.content--Xrt0TF0Z {
    animation: contentAppear--cCldqLaM .4s ease-in-out 0s 1 forwards;
    background-color: #fff;
    bottom: -90vh;
    height: 90vh;
    left: 0;
    position: absolute;
    width: 100%
}

.content--Xrt0TF0Z .closeIcon--GTCp7iRM {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

.content--Xrt0TF0Z>div {
    box-sizing: border-box;
    max-width: 100%
}

@keyframes maskAppear--eK2sp5F7 {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

@keyframes contentAppear--cCldqLaM {
    to {
        bottom: 0
    }
}

.countrySubsidyPop--_Dx7p0UP {
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 524px;
    left: 50%;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 440px
}

.header--g4IJk7dW {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
    width: 100%
}

.title--GUleKgZF {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px
}

.closeIconWrap--zud53_W8 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    width: 32px
}

.closeIcon--SoVHOLjI {
    font-size: 28px
}

.content--TzVNpiB9 {
    display: flex;
    flex-direction: row;
    height: calc(100% - 40px);
    justify-content: center;
    margin-top: 8px;
    overflow: hidden;
    width: calc(100% + 24px)
}

.CommonMask--jUxU4W_m {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000000
}

.mask--o4EPYWex {
    animation: maskAppear--Q5LhDNel .4s ease-in-out 0s 1 forwards;
    height: 100%;
    width: 100%
}

.content--SDe9Ta0D {
    animation: contentAppear--dQhIbB71 .4s ease-in-out 0s 1 forwards;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.content--SDe9Ta0D .closeIcon--Jcc6iE_x {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

@keyframes maskAppear--Q5LhDNel {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

@keyframes contentAppear--dQhIbB71 {
    to {
        left: 0
    }
}

.MessageWithRecommondForCart--bz8QD35e {
    background-color: #fff;
    border-radius: 24px;
    box-sizing: border-box;
    font-family: PingFang SC;
    height: 600px;
    left: 50%;
    overflow: hidden;
    padding: 16px 16px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 880px
}

.closeIconWrap--zURonCHp {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 32px;
    z-index: 10
}

.closeIconWrap--zURonCHp:hover {
    background-color: rgba(0, 0, 0, .04)
}

.closeIcon--yF8_D0fd {
    font-size: 28px;
    line-height: 28px
}

.messageWithRecommondWrap--h3bRBtoD {
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.messageWithRecommondWrap--h3bRBtoD::-webkit-scrollbar {
    display: none
}

.topContainer--FJHWKKI0 {
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    padding: 24px 0;
    width: 100%
}

.messageContainer--uDhkULwf,
.topContainer--FJHWKKI0 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.messageContainer--uDhkULwf {
    gap: 4px 0;
    margin-bottom: 16px
}

.titleContainer--VLwDQsi6 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.successIcon--A89cnWTh {
    height: 20px;
    width: 20px
}

.title--Ep_ll1z4 {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-left: 8px;
    text-align: center
}

.message--dZpk5OOY {
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.normalText--X3xkrxgd {
    color: #7a7a7a
}

.highlightText--e3dHysSN {
    color: #ff5000
}

.buttonContainer--PdGa1VSJ {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.primaryButton--FayaXi5l {
    background: #ff5000
}

.primaryButton--FayaXi5l,
.secondaryButton--irb9wS6g {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 40px;
    justify-content: center;
    padding: 8px 12px;
    position: relative
}

.secondaryButton--irb9wS6g {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-left: 8px
}

.primaryButton--FayaXi5l:hover:after,
.secondaryButton--irb9wS6g:hover:after {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.buttonContent--zQrPXP2Q {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 4px
}

.buttonText--sT91lIdU {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.secondaryButtonText--qTW_eTsz {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.topFixedArea--R0Lw4Cq9 {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    padding: 12px 16px;
    position: absolute;
    top: 0;
    transition: opacity .1s ease;
    width: 100%;
    z-index: 9
}

.topFixedTitle--j9QwJZw9 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
    padding: 2px 0 2px 4px
}

.topFixedContent--VleWGuFD {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: center;
    width: 100%
}

.changeTopContainerStyle--Z7fjMqVj {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 12px
}

.changeTopContainerStyle--Z7fjMqVj .messageContainer--uDhkULwf {
    flex-direction: row;
    gap: 0 8px;
    margin-bottom: 0
}

.changeTopContainerStyle--Z7fjMqVj .successIcon--A89cnWTh {
    height: 24px;
    width: 24px
}

.changeTopContainerStyle--Z7fjMqVj .message--dZpk5OOY,
.changeTopContainerStyle--Z7fjMqVj .title--Ep_ll1z4 {
    font-size: 16px;
    line-height: 24px
}

.changeTopContainerStyle--Z7fjMqVj .primaryButton--FayaXi5l,
.changeTopContainerStyle--Z7fjMqVj .secondaryButton--irb9wS6g {
    height: 32px;
    padding: 6px 8px
}

.changeTopContainerStyle--Z7fjMqVj .primaryButton--FayaXi5l .buttonText--sT91lIdU,
.changeTopContainerStyle--Z7fjMqVj .primaryButton--FayaXi5l .secondaryButtonText--qTW_eTsz,
.changeTopContainerStyle--Z7fjMqVj .secondaryButton--irb9wS6g .buttonText--sT91lIdU,
.changeTopContainerStyle--Z7fjMqVj .secondaryButton--irb9wS6g .secondaryButtonText--qTW_eTsz {
    font-size: 14px;
    line-height: 22px
}

.guessULikeWrap--mXk9wF0x {
    margin-top: 12px;
    width: 100%
}

.messageWithRecommondWrap--h3bRBtoD .tbpc-layout {
    overflow-x: hidden !important
}

.messageWithRecommondWrap--h3bRBtoD .tbpc-layout .tbpc-col {
    flex-basis: 25% !important;
    max-width: 25% !important
}

.marketingBeltWrap--xkYOy6cJ {
    margin-top: 16px;
    width: 100%
}

.marketingBeltWrap--xkYOy6cJ .bannerImg--tSPKRmzM {
    object-fit: contain;
    width: 100%
}

.variantTip--ryuqpF1c {
    background-color: #fff0f0;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding: 8px 16px 8px 8px;
    width: 100%
}

.alertIcon--a2stn6XV {
    background-image: url(https://gw.alicdn.com/imgextra/i2/O1CN01UJ5oVZ1JtRAkiyqJs_!!6000000001086-2-tps-96-96.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.contentWrap--RrLUbVFe {
    display: flex;
    flex: 1;
    flex-direction: column
}

.contentTop--SLFiH14k {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.title--Xc_mnzJN {
    font-weight: 500;
    z-index: 0
}

.action--v_y80qcO,
.title--Xc_mnzJN {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px
}

.action--v_y80qcO {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    margin-left: 8px;
    white-space: nowrap
}

.action--v_y80qcO .actionArrow--asBP4cGe {
    flex-shrink: 0;
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    margin-left: 4px;
    transform: rotate(-90deg);
    width: 8px
}

.action--v_y80qcO:hover {
    color: #ff5000
}

.action--v_y80qcO:active {
    color: #c23d00
}

.contentBottom--AgKTB0YQ {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

.DebugConsole--CxNFqmxZ {
    background-color: #7fffd4;
    border-radius: 5px;
    font-size: 10px;
    max-width: 180px;
    padding: 5px;
    position: fixed;
    right: 5px;
    top: 100px;
    z-index: 9999
}

.actionBtn--it8KThKz {
    background: #faebd7;
    border-radius: 4px;
    cursor: pointer;
    margin: 2px;
    padding: 2px 4px
}

.actionBtn--it8KThKz:hover {
    background: #ccc
}

.content--_cBnVpO1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 224px;
    width: 100%
}

.content--_cBnVpO1 a {
    text-decoration: none
}

.img--Q5RoMMlm {
    height: 192px;
    margin-bottom: 12px;
    width: 276.8px
}

.title--Cp0GMDfA {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0
}

.desc--Q0iiDb7K {
    color: #7a7a7a;
    font-weight: 400;
    margin: 4px 0 0;
    text-align: center
}

.btn--NbA0YnqZ,
.desc--Q0iiDb7K {
    font-family: PingFang SC;
    font-size: 16px;
    line-height: 24px
}

.btn--NbA0YnqZ {
    align-items: center;
    background: #ff5000;
    border-radius: 12px;
    color: #fff !important;
    display: flex;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    margin-top: 12px;
    text-decoration: none;
    width: 136px
}

.toastContent--MKctFbC7 {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px 0 rgba(10, 10, 51, .18);
    display: flex;
    flex-direction: row;
    left: 50vw;
    padding: 13px 16px;
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.toastContent--MKctFbC7 .toastIcon--ryOyfQ2m {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.toastContent--MKctFbC7 .toastText--uEWEbzCI {
    color: #11192d;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left
}

.dialogContent--i64io6qC {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 48px 0 rgba(0, 17, 51, .12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50vw;
    padding: 24px 40px;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    z-index: 1000000001
}

.dialogContent--i64io6qC .dialogIcon--WiQd0DkM {
    height: 48px;
    margin-bottom: 16px;
    padding: 6px;
    width: 48px
}

.dialogContent--i64io6qC .dialogText--icA8Vv9Q {
    color: #11192d;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

.animated_dialogShow--uFlPmxOt {
    animation: dialogShow--otL3lf27 .3s ease-out 0s 1 normal forwards
}

.animated_dialogHide--o2kJC5Xn {
    animation: dialogHide--Mkn5K1Om .1s ease-in 0s 1 normal forwards
}

.animated_toastShow--pzXizYfT {
    animation: toastShow--XHz3bx6g .1s ease-out 0s 1 normal forwards
}

.animated_toastHide--jDCPYhv1 {
    animation: toastHide--N6DaAsvp .1s ease-in 0s 1 normal forwards
}

@keyframes dialogShow--otL3lf27 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }

    60% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes dialogHide--Mkn5K1Om {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3)
    }
}

@keyframes toastShow--XHz3bx6g {
    0% {
        opacity: 0;
        transform: translate(-50%, -150%)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

@keyframes toastHide--N6DaAsvp {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -150%)
    }
}

.MessageContent--HWjbyiMa {
    display: flex;
    flex-direction: column
}

.MessageContent--HWjbyiMa .mainTitle--mjngNQF2 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.MessageContent--HWjbyiMa .subTitle--dq12YxdJ {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px
}

.MessageContent--HWjbyiMa .actionBtn--TPlbMfxv {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 12px;
    padding: 5px 12px
}

.search-suggest-menu {
    padding: 0 4px
}

.search-suggest-menu-item {
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    left: -9999px;
    line-height: 32px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    top: -9999px;
    white-space: nowrap
}

.search-suggest-menu-item.active,
.search-suggest-menu-item:hover {
    background-color: #eee;
    color: #333
}

.search-suggest-menu {
    background: #fff;
    border-radius: 0 0 8px 8px;
    border-style: solid;
    border-width: 1px;
    border: 2px solid var(--tbpc-primary-theme-color);
    border-top: none;
    cursor: default;
    outline: none;
    padding: 0 4px 8px
}

.search-suggest-menu .text-commen {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.search-suggest-menu .hide {
    display: none !important
}

.search-suggest-menu .search-suggest-menu-history {
    flex: 1 1;
    margin-bottom: 3px;
    margin-left: 12px;
    padding-top: 16px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 13px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-text {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 12px;
    font-variation-settings: "opsz" auto;
    font-weight: 400;
    height: 16px;
    left: 18px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 12px;
    opacity: 1;
    position: static;
    top: 0;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 1
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-text:hover {
    color: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .clean-icon-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .clean-icon-wrapper .search-suggest-menu-history-clean-divider {
    background-color: #ebebeb;
    border-radius: 4px;
    height: 10px;
    margin-left: -6px;
    margin-right: 6px;
    width: 1px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .clean-icon-wrapper .text {
    cursor: pointer
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-wrapper:hover .search-suggest-menu-history-clean-icon path {
    fill: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-wrapper:hover .search-suggest-menu-history-clean-text {
    color: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-clean-wrapper .search-suggest-menu-history-clean-icon {
    height: 12px;
    margin-bottom: 1px;
    margin-right: 4px;
    object-fit: cover;
    width: 11px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-header .search-suggest-menu-history-title {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 14px;
    left: 0;
    letter-spacing: 0;
    line-height: 22px;
    opacity: 1;
    position: static;
    top: 13px;
    width: 56px;
    z-index: 0
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper {
    flex-direction: row;
    justify-content: space-between
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper,
.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper {
    -webkit-box-orient: horizontal;
    align-items: center;
    display: flex
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper {
    flex: 1 1;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    margin-right: 12px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper .search-suggest-menu-history-item-line-end {
    align-items: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 32px;
    justify-content: center;
    left: 887px;
    opacity: 1;
    padding: 10px;
    position: static;
    top: 0;
    width: 32px;
    z-index: 9
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper .search-suggest-menu-history-item-line-end:hover,
.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper .search-suggest-menu-history-item-line-end:hover .search-suggest-menu-history-item-line-end {
    background-color: #f5f5f5
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-item-line-end-wrapper .search-suggest-menu-history-item-line-end .search-suggest-menu-history-item-line-end-icon {
    height: 12px;
    object-fit: cover;
    transform: rotate(90deg);
    width: 12px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    height: 40px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper,
.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    width: -webkit-fit-content;
    width: fit-content
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: flex;
    height: 32px;
    left: 0;
    margin: 0 8px 8px 0;
    max-width: 100%;
    opacity: 1;
    padding: 10px 12px;
    position: static;
    top: 0
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item:hover {
    border: 1px solid var(--tbpc-primary-theme-color);
    color: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item:hover .delete-icon path {
    fill: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item .delete-icon {
    margin-left: 4px;
    object-fit: cover
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .search-suggest-menu-history-list-wrapper .search-suggest-menu-history-item .delete-icon .svg-icon {
    height: 8px;
    width: 8px
}

.search-suggest-menu .search-suggest-menu-history .search-suggest-menu-history-content-wrapper .show-all {
    height: auto;
    max-height: 72px
}

.search-suggest-menu .search-suggest-menu-content {
    flex-direction: column
}

.search-suggest-menu .search-suggest-menu-content,
.search-suggest-menu .search-suggest-menu-content .titleWrapper {
    display: flex
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 4px 12px
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .title {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .fresh-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .fresh-wrapper:hover .fresh-text {
    color: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .fresh-wrapper:hover .fresh-icon path {
    fill: var(--tbpc-primary-theme-color)
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .fresh-wrapper .fresh-icon {
    height: 11px;
    margin-bottom: 1px;
    margin-right: 4px;
    object-fit: cover;
    width: 11px
}

.search-suggest-menu .search-suggest-menu-content .titleWrapper .fresh-wrapper .fresh-text {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 5px
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper,
.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item {
    align-items: center;
    display: flex;
    flex-direction: row
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item {
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    justify-content: flex-start;
    line-height: 32px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding-left: 6px;
    width: 50%
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item .text {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item .icon {
    height: 20px;
    margin-right: 4px;
    object-fit: cover;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item.active,
.search-suggest-menu .search-suggest-menu-content .search-suggest-menu-item-wrapper .search-suggest-menu-item:hover {
    background-color: #f5f5f5;
    color: #1f1f1f
}

.search-suggest-menu .search-suggest-menu-content .oneColumn .search-suggest-menu-item {
    width: 100%
}

.search-suggest-menu-frequent-buy {
    flex-direction: column;
    margin: 12px 12px 0
}

.search-suggest-menu-frequent-buy,
.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-title-wrapper {
    flex-direction: row;
    width: 100%
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-title-wrapper .search-suggest-menu-frequent-buy-title {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper {
    grid-gap: 12px;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
    justify-content: space-between;
    margin-bottom: 6px;
    margin-top: 12px;
    max-height: 140px;
    overflow: hidden;
    width: 100%
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper,
.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item {
    align-items: center;
    flex-direction: row
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item {
    border: 1px solid #ebebeb;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: flex-start;
    min-width: 196px;
    padding: 8px
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-img-wrapper {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 8px;
    display: flex;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    width: 48px
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-img-wrapper .search-suggest-menu-frequent-buy-item-img {
    max-height: 48px;
    max-width: 48px
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 48px;
    justify-content: space-between;
    margin-left: 8px;
    overflow: hidden
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-name {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-price-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 22px;
    min-height: 22px;
    overflow: hidden;
    width: 100%
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-price-wrapper .search-suggest-menu-frequent-buy-item-price-number-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-price-wrapper .search-suggest-menu-frequent-buy-item-price-number-wrapper .search-suggest-menu-frequent-buy-item-price-text {
    color: #ff5000;
    display: flex;
    flex-direction: row;
    font-family: Inter V;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    letter-spacing: -.02em;
    line-height: 20px;
    vertical-align: baseline;
    white-space: nowrap
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-price-wrapper .search-suggest-menu-frequent-buy-item-price-number-wrapper .unit {
    color: #ff5000;
    font-family: Inter V;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 18px
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item .search-suggest-menu-frequent-buy-item-right-wrapper .search-suggest-menu-frequent-buy-item-price-wrapper .search-suggest-menu-frequent-buy-item-tip-text {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    letter-spacing: 0;
    line-height: 22px;
    margin-left: 4px;
    white-space: nowrap
}

.search-suggest-menu-frequent-buy .search-suggest-menu-frequent-buy-item-wrapper .search-suggest-menu-frequent-buy-item:hover {
    border: 1px solid var(--tbpc-primary-theme-color)
}

.search-suggest-popup {
    margin: 0;
    position: absolute;
    transform: translate(-2px, 2px);
    width: calc(100% + 4px);
    z-index: 1;
    z-index: 2
}

.search-suggest-popup .search-suggest-menu-header .history-box {
    color: rgba(80, 96, 122, .5)
}

.search-suggest-popup .search-suggest-menu-history-delete,
.search-suggest-popup .search-suggest-menu-history-key {
    color: #50607a
}

.search-suggest-popup .item-text {
    float: left;
    padding-left: 5px
}

.search-suggest-popup .item-count {
    color: #999;
    float: right;
    padding-right: 5px
}

.search-suggest-popup .extras-mall b {
    background: url(//img.alicdn.com/tps/i1/T1ihuOFj0gXXbXX2Hb-24-18.png) no-repeat 100%;
    color: #f40;
    display: inline-block;
    padding-left: 3px;
    padding-right: 29px
}

.search-suggest-combobox,
[data-sg-type=combobox] {
    position: relative;
    vertical-align: middle
}

body .search-suggest-combobox>input,
body [data-sg-type=combobox]>input {
    background-color: #fff;
    border: 0;
    color: #11192d;
    font-size: 14px;
    height: 34px;
    line-height: 20px;
    outline: none;
    overflow-y: visible;
    padding: 9px 0;
    text-indent: 12px;
    vertical-align: middle;
    width: 100%
}

.search-suggest-combobox .search-suggest-combobox-imageSearch-input,
[data-sg-type=combobox] .search-suggest-combobox-imageSearch-input {
    background-color: transparent;
    padding-right: 36px
}

.image-search-wrapper-201 {
    height: 28px;
    position: absolute;
    right: 80px;
    top: 6px;
    width: 28px;
    z-index: 1
}

.image-search-wrapper-201 .upload-button {
    align-items: center;
    background: #fff;
    border: 1px solid #e2e4e6;
    border-radius: 4px;
    bottom: 16px;
    color: var(--tbpc-primary-theme-color);
    display: flex;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    justify-content: center;
    left: 50%;
    letter-spacing: 0;
    line-height: 14px;
    opacity: 1;
    padding: 9px 12px;
    position: absolute;
    transform: translate3d(-50%, 0, 0)
}

.image-search-wrapper-201 .upload-button:hover {
    background: #f3f6f8;
    border: 1px solid #dadde0;
    border-radius: 4px;
    cursor: pointer
}

.image-search-wrapper-201 .upload-button-disabled {
    color: #cacfd7;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    pointer-events: none
}

.image-search-wrapper-201 .upload-button-active {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    width: 80px
}

.image-search-wrapper-201 .upload-button-active,
.image-search-wrapper-201 .upload-button-active:hover {
    background: var(--tbpc-primary-theme-color);
    border-radius: 4px
}

.image-search-wrapper-201 .hover-tip-wrapper-201 {
    align-items: center;
    background: #1f1f1f;
    border-radius: 8px;
    display: flex;
    display: none;
    justify-content: center;
    left: 50%;
    padding: 5px 12px;
    position: absolute;
    top: 43px;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap
}

.image-search-wrapper-201 .hover-tip-wrapper-201-disable {
    display: none
}

.image-search-wrapper-201 .hover-tip-wrapper-201 .text {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.image-search-wrapper-201 .hover-tip-wrapper-201 .search-suggest-tip-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAdCAYAAAAaeWr3AAAAAXNSR0IArs4c6QAAAWVJREFUWEfl2M1RwzAQhuH9OqACWyVAB6QEOoAOoIKECoAKkg6gA+iAlLB2BelgiRnMgBM7krWr+EcnHzSy3sc6eARKPJxzjoiWInJJRNVzNXYA3ojohZk55ZaQ8mX79pWILLveCeCZmR9S7SsJgHPuQkReiejaM+wDwA0z7zzn955mDvAT/05E1ZEPGVsAC2sEU4CI+BrKHMEUIM/zzx5fvnlKtkVRXIUcnZC5ZgBZlq0B3IZspm2uiGzKsrzTWKu5hgmAZny9YSsEdQCLeEsEVQDLeCsENYAU8RYIKgAp47URogHOEa+JEAVwzngthN4AQ4jXQOgFMKT4WIRggCHGxyAEATjnnkTk3uKXVGvN0PsEbwCfywytiNh1ADzuL5ZWPut4AYwpvo72RTgJMMb4EIROgDHH+yK0Akwh3gfhKMCU4k8hHABMMb4L4R/AlOPbEH4B5hB/DOEbYE7xTQTMMf4vwhd2Lub+TgZAXwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 16px 8px;
    height: 8px;
    left: 50%;
    position: absolute;
    top: -7px;
    transform: translate3d(-50%, 0, 0);
    width: 16px
}

.image-search-wrapper-201 .hover-tip-wrapper-disable {
    display: none !important
}

.image-search-wrapper-201:hover .hover-tip-wrapper-201 {
    align-items: center;
    display: flex;
    justify-content: center
}

.image-search-wrapper-201 .image-search-icon-201 {
    background-image: url(data:image/png;base64,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);
    background-size: 28px 28px;
    height: 28px;
    width: 28px;
    z-index: 9
}

.image-search-wrapper-201 .image-search-icon-201:hover {
    cursor: pointer
}

.image-search-wrapper-201 .image-search-icon-201-active,
.image-search-wrapper-201 .image-search-icon-201:hover {
    background-image: url(data:image/png;base64,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)
}

.image-search-wrapper-201 .image-search-icon-outerMode {
    background: var(--tbpc-primary-theme-alpha-color);
    border-radius: 12px;
    height: 100%;
    padding: 0 12px 0 8px;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 9
}

.image-search-wrapper-201 .image-search-icon-outerMode,
.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper {
    flex-direction: row
}

.image-search-wrapper-201 .image-search-icon-outerMode,
.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper,
.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper .image-search-icon-pic {
    align-items: center;
    display: flex;
    justify-content: center
}

.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper .image-search-icon-pic {
    height: 28px;
    margin-right: 4px;
    position: relative;
    width: 28px
}

.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper .image-search-icon-pic svg {
    height: 20px;
    width: 20px
}

.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper .image-search-icon-pic svg path {
    fill: var(--tbpc-primary-theme-color)
}

.image-search-wrapper-201 .image-search-icon-outerMode .image-search-icon-wrapper .image-icon-text {
    color: var(--tbpc-primary-theme-color);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    white-space: nowrap
}

.image-search-wrapper-201 .image-search-icon-outerMode:hover {
    cursor: pointer
}

.image-search-wrapper-201 .image-search-context-wrapper {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 48px 0 rgba(0, 17, 51, .07);
    display: flex;
    flex-direction: column;
    height: 229px;
    justify-content: flex-start;
    position: absolute;
    right: 40px;
    top: 44px;
    transform: translate3d(50%, 0, 0);
    visibility: hidden;
    width: 240px;
    z-index: 1
}

.image-search-wrapper-201 .image-search-context-wrapper-active {
    visibility: visible
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-header-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 12px;
    padding-left: 16px;
    padding-right: 12px;
    width: 100%
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-header-wrapper .title-text {
    color: #11192d;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-header-wrapper .back-button {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01qnQCrN1VkzAWiU4Hs_!!6000000002692-2-tps-33-33.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner {
    background: #fff;
    border: 1px dashed #dadde0;
    border-radius: 4px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner,
.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-success-img-wrapper {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: center;
    width: 208px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-success-img-wrapper {
    left: 50%;
    position: absolute;
    transform: translate3d(-50%, 0, 0);
    z-index: 1
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-success-img-wrapper .image-search-success-img {
    height: auto;
    max-height: 118px;
    max-width: 206px;
    object-fit: cover;
    overflow: hidden
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper-disabled {
    display: none
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper .image-icon {
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01vQXBm71M6puLoFLvi_!!6000000001386-2-tps-42-42.png);
    background-size: 28px 28px;
    height: 28px;
    margin-bottom: 4px;
    width: 28px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper .image-search-tip-text {
    color: #8d9ba8;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper .image-search-loading-wrapper {
    background: #fff;
    border-radius: 3px;
    height: 4px;
    position: absolute;
    top: 50px;
    visibility: hidden;
    width: 72px
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper .image-search-loading-wrapper-active {
    visibility: visible
}

.image-search-wrapper-201 .image-search-context-wrapper .image-search-context-wrapper-inner .image-search-context-inner-tip-wrapper .image-search-loading-wrapper .inner {
    background: var(--tbpc-primary-theme-color);
    border-radius: 3px;
    height: 4px;
    transition: width .3s;
    width: 0
}

.image-search-wrapper-201 .image-search-success-wrapper {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 48px 0 rgba(0, 17, 51, .07);
    display: flex;
    flex-direction: column;
    height: 188px;
    justify-content: flex-start;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate3d(50%, 0, 0);
    visibility: hidden;
    width: 144px
}

.image-search-wrapper-201 .image-search-success-wrapper-active {
    visibility: visible
}

.image-search-wrapper-201 .image-search-success-wrapper .image-search-start-button {
    align-items: center;
    background: var(--tbpc-primary-theme-color);
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 14px;
    position: absolute;
    top: 144px;
    width: 128px
}

.image-search-wrapper-201 .image-search-success-wrapper .image-search-start-button:hover {
    cursor: pointer
}

.image-search-context-outTip {
    color: var(--tbpc-primary-theme-color);
    font-family: PingFangSC-Medium;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 28px;
    text-align: right;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    white-space: nowrap
}

.image-search-wrapper-outerMode {
    height: 100%;
    position: relative;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 3
}

.image-search-wrapper-outerMode .image-search-context-wrapper {
    right: 70px;
    top: 56px
}

.image-search-wrapper-outerMode .hover-tip-wrapper-201 {
    left: 50%;
    position: absolute;
    top: 60px;
    transform: translateX(-50%)
}

.image-search-wrapper-outerMode .image-search-context-outTip {
    display: none
}

[data-sg-type=tab] {
    background: #fff;
    border-radius: 100px;
    font-size: 14px;
    height: 36px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 200
}

[data-sg-type=tab].search-tab-over-hidden {
    overflow: hidden !important
}

[data-sg-type=tab] .search-tab-icon i {
    display: none
}

[data-sg-type=tab]:hover {
    overflow: visible
}

[data-sg-type=tab] .search-suggest-tabs {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 24px 48px 0 rgba(0, 17, 51, .07);
    display: inline-block;
    margin-top: 1px;
    overflow: hidden;
    position: relative
}

[data-sg-type=tab] .search-suggest-tabs-tab {
    color: #11192d;
    cursor: pointer;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-top: -2px;
    padding: 0 16px;
    text-align: left
}

[data-sg-type=tab] .search-suggest-tabs-tab:hover {
    color: var(--tbpc-primary-theme-color)
}

[data-sg-type=tab] .search-suggest-tabs-tab:first-child {
    color: #11192d;
    cursor: default;
    font-weight: 500;
    pointer-events: none
}

[data-sg-type=tab] .search-tab-icon {
    left: 0;
    position: relative;
    top: 0;
    z-index: 2
}

[data-sg-type=tab] .search-tab-icon i {
    height: 3px;
    position: absolute;
    width: 6px
}

[data-sg-type=tab] .search-tab-icon i em,
[data-sg-type=tab] .search-tab-icon i span {
    border: solid transparent;
    border-width: 3px 3px 0;
    font-size: 0;
    height: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    width: 0
}

[data-sg-type=tab] .search-tab-icon i em {
    border-top-color: #666;
    top: 1px
}

[data-sg-type=tab] .search-tab-icon i span {
    border-top-color: #f6f6f6;
    top: 0
}

body .search-suggest {
    background: #fff;
    border: 2px solid #ebebeb;
    border-radius: 12px;
    box-sizing: border-box;
    height: 44px;
    min-width: 330px;
    position: relative
}

body .search-suggest:hover {
    border-color: #81b337 !important
}

body .search-suggest .search-suggest-split {
    background: rgba(80, 96, 122, .2);
    height: 12px;
    left: 68px;
    position: relative;
    top: 14px;
    width: 1px
}

body .search-suggest * {
    box-sizing: border-box
}

body .search-suggest .btn-search {
    background: var(--tbpc-primary-theme-color);
    background-image: none;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    outline: none;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 72px;
    z-index: 9
}

body .search-suggest .search-suggest-combobox[data-sg-type=combobox] {
    border-radius: 20px;
    margin-top: 4px;
    overflow: hidden;
    width: 100%
}

body .search-suggest [data-sg-type=tab] {
    border-radius: 100px;
    margin-top: 2px;
    width: -webkit-fit-content;
    width: fit-content
}

body .search-suggest.search-suggest-group [data-sg-type=combobox] {
    margin-left: 69px
}

body .search-suggest .hide {
    display: none !important
}

body .search-suggest [data-sg-type=form] {
    flex-wrap: nowrap;
    height: 100%
}

body .search-suggest [data-sg-type=form],
body .search-suggest [data-sg-type=hotWord] {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

body .search-suggest [data-sg-type=hotWord] {
    flex-wrap: wrap;
    height: 16px;
    margin-left: 16px;
    margin-top: 10px;
    max-width: 750px;
    overflow: hidden
}

body .search-suggest [data-sg-type=hotWord] .item {
    color: var(--tbpc-secondary-color);
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 12px;
    margin-right: 8px;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

body .search-suggest [data-sg-type=hotWord] .item:hover {
    color: var(--tbpc-primary-theme-color) !important
}

body .search-suggest .search-suggest-menu-item.active,
body .search-suggest .search-suggest-menu-item:hover {
    background-color: #f3f6f8
}

body .search-suggest .search-suggest-menu-item .item-text {
    color: #11192d
}

body .search-suggest .search-suggest-menu-item .item-text b {
    color: #50607a;
    font-weight: 400
}

@media (min-width:1400px) {
    .search-suggest {
        width: 752px
    }
}

@media (min-width:1680px) {
    .search-suggest {
        width: 1008px
    }
}

.search-suggest.search-suggest-menu-visiable {
    border-bottom: none;
    border-radius: 12px 12px 0 0
}

ol,
ul {
    list-style: none;
    padding: 0
}

.search-suggest-image-search-out-icon {
    height: 44px;
    margin-left: 8px;
    min-width: 100px;
    position: relative
}

.search-suggest-out-wrapper {
    align-items: center;
    justify-content: center
}

.search-suggest-buttons-wrapper,
.search-suggest-out-wrapper {
    display: flex;
    flex-direction: row;
    white-space: nowrap
}

.search-suggest-buttons-wrapper {
    align-items: flex-start;
    cursor: pointer;
    justify-content: flex-end;
    margin-right: 4px;
    margin-top: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-suggest-button-0 {
    background-color: #81b337;
    border: 0;
    border-radius: 8px 0 0 8px;
    color: #fff
}
.search-suggest-button-0:hover {
    background-color: #57890d;
}
.search-suggest-button-0,
.search-suggest-button-1 {
    align-items: center;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 36px;
    width: 74px
}

.search-suggest-button-1 {
    background-color: #e0f9b7;
    border: 0;
    border-radius: 0 8px 8px 0;
    color: #567722;
    font-variation-settings: "opsz" auto
}
.search-suggest-button-1:hover {
    background-color: #c1e18b;
}
.search-suggest-button-single {
    border-radius: 8px
}

body .search-suggest-border-color-fix,
body .search-suggest-border-color-fix-inside {
    border-color: var(--tbpc-primary-theme-color)
}

.search-suggest-toast-wrapper {
    align-items: center;
    animation: toast_in .1s ease-in-out 1 forwards;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 24px 60px 0 rgba(0, 0, 0, .06), 0 8px 32px 0 rgba(10, 10, 51, .08), 0 0 16px 0 rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: flex-start;
    left: 50%;
    padding: 9px 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    white-space: nowrap;
    z-index: 9999
}

.search-suggest-toast-wrapper .toast-icon-pic {
    height: 14px;
    margin-right: 8px
}

.search-suggest-toast-wrapper .toast-text {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

@keyframes toast_in {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.5)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

[data-sg-type=placeholder] {
    color: #1f1f1f;
    cursor: text;
    font-size: 14px;
    line-height: 20px;
    max-width: calc(100% - 126px);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 2
}

[data-sg-type=placeholder] .placeholderItemWrapper {
    align-items: center;
    flex-direction: column;
    height: 29px;
    margin-left: 2px;
    margin-top: 9px
}

[data-sg-type=placeholder] .placeholderItemWrapper,
[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper {
    flex-direction: row;
    height: 20px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    top: 0;
    transition: margin-top .3s ease-in-out;
    width: 100%
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .icon {
    height: 20px;
    object-fit: cover;
    width: 20px
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabOutWrapper {
    flex: 1;
    margin-left: 8px;
    overflow: hidden;
    position: relative
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabOutWrapper .iconTabWrapper {
    align-items: center;
    background-color: var(--tbpc-primary-theme-alpha-color);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: flex-start;
    max-width: 100%;
    min-width: auto;
    padding: 4px;
    width: -webkit-fit-content;
    width: fit-content
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabOutWrapper .iconTabWrapper .iconTabIcon {
    height: 100%;
    margin-right: 4px
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabOutWrapper .iconTabWrapper .iconTabText {
    color: var(--tbpc-primary-theme-color);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabBgWrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: flex-start;
    margin-left: -8px;
    margin-top: -12px;
    max-width: 200px
}

[data-sg-type=placeholder] .placeholderItemWrapper .itemWrapper .iconTabBgWrapper .iconTabBg {
    height: 100%;
    margin-left: 0
}

.search-suggest-recommend-weak-style {
    color: #9b9b9b !important
}

.search-suggest-recommend-weak-style .iconTabBgWrapper,
.search-suggest-recommend-weak-style .iconTabOutWrapper {
    display: none !important
}

:root {
    --tbpc-primary-theme-color: #ff5000;
    --tbpc-secondary-color: #7a7a7a;
    --tbpc-primary-theme-alpha-color: #fff1eb
}

#J_Search.SearchSuggest--Od14JNrK {
    height: 48px;
    width: 360px;
    z-index: 2
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    left: 0;
    position: relative;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .combobox--q8NZpec2 {
    flex: 1 1;
    margin-right: 8px;
    margin-top: 6px;
    position: relative
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .combobox--q8NZpec2>input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .52)
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .combobox--q8NZpec2>input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .52)
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .combobox--q8NZpec2>input::placeholder {
    color: rgba(0, 0, 0, .52)
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .buttonWrap--BnZ9wXYD {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    margin-right: 6px;
    overflow: hidden
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .btnSearch--eoxYUZ_A {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    width: 72px
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .btnSearch--eoxYUZ_A:first-child {
    background: #ff5000;
    color: #fff
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp .btnSearch--eoxYUZ_A:last-child {
    background: #ffefe6;
    color: #ff5000
}

#J_Search.SearchSuggest--Od14JNrK .searchForm--ZZ49XbDp div[data-sg-type=placeholder] {
    color: rgba(0, 0, 0, .52);
    top: 4px
}

#J_Search .search-suggest-buttons-wrapper div {
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    height: 36px !important;
    letter-spacing: 0;
    line-height: 1;
    width: 72px !important
}

#J_Search .search-suggest-combobox-imageSearch-input {
    padding-right: 44px !important
}

#J_Search .image-search-wrapper-201 {
    height: 32px !important;
    margin: 0 !important;
    top: 6px !important;
    width: 32px !important
}

#J_Search .search-suggest-popup {
    top: 42px !important
}

#J_Search .image-search-icon-201 {
    background-image: url(data:image/png;base64,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);
    background-size: contain !important;
    height: 24px !important;
    transform: translate3d(4px, 4px, 0);
    width: 24px !important
}

#J_Search .image-search-icon-201:hover {
    background-image: url(data:image/png;base64,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)
}

#J_Search.TMSSearchSuggest {
    --tbpc-primary-theme-color: #51d739 !important
}

#J_Search.TMSSearchSuggest .image-search-icon-201:hover {
    background-image: url(data:image/png;base64,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)
}

#J_Search.TMHKSearchSuggest {
    --tbpc-primary-theme-color: #7c48db !important
}

#J_Search.TMHKSearchSuggest .search-suggest-button-0 {
    width: 102px !important
}

#J_Search.TMHKSearchSuggest .search-suggest-button-1 {
    background-color: #f2ebff !important
}

#J_Search.TMHKSearchSuggest .image-search-icon-201:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAB15JREFUeF7tnU1WGzkQx6vsTmCZnGDgvTjbISdI2NmzAU4QOMEk2xnzAg/PbGFOEHICzGbsXcgJQrZx3sNzgrBMgt01qN3mOdDdVVKrW908ecPCskr6//RRKn2A4D9OFUCn1r1x8AAcNwIPwANwrIBj874HeACOFXBs3vcAD8CxAo7N+x7gAThWwLF53wM8gGQF/vjt81qT8CURrCHQCgGu6GiFQGMCHCPCORGc9oatM53fl5W2cj1ACd8gfAsEa5ZFUAD2qwaiUgC67dEeALyxLPxP2RHC678GraMibejkXRkAZYi/IIzqCQq2808lAOy2P28T4Nsy1UCgnYPh0+MybSbZcg5gr32xMsHJRyB4VKoYCJcBBc/2hqvjUu3eMuYUgBJ/CtP3BJTo4SDgmIDehQ3q//3v03OpUHubF49+/LhaaYS4CQi/p8FV+Tehue4SghMAkacT4iYCvswS34Y4HGRAuASCfxTkhw8fjPf6q5dS0DbSWQUwq+zVC0D8dea3Ry17RXt4sTw8GA9zCg7AGNR6AmgcAvz3YCk4tgnJCoC4lb0hoG07rcL+BGltoke4RIBjW4u7XABmLWt6CESbNoSP8yjMRSzA1T0LINjJM4cYA4hCBWHjJG0MNwRSmPjz8vzZGb1CgkPD8t35mZrIp41wS8dJWMzECID1loRwHiLtmFZCV8xue/QiXnGrv1Y+pitsbQA2WtBioGyK9K4s4W8rrUAgwoZpwC+BnHYP1gIQu48fuSaDgMeEcBpiOHbh2nHlk35/s56gxgoCPSeAbc6jCxv0TKdBiQGw/vSsVvsBBMd5JiWpOC7SKSCTb5NXWQFD3cWdGEC3PXoPAIljZt6JyIWYeWxGQxfg21QHBLHfGzzZktgQAYgnLQUg0QuwsWKVFLZKabgRIYBgVTISiADsdkaHRKC6XtJnvWqbHGWBypoT1Tx4MHyyw5WFBRCNe98nFymTj/aszxWobt9nueSSXsACSHU7VbxmKVi1GRepm/iqvFE0ACYXycMzH1JhAaQNP4hwdDBova6jaLbLvNv+oibkO3EwiUYsgG7ny0lirAdxqzd40rddmaz8Yu9jFsLGaAMn2kdAosvFExDBcnBeZs/sdr5sAtHJXQ+F94YEAEZqt+rOCQXdBYcpqJtIK9Imtwi6sRHH+IPl4KgMEKmTMcJ5b9B6llV3CYCvSRUPloPHRVcud8ypJBDxAu1rgo9+2Ru0HucD0B5RUga9YYuFl6fVT3ByYu1s0HVLDCjYkvjlpmXuGurEimiasWlFuAWOab66IQJdO6Y6VQpAUeLPxSwSQu0BxAu+9+ywg9hHCk+nDThXkdZI3G/wKNqLhsZzdltUMDHqtn6VvvYAuAlXLe2b0NznxvF4A/4QCLK2Sa2v4GsNgAl3qAamLRgHVBIm0OkJtQbAiKUt/ly4rHylwTIphNoCyGz9CP3eoCWKq6cJlRYmUAeyOB9dKn6t54CsvQYbw0RWsAwArIXSa9sDUoN9wni6pJWmxbNsDkO1BZC21Wnz+HjGqbiz3rC1LoHIpaktgN3254uk+182hp+5aHmCZZzwCxO+UcjG+Uq42xkVHuzLEyzzAKQKZKTzADLE6XaK329I84TUCb2D4dNVC4zrG4rwkzCD33R2l7aq9IUSv52X14Zkz1Zqw1Qn95Pw7KRy4qEvG56QX4gJmlCaJ2RjodTtjNTO2t3IqOVjNbXtAYpP6jA0g1dIMC5PvkltqtYAmGHCCEJmhNVy6691ME4SOo7SXEdGAwpeSzZkpjDlLgwa96q0EbXWPeAGQsqaYLHSal4ACD804cEZLEfXSEFdym6GsEbY2GAvDKoTEkvBuu0jNfcCgN+UT+hfpmQFzk9ikqIgFHki4l7MAYs04o11fzArD1nTHjD/3c19rIzHNoQ2rE+4984NzRLSCIR6ToCwLznGIoTIJjMdqp2HItiaxQliEGs/3etFnL8xNAZSbzjMnrdxcWXq3gOQgnKVrjgAJexYuRLNlt08Gz78EFTChoktIVzlk2fPWQCgOleUXAnM2S30ilIZ53a4Clb9+zwXGdkekPXSlI0Nk6qLy5Uv62il5AkbFgATKi5lkcOJ4PL71LC3MOTNAlCVy9owKeu2pEuR02xnvqEhvEctApB9G9z925su4AiChqKDvyIAUUwo7cJ2tFcSrUB3XKxAXYgveC9PfOZUDEBAXGmxX9blaBfCxyOBepIg9YV33bC3GICqsOjJsvm7moAf7tWTZQQb7AVAANCdE7UARENRCW/8u2jdNmxK3M7bdrQBqAxsvJxoo8IVy8PIJTcCMB+OCni4tWKa8sXJ+16eMQBVtHhSUv94wdoDqHyVK5Ti+nG+gJrsUZmsEucCMM/45gFUwbuaFZLPuCjSS+MSA1YAzA2puMjV98l2A+CXXM/XS0peRppbz9cD0Sd1Hok7HKZTNKsAdAz7tDMFPADHLcED8AAcK+DYvO8BHoBjBRyb9z3AA3CsgGPzvgd4AI4VcGze9wAPwLECjs3/D1qdBawHHFvnAAAAAElFTkSuQmCC)
}

.searchHeader--QSDYgcnX {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    width: 100%
}

.changeSearchHeaderStyle--hdbEwBFO {
    height: 100%;
    max-width: 360px;
    min-width: 220px;
    width: auto
}

.innerWrap--_BS1op8r {
    width: 100%
}

.innerWrap--_BS1op8r,
.rightContent--BwXfJ6zU {}

.changeRightContentStyle--RMljau6N {
    width: 100%
}

.starsWrap--qKHgkJu3 {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: center
}

.starsWrap--qKHgkJu3 .starNum--v3iriltd {
    color: #ff0036;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 4px
}

.starsWrap--qKHgkJu3 .starIconWrap--eBdOi7b6 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    transform: translateY(-.5px)
}
.starsWrap--qKHgkJu3 .starIconWrap--eBdOi7b6 .score_mask {
    position: absolute;
    height: 100%;
    opacity: 0.8;
    background: white;
    z-index: 2;    
    right: 0px;
}
.starsWrap--qKHgkJu3 .starIconItem--NC7JPDxJ {
    height: 15px;
    position: relative;
    width: 15px
}

.starsWrap--qKHgkJu3 .starIconImg--TluLlDAT {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTE0IDBIMHYxNGgxNFYwWk05LjQ3MyA0LjIyOXEtLjA5Ni0uMDE0LS4xODYtLjA1LS4wOS0uMDM3LS4xNjktLjA5NS0uMDc4LS4wNTctLjE0MS0uMTMxLS4wNjMtLjA3NC0uMTA2LS4xNjJMNy43MTcgMS40NTRxLS4wNS0uMS0uMTI0LS4xODQtLjA3Ni0uMDgzLS4xNy0uMTQyLS4wOTYtLjA1OS0uMjAzLS4wOS0uMTA4LS4wMy0uMjItLjAzdC0uMjIuMDNxLS4xMDcuMDMxLS4yMDIuMDktLjA5NS4wNi0uMTcuMTQyLS4wNzYuMDgzLS4xMjUuMTg0TDUuMTI5IDMuNzlxLS4wNDMuMDg4LS4xMDYuMTYyLS4wNjMuMDc0LS4xNDEuMTMxLS4wNzkuMDU4LS4xNy4wOTQtLjA5LjAzNy0uMTg1LjA1bC0yLjU4LjM3NnEtLjExMS4wMTYtLjIxMy4wNjJ0LS4xODguMTE4cS0uMDg1LjA3Mi0uMTQ4LjE2NS0uMDYyLjA5My0uMDk3LjItLjAzNS4xMDYtLjAzOS4yMTgtLjAwNC4xMTIuMDIzLjIyLjAyNy4xMDkuMDgzLjIwNi4wNTUuMDk3LjEzNS4xNzVsMS44NjcgMS44MnEuMDcuMDY4LjEyMS4xNS4wNTEuMDgzLjA4Mi4xNzYuMDMuMDkyLjAzNy4xOS4wMDcuMDk2LS4wMS4xOTJsLS40NCAyLjU3cS0uMDIuMTEtLjAwNy4yMjEuMDEyLjExMS4wNTQuMjE1LjA0Mi4xMDQuMTExLjE5Mi4wNy4wODguMTYuMTU0dC4xOTYuMTA0cS4xMDUuMDM5LjIxNi4wNDcuMTEyLjAwOC4yMjItLjAxNXQuMjA4LS4wNzVsMi4zMDgtMS4yMTNxLjA4Ni0uMDQ2LjE4LS4wNjkuMDk1LS4wMjMuMTkyLS4wMjN0LjE5Mi4wMjNxLjA5NC4wMjMuMTguMDY5bDIuMzA4IDEuMjEzcS4wOTkuMDUyLjIwOC4wNzUuMTEuMDIzLjIyMi4wMTUuMTExLS4wMDguMjE2LS4wNDcuMTA2LS4wMzguMTk2LS4xMDQuMDktLjA2Ni4xNi0uMTU0LjA2OS0uMDg4LjExMS0uMTkyLjA0Mi0uMTA0LjA1NC0uMjE1LjAxMi0uMTExLS4wMDYtLjIyMkwxMC40IDguNDk3cS0uMDE3LS4wOTYtLjAxLS4xOTMuMDA3LS4wOTcuMDM3LS4xOS4wMy0uMDkyLjA4Mi0uMTc0LjA1MS0uMDgzLjEyLS4xNTFsMS44NjgtMS44MnEuMDgtLjA3OC4xMzUtLjE3NS4wNTYtLjA5Ny4wODMtLjIwNi4wMjctLjEwOC4wMjMtLjIydC0uMDM5LS4yMTlxLS4wMzQtLjEwNi0uMDk3LS4yLS4wNjMtLjA5Mi0uMTQ4LS4xNjQtLjA4Ni0uMDcyLS4xODgtLjExOC0uMTAyLS4wNDYtLjIxMy0uMDYybC0yLjU4LS4zNzVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 15px;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 2
}

.starsWrap--qKHgkJu3 .starIconBg--L1b2Sh9x {
    background: rgba(255, 0, 54, .16);
    height: 13px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 13px;
    z-index: 1
}

.StoreComprehensiveRating--If5wS20L {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.StoreComprehensiveRating--If5wS20L .noScore--mPbvfE4H {
    color: #ff0036;
    font-size: 14px;
    line-height: 16px
}

.ItemLabel--WzFf1p7C {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: var(--label-height);
    line-height: var(--label-height);
    width: 70px
}

.ItemLabel--WzFf1p7C .labelText--PsOAip_9 {
    display: inline-block;
    height: var(--label-height);
    text-align: justify;
    width: 56px
}

.ItemLabel--WzFf1p7C .labelText--PsOAip_9:after {
    content: "";
    display: inline-block;
    width: 100%
}

.StorePopup--yZ2qzQch {
    min-width: 240px;
    padding-top: 16px
}

.innerWrap--MmBCqYU_ {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 48px 0 rgba(0, 17, 51, .07);
    padding: 16px
}

.shopName--sCZckQKI {
    color: #1f1f1f;
    cursor: text;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px
}

.shopItem--F7ggY5Xg {
    margin-top: 14px
}

.shopItem--F7ggY5Xg,
.shopItemContent--emD_3Ps1 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.shopItemContent--emD_3Ps1 {
    color: #11192d;
    font-family: PingFangSC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap
}

.customerServiceTip--BXYW7KGH {
    color: #50607a
}

.splitLine--uKkBEAnL {
    background-color: #e2e4e6;
    height: 1px;
    margin-top: 14px;
    width: 100%
}

.evaluatesWrap--fIdAVOxD {
    cursor: text;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 14px
}

.evaluateItem--i2Nj7oWo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.evaluateItem--i2Nj7oWo .title--E02XTNTk {
    color: #50607a;
    cursor: text;
    font-family: PingFangSC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px
}

.evaluateItem--i2Nj7oWo .score--MmbebLoN {
    color: #11192d;
    font-family: AlibabaSans102v1TaoBao-Bold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 8px
}

.buttonWrap--zAQee66y {
    align-items: center;
    background-color: #f3f6f8;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    display: flex;
    flex: 1 1;
    height: 40px;
    justify-content: center;
    margin-top: 18px
}

.buttonWrap--zAQee66y .text--C45jUGmS {
    color: #11192d;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px
}

.storeLabelItem--IcqpWWIy {
    text-wrap: nowrap;
    color: white;
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    word-break: break-all
}

.storeLabelPlacehoalder--cM889ljW {
    background: rgba(0, 0, 0, .08);
    display: none;
    height: 12px;
    margin-right: 8px;
    transform: translateY(1.5px);
    width: 1px
}

.shopHeader--J_nfJZjm {
    box-sizing: border-box;
    height: 48px;
    position: relative;
    width: 100%
}

.shopHeader--J_nfJZjm a,
.shopHeader--J_nfJZjm a:hover {
    text-decoration: none
}

.shopHeader--J_nfJZjm span {
    word-break: keep-all
}

.changeShopHeaderStyle--UIQ5ut5y {
    justify-content: flex-start;
    max-width: calc(100% - 448px);
    width: calc(60% - 48px)
}

.changeShopHeaderStyle2--a68xanch {
    justify-content: space-between;
    width: 100%
}

.leftWrap--iXLbI8l5 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.hoverWrap--jHLuodyB {
    left: 0;
    min-width: 240px;
    position: absolute;
    top: 48px;
    z-index: 30
}

.detailWrap--svoEjPUO {
    height: 51px;
    overflow: hidden;
    float: left;
}

.detailWrap--svoEjPUO .shopIconWrap--l5ucdCbH {
    align-items: center;
    border: 2px solid #ebebeb;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    margin-right: 12px;
    position: relative;
    width: 48px
}

.detailWrap--svoEjPUO .shopIconImg--YdJniOBM {
    border-radius: 10px;
    height: 100%;
    width: 100%
}

.detailWrap--svoEjPUO .changeShopIconWrapStyle--j6z82EuY {
    border: 2px solid #f33
}

.detailWrap--svoEjPUO .changeShopIconWrapStyle--j6z82EuY .liveIcon--mDA476CO {
    border-radius: 4px;
    bottom: -2px;
    height: 16px;
    object-fit: contain;
    position: absolute;
    right: -3px;
    width: 16px;
    z-index: 2
}

.detailWrap--svoEjPUO .shopNameLevelWrapper--pPrqPaSN {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.detailWrap--svoEjPUO .shopNameLevelWrapper--pPrqPaSN .bottomWrap--AuMvTOyw {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.detailWrap--svoEjPUO .shopName--cSjM9uKk {
    color: #1f1f1f;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 0px;
    margin-bottom: 4px
}

.detailWrap--svoEjPUO .creditLevelIconImg--HT64b13G {
    object-fit: contain;
    vertical-align: top
}

.changeDetailWrapStyle--CyTAYVy8 {
    max-width: calc(100% - 116px)
}

.optionWrap--f1gBSlbr {}

.optionWrap--f1gBSlbr .button--vyee3AWi {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    flex-direction: row;
    height: 46px;
    margin-left: 12px;
    padding: 8px;
    float: right;
    display: flex;
    align-items: center;
}

.optionWrap--f1gBSlbr .button--vyee3AWi:hover {
    border: 1px solid rgb(129 179 55);
}

.optionWrap--f1gBSlbr .button--vyee3AWi:last-child {
    margin-right: 0
}

.optionWrap--f1gBSlbr .buttonIconFont--gNf_QHXI {
    font-size: 24px;
    line-height: 24px
}

.optionWrap--f1gBSlbr .buttonIcon--lYyIOnjO {
    height: 24px;
    width: 24px
}

.optionWrap--f1gBSlbr .buttonText--Nr7CnPkM {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 0 0px 0px 18px;
}

.changeOptionWrapStyle--hPBVpmqa {
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    margin-left: 12px
}

.changeOptionWrapStyle--hPBVpmqa .button--vyee3AWi {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 12px
}

.changeOptionWrapStyle--hPBVpmqa .buttonIconFont--gNf_QHXI {
    font-size: 28px;
    line-height: 28px
}

.changeOptionWrapStyle--hPBVpmqa .buttonIcon--lYyIOnjO {
    height: 28px;
    width: 28px
}

.changeOptionWrapStyle--hPBVpmqa .buttonText--Nr7CnPkM {
    color: #1f1f1f;
    font-size: 12px;
    line-height: 16px
}

@keyframes liveCircleShow--k6Bn75M2 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1.3)
    }
}

.complexHeader--gkXeQnhA {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
}

.rc-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.rc-dialog-wrap {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.rc-dialog-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    margin: 0
}

.rc-dialog-content {
    background-clip: padding-box;
    background-color: #fff;
    border: none;
    border-radius: 6px 6px;
    position: relative
}

.rc-dialog-close {
    background: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    filter: alpha(opacity=20);
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    right: 20px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 12px
}

.rc-dialog-close:disabled {
    pointer-events: none
}

.rc-dialog-close-x:after {
    content: "×"
}

.rc-dialog-close:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none
}

.rc-dialog-header {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 5px 5px 0 0;
    color: #666;
    padding: 13px 20px 14px
}

.rc-dialog-body {
    padding: 20px
}

.rc-dialog-footer {
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e9e9e9;
    padding: 10px 20px;
    text-align: right
}

.rc-dialog-zoom-appear,
.rc-dialog-zoom-enter {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0
}

.rc-dialog-zoom-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.rc-dialog-zoom-appear.rc-dialog-zoom-appear-active,
.rc-dialog-zoom-enter.rc-dialog-zoom-enter-active {
    animation-name: rcDialogZoomIn;
    animation-play-state: running
}

.rc-dialog-zoom-leave.rc-dialog-zoom-leave-active {
    animation-name: rcDialogZoomOut;
    animation-play-state: running
}

@keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@keyframes rcDialogZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media (min-width:768px) {
    .rc-dialog {
        margin: 30px auto;
        width: 600px
    }
}

.rc-dialog-mask {
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    bottom: 0;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.rc-dialog-mask-hidden {
    display: none
}

.rc-dialog-fade-appear,
.rc-dialog-fade-enter {
    opacity: 0
}

.rc-dialog-fade-appear,
.rc-dialog-fade-enter,
.rc-dialog-fade-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.55, 0, .55, .2)
}

.rc-dialog-fade-appear.rc-dialog-fade-appear-active,
.rc-dialog-fade-enter.rc-dialog-fade-enter-active {
    animation-name: rcDialogFadeIn;
    animation-play-state: running
}

.rc-dialog-fade-leave.rc-dialog-fade-leave-active {
    animation-name: rcDialogFadeOut;
    animation-play-state: running
}

@keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@font-face {
    font-family: Inter V;
    src: url(data:application/octet-stream;base64,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AAEECQAMACADEgADAAEECQANASADMgADAAEECQAOADQEUgADAAEECQASAAoEhkNvcHlyaWdodCDCqSAyMDIwIFRoZSBJbnRlciBQcm9qZWN0IEF1dGhvcnNJbnRlciBWUmVndWxhckludGVyVjpWRjoyMDIxOjBhNTEwNmUwYkludGVyIFZWZXJzaW9uIDMuMDE5O2dpdC0wYTUxMDZlMGJJbnRlclZJbnRlciBVSSBhbmQgSW50ZXIgaXMgYSB0cmFkZW1hcmsgb2YgcnNtcy5yc21zUmFzbXVzIEFuZGVyc3Nvbmh0dHBzOi8vcnNtcy5tZS9odHRwczovL3JzbXMubWUvVGhpcyBGb250IFNvZnR3YXJlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBTSUwgT3BlbiBGb250IExpY2Vuc2UsIFZlcnNpb24gMS4xLiBUaGlzIGxpY2Vuc2UgaXMgYXZhaWxhYmxlIHdpdGggYSBGQVEgYXQ6IGh0dHA6Ly9zY3JpcHRzLnNpbC5vcmcvT0ZMaHR0cDovL3NjcmlwdHMuc2lsLm9yZy9PRkxJbnRlcgBDAG8AcAB5AHIAaQBnAGgAdAAgAKkAIAAyADAAMgAwACAAVABoAGUAIABJAG4AdABlAHIAIABQAHIAbwBqAGUAYwB0ACAAQQB1AHQAaABvAHIAcwBJAG4AdABlAHIAIABWAFIAZQBnAHUAbABhAHIASQBuAHQAZQByAFYAOgBWAEYAOgAyADAAMgAxADoAMABhADUAMQAwADYAZQAwAGIASQBuAHQAZQByACAAVgBWAGUAcgBzAGkAbwBuACAAMwAuADAAMQA5ADsAZwBpAHQALQAwAGEANQAxADAANgBlADAAYgBJAG4AdABlAHIAVgBJAG4AdABlAHIAIABVAEkAIABhAG4AZAAgAEkAbgB0AGUAcgAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAHIAcwBtAHMALgByAHMAbQBzAFIAYQBzAG0AdQBzACAAQQBuAGQAZQByAHMAcwBvAG4AaAB0AHQAcABzADoALwAvAHIAcwBtAHMALgBtAGUALwBoAHQAdABwAHMAOgAvAC8AcgBzAG0AcwAuAG0AZQAvAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAbABpAGMAZQBuAHMAZQBkACAAdQBuAGQAZQByACAAdABoAGUAIABTAEkATAAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQAsACAAVgBlAHIAcwBpAG8AbgAgADEALgAxAC4AIABUAGgAaQBzACAAbABpAGMAZQBuAHMAZQAgAGkAcwAgAGEAdgBhAGkAbABhAGIAbABlACAAdwBpAHQAaAAgAGEAIABGAEEAUQAgAGEAdAA6ACAAaAB0AHQAcAA6AC8ALwBzAGMAcgBpAHAAdABzAC4AcwBpAGwALgBvAHIAZwAvAE8ARgBMAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATABJAG4AdABlAHIAAAACAAAAAAAA/jAAwAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAAAAHABMAFAAVABYAFwAYABkAGgAbABwACQAEACIACwAMAD4AQABeAGAAIwAGABIAXwAQAAUADwARAB0AHgECAB8AIQAgAA4AYQBCAEEADQAIAEMHdW5pMDBCNwAA)
}

.modal--OCUXDHzQ {
    height: calc(100% - 96px);
    margin: 48px 80px 0;
    min-height: 500px;
    min-width: 1068px;
    width: auto;
    z-index: 1000
}

.modal--OCUXDHzQ .background-img-container--ggOPWPG2 {
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    display: flex;
    flex: 1
}

.modal--OCUXDHzQ div {
    box-sizing: content-box
}

.rc-dialog-mask {
    z-index: 1000000
}

.rc-dialog-wrap {
    z-index: 1000001
}

.rc-dialog-content {
    -webkit-backdrop-filter: blur(140px);
    backdrop-filter: blur(140px);
    background-color: transparent;
    border-radius: 16px 0 0 16px;
    height: 100%;
    position: absolute;
    width: 100%
}

.rc-dialog-body {
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 0
}

.rc-dialog-body>span {
    border-radius: 16px 0 0 16px;
    display: flex;
    flex: 1;
    overflow: hidden;
    transition: background .3s ease-in-out
}

.rc-dialog-close {
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(calc(100% + 16px), calc(-100% + 16px));
    transition: all .3s ease;
    width: 48px;
    z-index: 10000
}

.sku-container--mQXgZS9p {
    background-color: #fff;
    border-radius: 0 16px 16px 0;
    overflow: hidden;
    padding: 20px 16px;
    width: 388px
}

.error--cG2U_5qf {
    align-items: center;
    color: hsla(0, 0%, 100%, .4);
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: calc(100% - 56px);
    justify-content: center
}

.error--cG2U_5qf .tips--HV6tL9Sy {
    background-color: (255, 255, 255, .4);
    font-size: 14px
}

.error--cG2U_5qf button {
    background-color: transparent;
    background: hsla(0, 0%, 100%, .12);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: 6px 12px;
    text-align: center;
    transition: all .4s ease-in-out
}

.error--cG2U_5qf button:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.list-collapsed--TJFk6TVh {
    padding: 0;
    transform: translateX(-100%)
}

.list--TG_qARk7 {
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    background: rgba(0, 0, 0, .48);
    border-radius: 16px 0 0 16px;
    flex-shrink: 0;
    padding: 0 0 60px 16px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 168px;
    z-index: 1000
}

.list--TG_qARk7 .header--Qr6d1hok {
    text-wrap: nowrap;
    border-radius: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    padding: 16px 0
}

.list--TG_qARk7 .content--LU5jQfet {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: calc(100% - 56px);
    overflow-y: auto;
    padding-right: 6px;
    width: 156px
}

.list--TG_qARk7 .content--LU5jQfet .loading--rU0PJRJ7 {
    align-self: center;
    animation: rotate-center--XvEpB_hx .6s infinite both
}

.list--TG_qARk7 .card--Z2AIseY4 {
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 0;
    transition: border .3s ease-in
}

.list--TG_qARk7 .card--Z2AIseY4 img {
    aspect-ratio: 1;
    border-radius: 6px 6px 0 0;
    object-fit: cover;
    width: 100%
}

.list--TG_qARk7 .card--Z2AIseY4 .card-content-container--xqybHseD {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 8px;
    padding-top: 8px
}

.list--TG_qARk7 .card--Z2AIseY4 .cardTitle--ShbeIBfe {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    padding: 0 8px;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.list--TG_qARk7 .card--Z2AIseY4 .price-container--QMbIaw2h {
    align-items: baseline;
    color: #ff5000;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    margin: 4px 0;
    text-align: center
}

.list--TG_qARk7 .card--Z2AIseY4 .price-container--QMbIaw2h .prefix--gKPRkK57 {
    font-family: Inter V;
    font-size: 14px;
    font-weight: 700
}

.list--TG_qARk7 .card--Z2AIseY4 .price-container--QMbIaw2h .price--plILIcNB {
    font-family: Inter V;
    font-size: 16px;
    font-weight: 700;
    margin-right: 2px
}

.list--TG_qARk7 .card--Z2AIseY4 .price-container--QMbIaw2h .suffix--T2di4yfb {
    font-size: 12px
}

.list--TG_qARk7 .card-selected--apeAnezT {
    border: 2px solid #ff5000
}

.list--TG_qARk7 .footer--JT07B9Fk {
    align-items: center;
    border-radius: 0 0 0 16px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    height: 40px;
    justify-content: center;
    left: 0;
    padding: 8px 0;
    position: absolute;
    width: 168px
}

.list--TG_qARk7 .footer--JT07B9Fk img {
    object-fit: contain;
    width: 24px
}

.arrow--wtGqBrjJ {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(0, 0, 0, .48);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    padding: 6px 8px 6px 6px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

.arrow--wtGqBrjJ img {
    padding-right: 1px
}

.arrow-img-collapse--hAOucKFK {
    transform: rotate(180deg);
    transition: transform .3s ease-in-out
}

.scale-out-hor-left--IGaOn_ye {
    animation: scale-out-hor-left--IGaOn_ye .5s cubic-bezier(.55, .085, .68, .53) both
}

.content--LU5jQfet::-webkit-scrollbar {
    width: 4px
}

.content--LU5jQfet::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px
}

.content--LU5jQfet::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .24);
    border-radius: 2px
}

@keyframes rotate-center--XvEpB_hx {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.explanation--U5RIqqZu {
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 0 16px 16px 0;
    flex: 1 1 0;
    flex-basis: auto;
    transform-origin: all right;
    transition: all .3s ease-in-out
}

.expand--ntUgzbZI {
    transform: translateX(-93px)
}

.collapse--cegoVCAz {
    transform: translateX(0)
}

.live-header-container--c3OvHP44 {
    display: flex;
    justify-content: space-between;
    left: 18px;
    position: absolute;
    top: 18px;
    width: calc(100% - 32px);
    z-index: 200000
}

.info-box-container--ztmvaav3 {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 18px;
    display: flex;
    gap: 12px;
    height: 36px;
    padding: 0 6px 0 2px
}

.info-box-container--ztmvaav3 .info-box--p9kBZFro {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 8px
}

.info-box-container--ztmvaav3 .info-box--p9kBZFro .title--wWVv5hBK {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px
}

.info-box-container--ztmvaav3 .info-box--p9kBZFro .desc--dlJe0oa0 {
    align-items: center;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px
}

.info-box-container--ztmvaav3 .info-container--OZAyAsfR {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.info-box-container--ztmvaav3 .shop-icon--vpGeFdl3 {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.info-box-container--ztmvaav3 .follow--mFqU8w1o {
    align-items: center;
    background-color: #f33;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px
}

.info-box-container--ztmvaav3 .follow--mFqU8w1o .follow-img--nrqO4Nxy {
    height: 16px;
    width: 16px
}

.go-to-live--fW1FzHJc {
    align-items: center;
    background-color: #f33;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 10px 8px 10px 12px
}

.go-to-live--fW1FzHJc span {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.loading--B13aKOg4 {
    align-self: center;
    animation: rotate-center--xA6jhFUd .6s infinite both;
    height: 20px;
    width: 20px
}

@keyframes rotate-center--xA6jhFUd {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.labels-container--PCRwGUpD {
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    background-color: rgba(0, 0, 0, .32);
    border-radius: 8px;
    bottom: 52px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    gap: 5px;
    left: 16px;
    max-width: calc(100% - 10px);
    overflow: auto;
    padding: 8px 16px;
    position: absolute;
    z-index: 200000
}

.label-active--qVpI4ICX {
    color: #fff !important
}

.label--UkJm0HE9 {
    align-items: center;
    color: hsla(0, 0%, 100%, .52);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    transition: all .2s ease-in-out
}

.label--UkJm0HE9 .seperator--RRewZmcs {
    color: hsla(0, 0%, 100%, .52) !important;
    padding: 0 12px
}

.label--UkJm0HE9 .labelName--_ld2jQMT {
    text-wrap: nowrap;
    align-items: center;
    display: flex
}

.label--UkJm0HE9 .labelName--_ld2jQMT img {
    height: 20px;
    padding-right: 5px;
    width: 20px
}

.label--UkJm0HE9 .labelName--_ld2jQMT {
    cursor: pointer
}

.label-scroll--fILj_bOg::-webkit-scrollbar {
    height: 4px
}

.label-scroll--fILj_bOg::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 8px
}

.label-scroll--fILj_bOg::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .24);
    border-radius: 8px
}

.player-container--q_JF37gj {
    background-color: transparent !important;
    height: 100%
}

.player-container--q_JF37gj video {
    object-fit: contain
}

.player-container--q_JF37gj .videox-slider {
    padding: 0 16px
}

.player-container--q_JF37gj .videox-progress-container {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
    padding: 10px 16px
}

.player-container--q_JF37gj .videox-slider-track-fill {
    background-color: #fff;
    z-index: 0
}

.player-container--q_JF37gj .videox-slider-thumb {
    background-color: #ff5000;
    border: 1px solid #fff;
    box-shadow: none;
    box-sizing: border-box
}

.player-container--q_JF37gj .videox-menu-item.videox-active {
    color: #ff5000
}

.player-container--q_JF37gj .videox-slider-tips {
    display: none !important
}

.player-container--q_JF37gj .videox-control.videox-playing {
    opacity: 1 !important
}

.player-container--q_JF37gj .videox-time {
    color: #eee !important
}

.videox-container {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 100000 !important
}

.videox-container * {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.videox-icon {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.2em
}

.videox-icon>svg {
    fill: #fff
}

.videox-matte {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.videox-matte,
.videox-matte-icon-btn {
    align-items: center;
    justify-content: center
}

.videox-matte-icon-btn {
    background-color: rgba(0, 0, 0, .32);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    height: 80px;
    width: 80px
}

.videox-matte-icon-btn .videox-icon {
    font-size: 36px
}

.videox-icon-reload {
    cursor: pointer;
    font-size: 28px !important;
    padding: 20px
}

.videox-icon-play {
    padding: 0 10px
}

.videox-icon-loading {
    animation: loading-rotate 1s linear infinite;
    font-size: 64px !important
}

.videox-icon-loading>svg {
    fill: #ddd !important
}

.videox-error {
    align-items: center;
    background-color: rgba(0, 0, 0, .9);
    display: flex;
    flex-direction: column;
    font-family: tahoma, arial, Hiragino Sans GB, "\5b8b\4f53", sans-serif;
    height: 100%;
    justify-content: center;
    width: 100%
}

@keyframes loading-rotate--SCdsOrN6 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.videox-contextmenu {
    background-color: rgba(28, 28, 28, .9);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 18px;
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.videox-contextmenu-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.videox-slider {
    padding: 0 4px
}

.videox-slider-inner {
    cursor: pointer;
    display: flex;
    height: 10px;
    position: relative
}

.videox-slider-inner:hover .videox-slider-tips {
    display: block
}

.videox-slider-track {
    background-color: hsla(0, 0%, 47%, .5);
    border-radius: 8px;
    display: flex;
    height: 4px;
    margin-top: 3px;
    overflow: hidden;
    width: 100%
}

.videox-slider-track-fill {
    background-color: red;
    height: 100%;
    width: 0;
    z-index: 10
}

.videox-slider-tips {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 2px;
    display: none;
    font-family: Arial;
    font-size: 12px;
    left: 0;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%)
}

.videox-slider-thumb {
    background-color: red;
    border-radius: 50%;
    box-shadow: 0 -1px 2px #000;
    height: 10px;
    left: 0;
    margin-left: -5px;
    position: absolute;
    top: 0;
    width: 10px
}

.videox-slider-disabled,
.videox-slider-disabled .videox-slider-inner {
    cursor: not-allowed
}

.videox-slider-vertical.videox-slider {
    height: 100%;
    padding: 4px 0
}

.videox-slider-vertical .videox-slider-inner {
    height: 100%;
    width: 10px
}

.videox-slider-vertical .videox-slider-track {
    align-items: flex-end;
    height: 100%;
    margin-left: 3px;
    margin-top: 0;
    width: 4px
}

.videox-slider-vertical .videox-slider-track-fill {
    height: 0;
    width: 100%
}

.videox-slider-vertical .videox-slider-thumb {
    margin-bottom: -5px;
    margin-left: 0;
    top: auto
}

.videox-popover {
    cursor: pointer;
    position: relative
}

.videox-popover-content {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    left: 50%;
    position: absolute;
    top: -20px;
    transform: translate(-50%, -100%);
    white-space: nowrap;
    z-index: 99
}

.videox-volume-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    padding: 6px
}

.videox-volume-number {
    color: #ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 5px
}

.videox-rate-content {
    padding: 4px 0
}

.videox-rate-menu {
    font-family: Arial;
    text-align: center
}

.videox-progress {
    left: 0;
    position: absolute !important;
    top: -4px;
    width: 100%
}

.videox-progress-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    justify-content: space-between;
    left: 0;
    padding: 10px 15px 10px 0;
    position: absolute;
    width: 100%
}

.videox-progress-container .videox-icon {
    cursor: pointer
}

.videox-progress-container .videox-btn+.videox-btn {
    margin-left: 12px
}

.videox-progress-buffered {
    height: 100%;
    position: absolute;
    width: 100%
}

.videox-progress-buffered-item {
    background-color: gray;
    height: 4px;
    position: absolute;
    top: 0
}

.videox-progress-placeholder {
    background-color: red;
    height: 4px
}

.videox-time {
    color: #bbb;
    flex: 1;
    font-family: Arial;
    font-size: 12px;
    text-align: left
}

.videox-control {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease-out;
    width: 100%;
    z-index: 100000 !important
}

.videox-control.videox-playing {
    opacity: 0
}

.videox-control.videox-playing:hover {
    opacity: 1
}

.videox-debugger {
    background-color: rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 1.75;
    padding: 10px;
    position: absolute;
    top: 0
}

.videox-menu-item {
    padding: 6px 10px
}

.videox-menu-item.videox-active {
    color: red
}

.videox-menu-item:hover {
    background-color: rgba(0, 0, 0, .25)
}

.RightSideNav--smUZZYSm {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 10
}

.item--_qsWqyPL {
    align-items: center;
    background: hsla(0, 0%, 100%, .84);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
    padding: 8px
}

.item--_qsWqyPL:last-child {
    margin-bottom: 0
}

.icon--dZ5w8658 {
    height: 24px;
    margin: 4px 0 8px;
    width: 24px
}

.text--r64n40_U {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 72px
}

.navLeftArea--BCi0u9Bi,
.navRightArea--C0Q8blUL {
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px;
    z-index: 20
}

.navLeftArea--BCi0u9Bi {
    left: 0;
    margin-left: 16px
}

.navRightArea--C0Q8blUL {
    margin-right: 16px;
    right: 0
}

.navNext--JyZKNKst,
.navPrev--fF3fGbsl {
    align-items: center;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    width: 48px
}

.navNext--JyZKNKst:hover,
.navPrev--fF3fGbsl:hover {
    background-color: hsla(0, 0%, 100%, .68)
}

.arrowIcon--nR7KXJ8c {
    font-size: 16px
}

.CommonMask--UmpuIa8a {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000000
}

.mask--c7a5VIY4 {
    animation: maskAppear--DtX6HRVL .4s ease-in-out 0s 1 forwards;
    height: 100%;
    width: 100%
}

.content--NDIEPUoX {
    animation: contentAppear--y1obNwhn .4s ease-in-out 0s 1 forwards;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.content--NDIEPUoX .closeIcon--yKdrOTlA {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

@keyframes maskAppear--DtX6HRVL {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

@keyframes contentAppear--y1obNwhn {
    to {
        left: 0
    }
}

.tipContainer--otnMXQ0i {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 hsla(240, 4%, 69%, .08), 0 0 8px 0 rgba(0, 0, 0, .04);
    height: 32px;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 268px
}

.tipContainer--otnMXQ0i>.text--nRJL8Nhx {
    align-items: center;
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-variation-settings: "opsz" auto;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 31px;
    margin-left: 11px;
    z-index: 0
}

.tipContainer--otnMXQ0i>.triangle--c1_AMZDj {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
    bottom: -7px;
    height: 0;
    left: 118px;
    position: absolute;
    width: 0
}

.tipContainer--otnMXQ0i>.close--fDSQCbM_ {
    background-image: url(//img.alicdn.com/imgextra/i3/O1CN01HCM8f41R2K6qpqetS_!!6000000002053-2-tps-48-48.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 24px
}

.tipContainer--otnMXQ0i>.close--fDSQCbM_:hover {
    background-color: #f0f8ff;
    border-radius: 4px
}

.operationContainer--91MOWS3p {
    color: #fff;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 30vh;
    width: 52px;
    z-index: 999
}

.operationContainer--91MOWS3p>.buttonsCon--i7vP0LHE {
    background: rgba(31, 31, 31, .6);
    border-radius: 12px;
    height: 180px;
    margin-bottom: 20px;
    width: 100%
}

.buttonsCon--i7vP0LHE>.zoomOut--nyx1Ph2J {
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01OoVckS1LH5AsD2rXd_!!6000000001273-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--i7vP0LHE>.zoomOut--nyx1Ph2J:hover {
    opacity: 1 !important
}

.buttonsCon--i7vP0LHE>.zoomIn--aHQXEoA0 {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01Q4kVcx1KXHZEDQrjC_!!6000000001173-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--i7vP0LHE>.zoomIn--aHQXEoA0:hover {
    opacity: 1 !important
}

.buttonsCon--i7vP0LHE>.percent100--KV_XEzuw {
    background-image: url(https://img.alicdn.com/imgextra/i3/O1CN01zf8f3k1HXnA4ZtwpG_!!6000000000768-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--i7vP0LHE>.percent100--KV_XEzuw:hover {
    opacity: 1 !important
}

.operationContainer--91MOWS3p>.selectCon--tO0mURqD {
    background: rgba(31, 31, 31, .6);
    border-radius: 12px;
    height: 154px;
    margin-bottom: 20px;
    padding: 4px;
    width: 100%
}

.selectCon--tO0mURqD>.seller--AHC73ypO {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lCXAlR1LN2K6PPyc8_!!6000000001286-2-tps-88-92.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    margin-bottom: 4px;
    opacity: .6;
    width: 44px
}

.selectCon--tO0mURqD>.seller--AHC73ypO:hover {
    background-color: #000;
    border-radius: 8px;
    opacity: .4
}

.selectCon--tO0mURqD>.sellerSelected--Qt8z5ymn {
    background-color: #000;
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lCXAlR1LN2K6PPyc8_!!6000000001286-2-tps-88-92.png);
    border-radius: 8px;
    line-height: 46px;
    margin-bottom: 4px;
    opacity: .4
}

.selectCon--tO0mURqD>.sellerSelected--Qt8z5ymn,
.selectCon--tO0mURqD>.size--mF8FNlAy {
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 46px;
    width: 44px
}

.selectCon--tO0mURqD>.size--mF8FNlAy {
    background-image: url(https://img.alicdn.com/imgextra/i3/O1CN016tSIVw1r7Wc7wqfUF_!!6000000005584-2-tps-88-92.png);
    line-height: 60px;
    opacity: .6
}

.selectCon--tO0mURqD>.size--mF8FNlAy:hover {
    background-color: #000;
    border-radius: 8px;
    opacity: .4
}

.selectCon--tO0mURqD>.sizeSelected--VHwxgzoZ {
    background-color: #000;
    background-image: url(https://img.alicdn.com/imgextra/i3/O1CN016tSIVw1r7Wc7wqfUF_!!6000000005584-2-tps-88-92.png);
    border-radius: 8px;
    opacity: .4
}

.selectCon--tO0mURqD>.hide--EK1DoKDN,
.selectCon--tO0mURqD>.sizeSelected--VHwxgzoZ {
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 46px;
    line-height: 60px;
    width: 44px
}

.selectCon--tO0mURqD>.hide--EK1DoKDN {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01J4Obfj1htwK6obmIi_!!6000000004336-2-tps-88-92.png);
    margin-top: 4px;
    opacity: .6
}

.selectCon--tO0mURqD>.hide--EK1DoKDN:hover,
.selectCon--tO0mURqD>.hideSelected--ikoOGEPW {
    background-color: #000;
    border-radius: 8px;
    opacity: .4
}

.selectCon--tO0mURqD>.hideSelected--ikoOGEPW {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01J4Obfj1htwK6obmIi_!!6000000004336-2-tps-88-92.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 46px;
    line-height: 60px;
    margin-top: 4px;
    width: 44px
}

.ThreeDPanel--vUNT1amv {
    background-color: #000;
    height: 100%;
    position: relative;
    width: 100%
}

.iconWrap--Zg2DsLjn {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 48px;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    top: calc(50% - 22px)
}

.iconWrap--Zg2DsLjn:hover {
    background-color: rgba(0, 0, 0, .48)
}

.closeIcon--xV0d75YW {
    height: 20px;
    width: 20px
}

.contentWrap--yzlnKt6p {
    color: #fff
}

.loading--YjnGiP3n {
    animation: spin--U8A2Bm1i 5s linear infinite;
    height: 48px;
    left: calc(50vw - 24px);
    position: absolute;
    top: calc(50vh - 24px);
    width: 48px;
    z-index: 999999
}

.errorMsg--ra2VPfAx {
    height: 140px;
    left: calc(50vw - 70px);
    position: absolute;
    top: calc(50vh - 70px);
    width: 140px;
    z-index: 999999
}

.errorMsg--ra2VPfAx .errorMsgText--Q1MLE7R6 {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 54px;
    left: 0;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 140px
}

.errorMsg--ra2VPfAx .retryButton--R8esAuPG {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    opacity: 1;
    position: static;
    text-align: center;
    transition: transform .2s ease-in-out;
    width: 52px
}

.errorMsg--ra2VPfAx .retryButton--R8esAuPG:hover {
    transform: scale(1.05)
}

@keyframes spin--U8A2Bm1i {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tooltip--ni_fs1v9 {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    max-width: 262px;
    padding: 5px 12px;
    position: absolute
}

.tooltipArrow--XSUp3vpO {
    -webkit-clip-path: path("M0,8L16,8L9.41421,1.41421C8.63316,0.633165,7.36683,0.633165,6.58579,1.41421L0,8Z");
    clip-path: path("M0,8L16,8L9.41421,1.41421C8.63316,0.633165,7.36683,0.633165,6.58579,1.41421L0,8Z");
    height: 8px;
    position: absolute;
    width: 16px
}

.item--Ct9I1tqA {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    margin-right: 12px;
    position: relative;
    width: 48px
}

.item--Ct9I1tqA:hover {
    background-color: #f5f5f5
}

.item--Ct9I1tqA:last-child {
    margin-right: 0
}

.icon--voxkKcpe {
    font-size: 28px;
    line-height: 28px
}

.root--EEDwzJre {
    background-color: #000;
    height: 100%;
    position: relative;
    width: 100%
}

.iconWrap--IfZC9RGA {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 48px;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    top: calc(50% - 22px)
}

.iconWrap--IfZC9RGA:hover {
    background-color: rgba(0, 0, 0, .48)
}

.closeIcon--TN62FPHt {
    height: 20px;
    width: 20px
}

.contentWrap--fjMpX1UO {
    color: #fff
}

.loading--GZW_MYEW {
    animation: spin--QnMUS4Cx 5s linear infinite;
    height: 48px;
    left: calc(50vw - 24px);
    position: absolute;
    top: calc(50vh - 24px);
    width: 48px;
    z-index: 999999
}

.errorMsg--Y7pINPIz {
    height: 140px;
    left: calc(50vw - 70px);
    position: absolute;
    top: calc(50vh - 70px);
    width: 140px;
    z-index: 999999
}

.errorMsg--Y7pINPIz .retryButton--anKQa_9Q {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    opacity: 1;
    position: static;
    text-align: center;
    transition: transform .2s ease-in-out;
    width: 52px
}

.errorMsg--Y7pINPIz .retryButton--anKQa_9Q:hover {
    transform: scale(1.05)
}

@keyframes spin--QnMUS4Cx {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#MyLappView {
    height: 100vh;
    width: 100vw
}

.operationContainer--hYe2011E {
    color: #fff;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 40vh;
    width: 52px;
    z-index: 999
}

.operationContainer--hYe2011E>.buttonsCon--RwgkpAYN {
    background: rgba(31, 31, 31, .6);
    border-radius: 12px;
    height: 180px;
    margin-bottom: 20px;
    width: 100%
}

.buttonsCon--RwgkpAYN>.zoomOut--yI_NNBCo {
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01OoVckS1LH5AsD2rXd_!!6000000001273-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--RwgkpAYN>.zoomOut--yI_NNBCo:hover {
    opacity: 1 !important
}

.buttonsCon--RwgkpAYN>.zoomIn--xAaALL2n {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01Q4kVcx1KXHZEDQrjC_!!6000000001173-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--RwgkpAYN>.zoomIn--xAaALL2n:hover {
    opacity: 1 !important
}

.buttonsCon--RwgkpAYN>.percent100--kQpJJI8Y {
    background-image: url(https://img.alicdn.com/imgextra/i3/O1CN01zf8f3k1HXnA4ZtwpG_!!6000000000768-2-tps-104-120.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    opacity: .6;
    width: 100%
}

.buttonsCon--RwgkpAYN>.percent100--kQpJJI8Y:hover {
    opacity: 1 !important
}

.threeDSkuPanelWrap--oBpYLwZf {
    background: #fff;
    border-radius: 16px;
    box-sizing: content-box;
    height: 740px;
    left: calc(50vw - 452px);
    overflow: hidden;
    padding: 24px;
    position: absolute;
    top: calc(50vh - 390px);
    width: 904px
}

.threeDSkuPanelWrap--oBpYLwZf [class^=foot--] {
    box-sizing: content-box
}

.mr-hideItemWindow {
    display: none
}

.threeDSkuPanelBeforeHead--a3dyqLeB {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px
}

.threeDSkuPanelBeforeHead--a3dyqLeB .title--K5Aqr0VD {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px
}

.threeDSkuPanelBeforeHead--a3dyqLeB .closeImg--Lkd7UcMj {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px
}

.BottomNav--qGYcOLja {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 12px
}

.BottomNav--qGYcOLja .bottomTabsLine--dhTkId0P {
    background-color: #ebebeb;
    height: 16px;
    margin: 0 12px;
    width: 1px
}

.BottomNav--qGYcOLja .innerWrap--qKnHMPcW {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.paramsWrap--KRlYTj1h {
    display: flex;
    flex-direction: column;
    height: calc(100% - 48px);
    overflow: hidden;
    position: relative;
    width: calc(100% - 48px);
    z-index: 1
}

.emphasisParamsInfoWrap--Apxou1Id {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 8px;
    min-height: 50px;
    padding: 24px 16px 8px;
    width: calc(100% - 32px)
}

.emphasisParamsInfoItem--zwh3YQVz {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 12px 16px 0;
    position: relative;
    width: calc(33.33333% - 8px)
}

.emphasisParamsInfoItem--zwh3YQVz:nth-of-type(3n) {
    margin-right: 0
}

.emphasisParamsInfoItem2or4--PMgw6VgH {
    margin-right: 12px;
    width: calc(50% - 6px)
}

.emphasisParamsInfoItem2or4--PMgw6VgH:nth-of-type(2n) {
    margin-right: 0
}

.emphasisParamsInfoItem2or4--PMgw6VgH:nth-of-type(3n) {
    margin-right: 12px
}

.emphasisParamsInfoItem1--RPyhVTNJ {
    margin-right: 0;
    width: 100%
}

.emphasisParamsInfoItemTitle--sIZpzsSZ {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px
}

.emphasisParamsInfoItemSubTitle--_lsR5BgB,
.emphasisParamsInfoItemTitle--sIZpzsSZ {
    font-family: PingFang SC;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.emphasisParamsInfoItemSubTitle--_lsR5BgB {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px
}

.emphasisParamsInfoItemIconWrap--K9Uw7Ciu {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    width: 48px
}

.emphasisParamsInfoItemIcon--XTuzPcML {
    height: 36px;
    width: 36px
}

.changeEmphasisParamsInfoWrapStyle--h6tZHXCF {
    min-height: 102px;
    padding-bottom: 8px;
    padding-top: 24px
}

.changeEmphasisParamsInfoWrapStyle--h6tZHXCF .emphasisParamsInfoItemSubTitle--_lsR5BgB {
    margin-bottom: 8px
}

.changeEmphasisParamsInfoWrapStyle--h6tZHXCF .emphasisParamsInfoItemTitle--sIZpzsSZ {
    margin-bottom: 0
}

.generalParamsInfoWrap--bYmAEG8W {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    padding: 0 8px;
    width: calc(100% - 16px)
}

.generalParamsInfoItem--woek7waL {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin: 8px 0;
    max-height: -webkit-max-content;
    max-height: max-content;
    min-height: -webkit-min-content;
    min-height: min-content;
    transition: visibility .2s ease-in-out;
    width: 100%
}

.generalParamsInfoItemTitle--T34soXMw {
    color: #7a7a7a;
    height: 22px;
    margin-right: 16px;
    white-space: wrap;
    width: 84px
}

.generalParamsInfoItemSubTitle--Qla1Y1kv,
.generalParamsInfoItemTitle--T34soXMw {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden
}

.generalParamsInfoItemSubTitle--Qla1Y1kv {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1f1f1f;
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    width: calc(100% - 100px)
}

.paramsEmptyWrap--tzQzfujR {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.emptyIcon--MW2ga_H8 {
    height: 140px;
    width: 140px
}

.emptyText--Futy7lh7 {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -38px;
    text-align: center
}

.allParamsButtonWrap--y6tegWwR {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: center;
    margin-top: 16px;
    width: 100%;
    z-index: 2
}

.allParamsButton--XoRo3tOd {
    align-items: center;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1f1f1f;
    display: flex !important;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    width: 108px
}

.allParamsButton--XoRo3tOd:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.allParamsButtonIcon--z9vAg7li {
    font-size: 8px;
    margin-left: 4px
}

.changeStyle--Gs4Ldcq1 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 10px
}

.AssureArea--YWVGf9n8 {
    background: #f5f8ff;
    background-size: cover;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 24px;
    width: 100%;
    z-index: 1
}

.head--A6S_pHxA {
    align-items: center;
    display: flex;
    flex-direction: column
}

.headTitle--rOXfnLSY {
    color: #3171f4;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px
}

.headSubTitle--uftfJ1Wy {
    color: #3171f4;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 4px;
    opacity: .52
}

.body--AM022L6u {
    background: #fff;
    border-radius: 12px;
    flex: 1;
    margin-top: 20px;
    padding: 24px
}

.item--QXWFSZqX {
    display: flex;
    flex-direction: row;
    margin-top: 24px
}

.item--QXWFSZqX:first-child {
    margin-top: 0
}

.iconfontName--BbrmZ__c {
    background: #f5f8ff;
    border-radius: 8px;
    color: #3171f4;
    font-size: 28px;
    line-height: 28px;
    padding: 12px
}

.right--sXPX9Ht5 {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    margin-left: 12px;
    width: calc(100% - 64px)
}

.right--sXPX9Ht5 .title--HmDseR2a {
    color: #1f1f1f;
    font-weight: 600
}

.right--sXPX9Ht5 .subTitle--ia4jqdWS {
    color: #7a7a7a;
    font-weight: 400;
    margin-top: 4px
}

@media (max-width:1240px) {
    .item--QXWFSZqX:nth-child(n+4) {
        display: none
    }
}

@media (min-width:1241px) and (max-width:1440px) {
    .item--QXWFSZqX:nth-child(n+5) {
        display: none
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    .item--QXWFSZqX:nth-child(n+6) {
        display: none
    }
}

@media (min-width:1601px) {
    .item--QXWFSZqX:nth-child(n+7) {
        display: none
    }
}

.picGallery--qY53_w0u {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative;
    width: 100%
}

.unSupportSticky .picGallery--qY53_w0u {
    position: relative;
    top: 0
}

.innerWrap--tD6LdQYX {
    display: flex;
    flex-direction: row;
    max-height: 620px;
    min-height: 388px;
    width: 100%
}

.mainPicWrap--Ns5WQiHr {
    align-items: start;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 12px;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: calc(100% - 92px)
}

.thumbnailsWrap--kljvw1fs {
    height: 100%;
    justify-content: flex-start;
    margin-right: 16px;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 76px
}

.thumbnails--v976to2t,
.thumbnailsWrap--kljvw1fs {
    align-items: center;
    display: flex;
    flex-direction: column
}

.thumbnails--v976to2t {
    -ms-overflow-style: none;
    height: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.thumbnail--TxeB1sWz {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 76px;
    justify-content: center;
    margin-bottom: 4px;
    outline: none;
    width: 76px
}
.thumbnail--TxeB1sWz:hover {
    border: 2px solid #81b337;
}
.thumbnail--TxeB1sWz:last-child {
    margin-bottom: 0
}

.thumbnailActive--JUfZQotF {
    border: 2px solid #81b337;
    border-radius: 12px
}

.thumbnailItem--WQyauvvr {
    align-items: center;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 64px
}

.thumbnails--v976to2t::-webkit-scrollbar {
    display: none !important
}

.mainPic--zxTtQs0P {
    border-radius: 12px
}

.mainPic--zxTtQs0P,
.thumbnailPic--QasTmWDm {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.thumbnailOtherPic--rNe1c9IH {
    align-items: center;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 8px;
    color: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.thumbnailOtherPic--rNe1c9IH .thumbnailOtherPicIcon--nMBH8xl4 {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 28px;
    height: 28px;
    justify-content: center;
    margin-bottom: 2px
}

.thumbnailOtherPic--rNe1c9IH .thumbnailOtherPicTitle--IvTeJ6OX {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.thumbnail--TxeB1sWz.thumbnailActive--JUfZQotF .thumbnailOtherPic--rNe1c9IH {
    background-color: #fff1eb;
    color: #ff5000
}

.mainPicBlurWrap--UgXFiWCK {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 10
}

.maskBg--nHwiTVpg {
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    bottom: 0;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    right: 0;
    z-index: 1
}

.maskBg--nHwiTVpg,
.videoPicWrap--TlrnW_O0 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.videoPicWrap--TlrnW_O0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: opcity .5s ease-in-out
}

.videoPicWrap--TlrnW_O0 .videoPic--MLs5g29k {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.mainPicVideo--z7b6kr8y {
    background-color: transparent !important;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.itemInfo--fMsV1e_u {
    display: inline-block
}

.bottomSwitchTabsWrap--CEKqvt02 {
    margin-left: 92px;
    margin-top: 16px;
    width: calc(100% - 92px)
}

.bottomSwitchTabsWrap--CEKqvt02,
.switchTabsWrap--gLxr0aCM {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.switchTabsWrap--gLxr0aCM {
    background-color: #f5f5f5;
    border-radius: 8px;
    height: 40px;
    padding: 0 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.switchTabsItem--NDCNfRRJ {
    border-radius: 4px;
    color: #1f1f1f;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 4px;
    padding: 5px 12px;
    text-align: center;
    width: auto
}

.switchTabsItem--NDCNfRRJ:last-child {
    margin-right: 0
}

.switchTabsItem--NDCNfRRJ:hover {
    background-color: #fff
}

.switchTabsItemSelect--icApCpu_ {
    background-color: #fff;
    font-weight: 500
}

body.fullscreen .mainPicVideo--z7b6kr8y,
body.fullscreen .picGallery--qY53_w0u {
    z-index: 10 !important
}

#mainPicVideoEl .videox-matte-icon-btn {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(80px);
    background-color: rgba(0, 0, 0, .4);
    height: 72px;
    width: 72px
}

#mainPicVideoEl .videox-progress-container {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    padding: 30px 22px 10px 20px
}

#mainPicVideoEl .videox-progress {
    padding: 0 16px;
    top: 14px
}

#mainPicVideoEl .videox-slider-track {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: hsla(0, 0%, 100%, .4)
}

#mainPicVideoEl .videox-progress-buffered-item {
    background-color: hsla(0, 0%, 100%, .01)
}

#mainPicVideoEl .videox-progress-container .videox-icon-play {
    font-size: 20px;
    padding-left: 0;
    padding-right: 16px
}

#mainPicVideoEl .videox-time+.videox-btn {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

#mainPicVideoEl .videox-rate-menu .videox-menu-item {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

#mainPicVideoEl .videox-active {
    color: #ff5000
}

#mainPicVideoEl .videox-icon-volume {
    font-size: 20px;
    margin-left: 4px
}

#mainPicVideoEl .videox-fullscreen {
    font-size: 19px;
    margin-left: 16px;
    margin-top: .5px
}

#mainPicVideoEl .videox-time {
    color: #fff;
    font-family: Inter V;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 20px
}

#mainPicVideoEl .videox-progress-buffered-item {
    border-radius: 50%
}

#mainPicVideoEl .videox-slider-track-fill {
    background-color: #fff;
    z-index: 0
}

#mainPicVideoEl .videox-slider-thumb {
    background-color: #ff5000;
    border: 1px solid #fff;
    box-shadow: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px
}

#mainPicVideoEl .videox-progress .videox-slider-thumb {
    top: -1px
}

#mainPicVideoEl .videox-volume-progress .videox-slider-thumb {
    left: -1px
}

#mainPicVideoEl .videox-rate-content {
    border-radius: 8px
}

#mainPicVideoEl .videox-volume-content {
    border-radius: 8px;
    height: 136px;
    padding: 6px 12px
}

.marketingBeltWrap--UJZObXjG {
    margin-top: 16px;
    width: 100%
}

.marketingBeltWrap--UJZObXjG .bannerImg--WvPc1PM_ {
    object-fit: contain;
    width: 100%
}

.MessageContent--EjAdcdtN {
    align-items: center;
    display: flex;
    flex-direction: column
}

.MessageContent--EjAdcdtN .mainTitle--QNVumvWL {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 4px
}

.MessageContent--EjAdcdtN .subTitle--kiTSoKqD {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px
}

.MessageContent--EjAdcdtN .actionBtn--wFq5Mq8J {
    background: #ff5000;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 12px;
    padding: 8px 12px
}

.MessageWithRecommondForCart--ADVtBvew {
    background-color: #fff;
    border-radius: 24px;
    box-sizing: border-box;
    font-family: PingFang SC;
    height: 600px;
    left: 50%;
    overflow: hidden;
    padding: 16px 16px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 880px
}

.closeIconWrap--maB_HIPy {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 32px;
    z-index: 10
}

.closeIconWrap--maB_HIPy:hover {
    background-color: rgba(0, 0, 0, .04)
}

.closeIcon--fHGmWhzV {
    font-size: 28px;
    line-height: 28px
}

.messageWithRecommondWrap--wdbv2BEy {
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.messageWithRecommondWrap--wdbv2BEy::-webkit-scrollbar {
    display: none
}

.topContainer--XNNEpwlR {
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    padding: 24px 0;
    width: 100%
}

.messageContainer--ToB_aWs8,
.topContainer--XNNEpwlR {
    align-items: center;
    display: flex;
    flex-direction: column
}

.messageContainer--ToB_aWs8 {
    gap: 4px 0;
    margin-bottom: 16px
}

.titleContainer--qL9Nduqz {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.successIcon--XEacOIq8 {
    height: 20px;
    width: 20px
}

.title--MydS2ZkC {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-left: 8px;
    text-align: center
}

.message--Hs73PcKm {
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.normalText--B7feY_uP {
    color: #7a7a7a
}

.highlightText--bY0uNKP0 {
    color: #ff5000
}

.buttonContainer--DvSfRyfx {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.primaryButton--PiuhLcEq {
    background: #ff5000
}

.primaryButton--PiuhLcEq,
.secondaryButton--UpKhNr_7 {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 40px;
    justify-content: center;
    padding: 8px 12px;
    position: relative
}

.secondaryButton--UpKhNr_7 {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-left: 8px
}

.primaryButton--PiuhLcEq:hover:after,
.secondaryButton--UpKhNr_7:hover:after {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.buttonContent--SpWWVSyP {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 4px
}

.buttonText--B4Sf9nTA {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.secondaryButtonText--fbnKvMYS {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.topFixedArea--XY3JASJi {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    padding: 12px 16px;
    position: absolute;
    top: 0;
    transition: opacity .1s ease;
    width: 100%;
    z-index: 9
}

.topFixedTitle--iF2oJip3 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
    padding: 2px 0 2px 4px
}

.topFixedContent--Hw25tWGO {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: center;
    width: 100%
}

.changeTopContainerStyle--TnO4Gf9C {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 12px
}

.changeTopContainerStyle--TnO4Gf9C .messageContainer--ToB_aWs8 {
    flex-direction: row;
    gap: 0 8px;
    margin-bottom: 0
}

.changeTopContainerStyle--TnO4Gf9C .successIcon--XEacOIq8 {
    height: 24px;
    width: 24px
}

.changeTopContainerStyle--TnO4Gf9C .message--Hs73PcKm,
.changeTopContainerStyle--TnO4Gf9C .title--MydS2ZkC {
    font-size: 16px;
    line-height: 24px
}

.changeTopContainerStyle--TnO4Gf9C .primaryButton--PiuhLcEq,
.changeTopContainerStyle--TnO4Gf9C .secondaryButton--UpKhNr_7 {
    height: 32px;
    padding: 6px 8px
}

.changeTopContainerStyle--TnO4Gf9C .primaryButton--PiuhLcEq .buttonText--B4Sf9nTA,
.changeTopContainerStyle--TnO4Gf9C .primaryButton--PiuhLcEq .secondaryButtonText--fbnKvMYS,
.changeTopContainerStyle--TnO4Gf9C .secondaryButton--UpKhNr_7 .buttonText--B4Sf9nTA,
.changeTopContainerStyle--TnO4Gf9C .secondaryButton--UpKhNr_7 .secondaryButtonText--fbnKvMYS {
    font-size: 14px;
    line-height: 22px
}

.guessULikeWrap--DOymmvzm {
    margin-top: 12px;
    width: 100%
}

.messageWithRecommondWrap--wdbv2BEy .tbpc-layout {
    overflow-x: hidden !important
}

.messageWithRecommondWrap--wdbv2BEy .tbpc-layout .tbpc-col {
    flex-basis: 25% !important;
    max-width: 25% !important
}

.tb-picks-container {
    height: 100%;
    width: 100%
}

.scrollBy400 {
    height: 1px;
    left: 0;
    position: absolute;
    top: 700px;
    width: 10px
}

.fixChecker {
    height: 1px;
    width: 100%
}

.product-list-wrapper {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

.tips-carousel {
    bottom: 20px;
    justify-content: center;
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    z-index: 9
}

.tips-carousel,
.tips-content {
    align-items: center;
    display: flex
}

.tips-content {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(10, 10, 51, .12), 0 0 16px 0 rgba(0, 0, 0, .04);
    box-sizing: border-box;
    cursor: pointer;
    height: 52px;
    justify-content: flex-start;
    padding: 8px 6px;
    position: relative;
    width: 228px
}

.tip-text {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px
}

.tip-arrow {
    margin-left: 8px
}

.slide-in {
    animation: fadeInUp .3s ease both
}

.slide-out {
    animation: fadeInDown .3s ease both
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 100%)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 1;
        transform: translate(-50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, 100%)
    }
}

.carousel-images {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 80px
}

.carousel-image {
    animation: slide 12s infinite;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    box-sizing: border-box;
    height: 40px;
    left: 0;
    position: absolute;
    width: 40px
}

.image-0 {
    animation-delay: -10s
}

.image-1 {
    animation-delay: -8s
}

.image-2 {
    animation-delay: -6s
}

.image-3 {
    animation-delay: -4s
}

.image-4 {
    animation-delay: -2s
}

.tip-arrow {
    height: 12px;
    width: 12px
}

@keyframes slide {

    0%,
    90%,
    to {
        transform: translate(0);
        z-index: 4
    }

    16.67%,
    6.67% {
        transform: translate(20px);
        z-index: 5
    }

    23.33%,
    33.33% {
        transform: translate(40px);
        z-index: 6
    }

    40%,
    50% {
        transform: translate(80px);
        z-index: 7
    }

    56.67%,
    66.67% {
        transform: translate(80px);
        z-index: 1
    }

    73.33%,
    83.33% {
        transform: translate(0);
        z-index: 0
    }
}

.tb-pick-header {
    box-sizing: border-box;
    display: flex;
    margin-bottom: 16px;
    margin-top: 16px;
    overflow: visible;
    padding-bottom: 20px;
    position: relative;
    width: 100%
}

.tb-pick-header.with-controls .tab-scroll-container {
    margin-right: 8px;
    width: calc(100% - 120px)
}

.tb-pick-header .tab-scroll-container {
    height: 48px;
    overflow: visible;
    position: relative;
    width: 100%
}

.tb-pick-header .controls-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0;
    position: relative;
    width: 120px
}

.tb-pick-header-wrap {
    -ms-overflow-style: none;
    height: 48px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
}

.tb-pick-header-wrap::-webkit-scrollbar {
    display: none
}

.tb-pick-header-tabs {
    display: inline-block;
    font-size: 0
}

.tb-pick-feeds-container {
    width: 100%
}

.tb-pick-header-tab {
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    height: 48px;
    margin-right: 24px;
    position: relative;
    width: 176px
}

.tb-pick-header-tab-devider {
    background-color: #ebebeb;
    height: 36px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px
}

.tb-pick-header-tab-selected .tb-pick-header-tab-icon {
    background-color: #ff003615 !important
}

.tb-pick-header-tab-selected .tb-pick-header-tab-title {
    color: #ff5000 !important;
    font-weight: 500 !important
}

.tb-pick-header-tab-selected .tb-pick-header-tab-subtitle {
    color: #ff5000 !important
}

.tb-pick-header-tab:hover .tb-pick-header-tab-icon {
    background-color: #ff003615
}

.tb-pick-header-tab:hover .tb-pick-header-tab-subtitle,
.tb-pick-header-tab:hover .tb-pick-header-tab-title {
    color: #ff5000
}

.tb-pick-header-tab-icon {
    background-color: #f7f7f7;
    border-radius: 100%;
    height: 48px;
    margin-right: 8px;
    object-fit: cover;
    transition: background-color .2s linear;
    width: 48px
}

.tb-pick-header-tab-titles {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tb-pick-header-tab-title {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px
}

.tb-pick-header-tab-subtitle,
.tb-pick-header-tab-title {
    letter-spacing: 0;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s linear;
    white-space: nowrap
}

.tb-pick-header-tab-subtitle {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.arrow-container {
    align-items: center;
    display: flex;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

.arrow-container-left {
    background: linear-gradient(90deg, #fff, #fff 70%, hsla(0, 0%, 100%, 0));
    justify-content: flex-start;
    left: 0
}

.arrow-container-right {
    background: linear-gradient(270deg, #fff, #fff 70%, hsla(0, 0%, 100%, 0));
    justify-content: flex-end;
    right: 0
}

.tab-arrow {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    outline: none;
    padding: 0;
    position: relative;
    transition: background-color .2s linear;
    width: 32px;
    z-index: 10
}

.tab-arrow:hover {
    background-color: #f7f7f7
}

.tab-arrow-left {
    left: 0;
    transform: rotate(180deg)
}

.tab-arrow-left,
.tab-arrow-right {
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01ckbi5Z1HbSP3BY9WW_!!6000000000776-2-tps-80-80.png)
}

.tab-arrow-right {
    right: 0
}

.smallTabListWrapper {
    background-color: #fff;
    box-sizing: border-box;
    cursor: default;
    height: 48px;
    margin: 8px 0;
    overflow: visible;
    padding: 8px 0;
    position: relative;
    width: 100%
}

.smallTabListWrapperFixed {
    box-sizing: border-box;
    left: 0;
    margin: auto;
    overflow: visible;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.smallTabListInnerWrapper {
    display: flex;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.smallTabListWrapper.with-controls .smallTabListInnerWrapper .tab-scroll-container {
    margin-right: 8px;
    width: calc(100% - 120px)
}

.smallTabListWrapper.with-controls .smallTabListInnerWrapper .controls-container {
    width: 120px
}

.smallTabListInnerWrapper .tab-scroll-container {
    overflow: visible;
    position: relative;
    width: 100%
}

.smallTabListInnerWrapper .controls-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0;
    position: relative;
    width: 120px
}

.smallTabListScrollContainer {
    -ms-overflow-style: none;
    height: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    width: 100%
}

.smallTabListWrapper.with-controls .smallTabListScrollContainer {
    width: 100%
}

.smallTabListScrollContainer::-webkit-scrollbar {
    display: none
}

.smallTabList {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    white-space: nowrap
}

.smallTabWrapper {
    align-items: center;
    border-bottom: none;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    height: 32px;
    justify-content: flex-start;
    margin-right: 16px;
    padding: 0 8px 0 4px;
    transition: all .4s ease;
    vertical-align: middle
}

.smallTabWrapper:hover .smallTabTitle {
    color: #ff5000
}

.smallTabWrapperSelected {
    background-color: #fff1eb;
    position: relative
}

.smallTabWrapperSelected .smallTabTitle {
    color: #ff5000;
    font-weight: 600
}

.smallTabWrapperSelected:before {
    display: none
}

.smallTabIcon {
    height: 28px;
    margin-right: 2px;
    object-fit: contain;
    width: 28px
}

.smallTabTitle {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap
}

.fixedPlaceholder {
    height: 64px;
    width: 100%
}

.tb-pick-header .arrow-container-right {
    right: 10px
}

.tab-actions {
    gap: 8px;
    height: 32px;
    z-index: 2
}

.action-button,
.tab-actions {
    align-items: center;
    display: flex
}

.action-button {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    cursor: pointer;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    transition: background-color .2s ease
}

.action-button:hover {
    background-color: #f5f5f5
}

.toggle-button {
    gap: 4px;
    padding: 0 12px 0 8px;
    width: -webkit-max-content;
    width: max-content
}

.toggle-text {
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    line-height: 22px
}

.refresh-icon {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01oAFjNe1hRXq4Rfsxh_!!6000000004274-2-tps-40-40.png)
}

.refresh-icon,
.toggle-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px
}

.toggle-icon {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01I29Qg81H93qQmQ810_!!6000000000714-2-tps-40-40.png)
}

.ui-tooltip {
    display: inline-flex;
    position: relative
}

.ui-tooltip:hover .ui-tooltip__content {
    opacity: 1;
    visibility: visible
}

.ui-tooltip__content {
    background-color: rgba(0, 0, 0, .92);
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    opacity: 0;
    padding: 5px 12px;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease, visibility .2s ease;
    visibility: hidden;
    white-space: nowrap;
    z-index: 999
}

.ui-tooltip__content:before {
    border: 8px solid transparent;
    content: "";
    position: absolute
}

.ui-tooltip__content.ui-tooltip__content--bottom {
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(12px)
}

.ui-tooltip__content.ui-tooltip__content--bottom:before {
    border-bottom-color: rgba(0, 0, 0, .92);
    left: 50%;
    margin-left: -6px;
    top: -16px
}

.ui-tooltip__content.ui-tooltip__content--top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px)
}

.ui-tooltip__content.ui-tooltip__content--top:before {
    border-top-color: rgba(0, 0, 0, .92);
    bottom: -16px;
    left: 50%;
    margin-left: -6px
}

.ui-tooltip__content.ui-tooltip__content--left {
    right: 100%;
    top: 50%;
    transform: translateX(-8px) translateY(-50%)
}

.ui-tooltip__content.ui-tooltip__content--left:before {
    border-left-color: rgba(0, 0, 0, .92);
    margin-top: -6px;
    right: -16px;
    top: 50%
}

.ui-tooltip__content.ui-tooltip__content--right {
    left: 100%;
    top: 50%;
    transform: translateX(8px) translateY(-50%)
}

.ui-tooltip__content.ui-tooltip__content--right:before {
    border-right-color: rgba(0, 0, 0, .92);
    left: -16px;
    margin-top: -6px;
    top: 50%
}

.popover-container {
    display: inline-flex;
    position: relative
}

.popover {
    align-items: center;
    animation: fadeIn .2s ease;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(0, 0, 0, .88);
    border-radius: 12px;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .96);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: normal;
    line-height: 22px;
    min-width: 150px;
    padding: 12px;
    pointer-events: auto;
    position: absolute;
    z-index: 1000
}

.popover:before {
    border: 8px solid transparent;
    content: "";
    position: absolute;
    z-index: 1
}

.popover.popover-bottom {
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(12px)
}

.popover.popover-bottom:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-bottom-color: rgba(0, 0, 0, .88);
    left: 50%;
    margin-left: -10px;
    top: -16px
}

.popover.popover-top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px)
}

.popover.popover-top:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-top-color: rgba(0, 0, 0, .88);
    bottom: -16px;
    left: 50%;
    margin-left: -10px
}

.popover.popover-left {
    right: 100%;
    top: 50%;
    transform: translateX(-10px) translateY(-50%)
}

.popover.popover-left:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-left-color: rgba(0, 0, 0, .88);
    margin-top: -10px;
    right: -16px;
    top: 50%
}

.popover.popover-right {
    left: 100%;
    top: 50%;
    transform: translateX(10px) translateY(-50%)
}

.popover.popover-right:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-right-color: rgba(0, 0, 0, .88);
    left: -16px;
    margin-top: -10px;
    top: 50%
}

.popover-title {
    color: hsla(0, 0%, 100%, .96);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.popover-content {
    color: hsla(0, 0%, 100%, .52);
    font-size: 14px;
    letter-spacing: normal;
    line-height: 22px
}

.popover-button {
    background: hsla(0, 0%, 100%, .04);
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 8px auto 0;
    padding: 5px 8px
}

.popover-button:hover {
    background-color: hsla(0, 0%, 100%, .08)
}

.browsing-mode-options {
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.mode-option {
    align-items: center;
    background-color: rgba(0, 0, 0, .04);
    border: 2px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
    transition: all .3s ease;
    width: 268px
}

.mode-option:hover {
    background-color: rgba(0, 0, 0, .08)
}

.mode-option.selected {
    background-color: #fff1eb;
    border: 2px solid #ff5000
}

.mode-option.selected .mode-intro,
.mode-option.selected .mode-name {
    color: #ff5000
}

.mode-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    margin-top: 16px;
    transition: border-color .3s ease;
    width: 228px
}

.mode-image.popup-mode {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01UAafJV1RnUyKdgLjE_!!6000000002156-2-tps-912-640.png)
}

.mode-image.newpage-mode {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01LgkUDK1S34RJA8knn_!!6000000002190-2-tps-912-640.png)
}

.mode-name {
    color: rgba(0, 0, 0, .92);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.mode-intro,
.mode-name {
    transition: color .3s ease
}

.mode-intro {
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px
}

.modal-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    isolation: isolate;
    justify-content: center;
    left: 0;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    will-change: transform;
    z-index: 99999999
}

.modal-container {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.modal-header .modal-title {
    color: rgba(0, 0, 0, .92);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0
}

.modal-header .modal-close-icon {
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01VSvwTI25bfN93jeOO_!!6000000007545-2-tps-128-128.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.modal-header .modal-close-icon:hover {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 8px
}

.modal-content {
    overflow-y: auto;
    padding: 0 16px
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

.modal-btn {
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 8px;
    padding: 8px 16px;
    transition: all .3s ease
}

.modal-cancel-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, .92)
}

.modal-cancel-btn:hover {
    background-color: rgba(0, 0, 0, .04)
}

.modal-confirm-btn {
    background-color: #ff5000;
    border: 1px solid #ff5000;
    color: #fff
}

.modal-confirm-btn:hover {
    background-color: #ff6a00;
    border-color: #ff6a00
}

.tab-loading-container {
    animation: fadeIn .3s ease;
    background-color: #fff;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 12px;
    overflow: hidden;
    transform-origin: top center;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.tab-loading-container,
.tab-loading-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.tab-loading-content {
    opacity: 1;
    transition: opacity .3s ease
}

.tab-loading-spinner {
    animation: spin .8s linear infinite;
    border: 2px solid rgba(255, 97, 0, .15);
    border-radius: 50%;
    border-top-color: #ff6100;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.tab-loading-text {
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    line-height: 22px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.feeds-title-container {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0;
    line-height: 150%;
    margin-bottom: 12px
}

.feeds-title-container .tab-before-prefix {
    background-color: #d6d6d6;
    height: 1px;
    margin-right: 12px;
    width: 24px
}

.feeds-title-container .tab-after-prefix {
    background-color: #d6d6d6;
    height: 1px;
    margin-left: 12px;
    width: 24px
}

#product-list-container,
.tb-pick-feeds-container {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

#product-list-container {
    box-sizing: border-box;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: calc(100% + 16px)
}

#product-list-container:after {
    clear: both;
    content: "";
    display: table
}

.skeleton-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px
}

.skeleton-item {
    margin: 0 16px 16px 0;
    width: 240px
}

.card-container {
    margin-right: 16px;
    width: 240px
}

.bottom-loading-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    width: 100%
}

.tbpc-layout {
    box-sizing: border-box;
    margin: auto;
    max-width: 1760px;
    min-width: 1200px;
    overflow-x: auto;
    padding-left: 48px;
    padding-right: 48px;
    width: 100%
}

.tbpc-row {
    box-sizing: border-box;
    flex-flow: row wrap;
    max-width: 1600px
}

.tbpc-row,
.tbpc-row:after,
.tbpc-row:before {
    display: flex
}

.tbpc-row-no-wrap {
    flex-wrap: nowrap
}

.tbpc-row-start {
    justify-content: flex-start
}

.tbpc-row-center {
    justify-content: center
}

.tbpc-row-end {
    justify-content: flex-end
}

.tbpc-row-space-between {
    justify-content: space-between
}

.tbpc-row-space-around {
    justify-content: space-around
}

.tbpc-row-space-evenly {
    justify-content: space-evenly
}

.tbpc-row-top {
    align-items: flex-start
}

.tbpc-row-middle {
    align-items: center
}

.tbpc-row-bottom {
    align-items: flex-end
}

.tbpc-col {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 1px;
    position: relative
}

.tbpc-col-60 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.tbpc-col-push-60 {
    left: 100%
}

.tbpc-col-pull-60 {
    right: 100%
}

.tbpc-col-offset-60 {
    margin-left: 100%
}

.tbpc-col-order-60 {
    order: 60
}

.tbpc-col-horizon-60 {
    padding-left: 60px;
    padding-right: 60px
}

.tbpc-col-vertical-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.tbpc-col-59 {
    display: block;
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%
}

.tbpc-col-push-59 {
    left: 98.33333333%
}

.tbpc-col-pull-59 {
    right: 98.33333333%
}

.tbpc-col-offset-59 {
    margin-left: 98.33333333%
}

.tbpc-col-order-59 {
    order: 59
}

.tbpc-col-horizon-59 {
    padding-left: 59px;
    padding-right: 59px
}

.tbpc-col-vertical-59 {
    padding-bottom: 59px;
    padding-top: 59px
}

.tbpc-col-58 {
    display: block;
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%
}

.tbpc-col-push-58 {
    left: 96.66666667%
}

.tbpc-col-pull-58 {
    right: 96.66666667%
}

.tbpc-col-offset-58 {
    margin-left: 96.66666667%
}

.tbpc-col-order-58 {
    order: 58
}

.tbpc-col-horizon-58 {
    padding-left: 58px;
    padding-right: 58px
}

.tbpc-col-vertical-58 {
    padding-bottom: 58px;
    padding-top: 58px
}

.tbpc-col-57 {
    display: block;
    flex: 0 0 95%;
    max-width: 95%
}

.tbpc-col-push-57 {
    left: 95%
}

.tbpc-col-pull-57 {
    right: 95%
}

.tbpc-col-offset-57 {
    margin-left: 95%
}

.tbpc-col-order-57 {
    order: 57
}

.tbpc-col-horizon-57 {
    padding-left: 57px;
    padding-right: 57px
}

.tbpc-col-vertical-57 {
    padding-bottom: 57px;
    padding-top: 57px
}

.tbpc-col-56 {
    display: block;
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%
}

.tbpc-col-push-56 {
    left: 93.33333333%
}

.tbpc-col-pull-56 {
    right: 93.33333333%
}

.tbpc-col-offset-56 {
    margin-left: 93.33333333%
}

.tbpc-col-order-56 {
    order: 56
}

.tbpc-col-horizon-56 {
    padding-left: 56px;
    padding-right: 56px
}

.tbpc-col-vertical-56 {
    padding-bottom: 56px;
    padding-top: 56px
}

.tbpc-col-55 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.tbpc-col-push-55 {
    left: 91.66666667%
}

.tbpc-col-pull-55 {
    right: 91.66666667%
}

.tbpc-col-offset-55 {
    margin-left: 91.66666667%
}

.tbpc-col-order-55 {
    order: 55
}

.tbpc-col-horizon-55 {
    padding-left: 55px;
    padding-right: 55px
}

.tbpc-col-vertical-55 {
    padding-bottom: 55px;
    padding-top: 55px
}

.tbpc-col-54 {
    display: block;
    flex: 0 0 90%;
    max-width: 90%
}

.tbpc-col-push-54 {
    left: 90%
}

.tbpc-col-pull-54 {
    right: 90%
}

.tbpc-col-offset-54 {
    margin-left: 90%
}

.tbpc-col-order-54 {
    order: 54
}

.tbpc-col-horizon-54 {
    padding-left: 54px;
    padding-right: 54px
}

.tbpc-col-vertical-54 {
    padding-bottom: 54px;
    padding-top: 54px
}

.tbpc-col-53 {
    display: block;
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%
}

.tbpc-col-push-53 {
    left: 88.33333333%
}

.tbpc-col-pull-53 {
    right: 88.33333333%
}

.tbpc-col-offset-53 {
    margin-left: 88.33333333%
}

.tbpc-col-order-53 {
    order: 53
}

.tbpc-col-horizon-53 {
    padding-left: 53px;
    padding-right: 53px
}

.tbpc-col-vertical-53 {
    padding-bottom: 53px;
    padding-top: 53px
}

.tbpc-col-52 {
    display: block;
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%
}

.tbpc-col-push-52 {
    left: 86.66666667%
}

.tbpc-col-pull-52 {
    right: 86.66666667%
}

.tbpc-col-offset-52 {
    margin-left: 86.66666667%
}

.tbpc-col-order-52 {
    order: 52
}

.tbpc-col-horizon-52 {
    padding-left: 52px;
    padding-right: 52px
}

.tbpc-col-vertical-52 {
    padding-bottom: 52px;
    padding-top: 52px
}

.tbpc-col-51 {
    display: block;
    flex: 0 0 85%;
    max-width: 85%
}

.tbpc-col-push-51 {
    left: 85%
}

.tbpc-col-pull-51 {
    right: 85%
}

.tbpc-col-offset-51 {
    margin-left: 85%
}

.tbpc-col-order-51 {
    order: 51
}

.tbpc-col-horizon-51 {
    padding-left: 51px;
    padding-right: 51px
}

.tbpc-col-vertical-51 {
    padding-bottom: 51px;
    padding-top: 51px
}

.tbpc-col-50 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.tbpc-col-push-50 {
    left: 83.33333333%
}

.tbpc-col-pull-50 {
    right: 83.33333333%
}

.tbpc-col-offset-50 {
    margin-left: 83.33333333%
}

.tbpc-col-order-50 {
    order: 50
}

.tbpc-col-horizon-50 {
    padding-left: 50px;
    padding-right: 50px
}

.tbpc-col-vertical-50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.tbpc-col-49 {
    display: block;
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%
}

.tbpc-col-push-49 {
    left: 81.66666667%
}

.tbpc-col-pull-49 {
    right: 81.66666667%
}

.tbpc-col-offset-49 {
    margin-left: 81.66666667%
}

.tbpc-col-order-49 {
    order: 49
}

.tbpc-col-horizon-49 {
    padding-left: 49px;
    padding-right: 49px
}

.tbpc-col-vertical-49 {
    padding-bottom: 49px;
    padding-top: 49px
}

.tbpc-col-48 {
    display: block;
    flex: 0 0 80%;
    max-width: 80%
}

.tbpc-col-push-48 {
    left: 80%
}

.tbpc-col-pull-48 {
    right: 80%
}

.tbpc-col-offset-48 {
    margin-left: 80%
}

.tbpc-col-order-48 {
    order: 48
}

.tbpc-col-horizon-48 {
    padding-left: 48px;
    padding-right: 48px
}

.tbpc-col-vertical-48 {
    padding-bottom: 48px;
    padding-top: 48px
}

.tbpc-col-47 {
    display: block;
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%
}

.tbpc-col-push-47 {
    left: 78.33333333%
}

.tbpc-col-pull-47 {
    right: 78.33333333%
}

.tbpc-col-offset-47 {
    margin-left: 78.33333333%
}

.tbpc-col-order-47 {
    order: 47
}

.tbpc-col-horizon-47 {
    padding-left: 47px;
    padding-right: 47px
}

.tbpc-col-vertical-47 {
    padding-bottom: 47px;
    padding-top: 47px
}

.tbpc-col-46 {
    display: block;
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%
}

.tbpc-col-push-46 {
    left: 76.66666667%
}

.tbpc-col-pull-46 {
    right: 76.66666667%
}

.tbpc-col-offset-46 {
    margin-left: 76.66666667%
}

.tbpc-col-order-46 {
    order: 46
}

.tbpc-col-horizon-46 {
    padding-left: 46px;
    padding-right: 46px
}

.tbpc-col-vertical-46 {
    padding-bottom: 46px;
    padding-top: 46px
}

.tbpc-col-45 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.tbpc-col-push-45 {
    left: 75%
}

.tbpc-col-pull-45 {
    right: 75%
}

.tbpc-col-offset-45 {
    margin-left: 75%
}

.tbpc-col-order-45 {
    order: 45
}

.tbpc-col-horizon-45 {
    padding-left: 45px;
    padding-right: 45px
}

.tbpc-col-vertical-45 {
    padding-bottom: 45px;
    padding-top: 45px
}

.tbpc-col-44 {
    display: block;
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%
}

.tbpc-col-push-44 {
    left: 73.33333333%
}

.tbpc-col-pull-44 {
    right: 73.33333333%
}

.tbpc-col-offset-44 {
    margin-left: 73.33333333%
}

.tbpc-col-order-44 {
    order: 44
}

.tbpc-col-horizon-44 {
    padding-left: 44px;
    padding-right: 44px
}

.tbpc-col-vertical-44 {
    padding-bottom: 44px;
    padding-top: 44px
}

.tbpc-col-43 {
    display: block;
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%
}

.tbpc-col-push-43 {
    left: 71.66666667%
}

.tbpc-col-pull-43 {
    right: 71.66666667%
}

.tbpc-col-offset-43 {
    margin-left: 71.66666667%
}

.tbpc-col-order-43 {
    order: 43
}

.tbpc-col-horizon-43 {
    padding-left: 43px;
    padding-right: 43px
}

.tbpc-col-vertical-43 {
    padding-bottom: 43px;
    padding-top: 43px
}

.tbpc-col-42 {
    display: block;
    flex: 0 0 70%;
    max-width: 70%
}

.tbpc-col-push-42 {
    left: 70%
}

.tbpc-col-pull-42 {
    right: 70%
}

.tbpc-col-offset-42 {
    margin-left: 70%
}

.tbpc-col-order-42 {
    order: 42
}

.tbpc-col-horizon-42 {
    padding-left: 42px;
    padding-right: 42px
}

.tbpc-col-vertical-42 {
    padding-bottom: 42px;
    padding-top: 42px
}

.tbpc-col-41 {
    display: block;
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%
}

.tbpc-col-push-41 {
    left: 68.33333333%
}

.tbpc-col-pull-41 {
    right: 68.33333333%
}

.tbpc-col-offset-41 {
    margin-left: 68.33333333%
}

.tbpc-col-order-41 {
    order: 41
}

.tbpc-col-horizon-41 {
    padding-left: 41px;
    padding-right: 41px
}

.tbpc-col-vertical-41 {
    padding-bottom: 41px;
    padding-top: 41px
}

.tbpc-col-40 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.tbpc-col-push-40 {
    left: 66.66666667%
}

.tbpc-col-pull-40 {
    right: 66.66666667%
}

.tbpc-col-offset-40 {
    margin-left: 66.66666667%
}

.tbpc-col-order-40 {
    order: 40
}

.tbpc-col-horizon-40 {
    padding-left: 40px;
    padding-right: 40px
}

.tbpc-col-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.tbpc-col-39 {
    display: block;
    flex: 0 0 65%;
    max-width: 65%
}

.tbpc-col-push-39 {
    left: 65%
}

.tbpc-col-pull-39 {
    right: 65%
}

.tbpc-col-offset-39 {
    margin-left: 65%
}

.tbpc-col-order-39 {
    order: 39
}

.tbpc-col-horizon-39 {
    padding-left: 39px;
    padding-right: 39px
}

.tbpc-col-vertical-39 {
    padding-bottom: 39px;
    padding-top: 39px
}

.tbpc-col-38 {
    display: block;
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%
}

.tbpc-col-push-38 {
    left: 63.33333333%
}

.tbpc-col-pull-38 {
    right: 63.33333333%
}

.tbpc-col-offset-38 {
    margin-left: 63.33333333%
}

.tbpc-col-order-38 {
    order: 38
}

.tbpc-col-horizon-38 {
    padding-left: 38px;
    padding-right: 38px
}

.tbpc-col-vertical-38 {
    padding-bottom: 38px;
    padding-top: 38px
}

.tbpc-col-37 {
    display: block;
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%
}

.tbpc-col-push-37 {
    left: 61.66666667%
}

.tbpc-col-pull-37 {
    right: 61.66666667%
}

.tbpc-col-offset-37 {
    margin-left: 61.66666667%
}

.tbpc-col-order-37 {
    order: 37
}

.tbpc-col-horizon-37 {
    padding-left: 37px;
    padding-right: 37px
}

.tbpc-col-vertical-37 {
    padding-bottom: 37px;
    padding-top: 37px
}

.tbpc-col-36 {
    display: block;
    flex: 0 0 60%;
    max-width: 60%
}

.tbpc-col-push-36 {
    left: 60%
}

.tbpc-col-pull-36 {
    right: 60%
}

.tbpc-col-offset-36 {
    margin-left: 60%
}

.tbpc-col-order-36 {
    order: 36
}

.tbpc-col-horizon-36 {
    padding-left: 36px;
    padding-right: 36px
}

.tbpc-col-vertical-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.tbpc-col-35 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.tbpc-col-push-35 {
    left: 58.33333333%
}

.tbpc-col-pull-35 {
    right: 58.33333333%
}

.tbpc-col-offset-35 {
    margin-left: 58.33333333%
}

.tbpc-col-order-35 {
    order: 35
}

.tbpc-col-horizon-35 {
    padding-left: 35px;
    padding-right: 35px
}

.tbpc-col-vertical-35 {
    padding-bottom: 35px;
    padding-top: 35px
}

.tbpc-col-34 {
    display: block;
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%
}

.tbpc-col-push-34 {
    left: 56.66666667%
}

.tbpc-col-pull-34 {
    right: 56.66666667%
}

.tbpc-col-offset-34 {
    margin-left: 56.66666667%
}

.tbpc-col-order-34 {
    order: 34
}

.tbpc-col-horizon-34 {
    padding-left: 34px;
    padding-right: 34px
}

.tbpc-col-vertical-34 {
    padding-bottom: 34px;
    padding-top: 34px
}

.tbpc-col-33 {
    display: block;
    flex: 0 0 55%;
    max-width: 55%
}

.tbpc-col-push-33 {
    left: 55%
}

.tbpc-col-pull-33 {
    right: 55%
}

.tbpc-col-offset-33 {
    margin-left: 55%
}

.tbpc-col-order-33 {
    order: 33
}

.tbpc-col-horizon-33 {
    padding-left: 33px;
    padding-right: 33px
}

.tbpc-col-vertical-33 {
    padding-bottom: 33px;
    padding-top: 33px
}

.tbpc-col-32 {
    display: block;
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%
}

.tbpc-col-push-32 {
    left: 53.33333333%
}

.tbpc-col-pull-32 {
    right: 53.33333333%
}

.tbpc-col-offset-32 {
    margin-left: 53.33333333%
}

.tbpc-col-order-32 {
    order: 32
}

.tbpc-col-horizon-32 {
    padding-left: 32px;
    padding-right: 32px
}

.tbpc-col-vertical-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.tbpc-col-31 {
    display: block;
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%
}

.tbpc-col-push-31 {
    left: 51.66666667%
}

.tbpc-col-pull-31 {
    right: 51.66666667%
}

.tbpc-col-offset-31 {
    margin-left: 51.66666667%
}

.tbpc-col-order-31 {
    order: 31
}

.tbpc-col-horizon-31 {
    padding-left: 31px;
    padding-right: 31px
}

.tbpc-col-vertical-31 {
    padding-bottom: 31px;
    padding-top: 31px
}

.tbpc-col-30 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.tbpc-col-push-30 {
    left: 50%
}

.tbpc-col-pull-30 {
    right: 50%
}

.tbpc-col-offset-30 {
    margin-left: 50%
}

.tbpc-col-order-30 {
    order: 30
}

.tbpc-col-horizon-30 {
    padding-left: 30px;
    padding-right: 30px
}

.tbpc-col-vertical-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.tbpc-col-29 {
    display: block;
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%
}

.tbpc-col-push-29 {
    left: 48.33333333%
}

.tbpc-col-pull-29 {
    right: 48.33333333%
}

.tbpc-col-offset-29 {
    margin-left: 48.33333333%
}

.tbpc-col-order-29 {
    order: 29
}

.tbpc-col-horizon-29 {
    padding-left: 29px;
    padding-right: 29px
}

.tbpc-col-vertical-29 {
    padding-bottom: 29px;
    padding-top: 29px
}

.tbpc-col-28 {
    display: block;
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%
}

.tbpc-col-push-28 {
    left: 46.66666667%
}

.tbpc-col-pull-28 {
    right: 46.66666667%
}

.tbpc-col-offset-28 {
    margin-left: 46.66666667%
}

.tbpc-col-order-28 {
    order: 28
}

.tbpc-col-horizon-28 {
    padding-left: 28px;
    padding-right: 28px
}

.tbpc-col-vertical-28 {
    padding-bottom: 28px;
    padding-top: 28px
}

.tbpc-col-27 {
    display: block;
    flex: 0 0 45%;
    max-width: 45%
}

.tbpc-col-push-27 {
    left: 45%
}

.tbpc-col-pull-27 {
    right: 45%
}

.tbpc-col-offset-27 {
    margin-left: 45%
}

.tbpc-col-order-27 {
    order: 27
}

.tbpc-col-horizon-27 {
    padding-left: 27px;
    padding-right: 27px
}

.tbpc-col-vertical-27 {
    padding-bottom: 27px;
    padding-top: 27px
}

.tbpc-col-26 {
    display: block;
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%
}

.tbpc-col-push-26 {
    left: 43.33333333%
}

.tbpc-col-pull-26 {
    right: 43.33333333%
}

.tbpc-col-offset-26 {
    margin-left: 43.33333333%
}

.tbpc-col-order-26 {
    order: 26
}

.tbpc-col-horizon-26 {
    padding-left: 26px;
    padding-right: 26px
}

.tbpc-col-vertical-26 {
    padding-bottom: 26px;
    padding-top: 26px
}

.tbpc-col-25 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.tbpc-col-push-25 {
    left: 41.66666667%
}

.tbpc-col-pull-25 {
    right: 41.66666667%
}

.tbpc-col-offset-25 {
    margin-left: 41.66666667%
}

.tbpc-col-order-25 {
    order: 25
}

.tbpc-col-horizon-25 {
    padding-left: 25px;
    padding-right: 25px
}

.tbpc-col-vertical-25 {
    padding-bottom: 25px;
    padding-top: 25px
}

.tbpc-col-24 {
    display: block;
    flex: 0 0 40%;
    max-width: 40%
}

.tbpc-col-push-24 {
    left: 40%
}

.tbpc-col-pull-24 {
    right: 40%
}

.tbpc-col-offset-24 {
    margin-left: 40%
}

.tbpc-col-order-24 {
    order: 24
}

.tbpc-col-horizon-24 {
    padding-left: 24px;
    padding-right: 24px
}

.tbpc-col-vertical-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.tbpc-col-23 {
    display: block;
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%
}

.tbpc-col-push-23 {
    left: 38.33333333%
}

.tbpc-col-pull-23 {
    right: 38.33333333%
}

.tbpc-col-offset-23 {
    margin-left: 38.33333333%
}

.tbpc-col-order-23 {
    order: 23
}

.tbpc-col-horizon-23 {
    padding-left: 23px;
    padding-right: 23px
}

.tbpc-col-vertical-23 {
    padding-bottom: 23px;
    padding-top: 23px
}

.tbpc-col-22 {
    display: block;
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%
}

.tbpc-col-push-22 {
    left: 36.66666667%
}

.tbpc-col-pull-22 {
    right: 36.66666667%
}

.tbpc-col-offset-22 {
    margin-left: 36.66666667%
}

.tbpc-col-order-22 {
    order: 22
}

.tbpc-col-horizon-22 {
    padding-left: 22px;
    padding-right: 22px
}

.tbpc-col-vertical-22 {
    padding-bottom: 22px;
    padding-top: 22px
}

.tbpc-col-21 {
    display: block;
    flex: 0 0 35%;
    max-width: 35%
}

.tbpc-col-push-21 {
    left: 35%
}

.tbpc-col-pull-21 {
    right: 35%
}

.tbpc-col-offset-21 {
    margin-left: 35%
}

.tbpc-col-order-21 {
    order: 21
}

.tbpc-col-horizon-21 {
    padding-left: 21px;
    padding-right: 21px
}

.tbpc-col-vertical-21 {
    padding-bottom: 21px;
    padding-top: 21px
}

.tbpc-col-20 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.tbpc-col-push-20 {
    left: 33.33333333%
}

.tbpc-col-pull-20 {
    right: 33.33333333%
}

.tbpc-col-offset-20 {
    margin-left: 33.33333333%
}

.tbpc-col-order-20 {
    order: 20
}

.tbpc-col-horizon-20 {
    padding-left: 20px;
    padding-right: 20px
}

.tbpc-col-vertical-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.tbpc-col-19 {
    display: block;
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%
}

.tbpc-col-push-19 {
    left: 31.66666667%
}

.tbpc-col-pull-19 {
    right: 31.66666667%
}

.tbpc-col-offset-19 {
    margin-left: 31.66666667%
}

.tbpc-col-order-19 {
    order: 19
}

.tbpc-col-horizon-19 {
    padding-left: 19px;
    padding-right: 19px
}

.tbpc-col-vertical-19 {
    padding-bottom: 19px;
    padding-top: 19px
}

.tbpc-col-18 {
    display: block;
    flex: 0 0 30%;
    max-width: 30%
}

.tbpc-col-push-18 {
    left: 30%
}

.tbpc-col-pull-18 {
    right: 30%
}

.tbpc-col-offset-18 {
    margin-left: 30%
}

.tbpc-col-order-18 {
    order: 18
}

.tbpc-col-horizon-18 {
    padding-left: 18px;
    padding-right: 18px
}

.tbpc-col-vertical-18 {
    padding-bottom: 18px;
    padding-top: 18px
}

.tbpc-col-17 {
    display: block;
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%
}

.tbpc-col-push-17 {
    left: 28.33333333%
}

.tbpc-col-pull-17 {
    right: 28.33333333%
}

.tbpc-col-offset-17 {
    margin-left: 28.33333333%
}

.tbpc-col-order-17 {
    order: 17
}

.tbpc-col-horizon-17 {
    padding-left: 17px;
    padding-right: 17px
}

.tbpc-col-vertical-17 {
    padding-bottom: 17px;
    padding-top: 17px
}

.tbpc-col-16 {
    display: block;
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%
}

.tbpc-col-push-16 {
    left: 26.66666667%
}

.tbpc-col-pull-16 {
    right: 26.66666667%
}

.tbpc-col-offset-16 {
    margin-left: 26.66666667%
}

.tbpc-col-order-16 {
    order: 16
}

.tbpc-col-horizon-16 {
    padding-left: 16px;
    padding-right: 16px
}

.tbpc-col-vertical-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.tbpc-col-15 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.tbpc-col-push-15 {
    left: 25%
}

.tbpc-col-pull-15 {
    right: 25%
}

.tbpc-col-offset-15 {
    margin-left: 25%
}

.tbpc-col-order-15 {
    order: 15
}

.tbpc-col-horizon-15 {
    padding-left: 15px;
    padding-right: 15px
}

.tbpc-col-vertical-15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.tbpc-col-14 {
    display: block;
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%
}

.tbpc-col-push-14 {
    left: 23.33333333%
}

.tbpc-col-pull-14 {
    right: 23.33333333%
}

.tbpc-col-offset-14 {
    margin-left: 23.33333333%
}

.tbpc-col-order-14 {
    order: 14
}

.tbpc-col-horizon-14 {
    padding-left: 14px;
    padding-right: 14px
}

.tbpc-col-vertical-14 {
    padding-bottom: 14px;
    padding-top: 14px
}

.tbpc-col-13 {
    display: block;
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%
}

.tbpc-col-push-13 {
    left: 21.66666667%
}

.tbpc-col-pull-13 {
    right: 21.66666667%
}

.tbpc-col-offset-13 {
    margin-left: 21.66666667%
}

.tbpc-col-order-13 {
    order: 13
}

.tbpc-col-horizon-13 {
    padding-left: 13px;
    padding-right: 13px
}

.tbpc-col-vertical-13 {
    padding-bottom: 13px;
    padding-top: 13px
}

.tbpc-col-12 {
    display: block;
    flex: 0 0 20%;
    max-width: 20%
}

.tbpc-col-push-12 {
    left: 20%
}

.tbpc-col-pull-12 {
    right: 20%
}

.tbpc-col-offset-12 {
    margin-left: 20%
}

.tbpc-col-order-12 {
    order: 12
}

.tbpc-col-horizon-12 {
    padding-left: 12px;
    padding-right: 12px
}

.tbpc-col-vertical-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.tbpc-col-11 {
    display: block;
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%
}

.tbpc-col-push-11 {
    left: 18.33333333%
}

.tbpc-col-pull-11 {
    right: 18.33333333%
}

.tbpc-col-offset-11 {
    margin-left: 18.33333333%
}

.tbpc-col-order-11 {
    order: 11
}

.tbpc-col-horizon-11 {
    padding-left: 11px;
    padding-right: 11px
}

.tbpc-col-vertical-11 {
    padding-bottom: 11px;
    padding-top: 11px
}

.tbpc-col-10 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.tbpc-col-push-10 {
    left: 16.66666667%
}

.tbpc-col-pull-10 {
    right: 16.66666667%
}

.tbpc-col-offset-10 {
    margin-left: 16.66666667%
}

.tbpc-col-order-10 {
    order: 10
}

.tbpc-col-horizon-10 {
    padding-left: 10px;
    padding-right: 10px
}

.tbpc-col-vertical-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.tbpc-col-9 {
    display: block;
    flex: 0 0 15%;
    max-width: 15%
}

.tbpc-col-push-9 {
    left: 15%
}

.tbpc-col-pull-9 {
    right: 15%
}

.tbpc-col-offset-9 {
    margin-left: 15%
}

.tbpc-col-order-9 {
    order: 9
}

.tbpc-col-horizon-9 {
    padding-left: 9px;
    padding-right: 9px
}

.tbpc-col-vertical-9 {
    padding-bottom: 9px;
    padding-top: 9px
}

.tbpc-col-8 {
    display: block;
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%
}

.tbpc-col-push-8 {
    left: 13.33333333%
}

.tbpc-col-pull-8 {
    right: 13.33333333%
}

.tbpc-col-offset-8 {
    margin-left: 13.33333333%
}

.tbpc-col-order-8 {
    order: 8
}

.tbpc-col-horizon-8 {
    padding-left: 8px;
    padding-right: 8px
}

.tbpc-col-vertical-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.tbpc-col-7 {
    display: block;
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%
}

.tbpc-col-push-7 {
    left: 11.66666667%
}

.tbpc-col-pull-7 {
    right: 11.66666667%
}

.tbpc-col-offset-7 {
    margin-left: 11.66666667%
}

.tbpc-col-order-7 {
    order: 7
}

.tbpc-col-horizon-7 {
    padding-left: 7px;
    padding-right: 7px
}

.tbpc-col-vertical-7 {
    padding-bottom: 7px;
    padding-top: 7px
}

.tbpc-col-6 {
    display: block;
    flex: 0 0 10%;
    max-width: 10%
}

.tbpc-col-push-6 {
    left: 10%
}

.tbpc-col-pull-6 {
    right: 10%
}

.tbpc-col-offset-6 {
    margin-left: 10%
}

.tbpc-col-order-6 {
    order: 6
}

.tbpc-col-horizon-6 {
    padding-left: 6px;
    padding-right: 6px
}

.tbpc-col-vertical-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.tbpc-col-5 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.tbpc-col-push-5 {
    left: 8.33333333%
}

.tbpc-col-pull-5 {
    right: 8.33333333%
}

.tbpc-col-offset-5 {
    margin-left: 8.33333333%
}

.tbpc-col-order-5 {
    order: 5
}

.tbpc-col-horizon-5 {
    padding-left: 5px;
    padding-right: 5px
}

.tbpc-col-vertical-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.tbpc-col-4 {
    display: block;
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%
}

.tbpc-col-push-4 {
    left: 6.66666667%
}

.tbpc-col-pull-4 {
    right: 6.66666667%
}

.tbpc-col-offset-4 {
    margin-left: 6.66666667%
}

.tbpc-col-order-4 {
    order: 4
}

.tbpc-col-horizon-4 {
    padding-left: 4px;
    padding-right: 4px
}

.tbpc-col-vertical-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.tbpc-col-3 {
    display: block;
    flex: 0 0 5%;
    max-width: 5%
}

.tbpc-col-push-3 {
    left: 5%
}

.tbpc-col-pull-3 {
    right: 5%
}

.tbpc-col-offset-3 {
    margin-left: 5%
}

.tbpc-col-order-3 {
    order: 3
}

.tbpc-col-horizon-3 {
    padding-left: 3px;
    padding-right: 3px
}

.tbpc-col-vertical-3 {
    padding-bottom: 3px;
    padding-top: 3px
}

.tbpc-col-2 {
    display: block;
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%
}

.tbpc-col-push-2 {
    left: 3.33333333%
}

.tbpc-col-pull-2 {
    right: 3.33333333%
}

.tbpc-col-offset-2 {
    margin-left: 3.33333333%
}

.tbpc-col-order-2 {
    order: 2
}

.tbpc-col-horizon-2 {
    padding-left: 2px;
    padding-right: 2px
}

.tbpc-col-vertical-2 {
    padding-bottom: 2px;
    padding-top: 2px
}

.tbpc-col-1 {
    display: block;
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%
}

.tbpc-col-push-1 {
    left: 1.66666667%
}

.tbpc-col-pull-1 {
    right: 1.66666667%
}

.tbpc-col-offset-1 {
    margin-left: 1.66666667%
}

.tbpc-col-order-1 {
    order: 1
}

.tbpc-col-horizon-1 {
    padding-left: 1px;
    padding-right: 1px
}

.tbpc-col-vertical-1 {
    padding-bottom: 1px;
    padding-top: 1px
}

.tbpc-col-0 {
    display: none
}

.tbpc-col-push-0 {
    left: auto
}

.tbpc-col-pull-0 {
    right: auto
}

.tbpc-col-offset-0 {
    margin-left: 0
}

.tbpc-col-order-0 {
    order: 0
}

.tbpc-col-horizon-0 {
    padding-left: 0;
    padding-right: 0
}

.tbpc-col-vertical-0 {
    padding-bottom: 0;
    padding-top: 0
}

.tbpc-col-push-0.tbpc-col-rtl {
    right: auto
}

.tbpc-col-pull-0.tbpc-col-rtl {
    left: auto
}

.tbpc-col-offset-0.tbpc-col-rtl {
    margin-right: 0
}

.tbpc-col-push-1.tbpc-col-rtl {
    left: auto;
    right: 1.66666667%
}

.tbpc-col-pull-1.tbpc-col-rtl {
    left: 1.66666667%;
    right: auto
}

.tbpc-col-offset-1.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 1.66666667%
}

.tbpc-col-push-2.tbpc-col-rtl {
    left: auto;
    right: 3.33333333%
}

.tbpc-col-pull-2.tbpc-col-rtl {
    left: 3.33333333%;
    right: auto
}

.tbpc-col-offset-2.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 3.33333333%
}

.tbpc-col-push-3.tbpc-col-rtl {
    left: auto;
    right: 5%
}

.tbpc-col-pull-3.tbpc-col-rtl {
    left: 5%;
    right: auto
}

.tbpc-col-offset-3.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 5%
}

.tbpc-col-push-4.tbpc-col-rtl {
    left: auto;
    right: 6.66666667%
}

.tbpc-col-pull-4.tbpc-col-rtl {
    left: 6.66666667%;
    right: auto
}

.tbpc-col-offset-4.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 6.66666667%
}

.tbpc-col-push-5.tbpc-col-rtl {
    left: auto;
    right: 8.33333333%
}

.tbpc-col-pull-5.tbpc-col-rtl {
    left: 8.33333333%;
    right: auto
}

.tbpc-col-offset-5.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.tbpc-col-push-6.tbpc-col-rtl {
    left: auto;
    right: 10%
}

.tbpc-col-pull-6.tbpc-col-rtl {
    left: 10%;
    right: auto
}

.tbpc-col-offset-6.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 10%
}

.tbpc-col-push-7.tbpc-col-rtl {
    left: auto;
    right: 11.66666667%
}

.tbpc-col-pull-7.tbpc-col-rtl {
    left: 11.66666667%;
    right: auto
}

.tbpc-col-offset-7.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 11.66666667%
}

.tbpc-col-push-8.tbpc-col-rtl {
    left: auto;
    right: 13.33333333%
}

.tbpc-col-pull-8.tbpc-col-rtl {
    left: 13.33333333%;
    right: auto
}

.tbpc-col-offset-8.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 13.33333333%
}

.tbpc-col-push-9.tbpc-col-rtl {
    left: auto;
    right: 15%
}

.tbpc-col-pull-9.tbpc-col-rtl {
    left: 15%;
    right: auto
}

.tbpc-col-offset-9.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 15%
}

.tbpc-col-push-10.tbpc-col-rtl {
    left: auto;
    right: 16.66666667%
}

.tbpc-col-pull-10.tbpc-col-rtl {
    left: 16.66666667%;
    right: auto
}

.tbpc-col-offset-10.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.tbpc-col-push-11.tbpc-col-rtl {
    left: auto;
    right: 18.33333333%
}

.tbpc-col-pull-11.tbpc-col-rtl {
    left: 18.33333333%;
    right: auto
}

.tbpc-col-offset-11.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 18.33333333%
}

.tbpc-col-push-12.tbpc-col-rtl {
    left: auto;
    right: 20%
}

.tbpc-col-pull-12.tbpc-col-rtl {
    left: 20%;
    right: auto
}

.tbpc-col-offset-12.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 20%
}

.tbpc-col-push-13.tbpc-col-rtl {
    left: auto;
    right: 21.66666667%
}

.tbpc-col-pull-13.tbpc-col-rtl {
    left: 21.66666667%;
    right: auto
}

.tbpc-col-offset-13.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 21.66666667%
}

.tbpc-col-push-14.tbpc-col-rtl {
    left: auto;
    right: 23.33333333%
}

.tbpc-col-pull-14.tbpc-col-rtl {
    left: 23.33333333%;
    right: auto
}

.tbpc-col-offset-14.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 23.33333333%
}

.tbpc-col-push-15.tbpc-col-rtl {
    left: auto;
    right: 25%
}

.tbpc-col-pull-15.tbpc-col-rtl {
    left: 25%;
    right: auto
}

.tbpc-col-offset-15.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.tbpc-col-push-16.tbpc-col-rtl {
    left: auto;
    right: 26.66666667%
}

.tbpc-col-pull-16.tbpc-col-rtl {
    left: 26.66666667%;
    right: auto
}

.tbpc-col-offset-16.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 26.66666667%
}

.tbpc-col-push-17.tbpc-col-rtl {
    left: auto;
    right: 28.33333333%
}

.tbpc-col-pull-17.tbpc-col-rtl {
    left: 28.33333333%;
    right: auto
}

.tbpc-col-offset-17.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 28.33333333%
}

.tbpc-col-push-18.tbpc-col-rtl {
    left: auto;
    right: 30%
}

.tbpc-col-pull-18.tbpc-col-rtl {
    left: 30%;
    right: auto
}

.tbpc-col-offset-18.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 30%
}

.tbpc-col-push-19.tbpc-col-rtl {
    left: auto;
    right: 31.66666667%
}

.tbpc-col-pull-19.tbpc-col-rtl {
    left: 31.66666667%;
    right: auto
}

.tbpc-col-offset-19.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 31.66666667%
}

.tbpc-col-push-20.tbpc-col-rtl {
    left: auto;
    right: 33.33333333%
}

.tbpc-col-pull-20.tbpc-col-rtl {
    left: 33.33333333%;
    right: auto
}

.tbpc-col-offset-20.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.tbpc-col-push-21.tbpc-col-rtl {
    left: auto;
    right: 35%
}

.tbpc-col-pull-21.tbpc-col-rtl {
    left: 35%;
    right: auto
}

.tbpc-col-offset-21.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 35%
}

.tbpc-col-push-22.tbpc-col-rtl {
    left: auto;
    right: 36.66666667%
}

.tbpc-col-pull-22.tbpc-col-rtl {
    left: 36.66666667%;
    right: auto
}

.tbpc-col-offset-22.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 36.66666667%
}

.tbpc-col-push-23.tbpc-col-rtl {
    left: auto;
    right: 38.33333333%
}

.tbpc-col-pull-23.tbpc-col-rtl {
    left: 38.33333333%;
    right: auto
}

.tbpc-col-offset-23.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 38.33333333%
}

.tbpc-col-push-24.tbpc-col-rtl {
    left: auto;
    right: 40%
}

.tbpc-col-pull-24.tbpc-col-rtl {
    left: 40%;
    right: auto
}

.tbpc-col-offset-24.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 40%
}

.tbpc-col-push-25.tbpc-col-rtl {
    left: auto;
    right: 41.66666667%
}

.tbpc-col-pull-25.tbpc-col-rtl {
    left: 41.66666667%;
    right: auto
}

.tbpc-col-offset-25.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.tbpc-col-push-26.tbpc-col-rtl {
    left: auto;
    right: 43.33333333%
}

.tbpc-col-pull-26.tbpc-col-rtl {
    left: 43.33333333%;
    right: auto
}

.tbpc-col-offset-26.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 43.33333333%
}

.tbpc-col-push-27.tbpc-col-rtl {
    left: auto;
    right: 45%
}

.tbpc-col-pull-27.tbpc-col-rtl {
    left: 45%;
    right: auto
}

.tbpc-col-offset-27.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 45%
}

.tbpc-col-push-28.tbpc-col-rtl {
    left: auto;
    right: 46.66666667%
}

.tbpc-col-pull-28.tbpc-col-rtl {
    left: 46.66666667%;
    right: auto
}

.tbpc-col-offset-28.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 46.66666667%
}

.tbpc-col-push-29.tbpc-col-rtl {
    left: auto;
    right: 48.33333333%
}

.tbpc-col-pull-29.tbpc-col-rtl {
    left: 48.33333333%;
    right: auto
}

.tbpc-col-offset-29.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 48.33333333%
}

.tbpc-col-push-30.tbpc-col-rtl {
    left: auto;
    right: 50%
}

.tbpc-col-pull-30.tbpc-col-rtl {
    left: 50%;
    right: auto
}

.tbpc-col-offset-30.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.tbpc-col-push-31.tbpc-col-rtl {
    left: auto;
    right: 51.66666667%
}

.tbpc-col-pull-31.tbpc-col-rtl {
    left: 51.66666667%;
    right: auto
}

.tbpc-col-offset-31.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 51.66666667%
}

.tbpc-col-push-32.tbpc-col-rtl {
    left: auto;
    right: 53.33333333%
}

.tbpc-col-pull-32.tbpc-col-rtl {
    left: 53.33333333%;
    right: auto
}

.tbpc-col-offset-32.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 53.33333333%
}

.tbpc-col-push-33.tbpc-col-rtl {
    left: auto;
    right: 55%
}

.tbpc-col-pull-33.tbpc-col-rtl {
    left: 55%;
    right: auto
}

.tbpc-col-offset-33.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 55%
}

.tbpc-col-push-34.tbpc-col-rtl {
    left: auto;
    right: 56.66666667%
}

.tbpc-col-pull-34.tbpc-col-rtl {
    left: 56.66666667%;
    right: auto
}

.tbpc-col-offset-34.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 56.66666667%
}

.tbpc-col-push-35.tbpc-col-rtl {
    left: auto;
    right: 58.33333333%
}

.tbpc-col-pull-35.tbpc-col-rtl {
    left: 58.33333333%;
    right: auto
}

.tbpc-col-offset-35.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.tbpc-col-push-36.tbpc-col-rtl {
    left: auto;
    right: 60%
}

.tbpc-col-pull-36.tbpc-col-rtl {
    left: 60%;
    right: auto
}

.tbpc-col-offset-36.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 60%
}

.tbpc-col-push-37.tbpc-col-rtl {
    left: auto;
    right: 61.66666667%
}

.tbpc-col-pull-37.tbpc-col-rtl {
    left: 61.66666667%;
    right: auto
}

.tbpc-col-offset-37.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 61.66666667%
}

.tbpc-col-push-38.tbpc-col-rtl {
    left: auto;
    right: 63.33333333%
}

.tbpc-col-pull-38.tbpc-col-rtl {
    left: 63.33333333%;
    right: auto
}

.tbpc-col-offset-38.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 63.33333333%
}

.tbpc-col-push-39.tbpc-col-rtl {
    left: auto;
    right: 65%
}

.tbpc-col-pull-39.tbpc-col-rtl {
    left: 65%;
    right: auto
}

.tbpc-col-offset-39.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 65%
}

.tbpc-col-push-40.tbpc-col-rtl {
    left: auto;
    right: 66.66666667%
}

.tbpc-col-pull-40.tbpc-col-rtl {
    left: 66.66666667%;
    right: auto
}

.tbpc-col-offset-40.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.tbpc-col-push-41.tbpc-col-rtl {
    left: auto;
    right: 68.33333333%
}

.tbpc-col-pull-41.tbpc-col-rtl {
    left: 68.33333333%;
    right: auto
}

.tbpc-col-offset-41.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 68.33333333%
}

.tbpc-col-push-42.tbpc-col-rtl {
    left: auto;
    right: 70%
}

.tbpc-col-pull-42.tbpc-col-rtl {
    left: 70%;
    right: auto
}

.tbpc-col-offset-42.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 70%
}

.tbpc-col-push-43.tbpc-col-rtl {
    left: auto;
    right: 71.66666667%
}

.tbpc-col-pull-43.tbpc-col-rtl {
    left: 71.66666667%;
    right: auto
}

.tbpc-col-offset-43.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 71.66666667%
}

.tbpc-col-push-44.tbpc-col-rtl {
    left: auto;
    right: 73.33333333%
}

.tbpc-col-pull-44.tbpc-col-rtl {
    left: 73.33333333%;
    right: auto
}

.tbpc-col-offset-44.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 73.33333333%
}

.tbpc-col-push-45.tbpc-col-rtl {
    left: auto;
    right: 75%
}

.tbpc-col-pull-45.tbpc-col-rtl {
    left: 75%;
    right: auto
}

.tbpc-col-offset-45.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.tbpc-col-push-46.tbpc-col-rtl {
    left: auto;
    right: 76.66666667%
}

.tbpc-col-pull-46.tbpc-col-rtl {
    left: 76.66666667%;
    right: auto
}

.tbpc-col-offset-46.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 76.66666667%
}

.tbpc-col-push-47.tbpc-col-rtl {
    left: auto;
    right: 78.33333333%
}

.tbpc-col-pull-47.tbpc-col-rtl {
    left: 78.33333333%;
    right: auto
}

.tbpc-col-offset-47.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 78.33333333%
}

.tbpc-col-push-48.tbpc-col-rtl {
    left: auto;
    right: 80%
}

.tbpc-col-pull-48.tbpc-col-rtl {
    left: 80%;
    right: auto
}

.tbpc-col-offset-48.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 80%
}

.tbpc-col-push-49.tbpc-col-rtl {
    left: auto;
    right: 81.66666667%
}

.tbpc-col-pull-49.tbpc-col-rtl {
    left: 81.66666667%;
    right: auto
}

.tbpc-col-offset-49.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 81.66666667%
}

.tbpc-col-push-50.tbpc-col-rtl {
    left: auto;
    right: 83.33333333%
}

.tbpc-col-pull-50.tbpc-col-rtl {
    left: 83.33333333%;
    right: auto
}

.tbpc-col-offset-50.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.tbpc-col-push-51.tbpc-col-rtl {
    left: auto;
    right: 85%
}

.tbpc-col-pull-51.tbpc-col-rtl {
    left: 85%;
    right: auto
}

.tbpc-col-offset-51.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 85%
}

.tbpc-col-push-52.tbpc-col-rtl {
    left: auto;
    right: 86.66666667%
}

.tbpc-col-pull-52.tbpc-col-rtl {
    left: 86.66666667%;
    right: auto
}

.tbpc-col-offset-52.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 86.66666667%
}

.tbpc-col-push-53.tbpc-col-rtl {
    left: auto;
    right: 88.33333333%
}

.tbpc-col-pull-53.tbpc-col-rtl {
    left: 88.33333333%;
    right: auto
}

.tbpc-col-offset-53.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 88.33333333%
}

.tbpc-col-push-54.tbpc-col-rtl {
    left: auto;
    right: 90%
}

.tbpc-col-pull-54.tbpc-col-rtl {
    left: 90%;
    right: auto
}

.tbpc-col-offset-54.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 90%
}

.tbpc-col-push-55.tbpc-col-rtl {
    left: auto;
    right: 91.66666667%
}

.tbpc-col-pull-55.tbpc-col-rtl {
    left: 91.66666667%;
    right: auto
}

.tbpc-col-offset-55.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.tbpc-col-push-56.tbpc-col-rtl {
    left: auto;
    right: 93.33333333%
}

.tbpc-col-pull-56.tbpc-col-rtl {
    left: 93.33333333%;
    right: auto
}

.tbpc-col-offset-56.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 93.33333333%
}

.tbpc-col-push-57.tbpc-col-rtl {
    left: auto;
    right: 95%
}

.tbpc-col-pull-57.tbpc-col-rtl {
    left: 95%;
    right: auto
}

.tbpc-col-offset-57.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 95%
}

.tbpc-col-push-58.tbpc-col-rtl {
    left: auto;
    right: 96.66666667%
}

.tbpc-col-pull-58.tbpc-col-rtl {
    left: 96.66666667%;
    right: auto
}

.tbpc-col-offset-58.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 96.66666667%
}

.tbpc-col-push-59.tbpc-col-rtl {
    left: auto;
    right: 98.33333333%
}

.tbpc-col-pull-59.tbpc-col-rtl {
    left: 98.33333333%;
    right: auto
}

.tbpc-col-offset-59.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 98.33333333%
}

.tbpc-col-push-60.tbpc-col-rtl {
    left: auto;
    right: 100%
}

.tbpc-col-pull-60.tbpc-col-rtl {
    left: 100%;
    right: auto
}

.tbpc-col-offset-60.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 100%
}

.lg .tbpc-col-lg-60 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.lg .tbpc-col-lg-push-60 {
    left: 100%
}

.lg .tbpc-col-lg-pull-60 {
    right: 100%
}

.lg .tbpc-col-lg-offset-60 {
    margin-left: 100%
}

.lg .tbpc-col-lg-order-60 {
    order: 60
}

.lg .tbpc-col-lg-horizon-60 {
    padding-left: 60px;
    padding-right: 60px
}

.lg .tbpc-col-lg-vertical-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.lg .tbpc-col-lg-59 {
    display: block;
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%
}

.lg .tbpc-col-lg-push-59 {
    left: 98.33333333%
}

.lg .tbpc-col-lg-pull-59 {
    right: 98.33333333%
}

.lg .tbpc-col-lg-offset-59 {
    margin-left: 98.33333333%
}

.lg .tbpc-col-lg-order-59 {
    order: 59
}

.lg .tbpc-col-lg-horizon-59 {
    padding-left: 59px;
    padding-right: 59px
}

.lg .tbpc-col-lg-vertical-59 {
    padding-bottom: 59px;
    padding-top: 59px
}

.lg .tbpc-col-lg-58 {
    display: block;
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%
}

.lg .tbpc-col-lg-push-58 {
    left: 96.66666667%
}

.lg .tbpc-col-lg-pull-58 {
    right: 96.66666667%
}

.lg .tbpc-col-lg-offset-58 {
    margin-left: 96.66666667%
}

.lg .tbpc-col-lg-order-58 {
    order: 58
}

.lg .tbpc-col-lg-horizon-58 {
    padding-left: 58px;
    padding-right: 58px
}

.lg .tbpc-col-lg-vertical-58 {
    padding-bottom: 58px;
    padding-top: 58px
}

.lg .tbpc-col-lg-57 {
    display: block;
    flex: 0 0 95%;
    max-width: 95%
}

.lg .tbpc-col-lg-push-57 {
    left: 95%
}

.lg .tbpc-col-lg-pull-57 {
    right: 95%
}

.lg .tbpc-col-lg-offset-57 {
    margin-left: 95%
}

.lg .tbpc-col-lg-order-57 {
    order: 57
}

.lg .tbpc-col-lg-horizon-57 {
    padding-left: 57px;
    padding-right: 57px
}

.lg .tbpc-col-lg-vertical-57 {
    padding-bottom: 57px;
    padding-top: 57px
}

.lg .tbpc-col-lg-56 {
    display: block;
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%
}

.lg .tbpc-col-lg-push-56 {
    left: 93.33333333%
}

.lg .tbpc-col-lg-pull-56 {
    right: 93.33333333%
}

.lg .tbpc-col-lg-offset-56 {
    margin-left: 93.33333333%
}

.lg .tbpc-col-lg-order-56 {
    order: 56
}

.lg .tbpc-col-lg-horizon-56 {
    padding-left: 56px;
    padding-right: 56px
}

.lg .tbpc-col-lg-vertical-56 {
    padding-bottom: 56px;
    padding-top: 56px
}

.lg .tbpc-col-lg-55 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.lg .tbpc-col-lg-push-55 {
    left: 91.66666667%
}

.lg .tbpc-col-lg-pull-55 {
    right: 91.66666667%
}

.lg .tbpc-col-lg-offset-55 {
    margin-left: 91.66666667%
}

.lg .tbpc-col-lg-order-55 {
    order: 55
}

.lg .tbpc-col-lg-horizon-55 {
    padding-left: 55px;
    padding-right: 55px
}

.lg .tbpc-col-lg-vertical-55 {
    padding-bottom: 55px;
    padding-top: 55px
}

.lg .tbpc-col-lg-54 {
    display: block;
    flex: 0 0 90%;
    max-width: 90%
}

.lg .tbpc-col-lg-push-54 {
    left: 90%
}

.lg .tbpc-col-lg-pull-54 {
    right: 90%
}

.lg .tbpc-col-lg-offset-54 {
    margin-left: 90%
}

.lg .tbpc-col-lg-order-54 {
    order: 54
}

.lg .tbpc-col-lg-horizon-54 {
    padding-left: 54px;
    padding-right: 54px
}

.lg .tbpc-col-lg-vertical-54 {
    padding-bottom: 54px;
    padding-top: 54px
}

.lg .tbpc-col-lg-53 {
    display: block;
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%
}

.lg .tbpc-col-lg-push-53 {
    left: 88.33333333%
}

.lg .tbpc-col-lg-pull-53 {
    right: 88.33333333%
}

.lg .tbpc-col-lg-offset-53 {
    margin-left: 88.33333333%
}

.lg .tbpc-col-lg-order-53 {
    order: 53
}

.lg .tbpc-col-lg-horizon-53 {
    padding-left: 53px;
    padding-right: 53px
}

.lg .tbpc-col-lg-vertical-53 {
    padding-bottom: 53px;
    padding-top: 53px
}

.lg .tbpc-col-lg-52 {
    display: block;
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%
}

.lg .tbpc-col-lg-push-52 {
    left: 86.66666667%
}

.lg .tbpc-col-lg-pull-52 {
    right: 86.66666667%
}

.lg .tbpc-col-lg-offset-52 {
    margin-left: 86.66666667%
}

.lg .tbpc-col-lg-order-52 {
    order: 52
}

.lg .tbpc-col-lg-horizon-52 {
    padding-left: 52px;
    padding-right: 52px
}

.lg .tbpc-col-lg-vertical-52 {
    padding-bottom: 52px;
    padding-top: 52px
}

.lg .tbpc-col-lg-51 {
    display: block;
    flex: 0 0 85%;
    max-width: 85%
}

.lg .tbpc-col-lg-push-51 {
    left: 85%
}

.lg .tbpc-col-lg-pull-51 {
    right: 85%
}

.lg .tbpc-col-lg-offset-51 {
    margin-left: 85%
}

.lg .tbpc-col-lg-order-51 {
    order: 51
}

.lg .tbpc-col-lg-horizon-51 {
    padding-left: 51px;
    padding-right: 51px
}

.lg .tbpc-col-lg-vertical-51 {
    padding-bottom: 51px;
    padding-top: 51px
}

.lg .tbpc-col-lg-50 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.lg .tbpc-col-lg-push-50 {
    left: 83.33333333%
}

.lg .tbpc-col-lg-pull-50 {
    right: 83.33333333%
}

.lg .tbpc-col-lg-offset-50 {
    margin-left: 83.33333333%
}

.lg .tbpc-col-lg-order-50 {
    order: 50
}

.lg .tbpc-col-lg-horizon-50 {
    padding-left: 50px;
    padding-right: 50px
}

.lg .tbpc-col-lg-vertical-50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.lg .tbpc-col-lg-49 {
    display: block;
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%
}

.lg .tbpc-col-lg-push-49 {
    left: 81.66666667%
}

.lg .tbpc-col-lg-pull-49 {
    right: 81.66666667%
}

.lg .tbpc-col-lg-offset-49 {
    margin-left: 81.66666667%
}

.lg .tbpc-col-lg-order-49 {
    order: 49
}

.lg .tbpc-col-lg-horizon-49 {
    padding-left: 49px;
    padding-right: 49px
}

.lg .tbpc-col-lg-vertical-49 {
    padding-bottom: 49px;
    padding-top: 49px
}

.lg .tbpc-col-lg-48 {
    display: block;
    flex: 0 0 80%;
    max-width: 80%
}

.lg .tbpc-col-lg-push-48 {
    left: 80%
}

.lg .tbpc-col-lg-pull-48 {
    right: 80%
}

.lg .tbpc-col-lg-offset-48 {
    margin-left: 80%
}

.lg .tbpc-col-lg-order-48 {
    order: 48
}

.lg .tbpc-col-lg-horizon-48 {
    padding-left: 48px;
    padding-right: 48px
}

.lg .tbpc-col-lg-vertical-48 {
    padding-bottom: 48px;
    padding-top: 48px
}

.lg .tbpc-col-lg-47 {
    display: block;
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%
}

.lg .tbpc-col-lg-push-47 {
    left: 78.33333333%
}

.lg .tbpc-col-lg-pull-47 {
    right: 78.33333333%
}

.lg .tbpc-col-lg-offset-47 {
    margin-left: 78.33333333%
}

.lg .tbpc-col-lg-order-47 {
    order: 47
}

.lg .tbpc-col-lg-horizon-47 {
    padding-left: 47px;
    padding-right: 47px
}

.lg .tbpc-col-lg-vertical-47 {
    padding-bottom: 47px;
    padding-top: 47px
}

.lg .tbpc-col-lg-46 {
    display: block;
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%
}

.lg .tbpc-col-lg-push-46 {
    left: 76.66666667%
}

.lg .tbpc-col-lg-pull-46 {
    right: 76.66666667%
}

.lg .tbpc-col-lg-offset-46 {
    margin-left: 76.66666667%
}

.lg .tbpc-col-lg-order-46 {
    order: 46
}

.lg .tbpc-col-lg-horizon-46 {
    padding-left: 46px;
    padding-right: 46px
}

.lg .tbpc-col-lg-vertical-46 {
    padding-bottom: 46px;
    padding-top: 46px
}

.lg .tbpc-col-lg-45 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.lg .tbpc-col-lg-push-45 {
    left: 75%
}

.lg .tbpc-col-lg-pull-45 {
    right: 75%
}

.lg .tbpc-col-lg-offset-45 {
    margin-left: 75%
}

.lg .tbpc-col-lg-order-45 {
    order: 45
}

.lg .tbpc-col-lg-horizon-45 {
    padding-left: 45px;
    padding-right: 45px
}

.lg .tbpc-col-lg-vertical-45 {
    padding-bottom: 45px;
    padding-top: 45px
}

.lg .tbpc-col-lg-44 {
    display: block;
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%
}

.lg .tbpc-col-lg-push-44 {
    left: 73.33333333%
}

.lg .tbpc-col-lg-pull-44 {
    right: 73.33333333%
}

.lg .tbpc-col-lg-offset-44 {
    margin-left: 73.33333333%
}

.lg .tbpc-col-lg-order-44 {
    order: 44
}

.lg .tbpc-col-lg-horizon-44 {
    padding-left: 44px;
    padding-right: 44px
}

.lg .tbpc-col-lg-vertical-44 {
    padding-bottom: 44px;
    padding-top: 44px
}

.lg .tbpc-col-lg-43 {
    display: block;
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%
}

.lg .tbpc-col-lg-push-43 {
    left: 71.66666667%
}

.lg .tbpc-col-lg-pull-43 {
    right: 71.66666667%
}

.lg .tbpc-col-lg-offset-43 {
    margin-left: 71.66666667%
}

.lg .tbpc-col-lg-order-43 {
    order: 43
}

.lg .tbpc-col-lg-horizon-43 {
    padding-left: 43px;
    padding-right: 43px
}

.lg .tbpc-col-lg-vertical-43 {
    padding-bottom: 43px;
    padding-top: 43px
}

.lg .tbpc-col-lg-42 {
    display: block;
    flex: 0 0 70%;
    max-width: 70%
}

.lg .tbpc-col-lg-push-42 {
    left: 70%
}

.lg .tbpc-col-lg-pull-42 {
    right: 70%
}

.lg .tbpc-col-lg-offset-42 {
    margin-left: 70%
}

.lg .tbpc-col-lg-order-42 {
    order: 42
}

.lg .tbpc-col-lg-horizon-42 {
    padding-left: 42px;
    padding-right: 42px
}

.lg .tbpc-col-lg-vertical-42 {
    padding-bottom: 42px;
    padding-top: 42px
}

.lg .tbpc-col-lg-41 {
    display: block;
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%
}

.lg .tbpc-col-lg-push-41 {
    left: 68.33333333%
}

.lg .tbpc-col-lg-pull-41 {
    right: 68.33333333%
}

.lg .tbpc-col-lg-offset-41 {
    margin-left: 68.33333333%
}

.lg .tbpc-col-lg-order-41 {
    order: 41
}

.lg .tbpc-col-lg-horizon-41 {
    padding-left: 41px;
    padding-right: 41px
}

.lg .tbpc-col-lg-vertical-41 {
    padding-bottom: 41px;
    padding-top: 41px
}

.lg .tbpc-col-lg-40 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.lg .tbpc-col-lg-push-40 {
    left: 66.66666667%
}

.lg .tbpc-col-lg-pull-40 {
    right: 66.66666667%
}

.lg .tbpc-col-lg-offset-40 {
    margin-left: 66.66666667%
}

.lg .tbpc-col-lg-order-40 {
    order: 40
}

.lg .tbpc-col-lg-horizon-40 {
    padding-left: 40px;
    padding-right: 40px
}

.lg .tbpc-col-lg-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.lg .tbpc-col-lg-39 {
    display: block;
    flex: 0 0 65%;
    max-width: 65%
}

.lg .tbpc-col-lg-push-39 {
    left: 65%
}

.lg .tbpc-col-lg-pull-39 {
    right: 65%
}

.lg .tbpc-col-lg-offset-39 {
    margin-left: 65%
}

.lg .tbpc-col-lg-order-39 {
    order: 39
}

.lg .tbpc-col-lg-horizon-39 {
    padding-left: 39px;
    padding-right: 39px
}

.lg .tbpc-col-lg-vertical-39 {
    padding-bottom: 39px;
    padding-top: 39px
}

.lg .tbpc-col-lg-38 {
    display: block;
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%
}

.lg .tbpc-col-lg-push-38 {
    left: 63.33333333%
}

.lg .tbpc-col-lg-pull-38 {
    right: 63.33333333%
}

.lg .tbpc-col-lg-offset-38 {
    margin-left: 63.33333333%
}

.lg .tbpc-col-lg-order-38 {
    order: 38
}

.lg .tbpc-col-lg-horizon-38 {
    padding-left: 38px;
    padding-right: 38px
}

.lg .tbpc-col-lg-vertical-38 {
    padding-bottom: 38px;
    padding-top: 38px
}

.lg .tbpc-col-lg-37 {
    display: block;
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%
}

.lg .tbpc-col-lg-push-37 {
    left: 61.66666667%
}

.lg .tbpc-col-lg-pull-37 {
    right: 61.66666667%
}

.lg .tbpc-col-lg-offset-37 {
    margin-left: 61.66666667%
}

.lg .tbpc-col-lg-order-37 {
    order: 37
}

.lg .tbpc-col-lg-horizon-37 {
    padding-left: 37px;
    padding-right: 37px
}

.lg .tbpc-col-lg-vertical-37 {
    padding-bottom: 37px;
    padding-top: 37px
}

.lg .tbpc-col-lg-36 {
    display: block;
    flex: 0 0 60%;
    max-width: 60%
}

.lg .tbpc-col-lg-push-36 {
    left: 60%
}

.lg .tbpc-col-lg-pull-36 {
    right: 60%
}

.lg .tbpc-col-lg-offset-36 {
    margin-left: 60%
}

.lg .tbpc-col-lg-order-36 {
    order: 36
}

.lg .tbpc-col-lg-horizon-36 {
    padding-left: 36px;
    padding-right: 36px
}

.lg .tbpc-col-lg-vertical-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.lg .tbpc-col-lg-35 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.lg .tbpc-col-lg-push-35 {
    left: 58.33333333%
}

.lg .tbpc-col-lg-pull-35 {
    right: 58.33333333%
}

.lg .tbpc-col-lg-offset-35 {
    margin-left: 58.33333333%
}

.lg .tbpc-col-lg-order-35 {
    order: 35
}

.lg .tbpc-col-lg-horizon-35 {
    padding-left: 35px;
    padding-right: 35px
}

.lg .tbpc-col-lg-vertical-35 {
    padding-bottom: 35px;
    padding-top: 35px
}

.lg .tbpc-col-lg-34 {
    display: block;
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%
}

.lg .tbpc-col-lg-push-34 {
    left: 56.66666667%
}

.lg .tbpc-col-lg-pull-34 {
    right: 56.66666667%
}

.lg .tbpc-col-lg-offset-34 {
    margin-left: 56.66666667%
}

.lg .tbpc-col-lg-order-34 {
    order: 34
}

.lg .tbpc-col-lg-horizon-34 {
    padding-left: 34px;
    padding-right: 34px
}

.lg .tbpc-col-lg-vertical-34 {
    padding-bottom: 34px;
    padding-top: 34px
}

.lg .tbpc-col-lg-33 {
    display: block;
    flex: 0 0 55%;
    max-width: 55%
}

.lg .tbpc-col-lg-push-33 {
    left: 55%
}

.lg .tbpc-col-lg-pull-33 {
    right: 55%
}

.lg .tbpc-col-lg-offset-33 {
    margin-left: 55%
}

.lg .tbpc-col-lg-order-33 {
    order: 33
}

.lg .tbpc-col-lg-horizon-33 {
    padding-left: 33px;
    padding-right: 33px
}

.lg .tbpc-col-lg-vertical-33 {
    padding-bottom: 33px;
    padding-top: 33px
}

.lg .tbpc-col-lg-32 {
    display: block;
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%
}

.lg .tbpc-col-lg-push-32 {
    left: 53.33333333%
}

.lg .tbpc-col-lg-pull-32 {
    right: 53.33333333%
}

.lg .tbpc-col-lg-offset-32 {
    margin-left: 53.33333333%
}

.lg .tbpc-col-lg-order-32 {
    order: 32
}

.lg .tbpc-col-lg-horizon-32 {
    padding-left: 32px;
    padding-right: 32px
}

.lg .tbpc-col-lg-vertical-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.lg .tbpc-col-lg-31 {
    display: block;
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%
}

.lg .tbpc-col-lg-push-31 {
    left: 51.66666667%
}

.lg .tbpc-col-lg-pull-31 {
    right: 51.66666667%
}

.lg .tbpc-col-lg-offset-31 {
    margin-left: 51.66666667%
}

.lg .tbpc-col-lg-order-31 {
    order: 31
}

.lg .tbpc-col-lg-horizon-31 {
    padding-left: 31px;
    padding-right: 31px
}

.lg .tbpc-col-lg-vertical-31 {
    padding-bottom: 31px;
    padding-top: 31px
}

.lg .tbpc-col-lg-30 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.lg .tbpc-col-lg-push-30 {
    left: 50%
}

.lg .tbpc-col-lg-pull-30 {
    right: 50%
}

.lg .tbpc-col-lg-offset-30 {
    margin-left: 50%
}

.lg .tbpc-col-lg-order-30 {
    order: 30
}

.lg .tbpc-col-lg-horizon-30 {
    padding-left: 30px;
    padding-right: 30px
}

.lg .tbpc-col-lg-vertical-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.lg .tbpc-col-lg-29 {
    display: block;
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%
}

.lg .tbpc-col-lg-push-29 {
    left: 48.33333333%
}

.lg .tbpc-col-lg-pull-29 {
    right: 48.33333333%
}

.lg .tbpc-col-lg-offset-29 {
    margin-left: 48.33333333%
}

.lg .tbpc-col-lg-order-29 {
    order: 29
}

.lg .tbpc-col-lg-horizon-29 {
    padding-left: 29px;
    padding-right: 29px
}

.lg .tbpc-col-lg-vertical-29 {
    padding-bottom: 29px;
    padding-top: 29px
}

.lg .tbpc-col-lg-28 {
    display: block;
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%
}

.lg .tbpc-col-lg-push-28 {
    left: 46.66666667%
}

.lg .tbpc-col-lg-pull-28 {
    right: 46.66666667%
}

.lg .tbpc-col-lg-offset-28 {
    margin-left: 46.66666667%
}

.lg .tbpc-col-lg-order-28 {
    order: 28
}

.lg .tbpc-col-lg-horizon-28 {
    padding-left: 28px;
    padding-right: 28px
}

.lg .tbpc-col-lg-vertical-28 {
    padding-bottom: 28px;
    padding-top: 28px
}

.lg .tbpc-col-lg-27 {
    display: block;
    flex: 0 0 45%;
    max-width: 45%
}

.lg .tbpc-col-lg-push-27 {
    left: 45%
}

.lg .tbpc-col-lg-pull-27 {
    right: 45%
}

.lg .tbpc-col-lg-offset-27 {
    margin-left: 45%
}

.lg .tbpc-col-lg-order-27 {
    order: 27
}

.lg .tbpc-col-lg-horizon-27 {
    padding-left: 27px;
    padding-right: 27px
}

.lg .tbpc-col-lg-vertical-27 {
    padding-bottom: 27px;
    padding-top: 27px
}

.lg .tbpc-col-lg-26 {
    display: block;
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%
}

.lg .tbpc-col-lg-push-26 {
    left: 43.33333333%
}

.lg .tbpc-col-lg-pull-26 {
    right: 43.33333333%
}

.lg .tbpc-col-lg-offset-26 {
    margin-left: 43.33333333%
}

.lg .tbpc-col-lg-order-26 {
    order: 26
}

.lg .tbpc-col-lg-horizon-26 {
    padding-left: 26px;
    padding-right: 26px
}

.lg .tbpc-col-lg-vertical-26 {
    padding-bottom: 26px;
    padding-top: 26px
}

.lg .tbpc-col-lg-25 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.lg .tbpc-col-lg-push-25 {
    left: 41.66666667%
}

.lg .tbpc-col-lg-pull-25 {
    right: 41.66666667%
}

.lg .tbpc-col-lg-offset-25 {
    margin-left: 41.66666667%
}

.lg .tbpc-col-lg-order-25 {
    order: 25
}

.lg .tbpc-col-lg-horizon-25 {
    padding-left: 25px;
    padding-right: 25px
}

.lg .tbpc-col-lg-vertical-25 {
    padding-bottom: 25px;
    padding-top: 25px
}

.lg .tbpc-col-lg-24 {
    display: block;
    flex: 0 0 40%;
    max-width: 40%
}

.lg .tbpc-col-lg-push-24 {
    left: 40%
}

.lg .tbpc-col-lg-pull-24 {
    right: 40%
}

.lg .tbpc-col-lg-offset-24 {
    margin-left: 40%
}

.lg .tbpc-col-lg-order-24 {
    order: 24
}

.lg .tbpc-col-lg-horizon-24 {
    padding-left: 24px;
    padding-right: 24px
}

.lg .tbpc-col-lg-vertical-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.lg .tbpc-col-lg-23 {
    display: block;
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%
}

.lg .tbpc-col-lg-push-23 {
    left: 38.33333333%
}

.lg .tbpc-col-lg-pull-23 {
    right: 38.33333333%
}

.lg .tbpc-col-lg-offset-23 {
    margin-left: 38.33333333%
}

.lg .tbpc-col-lg-order-23 {
    order: 23
}

.lg .tbpc-col-lg-horizon-23 {
    padding-left: 23px;
    padding-right: 23px
}

.lg .tbpc-col-lg-vertical-23 {
    padding-bottom: 23px;
    padding-top: 23px
}

.lg .tbpc-col-lg-22 {
    display: block;
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%
}

.lg .tbpc-col-lg-push-22 {
    left: 36.66666667%
}

.lg .tbpc-col-lg-pull-22 {
    right: 36.66666667%
}

.lg .tbpc-col-lg-offset-22 {
    margin-left: 36.66666667%
}

.lg .tbpc-col-lg-order-22 {
    order: 22
}

.lg .tbpc-col-lg-horizon-22 {
    padding-left: 22px;
    padding-right: 22px
}

.lg .tbpc-col-lg-vertical-22 {
    padding-bottom: 22px;
    padding-top: 22px
}

.lg .tbpc-col-lg-21 {
    display: block;
    flex: 0 0 35%;
    max-width: 35%
}

.lg .tbpc-col-lg-push-21 {
    left: 35%
}

.lg .tbpc-col-lg-pull-21 {
    right: 35%
}

.lg .tbpc-col-lg-offset-21 {
    margin-left: 35%
}

.lg .tbpc-col-lg-order-21 {
    order: 21
}

.lg .tbpc-col-lg-horizon-21 {
    padding-left: 21px;
    padding-right: 21px
}

.lg .tbpc-col-lg-vertical-21 {
    padding-bottom: 21px;
    padding-top: 21px
}

.lg .tbpc-col-lg-20 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.lg .tbpc-col-lg-push-20 {
    left: 33.33333333%
}

.lg .tbpc-col-lg-pull-20 {
    right: 33.33333333%
}

.lg .tbpc-col-lg-offset-20 {
    margin-left: 33.33333333%
}

.lg .tbpc-col-lg-order-20 {
    order: 20
}

.lg .tbpc-col-lg-horizon-20 {
    padding-left: 20px;
    padding-right: 20px
}

.lg .tbpc-col-lg-vertical-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.lg .tbpc-col-lg-19 {
    display: block;
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%
}

.lg .tbpc-col-lg-push-19 {
    left: 31.66666667%
}

.lg .tbpc-col-lg-pull-19 {
    right: 31.66666667%
}

.lg .tbpc-col-lg-offset-19 {
    margin-left: 31.66666667%
}

.lg .tbpc-col-lg-order-19 {
    order: 19
}

.lg .tbpc-col-lg-horizon-19 {
    padding-left: 19px;
    padding-right: 19px
}

.lg .tbpc-col-lg-vertical-19 {
    padding-bottom: 19px;
    padding-top: 19px
}

.lg .tbpc-col-lg-18 {
    display: block;
    flex: 0 0 30%;
    max-width: 30%
}

.lg .tbpc-col-lg-push-18 {
    left: 30%
}

.lg .tbpc-col-lg-pull-18 {
    right: 30%
}

.lg .tbpc-col-lg-offset-18 {
    margin-left: 30%
}

.lg .tbpc-col-lg-order-18 {
    order: 18
}

.lg .tbpc-col-lg-horizon-18 {
    padding-left: 18px;
    padding-right: 18px
}

.lg .tbpc-col-lg-vertical-18 {
    padding-bottom: 18px;
    padding-top: 18px
}

.lg .tbpc-col-lg-17 {
    display: block;
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%
}

.lg .tbpc-col-lg-push-17 {
    left: 28.33333333%
}

.lg .tbpc-col-lg-pull-17 {
    right: 28.33333333%
}

.lg .tbpc-col-lg-offset-17 {
    margin-left: 28.33333333%
}

.lg .tbpc-col-lg-order-17 {
    order: 17
}

.lg .tbpc-col-lg-horizon-17 {
    padding-left: 17px;
    padding-right: 17px
}

.lg .tbpc-col-lg-vertical-17 {
    padding-bottom: 17px;
    padding-top: 17px
}

.lg .tbpc-col-lg-16 {
    display: block;
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%
}

.lg .tbpc-col-lg-push-16 {
    left: 26.66666667%
}

.lg .tbpc-col-lg-pull-16 {
    right: 26.66666667%
}

.lg .tbpc-col-lg-offset-16 {
    margin-left: 26.66666667%
}

.lg .tbpc-col-lg-order-16 {
    order: 16
}

.lg .tbpc-col-lg-horizon-16 {
    padding-left: 16px;
    padding-right: 16px
}

.lg .tbpc-col-lg-vertical-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.lg .tbpc-col-lg-15 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.lg .tbpc-col-lg-push-15 {
    left: 25%
}

.lg .tbpc-col-lg-pull-15 {
    right: 25%
}

.lg .tbpc-col-lg-offset-15 {
    margin-left: 25%
}

.lg .tbpc-col-lg-order-15 {
    order: 15
}

.lg .tbpc-col-lg-horizon-15 {
    padding-left: 15px;
    padding-right: 15px
}

.lg .tbpc-col-lg-vertical-15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.lg .tbpc-col-lg-14 {
    display: block;
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%
}

.lg .tbpc-col-lg-push-14 {
    left: 23.33333333%
}

.lg .tbpc-col-lg-pull-14 {
    right: 23.33333333%
}

.lg .tbpc-col-lg-offset-14 {
    margin-left: 23.33333333%
}

.lg .tbpc-col-lg-order-14 {
    order: 14
}

.lg .tbpc-col-lg-horizon-14 {
    padding-left: 14px;
    padding-right: 14px
}

.lg .tbpc-col-lg-vertical-14 {
    padding-bottom: 14px;
    padding-top: 14px
}

.lg .tbpc-col-lg-13 {
    display: block;
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%
}

.lg .tbpc-col-lg-push-13 {
    left: 21.66666667%
}

.lg .tbpc-col-lg-pull-13 {
    right: 21.66666667%
}

.lg .tbpc-col-lg-offset-13 {
    margin-left: 21.66666667%
}

.lg .tbpc-col-lg-order-13 {
    order: 13
}

.lg .tbpc-col-lg-horizon-13 {
    padding-left: 13px;
    padding-right: 13px
}

.lg .tbpc-col-lg-vertical-13 {
    padding-bottom: 13px;
    padding-top: 13px
}

.lg .tbpc-col-lg-12 {
    display: block;
    flex: 0 0 20%;
    max-width: 20%
}

.lg .tbpc-col-lg-push-12 {
    left: 20%
}

.lg .tbpc-col-lg-pull-12 {
    right: 20%
}

.lg .tbpc-col-lg-offset-12 {
    margin-left: 20%
}

.lg .tbpc-col-lg-order-12 {
    order: 12
}

.lg .tbpc-col-lg-horizon-12 {
    padding-left: 12px;
    padding-right: 12px
}

.lg .tbpc-col-lg-vertical-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.lg .tbpc-col-lg-11 {
    display: block;
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%
}

.lg .tbpc-col-lg-push-11 {
    left: 18.33333333%
}

.lg .tbpc-col-lg-pull-11 {
    right: 18.33333333%
}

.lg .tbpc-col-lg-offset-11 {
    margin-left: 18.33333333%
}

.lg .tbpc-col-lg-order-11 {
    order: 11
}

.lg .tbpc-col-lg-horizon-11 {
    padding-left: 11px;
    padding-right: 11px
}

.lg .tbpc-col-lg-vertical-11 {
    padding-bottom: 11px;
    padding-top: 11px
}

.lg .tbpc-col-lg-10 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.lg .tbpc-col-lg-push-10 {
    left: 16.66666667%
}

.lg .tbpc-col-lg-pull-10 {
    right: 16.66666667%
}

.lg .tbpc-col-lg-offset-10 {
    margin-left: 16.66666667%
}

.lg .tbpc-col-lg-order-10 {
    order: 10
}

.lg .tbpc-col-lg-horizon-10 {
    padding-left: 10px;
    padding-right: 10px
}

.lg .tbpc-col-lg-vertical-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.lg .tbpc-col-lg-9 {
    display: block;
    flex: 0 0 15%;
    max-width: 15%
}

.lg .tbpc-col-lg-push-9 {
    left: 15%
}

.lg .tbpc-col-lg-pull-9 {
    right: 15%
}

.lg .tbpc-col-lg-offset-9 {
    margin-left: 15%
}

.lg .tbpc-col-lg-order-9 {
    order: 9
}

.lg .tbpc-col-lg-horizon-9 {
    padding-left: 9px;
    padding-right: 9px
}

.lg .tbpc-col-lg-vertical-9 {
    padding-bottom: 9px;
    padding-top: 9px
}

.lg .tbpc-col-lg-8 {
    display: block;
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%
}

.lg .tbpc-col-lg-push-8 {
    left: 13.33333333%
}

.lg .tbpc-col-lg-pull-8 {
    right: 13.33333333%
}

.lg .tbpc-col-lg-offset-8 {
    margin-left: 13.33333333%
}

.lg .tbpc-col-lg-order-8 {
    order: 8
}

.lg .tbpc-col-lg-horizon-8 {
    padding-left: 8px;
    padding-right: 8px
}

.lg .tbpc-col-lg-vertical-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.lg .tbpc-col-lg-7 {
    display: block;
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%
}

.lg .tbpc-col-lg-push-7 {
    left: 11.66666667%
}

.lg .tbpc-col-lg-pull-7 {
    right: 11.66666667%
}

.lg .tbpc-col-lg-offset-7 {
    margin-left: 11.66666667%
}

.lg .tbpc-col-lg-order-7 {
    order: 7
}

.lg .tbpc-col-lg-horizon-7 {
    padding-left: 7px;
    padding-right: 7px
}

.lg .tbpc-col-lg-vertical-7 {
    padding-bottom: 7px;
    padding-top: 7px
}

.lg .tbpc-col-lg-6 {
    display: block;
    flex: 0 0 10%;
    max-width: 10%
}

.lg .tbpc-col-lg-push-6 {
    left: 10%
}

.lg .tbpc-col-lg-pull-6 {
    right: 10%
}

.lg .tbpc-col-lg-offset-6 {
    margin-left: 10%
}

.lg .tbpc-col-lg-order-6 {
    order: 6
}

.lg .tbpc-col-lg-horizon-6 {
    padding-left: 6px;
    padding-right: 6px
}

.lg .tbpc-col-lg-vertical-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.lg .tbpc-col-lg-5 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.lg .tbpc-col-lg-push-5 {
    left: 8.33333333%
}

.lg .tbpc-col-lg-pull-5 {
    right: 8.33333333%
}

.lg .tbpc-col-lg-offset-5 {
    margin-left: 8.33333333%
}

.lg .tbpc-col-lg-order-5 {
    order: 5
}

.lg .tbpc-col-lg-horizon-5 {
    padding-left: 5px;
    padding-right: 5px
}

.lg .tbpc-col-lg-vertical-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.lg .tbpc-col-lg-4 {
    display: block;
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%
}

.lg .tbpc-col-lg-push-4 {
    left: 6.66666667%
}

.lg .tbpc-col-lg-pull-4 {
    right: 6.66666667%
}

.lg .tbpc-col-lg-offset-4 {
    margin-left: 6.66666667%
}

.lg .tbpc-col-lg-order-4 {
    order: 4
}

.lg .tbpc-col-lg-horizon-4 {
    padding-left: 4px;
    padding-right: 4px
}

.lg .tbpc-col-lg-vertical-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.lg .tbpc-col-lg-3 {
    display: block;
    flex: 0 0 5%;
    max-width: 5%
}

.lg .tbpc-col-lg-push-3 {
    left: 5%
}

.lg .tbpc-col-lg-pull-3 {
    right: 5%
}

.lg .tbpc-col-lg-offset-3 {
    margin-left: 5%
}

.lg .tbpc-col-lg-order-3 {
    order: 3
}

.lg .tbpc-col-lg-horizon-3 {
    padding-left: 3px;
    padding-right: 3px
}

.lg .tbpc-col-lg-vertical-3 {
    padding-bottom: 3px;
    padding-top: 3px
}

.lg .tbpc-col-lg-2 {
    display: block;
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%
}

.lg .tbpc-col-lg-push-2 {
    left: 3.33333333%
}

.lg .tbpc-col-lg-pull-2 {
    right: 3.33333333%
}

.lg .tbpc-col-lg-offset-2 {
    margin-left: 3.33333333%
}

.lg .tbpc-col-lg-order-2 {
    order: 2
}

.lg .tbpc-col-lg-horizon-2 {
    padding-left: 2px;
    padding-right: 2px
}

.lg .tbpc-col-lg-vertical-2 {
    padding-bottom: 2px;
    padding-top: 2px
}

.lg .tbpc-col-lg-1 {
    display: block;
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%
}

.lg .tbpc-col-lg-push-1 {
    left: 1.66666667%
}

.lg .tbpc-col-lg-pull-1 {
    right: 1.66666667%
}

.lg .tbpc-col-lg-offset-1 {
    margin-left: 1.66666667%
}

.lg .tbpc-col-lg-order-1 {
    order: 1
}

.lg .tbpc-col-lg-horizon-1 {
    padding-left: 1px;
    padding-right: 1px
}

.lg .tbpc-col-lg-vertical-1 {
    padding-bottom: 1px;
    padding-top: 1px
}

.lg .tbpc-col-lg-0 {
    display: none
}

.lg .tbpc-col-push-0 {
    left: auto
}

.lg .tbpc-col-pull-0 {
    right: auto
}

.lg .tbpc-col-lg-push-0 {
    left: auto
}

.lg .tbpc-col-lg-pull-0 {
    right: auto
}

.lg .tbpc-col-lg-offset-0 {
    margin-left: 0
}

.lg .tbpc-col-lg-order-0 {
    order: 0
}

.lg .tbpc-col-lg-horizon-0 {
    padding-left: 0;
    padding-right: 0
}

.lg .tbpc-col-lg-vertical-0 {
    padding-bottom: 0;
    padding-top: 0
}

.lg .tbpc-col-push-0.tbpc-col-rtl {
    right: auto
}

.lg .tbpc-col-pull-0.tbpc-col-rtl {
    left: auto
}

.lg .tbpc-col-lg-push-0.tbpc-col-rtl {
    right: auto
}

.lg .tbpc-col-lg-pull-0.tbpc-col-rtl {
    left: auto
}

.lg .tbpc-col-lg-offset-0.tbpc-col-rtl {
    margin-right: 0
}

.lg .tbpc-col-lg-push-1.tbpc-col-rtl {
    left: auto;
    right: 1.66666667%
}

.lg .tbpc-col-lg-pull-1.tbpc-col-rtl {
    left: 1.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-1.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 1.66666667%
}

.lg .tbpc-col-lg-push-2.tbpc-col-rtl {
    left: auto;
    right: 3.33333333%
}

.lg .tbpc-col-lg-pull-2.tbpc-col-rtl {
    left: 3.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-2.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 3.33333333%
}

.lg .tbpc-col-lg-push-3.tbpc-col-rtl {
    left: auto;
    right: 5%
}

.lg .tbpc-col-lg-pull-3.tbpc-col-rtl {
    left: 5%;
    right: auto
}

.lg .tbpc-col-lg-offset-3.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 5%
}

.lg .tbpc-col-lg-push-4.tbpc-col-rtl {
    left: auto;
    right: 6.66666667%
}

.lg .tbpc-col-lg-pull-4.tbpc-col-rtl {
    left: 6.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-4.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 6.66666667%
}

.lg .tbpc-col-lg-push-5.tbpc-col-rtl {
    left: auto;
    right: 8.33333333%
}

.lg .tbpc-col-lg-pull-5.tbpc-col-rtl {
    left: 8.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-5.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.lg .tbpc-col-lg-push-6.tbpc-col-rtl {
    left: auto;
    right: 10%
}

.lg .tbpc-col-lg-pull-6.tbpc-col-rtl {
    left: 10%;
    right: auto
}

.lg .tbpc-col-lg-offset-6.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 10%
}

.lg .tbpc-col-lg-push-7.tbpc-col-rtl {
    left: auto;
    right: 11.66666667%
}

.lg .tbpc-col-lg-pull-7.tbpc-col-rtl {
    left: 11.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-7.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 11.66666667%
}

.lg .tbpc-col-lg-push-8.tbpc-col-rtl {
    left: auto;
    right: 13.33333333%
}

.lg .tbpc-col-lg-pull-8.tbpc-col-rtl {
    left: 13.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-8.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 13.33333333%
}

.lg .tbpc-col-lg-push-9.tbpc-col-rtl {
    left: auto;
    right: 15%
}

.lg .tbpc-col-lg-pull-9.tbpc-col-rtl {
    left: 15%;
    right: auto
}

.lg .tbpc-col-lg-offset-9.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 15%
}

.lg .tbpc-col-lg-push-10.tbpc-col-rtl {
    left: auto;
    right: 16.66666667%
}

.lg .tbpc-col-lg-pull-10.tbpc-col-rtl {
    left: 16.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-10.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.lg .tbpc-col-lg-push-11.tbpc-col-rtl {
    left: auto;
    right: 18.33333333%
}

.lg .tbpc-col-lg-pull-11.tbpc-col-rtl {
    left: 18.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-11.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 18.33333333%
}

.lg .tbpc-col-lg-push-12.tbpc-col-rtl {
    left: auto;
    right: 20%
}

.lg .tbpc-col-lg-pull-12.tbpc-col-rtl {
    left: 20%;
    right: auto
}

.lg .tbpc-col-lg-offset-12.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 20%
}

.lg .tbpc-col-lg-push-13.tbpc-col-rtl {
    left: auto;
    right: 21.66666667%
}

.lg .tbpc-col-lg-pull-13.tbpc-col-rtl {
    left: 21.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-13.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 21.66666667%
}

.lg .tbpc-col-lg-push-14.tbpc-col-rtl {
    left: auto;
    right: 23.33333333%
}

.lg .tbpc-col-lg-pull-14.tbpc-col-rtl {
    left: 23.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-14.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 23.33333333%
}

.lg .tbpc-col-lg-push-15.tbpc-col-rtl {
    left: auto;
    right: 25%
}

.lg .tbpc-col-lg-pull-15.tbpc-col-rtl {
    left: 25%;
    right: auto
}

.lg .tbpc-col-lg-offset-15.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.lg .tbpc-col-lg-push-16.tbpc-col-rtl {
    left: auto;
    right: 26.66666667%
}

.lg .tbpc-col-lg-pull-16.tbpc-col-rtl {
    left: 26.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-16.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 26.66666667%
}

.lg .tbpc-col-lg-push-17.tbpc-col-rtl {
    left: auto;
    right: 28.33333333%
}

.lg .tbpc-col-lg-pull-17.tbpc-col-rtl {
    left: 28.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-17.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 28.33333333%
}

.lg .tbpc-col-lg-push-18.tbpc-col-rtl {
    left: auto;
    right: 30%
}

.lg .tbpc-col-lg-pull-18.tbpc-col-rtl {
    left: 30%;
    right: auto
}

.lg .tbpc-col-lg-offset-18.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 30%
}

.lg .tbpc-col-lg-push-19.tbpc-col-rtl {
    left: auto;
    right: 31.66666667%
}

.lg .tbpc-col-lg-pull-19.tbpc-col-rtl {
    left: 31.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-19.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 31.66666667%
}

.lg .tbpc-col-lg-push-20.tbpc-col-rtl {
    left: auto;
    right: 33.33333333%
}

.lg .tbpc-col-lg-pull-20.tbpc-col-rtl {
    left: 33.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-20.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.lg .tbpc-col-lg-push-21.tbpc-col-rtl {
    left: auto;
    right: 35%
}

.lg .tbpc-col-lg-pull-21.tbpc-col-rtl {
    left: 35%;
    right: auto
}

.lg .tbpc-col-lg-offset-21.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 35%
}

.lg .tbpc-col-lg-push-22.tbpc-col-rtl {
    left: auto;
    right: 36.66666667%
}

.lg .tbpc-col-lg-pull-22.tbpc-col-rtl {
    left: 36.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-22.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 36.66666667%
}

.lg .tbpc-col-lg-push-23.tbpc-col-rtl {
    left: auto;
    right: 38.33333333%
}

.lg .tbpc-col-lg-pull-23.tbpc-col-rtl {
    left: 38.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-23.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 38.33333333%
}

.lg .tbpc-col-lg-push-24.tbpc-col-rtl {
    left: auto;
    right: 40%
}

.lg .tbpc-col-lg-pull-24.tbpc-col-rtl {
    left: 40%;
    right: auto
}

.lg .tbpc-col-lg-offset-24.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 40%
}

.lg .tbpc-col-lg-push-25.tbpc-col-rtl {
    left: auto;
    right: 41.66666667%
}

.lg .tbpc-col-lg-pull-25.tbpc-col-rtl {
    left: 41.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-25.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.lg .tbpc-col-lg-push-26.tbpc-col-rtl {
    left: auto;
    right: 43.33333333%
}

.lg .tbpc-col-lg-pull-26.tbpc-col-rtl {
    left: 43.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-26.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 43.33333333%
}

.lg .tbpc-col-lg-push-27.tbpc-col-rtl {
    left: auto;
    right: 45%
}

.lg .tbpc-col-lg-pull-27.tbpc-col-rtl {
    left: 45%;
    right: auto
}

.lg .tbpc-col-lg-offset-27.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 45%
}

.lg .tbpc-col-lg-push-28.tbpc-col-rtl {
    left: auto;
    right: 46.66666667%
}

.lg .tbpc-col-lg-pull-28.tbpc-col-rtl {
    left: 46.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-28.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 46.66666667%
}

.lg .tbpc-col-lg-push-29.tbpc-col-rtl {
    left: auto;
    right: 48.33333333%
}

.lg .tbpc-col-lg-pull-29.tbpc-col-rtl {
    left: 48.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-29.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 48.33333333%
}

.lg .tbpc-col-lg-push-30.tbpc-col-rtl {
    left: auto;
    right: 50%
}

.lg .tbpc-col-lg-pull-30.tbpc-col-rtl {
    left: 50%;
    right: auto
}

.lg .tbpc-col-lg-offset-30.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.lg .tbpc-col-lg-push-31.tbpc-col-rtl {
    left: auto;
    right: 51.66666667%
}

.lg .tbpc-col-lg-pull-31.tbpc-col-rtl {
    left: 51.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-31.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 51.66666667%
}

.lg .tbpc-col-lg-push-32.tbpc-col-rtl {
    left: auto;
    right: 53.33333333%
}

.lg .tbpc-col-lg-pull-32.tbpc-col-rtl {
    left: 53.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-32.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 53.33333333%
}

.lg .tbpc-col-lg-push-33.tbpc-col-rtl {
    left: auto;
    right: 55%
}

.lg .tbpc-col-lg-pull-33.tbpc-col-rtl {
    left: 55%;
    right: auto
}

.lg .tbpc-col-lg-offset-33.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 55%
}

.lg .tbpc-col-lg-push-34.tbpc-col-rtl {
    left: auto;
    right: 56.66666667%
}

.lg .tbpc-col-lg-pull-34.tbpc-col-rtl {
    left: 56.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-34.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 56.66666667%
}

.lg .tbpc-col-lg-push-35.tbpc-col-rtl {
    left: auto;
    right: 58.33333333%
}

.lg .tbpc-col-lg-pull-35.tbpc-col-rtl {
    left: 58.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-35.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.lg .tbpc-col-lg-push-36.tbpc-col-rtl {
    left: auto;
    right: 60%
}

.lg .tbpc-col-lg-pull-36.tbpc-col-rtl {
    left: 60%;
    right: auto
}

.lg .tbpc-col-lg-offset-36.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 60%
}

.lg .tbpc-col-lg-push-37.tbpc-col-rtl {
    left: auto;
    right: 61.66666667%
}

.lg .tbpc-col-lg-pull-37.tbpc-col-rtl {
    left: 61.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-37.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 61.66666667%
}

.lg .tbpc-col-lg-push-38.tbpc-col-rtl {
    left: auto;
    right: 63.33333333%
}

.lg .tbpc-col-lg-pull-38.tbpc-col-rtl {
    left: 63.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-38.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 63.33333333%
}

.lg .tbpc-col-lg-push-39.tbpc-col-rtl {
    left: auto;
    right: 65%
}

.lg .tbpc-col-lg-pull-39.tbpc-col-rtl {
    left: 65%;
    right: auto
}

.lg .tbpc-col-lg-offset-39.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 65%
}

.lg .tbpc-col-lg-push-40.tbpc-col-rtl {
    left: auto;
    right: 66.66666667%
}

.lg .tbpc-col-lg-pull-40.tbpc-col-rtl {
    left: 66.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-40.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.lg .tbpc-col-lg-push-41.tbpc-col-rtl {
    left: auto;
    right: 68.33333333%
}

.lg .tbpc-col-lg-pull-41.tbpc-col-rtl {
    left: 68.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-41.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 68.33333333%
}

.lg .tbpc-col-lg-push-42.tbpc-col-rtl {
    left: auto;
    right: 70%
}

.lg .tbpc-col-lg-pull-42.tbpc-col-rtl {
    left: 70%;
    right: auto
}

.lg .tbpc-col-lg-offset-42.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 70%
}

.lg .tbpc-col-lg-push-43.tbpc-col-rtl {
    left: auto;
    right: 71.66666667%
}

.lg .tbpc-col-lg-pull-43.tbpc-col-rtl {
    left: 71.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-43.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 71.66666667%
}

.lg .tbpc-col-lg-push-44.tbpc-col-rtl {
    left: auto;
    right: 73.33333333%
}

.lg .tbpc-col-lg-pull-44.tbpc-col-rtl {
    left: 73.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-44.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 73.33333333%
}

.lg .tbpc-col-lg-push-45.tbpc-col-rtl {
    left: auto;
    right: 75%
}

.lg .tbpc-col-lg-pull-45.tbpc-col-rtl {
    left: 75%;
    right: auto
}

.lg .tbpc-col-lg-offset-45.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.lg .tbpc-col-lg-push-46.tbpc-col-rtl {
    left: auto;
    right: 76.66666667%
}

.lg .tbpc-col-lg-pull-46.tbpc-col-rtl {
    left: 76.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-46.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 76.66666667%
}

.lg .tbpc-col-lg-push-47.tbpc-col-rtl {
    left: auto;
    right: 78.33333333%
}

.lg .tbpc-col-lg-pull-47.tbpc-col-rtl {
    left: 78.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-47.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 78.33333333%
}

.lg .tbpc-col-lg-push-48.tbpc-col-rtl {
    left: auto;
    right: 80%
}

.lg .tbpc-col-lg-pull-48.tbpc-col-rtl {
    left: 80%;
    right: auto
}

.lg .tbpc-col-lg-offset-48.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 80%
}

.lg .tbpc-col-lg-push-49.tbpc-col-rtl {
    left: auto;
    right: 81.66666667%
}

.lg .tbpc-col-lg-pull-49.tbpc-col-rtl {
    left: 81.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-49.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 81.66666667%
}

.lg .tbpc-col-lg-push-50.tbpc-col-rtl {
    left: auto;
    right: 83.33333333%
}

.lg .tbpc-col-lg-pull-50.tbpc-col-rtl {
    left: 83.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-50.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.lg .tbpc-col-lg-push-51.tbpc-col-rtl {
    left: auto;
    right: 85%
}

.lg .tbpc-col-lg-pull-51.tbpc-col-rtl {
    left: 85%;
    right: auto
}

.lg .tbpc-col-lg-offset-51.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 85%
}

.lg .tbpc-col-lg-push-52.tbpc-col-rtl {
    left: auto;
    right: 86.66666667%
}

.lg .tbpc-col-lg-pull-52.tbpc-col-rtl {
    left: 86.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-52.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 86.66666667%
}

.lg .tbpc-col-lg-push-53.tbpc-col-rtl {
    left: auto;
    right: 88.33333333%
}

.lg .tbpc-col-lg-pull-53.tbpc-col-rtl {
    left: 88.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-53.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 88.33333333%
}

.lg .tbpc-col-lg-push-54.tbpc-col-rtl {
    left: auto;
    right: 90%
}

.lg .tbpc-col-lg-pull-54.tbpc-col-rtl {
    left: 90%;
    right: auto
}

.lg .tbpc-col-lg-offset-54.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 90%
}

.lg .tbpc-col-lg-push-55.tbpc-col-rtl {
    left: auto;
    right: 91.66666667%
}

.lg .tbpc-col-lg-pull-55.tbpc-col-rtl {
    left: 91.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-55.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.lg .tbpc-col-lg-push-56.tbpc-col-rtl {
    left: auto;
    right: 93.33333333%
}

.lg .tbpc-col-lg-pull-56.tbpc-col-rtl {
    left: 93.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-56.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 93.33333333%
}

.lg .tbpc-col-lg-push-57.tbpc-col-rtl {
    left: auto;
    right: 95%
}

.lg .tbpc-col-lg-pull-57.tbpc-col-rtl {
    left: 95%;
    right: auto
}

.lg .tbpc-col-lg-offset-57.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 95%
}

.lg .tbpc-col-lg-push-58.tbpc-col-rtl {
    left: auto;
    right: 96.66666667%
}

.lg .tbpc-col-lg-pull-58.tbpc-col-rtl {
    left: 96.66666667%;
    right: auto
}

.lg .tbpc-col-lg-offset-58.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 96.66666667%
}

.lg .tbpc-col-lg-push-59.tbpc-col-rtl {
    left: auto;
    right: 98.33333333%
}

.lg .tbpc-col-lg-pull-59.tbpc-col-rtl {
    left: 98.33333333%;
    right: auto
}

.lg .tbpc-col-lg-offset-59.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 98.33333333%
}

.lg .tbpc-col-lg-push-60.tbpc-col-rtl {
    left: auto;
    right: 100%
}

.lg .tbpc-col-lg-pull-60.tbpc-col-rtl {
    left: 100%;
    right: auto
}

.lg .tbpc-col-lg-offset-60.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 100%
}

.lg .tbpc-layout {
    padding-left: 48px;
    padding-right: 48px
}

.xl .tbpc-col-xl-60 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.xl .tbpc-col-xl-push-60 {
    left: 100%
}

.xl .tbpc-col-xl-pull-60 {
    right: 100%
}

.xl .tbpc-col-xl-offset-60 {
    margin-left: 100%
}

.xl .tbpc-col-xl-order-60 {
    order: 60
}

.xl .tbpc-col-xl-horizon-60 {
    padding-left: 60px;
    padding-right: 60px
}

.xl .tbpc-col-xl-vertical-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.xl .tbpc-col-xl-59 {
    display: block;
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%
}

.xl .tbpc-col-xl-push-59 {
    left: 98.33333333%
}

.xl .tbpc-col-xl-pull-59 {
    right: 98.33333333%
}

.xl .tbpc-col-xl-offset-59 {
    margin-left: 98.33333333%
}

.xl .tbpc-col-xl-order-59 {
    order: 59
}

.xl .tbpc-col-xl-horizon-59 {
    padding-left: 59px;
    padding-right: 59px
}

.xl .tbpc-col-xl-vertical-59 {
    padding-bottom: 59px;
    padding-top: 59px
}

.xl .tbpc-col-xl-58 {
    display: block;
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%
}

.xl .tbpc-col-xl-push-58 {
    left: 96.66666667%
}

.xl .tbpc-col-xl-pull-58 {
    right: 96.66666667%
}

.xl .tbpc-col-xl-offset-58 {
    margin-left: 96.66666667%
}

.xl .tbpc-col-xl-order-58 {
    order: 58
}

.xl .tbpc-col-xl-horizon-58 {
    padding-left: 58px;
    padding-right: 58px
}

.xl .tbpc-col-xl-vertical-58 {
    padding-bottom: 58px;
    padding-top: 58px
}

.xl .tbpc-col-xl-57 {
    display: block;
    flex: 0 0 95%;
    max-width: 95%
}

.xl .tbpc-col-xl-push-57 {
    left: 95%
}

.xl .tbpc-col-xl-pull-57 {
    right: 95%
}

.xl .tbpc-col-xl-offset-57 {
    margin-left: 95%
}

.xl .tbpc-col-xl-order-57 {
    order: 57
}

.xl .tbpc-col-xl-horizon-57 {
    padding-left: 57px;
    padding-right: 57px
}

.xl .tbpc-col-xl-vertical-57 {
    padding-bottom: 57px;
    padding-top: 57px
}

.xl .tbpc-col-xl-56 {
    display: block;
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%
}

.xl .tbpc-col-xl-push-56 {
    left: 93.33333333%
}

.xl .tbpc-col-xl-pull-56 {
    right: 93.33333333%
}

.xl .tbpc-col-xl-offset-56 {
    margin-left: 93.33333333%
}

.xl .tbpc-col-xl-order-56 {
    order: 56
}

.xl .tbpc-col-xl-horizon-56 {
    padding-left: 56px;
    padding-right: 56px
}

.xl .tbpc-col-xl-vertical-56 {
    padding-bottom: 56px;
    padding-top: 56px
}

.xl .tbpc-col-xl-55 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.xl .tbpc-col-xl-push-55 {
    left: 91.66666667%
}

.xl .tbpc-col-xl-pull-55 {
    right: 91.66666667%
}

.xl .tbpc-col-xl-offset-55 {
    margin-left: 91.66666667%
}

.xl .tbpc-col-xl-order-55 {
    order: 55
}

.xl .tbpc-col-xl-horizon-55 {
    padding-left: 55px;
    padding-right: 55px
}

.xl .tbpc-col-xl-vertical-55 {
    padding-bottom: 55px;
    padding-top: 55px
}

.xl .tbpc-col-xl-54 {
    display: block;
    flex: 0 0 90%;
    max-width: 90%
}

.xl .tbpc-col-xl-push-54 {
    left: 90%
}

.xl .tbpc-col-xl-pull-54 {
    right: 90%
}

.xl .tbpc-col-xl-offset-54 {
    margin-left: 90%
}

.xl .tbpc-col-xl-order-54 {
    order: 54
}

.xl .tbpc-col-xl-horizon-54 {
    padding-left: 54px;
    padding-right: 54px
}

.xl .tbpc-col-xl-vertical-54 {
    padding-bottom: 54px;
    padding-top: 54px
}

.xl .tbpc-col-xl-53 {
    display: block;
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%
}

.xl .tbpc-col-xl-push-53 {
    left: 88.33333333%
}

.xl .tbpc-col-xl-pull-53 {
    right: 88.33333333%
}

.xl .tbpc-col-xl-offset-53 {
    margin-left: 88.33333333%
}

.xl .tbpc-col-xl-order-53 {
    order: 53
}

.xl .tbpc-col-xl-horizon-53 {
    padding-left: 53px;
    padding-right: 53px
}

.xl .tbpc-col-xl-vertical-53 {
    padding-bottom: 53px;
    padding-top: 53px
}

.xl .tbpc-col-xl-52 {
    display: block;
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%
}

.xl .tbpc-col-xl-push-52 {
    left: 86.66666667%
}

.xl .tbpc-col-xl-pull-52 {
    right: 86.66666667%
}

.xl .tbpc-col-xl-offset-52 {
    margin-left: 86.66666667%
}

.xl .tbpc-col-xl-order-52 {
    order: 52
}

.xl .tbpc-col-xl-horizon-52 {
    padding-left: 52px;
    padding-right: 52px
}

.xl .tbpc-col-xl-vertical-52 {
    padding-bottom: 52px;
    padding-top: 52px
}

.xl .tbpc-col-xl-51 {
    display: block;
    flex: 0 0 85%;
    max-width: 85%
}

.xl .tbpc-col-xl-push-51 {
    left: 85%
}

.xl .tbpc-col-xl-pull-51 {
    right: 85%
}

.xl .tbpc-col-xl-offset-51 {
    margin-left: 85%
}

.xl .tbpc-col-xl-order-51 {
    order: 51
}

.xl .tbpc-col-xl-horizon-51 {
    padding-left: 51px;
    padding-right: 51px
}

.xl .tbpc-col-xl-vertical-51 {
    padding-bottom: 51px;
    padding-top: 51px
}

.xl .tbpc-col-xl-50 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.xl .tbpc-col-xl-push-50 {
    left: 83.33333333%
}

.xl .tbpc-col-xl-pull-50 {
    right: 83.33333333%
}

.xl .tbpc-col-xl-offset-50 {
    margin-left: 83.33333333%
}

.xl .tbpc-col-xl-order-50 {
    order: 50
}

.xl .tbpc-col-xl-horizon-50 {
    padding-left: 50px;
    padding-right: 50px
}

.xl .tbpc-col-xl-vertical-50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.xl .tbpc-col-xl-49 {
    display: block;
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%
}

.xl .tbpc-col-xl-push-49 {
    left: 81.66666667%
}

.xl .tbpc-col-xl-pull-49 {
    right: 81.66666667%
}

.xl .tbpc-col-xl-offset-49 {
    margin-left: 81.66666667%
}

.xl .tbpc-col-xl-order-49 {
    order: 49
}

.xl .tbpc-col-xl-horizon-49 {
    padding-left: 49px;
    padding-right: 49px
}

.xl .tbpc-col-xl-vertical-49 {
    padding-bottom: 49px;
    padding-top: 49px
}

.xl .tbpc-col-xl-48 {
    display: block;
    flex: 0 0 80%;
    max-width: 80%
}

.xl .tbpc-col-xl-push-48 {
    left: 80%
}

.xl .tbpc-col-xl-pull-48 {
    right: 80%
}

.xl .tbpc-col-xl-offset-48 {
    margin-left: 80%
}

.xl .tbpc-col-xl-order-48 {
    order: 48
}

.xl .tbpc-col-xl-horizon-48 {
    padding-left: 48px;
    padding-right: 48px
}

.xl .tbpc-col-xl-vertical-48 {
    padding-bottom: 48px;
    padding-top: 48px
}

.xl .tbpc-col-xl-47 {
    display: block;
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%
}

.xl .tbpc-col-xl-push-47 {
    left: 78.33333333%
}

.xl .tbpc-col-xl-pull-47 {
    right: 78.33333333%
}

.xl .tbpc-col-xl-offset-47 {
    margin-left: 78.33333333%
}

.xl .tbpc-col-xl-order-47 {
    order: 47
}

.xl .tbpc-col-xl-horizon-47 {
    padding-left: 47px;
    padding-right: 47px
}

.xl .tbpc-col-xl-vertical-47 {
    padding-bottom: 47px;
    padding-top: 47px
}

.xl .tbpc-col-xl-46 {
    display: block;
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%
}

.xl .tbpc-col-xl-push-46 {
    left: 76.66666667%
}

.xl .tbpc-col-xl-pull-46 {
    right: 76.66666667%
}

.xl .tbpc-col-xl-offset-46 {
    margin-left: 76.66666667%
}

.xl .tbpc-col-xl-order-46 {
    order: 46
}

.xl .tbpc-col-xl-horizon-46 {
    padding-left: 46px;
    padding-right: 46px
}

.xl .tbpc-col-xl-vertical-46 {
    padding-bottom: 46px;
    padding-top: 46px
}

.xl .tbpc-col-xl-45 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.xl .tbpc-col-xl-push-45 {
    left: 75%
}

.xl .tbpc-col-xl-pull-45 {
    right: 75%
}

.xl .tbpc-col-xl-offset-45 {
    margin-left: 75%
}

.xl .tbpc-col-xl-order-45 {
    order: 45
}

.xl .tbpc-col-xl-horizon-45 {
    padding-left: 45px;
    padding-right: 45px
}

.xl .tbpc-col-xl-vertical-45 {
    padding-bottom: 45px;
    padding-top: 45px
}

.xl .tbpc-col-xl-44 {
    display: block;
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%
}

.xl .tbpc-col-xl-push-44 {
    left: 73.33333333%
}

.xl .tbpc-col-xl-pull-44 {
    right: 73.33333333%
}

.xl .tbpc-col-xl-offset-44 {
    margin-left: 73.33333333%
}

.xl .tbpc-col-xl-order-44 {
    order: 44
}

.xl .tbpc-col-xl-horizon-44 {
    padding-left: 44px;
    padding-right: 44px
}

.xl .tbpc-col-xl-vertical-44 {
    padding-bottom: 44px;
    padding-top: 44px
}

.xl .tbpc-col-xl-43 {
    display: block;
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%
}

.xl .tbpc-col-xl-push-43 {
    left: 71.66666667%
}

.xl .tbpc-col-xl-pull-43 {
    right: 71.66666667%
}

.xl .tbpc-col-xl-offset-43 {
    margin-left: 71.66666667%
}

.xl .tbpc-col-xl-order-43 {
    order: 43
}

.xl .tbpc-col-xl-horizon-43 {
    padding-left: 43px;
    padding-right: 43px
}

.xl .tbpc-col-xl-vertical-43 {
    padding-bottom: 43px;
    padding-top: 43px
}

.xl .tbpc-col-xl-42 {
    display: block;
    flex: 0 0 70%;
    max-width: 70%
}

.xl .tbpc-col-xl-push-42 {
    left: 70%
}

.xl .tbpc-col-xl-pull-42 {
    right: 70%
}

.xl .tbpc-col-xl-offset-42 {
    margin-left: 70%
}

.xl .tbpc-col-xl-order-42 {
    order: 42
}

.xl .tbpc-col-xl-horizon-42 {
    padding-left: 42px;
    padding-right: 42px
}

.xl .tbpc-col-xl-vertical-42 {
    padding-bottom: 42px;
    padding-top: 42px
}

.xl .tbpc-col-xl-41 {
    display: block;
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%
}

.xl .tbpc-col-xl-push-41 {
    left: 68.33333333%
}

.xl .tbpc-col-xl-pull-41 {
    right: 68.33333333%
}

.xl .tbpc-col-xl-offset-41 {
    margin-left: 68.33333333%
}

.xl .tbpc-col-xl-order-41 {
    order: 41
}

.xl .tbpc-col-xl-horizon-41 {
    padding-left: 41px;
    padding-right: 41px
}

.xl .tbpc-col-xl-vertical-41 {
    padding-bottom: 41px;
    padding-top: 41px
}

.xl .tbpc-col-xl-40 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.xl .tbpc-col-xl-push-40 {
    left: 66.66666667%
}

.xl .tbpc-col-xl-pull-40 {
    right: 66.66666667%
}

.xl .tbpc-col-xl-offset-40 {
    margin-left: 66.66666667%
}

.xl .tbpc-col-xl-order-40 {
    order: 40
}

.xl .tbpc-col-xl-horizon-40 {
    padding-left: 40px;
    padding-right: 40px
}

.xl .tbpc-col-xl-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.xl .tbpc-col-xl-39 {
    display: block;
    flex: 0 0 65%;
    max-width: 65%
}

.xl .tbpc-col-xl-push-39 {
    left: 65%
}

.xl .tbpc-col-xl-pull-39 {
    right: 65%
}

.xl .tbpc-col-xl-offset-39 {
    margin-left: 65%
}

.xl .tbpc-col-xl-order-39 {
    order: 39
}

.xl .tbpc-col-xl-horizon-39 {
    padding-left: 39px;
    padding-right: 39px
}

.xl .tbpc-col-xl-vertical-39 {
    padding-bottom: 39px;
    padding-top: 39px
}

.xl .tbpc-col-xl-38 {
    display: block;
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%
}

.xl .tbpc-col-xl-push-38 {
    left: 63.33333333%
}

.xl .tbpc-col-xl-pull-38 {
    right: 63.33333333%
}

.xl .tbpc-col-xl-offset-38 {
    margin-left: 63.33333333%
}

.xl .tbpc-col-xl-order-38 {
    order: 38
}

.xl .tbpc-col-xl-horizon-38 {
    padding-left: 38px;
    padding-right: 38px
}

.xl .tbpc-col-xl-vertical-38 {
    padding-bottom: 38px;
    padding-top: 38px
}

.xl .tbpc-col-xl-37 {
    display: block;
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%
}

.xl .tbpc-col-xl-push-37 {
    left: 61.66666667%
}

.xl .tbpc-col-xl-pull-37 {
    right: 61.66666667%
}

.xl .tbpc-col-xl-offset-37 {
    margin-left: 61.66666667%
}

.xl .tbpc-col-xl-order-37 {
    order: 37
}

.xl .tbpc-col-xl-horizon-37 {
    padding-left: 37px;
    padding-right: 37px
}

.xl .tbpc-col-xl-vertical-37 {
    padding-bottom: 37px;
    padding-top: 37px
}

.xl .tbpc-col-xl-36 {
    display: block;
    flex: 0 0 60%;
    max-width: 60%
}

.xl .tbpc-col-xl-push-36 {
    left: 60%
}

.xl .tbpc-col-xl-pull-36 {
    right: 60%
}

.xl .tbpc-col-xl-offset-36 {
    margin-left: 60%
}

.xl .tbpc-col-xl-order-36 {
    order: 36
}

.xl .tbpc-col-xl-horizon-36 {
    padding-left: 36px;
    padding-right: 36px
}

.xl .tbpc-col-xl-vertical-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.xl .tbpc-col-xl-35 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.xl .tbpc-col-xl-push-35 {
    left: 58.33333333%
}

.xl .tbpc-col-xl-pull-35 {
    right: 58.33333333%
}

.xl .tbpc-col-xl-offset-35 {
    margin-left: 58.33333333%
}

.xl .tbpc-col-xl-order-35 {
    order: 35
}

.xl .tbpc-col-xl-horizon-35 {
    padding-left: 35px;
    padding-right: 35px
}

.xl .tbpc-col-xl-vertical-35 {
    padding-bottom: 35px;
    padding-top: 35px
}

.xl .tbpc-col-xl-34 {
    display: block;
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%
}

.xl .tbpc-col-xl-push-34 {
    left: 56.66666667%
}

.xl .tbpc-col-xl-pull-34 {
    right: 56.66666667%
}

.xl .tbpc-col-xl-offset-34 {
    margin-left: 56.66666667%
}

.xl .tbpc-col-xl-order-34 {
    order: 34
}

.xl .tbpc-col-xl-horizon-34 {
    padding-left: 34px;
    padding-right: 34px
}

.xl .tbpc-col-xl-vertical-34 {
    padding-bottom: 34px;
    padding-top: 34px
}

.xl .tbpc-col-xl-33 {
    display: block;
    flex: 0 0 55%;
    max-width: 55%
}

.xl .tbpc-col-xl-push-33 {
    left: 55%
}

.xl .tbpc-col-xl-pull-33 {
    right: 55%
}

.xl .tbpc-col-xl-offset-33 {
    margin-left: 55%
}

.xl .tbpc-col-xl-order-33 {
    order: 33
}

.xl .tbpc-col-xl-horizon-33 {
    padding-left: 33px;
    padding-right: 33px
}

.xl .tbpc-col-xl-vertical-33 {
    padding-bottom: 33px;
    padding-top: 33px
}

.xl .tbpc-col-xl-32 {
    display: block;
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%
}

.xl .tbpc-col-xl-push-32 {
    left: 53.33333333%
}

.xl .tbpc-col-xl-pull-32 {
    right: 53.33333333%
}

.xl .tbpc-col-xl-offset-32 {
    margin-left: 53.33333333%
}

.xl .tbpc-col-xl-order-32 {
    order: 32
}

.xl .tbpc-col-xl-horizon-32 {
    padding-left: 32px;
    padding-right: 32px
}

.xl .tbpc-col-xl-vertical-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.xl .tbpc-col-xl-31 {
    display: block;
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%
}

.xl .tbpc-col-xl-push-31 {
    left: 51.66666667%
}

.xl .tbpc-col-xl-pull-31 {
    right: 51.66666667%
}

.xl .tbpc-col-xl-offset-31 {
    margin-left: 51.66666667%
}

.xl .tbpc-col-xl-order-31 {
    order: 31
}

.xl .tbpc-col-xl-horizon-31 {
    padding-left: 31px;
    padding-right: 31px
}

.xl .tbpc-col-xl-vertical-31 {
    padding-bottom: 31px;
    padding-top: 31px
}

.xl .tbpc-col-xl-30 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.xl .tbpc-col-xl-push-30 {
    left: 50%
}

.xl .tbpc-col-xl-pull-30 {
    right: 50%
}

.xl .tbpc-col-xl-offset-30 {
    margin-left: 50%
}

.xl .tbpc-col-xl-order-30 {
    order: 30
}

.xl .tbpc-col-xl-horizon-30 {
    padding-left: 30px;
    padding-right: 30px
}

.xl .tbpc-col-xl-vertical-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.xl .tbpc-col-xl-29 {
    display: block;
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%
}

.xl .tbpc-col-xl-push-29 {
    left: 48.33333333%
}

.xl .tbpc-col-xl-pull-29 {
    right: 48.33333333%
}

.xl .tbpc-col-xl-offset-29 {
    margin-left: 48.33333333%
}

.xl .tbpc-col-xl-order-29 {
    order: 29
}

.xl .tbpc-col-xl-horizon-29 {
    padding-left: 29px;
    padding-right: 29px
}

.xl .tbpc-col-xl-vertical-29 {
    padding-bottom: 29px;
    padding-top: 29px
}

.xl .tbpc-col-xl-28 {
    display: block;
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%
}

.xl .tbpc-col-xl-push-28 {
    left: 46.66666667%
}

.xl .tbpc-col-xl-pull-28 {
    right: 46.66666667%
}

.xl .tbpc-col-xl-offset-28 {
    margin-left: 46.66666667%
}

.xl .tbpc-col-xl-order-28 {
    order: 28
}

.xl .tbpc-col-xl-horizon-28 {
    padding-left: 28px;
    padding-right: 28px
}

.xl .tbpc-col-xl-vertical-28 {
    padding-bottom: 28px;
    padding-top: 28px
}

.xl .tbpc-col-xl-27 {
    display: block;
    flex: 0 0 45%;
    max-width: 45%
}

.xl .tbpc-col-xl-push-27 {
    left: 45%
}

.xl .tbpc-col-xl-pull-27 {
    right: 45%
}

.xl .tbpc-col-xl-offset-27 {
    margin-left: 45%
}

.xl .tbpc-col-xl-order-27 {
    order: 27
}

.xl .tbpc-col-xl-horizon-27 {
    padding-left: 27px;
    padding-right: 27px
}

.xl .tbpc-col-xl-vertical-27 {
    padding-bottom: 27px;
    padding-top: 27px
}

.xl .tbpc-col-xl-26 {
    display: block;
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%
}

.xl .tbpc-col-xl-push-26 {
    left: 43.33333333%
}

.xl .tbpc-col-xl-pull-26 {
    right: 43.33333333%
}

.xl .tbpc-col-xl-offset-26 {
    margin-left: 43.33333333%
}

.xl .tbpc-col-xl-order-26 {
    order: 26
}

.xl .tbpc-col-xl-horizon-26 {
    padding-left: 26px;
    padding-right: 26px
}

.xl .tbpc-col-xl-vertical-26 {
    padding-bottom: 26px;
    padding-top: 26px
}

.xl .tbpc-col-xl-25 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.xl .tbpc-col-xl-push-25 {
    left: 41.66666667%
}

.xl .tbpc-col-xl-pull-25 {
    right: 41.66666667%
}

.xl .tbpc-col-xl-offset-25 {
    margin-left: 41.66666667%
}

.xl .tbpc-col-xl-order-25 {
    order: 25
}

.xl .tbpc-col-xl-horizon-25 {
    padding-left: 25px;
    padding-right: 25px
}

.xl .tbpc-col-xl-vertical-25 {
    padding-bottom: 25px;
    padding-top: 25px
}

.xl .tbpc-col-xl-24 {
    display: block;
    flex: 0 0 40%;
    max-width: 40%
}

.xl .tbpc-col-xl-push-24 {
    left: 40%
}

.xl .tbpc-col-xl-pull-24 {
    right: 40%
}

.xl .tbpc-col-xl-offset-24 {
    margin-left: 40%
}

.xl .tbpc-col-xl-order-24 {
    order: 24
}

.xl .tbpc-col-xl-horizon-24 {
    padding-left: 24px;
    padding-right: 24px
}

.xl .tbpc-col-xl-vertical-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.xl .tbpc-col-xl-23 {
    display: block;
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%
}

.xl .tbpc-col-xl-push-23 {
    left: 38.33333333%
}

.xl .tbpc-col-xl-pull-23 {
    right: 38.33333333%
}

.xl .tbpc-col-xl-offset-23 {
    margin-left: 38.33333333%
}

.xl .tbpc-col-xl-order-23 {
    order: 23
}

.xl .tbpc-col-xl-horizon-23 {
    padding-left: 23px;
    padding-right: 23px
}

.xl .tbpc-col-xl-vertical-23 {
    padding-bottom: 23px;
    padding-top: 23px
}

.xl .tbpc-col-xl-22 {
    display: block;
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%
}

.xl .tbpc-col-xl-push-22 {
    left: 36.66666667%
}

.xl .tbpc-col-xl-pull-22 {
    right: 36.66666667%
}

.xl .tbpc-col-xl-offset-22 {
    margin-left: 36.66666667%
}

.xl .tbpc-col-xl-order-22 {
    order: 22
}

.xl .tbpc-col-xl-horizon-22 {
    padding-left: 22px;
    padding-right: 22px
}

.xl .tbpc-col-xl-vertical-22 {
    padding-bottom: 22px;
    padding-top: 22px
}

.xl .tbpc-col-xl-21 {
    display: block;
    flex: 0 0 35%;
    max-width: 35%
}

.xl .tbpc-col-xl-push-21 {
    left: 35%
}

.xl .tbpc-col-xl-pull-21 {
    right: 35%
}

.xl .tbpc-col-xl-offset-21 {
    margin-left: 35%
}

.xl .tbpc-col-xl-order-21 {
    order: 21
}

.xl .tbpc-col-xl-horizon-21 {
    padding-left: 21px;
    padding-right: 21px
}

.xl .tbpc-col-xl-vertical-21 {
    padding-bottom: 21px;
    padding-top: 21px
}

.xl .tbpc-col-xl-20 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.xl .tbpc-col-xl-push-20 {
    left: 33.33333333%
}

.xl .tbpc-col-xl-pull-20 {
    right: 33.33333333%
}

.xl .tbpc-col-xl-offset-20 {
    margin-left: 33.33333333%
}

.xl .tbpc-col-xl-order-20 {
    order: 20
}

.xl .tbpc-col-xl-horizon-20 {
    padding-left: 20px;
    padding-right: 20px
}

.xl .tbpc-col-xl-vertical-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.xl .tbpc-col-xl-19 {
    display: block;
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%
}

.xl .tbpc-col-xl-push-19 {
    left: 31.66666667%
}

.xl .tbpc-col-xl-pull-19 {
    right: 31.66666667%
}

.xl .tbpc-col-xl-offset-19 {
    margin-left: 31.66666667%
}

.xl .tbpc-col-xl-order-19 {
    order: 19
}

.xl .tbpc-col-xl-horizon-19 {
    padding-left: 19px;
    padding-right: 19px
}

.xl .tbpc-col-xl-vertical-19 {
    padding-bottom: 19px;
    padding-top: 19px
}

.xl .tbpc-col-xl-18 {
    display: block;
    flex: 0 0 30%;
    max-width: 30%
}

.xl .tbpc-col-xl-push-18 {
    left: 30%
}

.xl .tbpc-col-xl-pull-18 {
    right: 30%
}

.xl .tbpc-col-xl-offset-18 {
    margin-left: 30%
}

.xl .tbpc-col-xl-order-18 {
    order: 18
}

.xl .tbpc-col-xl-horizon-18 {
    padding-left: 18px;
    padding-right: 18px
}

.xl .tbpc-col-xl-vertical-18 {
    padding-bottom: 18px;
    padding-top: 18px
}

.xl .tbpc-col-xl-17 {
    display: block;
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%
}

.xl .tbpc-col-xl-push-17 {
    left: 28.33333333%
}

.xl .tbpc-col-xl-pull-17 {
    right: 28.33333333%
}

.xl .tbpc-col-xl-offset-17 {
    margin-left: 28.33333333%
}

.xl .tbpc-col-xl-order-17 {
    order: 17
}

.xl .tbpc-col-xl-horizon-17 {
    padding-left: 17px;
    padding-right: 17px
}

.xl .tbpc-col-xl-vertical-17 {
    padding-bottom: 17px;
    padding-top: 17px
}

.xl .tbpc-col-xl-16 {
    display: block;
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%
}

.xl .tbpc-col-xl-push-16 {
    left: 26.66666667%
}

.xl .tbpc-col-xl-pull-16 {
    right: 26.66666667%
}

.xl .tbpc-col-xl-offset-16 {
    margin-left: 26.66666667%
}

.xl .tbpc-col-xl-order-16 {
    order: 16
}

.xl .tbpc-col-xl-horizon-16 {
    padding-left: 16px;
    padding-right: 16px
}

.xl .tbpc-col-xl-vertical-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.xl .tbpc-col-xl-15 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.xl .tbpc-col-xl-push-15 {
    left: 25%
}

.xl .tbpc-col-xl-pull-15 {
    right: 25%
}

.xl .tbpc-col-xl-offset-15 {
    margin-left: 25%
}

.xl .tbpc-col-xl-order-15 {
    order: 15
}

.xl .tbpc-col-xl-horizon-15 {
    padding-left: 15px;
    padding-right: 15px
}

.xl .tbpc-col-xl-vertical-15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.xl .tbpc-col-xl-14 {
    display: block;
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%
}

.xl .tbpc-col-xl-push-14 {
    left: 23.33333333%
}

.xl .tbpc-col-xl-pull-14 {
    right: 23.33333333%
}

.xl .tbpc-col-xl-offset-14 {
    margin-left: 23.33333333%
}

.xl .tbpc-col-xl-order-14 {
    order: 14
}

.xl .tbpc-col-xl-horizon-14 {
    padding-left: 14px;
    padding-right: 14px
}

.xl .tbpc-col-xl-vertical-14 {
    padding-bottom: 14px;
    padding-top: 14px
}

.xl .tbpc-col-xl-13 {
    display: block;
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%
}

.xl .tbpc-col-xl-push-13 {
    left: 21.66666667%
}

.xl .tbpc-col-xl-pull-13 {
    right: 21.66666667%
}

.xl .tbpc-col-xl-offset-13 {
    margin-left: 21.66666667%
}

.xl .tbpc-col-xl-order-13 {
    order: 13
}

.xl .tbpc-col-xl-horizon-13 {
    padding-left: 13px;
    padding-right: 13px
}

.xl .tbpc-col-xl-vertical-13 {
    padding-bottom: 13px;
    padding-top: 13px
}

.xl .tbpc-col-xl-12 {
    display: block;
    flex: 0 0 20%;
    max-width: 20%
}

.xl .tbpc-col-xl-push-12 {
    left: 20%
}

.xl .tbpc-col-xl-pull-12 {
    right: 20%
}

.xl .tbpc-col-xl-offset-12 {
    margin-left: 20%
}

.xl .tbpc-col-xl-order-12 {
    order: 12
}

.xl .tbpc-col-xl-horizon-12 {
    padding-left: 12px;
    padding-right: 12px
}

.xl .tbpc-col-xl-vertical-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.xl .tbpc-col-xl-11 {
    display: block;
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%
}

.xl .tbpc-col-xl-push-11 {
    left: 18.33333333%
}

.xl .tbpc-col-xl-pull-11 {
    right: 18.33333333%
}

.xl .tbpc-col-xl-offset-11 {
    margin-left: 18.33333333%
}

.xl .tbpc-col-xl-order-11 {
    order: 11
}

.xl .tbpc-col-xl-horizon-11 {
    padding-left: 11px;
    padding-right: 11px
}

.xl .tbpc-col-xl-vertical-11 {
    padding-bottom: 11px;
    padding-top: 11px
}

.xl .tbpc-col-xl-10 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.xl .tbpc-col-xl-push-10 {
    left: 16.66666667%
}

.xl .tbpc-col-xl-pull-10 {
    right: 16.66666667%
}

.xl .tbpc-col-xl-offset-10 {
    margin-left: 16.66666667%
}

.xl .tbpc-col-xl-order-10 {
    order: 10
}

.xl .tbpc-col-xl-horizon-10 {
    padding-left: 10px;
    padding-right: 10px
}

.xl .tbpc-col-xl-vertical-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.xl .tbpc-col-xl-9 {
    display: block;
    flex: 0 0 15%;
    max-width: 15%
}

.xl .tbpc-col-xl-push-9 {
    left: 15%
}

.xl .tbpc-col-xl-pull-9 {
    right: 15%
}

.xl .tbpc-col-xl-offset-9 {
    margin-left: 15%
}

.xl .tbpc-col-xl-order-9 {
    order: 9
}

.xl .tbpc-col-xl-horizon-9 {
    padding-left: 9px;
    padding-right: 9px
}

.xl .tbpc-col-xl-vertical-9 {
    padding-bottom: 9px;
    padding-top: 9px
}

.xl .tbpc-col-xl-8 {
    display: block;
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%
}

.xl .tbpc-col-xl-push-8 {
    left: 13.33333333%
}

.xl .tbpc-col-xl-pull-8 {
    right: 13.33333333%
}

.xl .tbpc-col-xl-offset-8 {
    margin-left: 13.33333333%
}

.xl .tbpc-col-xl-order-8 {
    order: 8
}

.xl .tbpc-col-xl-horizon-8 {
    padding-left: 8px;
    padding-right: 8px
}

.xl .tbpc-col-xl-vertical-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.xl .tbpc-col-xl-7 {
    display: block;
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%
}

.xl .tbpc-col-xl-push-7 {
    left: 11.66666667%
}

.xl .tbpc-col-xl-pull-7 {
    right: 11.66666667%
}

.xl .tbpc-col-xl-offset-7 {
    margin-left: 11.66666667%
}

.xl .tbpc-col-xl-order-7 {
    order: 7
}

.xl .tbpc-col-xl-horizon-7 {
    padding-left: 7px;
    padding-right: 7px
}

.xl .tbpc-col-xl-vertical-7 {
    padding-bottom: 7px;
    padding-top: 7px
}

.xl .tbpc-col-xl-6 {
    display: block;
    flex: 0 0 10%;
    max-width: 10%
}

.xl .tbpc-col-xl-push-6 {
    left: 10%
}

.xl .tbpc-col-xl-pull-6 {
    right: 10%
}

.xl .tbpc-col-xl-offset-6 {
    margin-left: 10%
}

.xl .tbpc-col-xl-order-6 {
    order: 6
}

.xl .tbpc-col-xl-horizon-6 {
    padding-left: 6px;
    padding-right: 6px
}

.xl .tbpc-col-xl-vertical-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.xl .tbpc-col-xl-5 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.xl .tbpc-col-xl-push-5 {
    left: 8.33333333%
}

.xl .tbpc-col-xl-pull-5 {
    right: 8.33333333%
}

.xl .tbpc-col-xl-offset-5 {
    margin-left: 8.33333333%
}

.xl .tbpc-col-xl-order-5 {
    order: 5
}

.xl .tbpc-col-xl-horizon-5 {
    padding-left: 5px;
    padding-right: 5px
}

.xl .tbpc-col-xl-vertical-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.xl .tbpc-col-xl-4 {
    display: block;
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%
}

.xl .tbpc-col-xl-push-4 {
    left: 6.66666667%
}

.xl .tbpc-col-xl-pull-4 {
    right: 6.66666667%
}

.xl .tbpc-col-xl-offset-4 {
    margin-left: 6.66666667%
}

.xl .tbpc-col-xl-order-4 {
    order: 4
}

.xl .tbpc-col-xl-horizon-4 {
    padding-left: 4px;
    padding-right: 4px
}

.xl .tbpc-col-xl-vertical-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.xl .tbpc-col-xl-3 {
    display: block;
    flex: 0 0 5%;
    max-width: 5%
}

.xl .tbpc-col-xl-push-3 {
    left: 5%
}

.xl .tbpc-col-xl-pull-3 {
    right: 5%
}

.xl .tbpc-col-xl-offset-3 {
    margin-left: 5%
}

.xl .tbpc-col-xl-order-3 {
    order: 3
}

.xl .tbpc-col-xl-horizon-3 {
    padding-left: 3px;
    padding-right: 3px
}

.xl .tbpc-col-xl-vertical-3 {
    padding-bottom: 3px;
    padding-top: 3px
}

.xl .tbpc-col-xl-2 {
    display: block;
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%
}

.xl .tbpc-col-xl-push-2 {
    left: 3.33333333%
}

.xl .tbpc-col-xl-pull-2 {
    right: 3.33333333%
}

.xl .tbpc-col-xl-offset-2 {
    margin-left: 3.33333333%
}

.xl .tbpc-col-xl-order-2 {
    order: 2
}

.xl .tbpc-col-xl-horizon-2 {
    padding-left: 2px;
    padding-right: 2px
}

.xl .tbpc-col-xl-vertical-2 {
    padding-bottom: 2px;
    padding-top: 2px
}

.xl .tbpc-col-xl-1 {
    display: block;
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%
}

.xl .tbpc-col-xl-push-1 {
    left: 1.66666667%
}

.xl .tbpc-col-xl-pull-1 {
    right: 1.66666667%
}

.xl .tbpc-col-xl-offset-1 {
    margin-left: 1.66666667%
}

.xl .tbpc-col-xl-order-1 {
    order: 1
}

.xl .tbpc-col-xl-horizon-1 {
    padding-left: 1px;
    padding-right: 1px
}

.xl .tbpc-col-xl-vertical-1 {
    padding-bottom: 1px;
    padding-top: 1px
}

.xl .tbpc-col-xl-0 {
    display: none
}

.xl .tbpc-col-push-0 {
    left: auto
}

.xl .tbpc-col-pull-0 {
    right: auto
}

.xl .tbpc-col-xl-push-0 {
    left: auto
}

.xl .tbpc-col-xl-pull-0 {
    right: auto
}

.xl .tbpc-col-xl-offset-0 {
    margin-left: 0
}

.xl .tbpc-col-xl-order-0 {
    order: 0
}

.xl .tbpc-col-xl-horizon-0 {
    padding-left: 0;
    padding-right: 0
}

.xl .tbpc-col-xl-vertical-0 {
    padding-bottom: 0;
    padding-top: 0
}

.xl .tbpc-col-push-0.tbpc-col-rtl {
    right: auto
}

.xl .tbpc-col-pull-0.tbpc-col-rtl {
    left: auto
}

.xl .tbpc-col-xl-push-0.tbpc-col-rtl {
    right: auto
}

.xl .tbpc-col-xl-pull-0.tbpc-col-rtl {
    left: auto
}

.xl .tbpc-col-xl-offset-0.tbpc-col-rtl {
    margin-right: 0
}

.xl .tbpc-col-xl-push-1.tbpc-col-rtl {
    left: auto;
    right: 1.66666667%
}

.xl .tbpc-col-xl-pull-1.tbpc-col-rtl {
    left: 1.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-1.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 1.66666667%
}

.xl .tbpc-col-xl-push-2.tbpc-col-rtl {
    left: auto;
    right: 3.33333333%
}

.xl .tbpc-col-xl-pull-2.tbpc-col-rtl {
    left: 3.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-2.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 3.33333333%
}

.xl .tbpc-col-xl-push-3.tbpc-col-rtl {
    left: auto;
    right: 5%
}

.xl .tbpc-col-xl-pull-3.tbpc-col-rtl {
    left: 5%;
    right: auto
}

.xl .tbpc-col-xl-offset-3.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 5%
}

.xl .tbpc-col-xl-push-4.tbpc-col-rtl {
    left: auto;
    right: 6.66666667%
}

.xl .tbpc-col-xl-pull-4.tbpc-col-rtl {
    left: 6.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-4.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 6.66666667%
}

.xl .tbpc-col-xl-push-5.tbpc-col-rtl {
    left: auto;
    right: 8.33333333%
}

.xl .tbpc-col-xl-pull-5.tbpc-col-rtl {
    left: 8.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-5.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.xl .tbpc-col-xl-push-6.tbpc-col-rtl {
    left: auto;
    right: 10%
}

.xl .tbpc-col-xl-pull-6.tbpc-col-rtl {
    left: 10%;
    right: auto
}

.xl .tbpc-col-xl-offset-6.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 10%
}

.xl .tbpc-col-xl-push-7.tbpc-col-rtl {
    left: auto;
    right: 11.66666667%
}

.xl .tbpc-col-xl-pull-7.tbpc-col-rtl {
    left: 11.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-7.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 11.66666667%
}

.xl .tbpc-col-xl-push-8.tbpc-col-rtl {
    left: auto;
    right: 13.33333333%
}

.xl .tbpc-col-xl-pull-8.tbpc-col-rtl {
    left: 13.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-8.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 13.33333333%
}

.xl .tbpc-col-xl-push-9.tbpc-col-rtl {
    left: auto;
    right: 15%
}

.xl .tbpc-col-xl-pull-9.tbpc-col-rtl {
    left: 15%;
    right: auto
}

.xl .tbpc-col-xl-offset-9.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 15%
}

.xl .tbpc-col-xl-push-10.tbpc-col-rtl {
    left: auto;
    right: 16.66666667%
}

.xl .tbpc-col-xl-pull-10.tbpc-col-rtl {
    left: 16.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-10.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.xl .tbpc-col-xl-push-11.tbpc-col-rtl {
    left: auto;
    right: 18.33333333%
}

.xl .tbpc-col-xl-pull-11.tbpc-col-rtl {
    left: 18.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-11.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 18.33333333%
}

.xl .tbpc-col-xl-push-12.tbpc-col-rtl {
    left: auto;
    right: 20%
}

.xl .tbpc-col-xl-pull-12.tbpc-col-rtl {
    left: 20%;
    right: auto
}

.xl .tbpc-col-xl-offset-12.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 20%
}

.xl .tbpc-col-xl-push-13.tbpc-col-rtl {
    left: auto;
    right: 21.66666667%
}

.xl .tbpc-col-xl-pull-13.tbpc-col-rtl {
    left: 21.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-13.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 21.66666667%
}

.xl .tbpc-col-xl-push-14.tbpc-col-rtl {
    left: auto;
    right: 23.33333333%
}

.xl .tbpc-col-xl-pull-14.tbpc-col-rtl {
    left: 23.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-14.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 23.33333333%
}

.xl .tbpc-col-xl-push-15.tbpc-col-rtl {
    left: auto;
    right: 25%
}

.xl .tbpc-col-xl-pull-15.tbpc-col-rtl {
    left: 25%;
    right: auto
}

.xl .tbpc-col-xl-offset-15.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.xl .tbpc-col-xl-push-16.tbpc-col-rtl {
    left: auto;
    right: 26.66666667%
}

.xl .tbpc-col-xl-pull-16.tbpc-col-rtl {
    left: 26.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-16.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 26.66666667%
}

.xl .tbpc-col-xl-push-17.tbpc-col-rtl {
    left: auto;
    right: 28.33333333%
}

.xl .tbpc-col-xl-pull-17.tbpc-col-rtl {
    left: 28.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-17.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 28.33333333%
}

.xl .tbpc-col-xl-push-18.tbpc-col-rtl {
    left: auto;
    right: 30%
}

.xl .tbpc-col-xl-pull-18.tbpc-col-rtl {
    left: 30%;
    right: auto
}

.xl .tbpc-col-xl-offset-18.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 30%
}

.xl .tbpc-col-xl-push-19.tbpc-col-rtl {
    left: auto;
    right: 31.66666667%
}

.xl .tbpc-col-xl-pull-19.tbpc-col-rtl {
    left: 31.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-19.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 31.66666667%
}

.xl .tbpc-col-xl-push-20.tbpc-col-rtl {
    left: auto;
    right: 33.33333333%
}

.xl .tbpc-col-xl-pull-20.tbpc-col-rtl {
    left: 33.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-20.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.xl .tbpc-col-xl-push-21.tbpc-col-rtl {
    left: auto;
    right: 35%
}

.xl .tbpc-col-xl-pull-21.tbpc-col-rtl {
    left: 35%;
    right: auto
}

.xl .tbpc-col-xl-offset-21.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 35%
}

.xl .tbpc-col-xl-push-22.tbpc-col-rtl {
    left: auto;
    right: 36.66666667%
}

.xl .tbpc-col-xl-pull-22.tbpc-col-rtl {
    left: 36.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-22.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 36.66666667%
}

.xl .tbpc-col-xl-push-23.tbpc-col-rtl {
    left: auto;
    right: 38.33333333%
}

.xl .tbpc-col-xl-pull-23.tbpc-col-rtl {
    left: 38.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-23.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 38.33333333%
}

.xl .tbpc-col-xl-push-24.tbpc-col-rtl {
    left: auto;
    right: 40%
}

.xl .tbpc-col-xl-pull-24.tbpc-col-rtl {
    left: 40%;
    right: auto
}

.xl .tbpc-col-xl-offset-24.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 40%
}

.xl .tbpc-col-xl-push-25.tbpc-col-rtl {
    left: auto;
    right: 41.66666667%
}

.xl .tbpc-col-xl-pull-25.tbpc-col-rtl {
    left: 41.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-25.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.xl .tbpc-col-xl-push-26.tbpc-col-rtl {
    left: auto;
    right: 43.33333333%
}

.xl .tbpc-col-xl-pull-26.tbpc-col-rtl {
    left: 43.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-26.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 43.33333333%
}

.xl .tbpc-col-xl-push-27.tbpc-col-rtl {
    left: auto;
    right: 45%
}

.xl .tbpc-col-xl-pull-27.tbpc-col-rtl {
    left: 45%;
    right: auto
}

.xl .tbpc-col-xl-offset-27.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 45%
}

.xl .tbpc-col-xl-push-28.tbpc-col-rtl {
    left: auto;
    right: 46.66666667%
}

.xl .tbpc-col-xl-pull-28.tbpc-col-rtl {
    left: 46.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-28.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 46.66666667%
}

.xl .tbpc-col-xl-push-29.tbpc-col-rtl {
    left: auto;
    right: 48.33333333%
}

.xl .tbpc-col-xl-pull-29.tbpc-col-rtl {
    left: 48.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-29.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 48.33333333%
}

.xl .tbpc-col-xl-push-30.tbpc-col-rtl {
    left: auto;
    right: 50%
}

.xl .tbpc-col-xl-pull-30.tbpc-col-rtl {
    left: 50%;
    right: auto
}

.xl .tbpc-col-xl-offset-30.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.xl .tbpc-col-xl-push-31.tbpc-col-rtl {
    left: auto;
    right: 51.66666667%
}

.xl .tbpc-col-xl-pull-31.tbpc-col-rtl {
    left: 51.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-31.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 51.66666667%
}

.xl .tbpc-col-xl-push-32.tbpc-col-rtl {
    left: auto;
    right: 53.33333333%
}

.xl .tbpc-col-xl-pull-32.tbpc-col-rtl {
    left: 53.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-32.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 53.33333333%
}

.xl .tbpc-col-xl-push-33.tbpc-col-rtl {
    left: auto;
    right: 55%
}

.xl .tbpc-col-xl-pull-33.tbpc-col-rtl {
    left: 55%;
    right: auto
}

.xl .tbpc-col-xl-offset-33.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 55%
}

.xl .tbpc-col-xl-push-34.tbpc-col-rtl {
    left: auto;
    right: 56.66666667%
}

.xl .tbpc-col-xl-pull-34.tbpc-col-rtl {
    left: 56.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-34.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 56.66666667%
}

.xl .tbpc-col-xl-push-35.tbpc-col-rtl {
    left: auto;
    right: 58.33333333%
}

.xl .tbpc-col-xl-pull-35.tbpc-col-rtl {
    left: 58.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-35.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.xl .tbpc-col-xl-push-36.tbpc-col-rtl {
    left: auto;
    right: 60%
}

.xl .tbpc-col-xl-pull-36.tbpc-col-rtl {
    left: 60%;
    right: auto
}

.xl .tbpc-col-xl-offset-36.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 60%
}

.xl .tbpc-col-xl-push-37.tbpc-col-rtl {
    left: auto;
    right: 61.66666667%
}

.xl .tbpc-col-xl-pull-37.tbpc-col-rtl {
    left: 61.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-37.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 61.66666667%
}

.xl .tbpc-col-xl-push-38.tbpc-col-rtl {
    left: auto;
    right: 63.33333333%
}

.xl .tbpc-col-xl-pull-38.tbpc-col-rtl {
    left: 63.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-38.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 63.33333333%
}

.xl .tbpc-col-xl-push-39.tbpc-col-rtl {
    left: auto;
    right: 65%
}

.xl .tbpc-col-xl-pull-39.tbpc-col-rtl {
    left: 65%;
    right: auto
}

.xl .tbpc-col-xl-offset-39.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 65%
}

.xl .tbpc-col-xl-push-40.tbpc-col-rtl {
    left: auto;
    right: 66.66666667%
}

.xl .tbpc-col-xl-pull-40.tbpc-col-rtl {
    left: 66.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-40.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.xl .tbpc-col-xl-push-41.tbpc-col-rtl {
    left: auto;
    right: 68.33333333%
}

.xl .tbpc-col-xl-pull-41.tbpc-col-rtl {
    left: 68.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-41.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 68.33333333%
}

.xl .tbpc-col-xl-push-42.tbpc-col-rtl {
    left: auto;
    right: 70%
}

.xl .tbpc-col-xl-pull-42.tbpc-col-rtl {
    left: 70%;
    right: auto
}

.xl .tbpc-col-xl-offset-42.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 70%
}

.xl .tbpc-col-xl-push-43.tbpc-col-rtl {
    left: auto;
    right: 71.66666667%
}

.xl .tbpc-col-xl-pull-43.tbpc-col-rtl {
    left: 71.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-43.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 71.66666667%
}

.xl .tbpc-col-xl-push-44.tbpc-col-rtl {
    left: auto;
    right: 73.33333333%
}

.xl .tbpc-col-xl-pull-44.tbpc-col-rtl {
    left: 73.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-44.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 73.33333333%
}

.xl .tbpc-col-xl-push-45.tbpc-col-rtl {
    left: auto;
    right: 75%
}

.xl .tbpc-col-xl-pull-45.tbpc-col-rtl {
    left: 75%;
    right: auto
}

.xl .tbpc-col-xl-offset-45.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.xl .tbpc-col-xl-push-46.tbpc-col-rtl {
    left: auto;
    right: 76.66666667%
}

.xl .tbpc-col-xl-pull-46.tbpc-col-rtl {
    left: 76.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-46.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 76.66666667%
}

.xl .tbpc-col-xl-push-47.tbpc-col-rtl {
    left: auto;
    right: 78.33333333%
}

.xl .tbpc-col-xl-pull-47.tbpc-col-rtl {
    left: 78.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-47.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 78.33333333%
}

.xl .tbpc-col-xl-push-48.tbpc-col-rtl {
    left: auto;
    right: 80%
}

.xl .tbpc-col-xl-pull-48.tbpc-col-rtl {
    left: 80%;
    right: auto
}

.xl .tbpc-col-xl-offset-48.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 80%
}

.xl .tbpc-col-xl-push-49.tbpc-col-rtl {
    left: auto;
    right: 81.66666667%
}

.xl .tbpc-col-xl-pull-49.tbpc-col-rtl {
    left: 81.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-49.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 81.66666667%
}

.xl .tbpc-col-xl-push-50.tbpc-col-rtl {
    left: auto;
    right: 83.33333333%
}

.xl .tbpc-col-xl-pull-50.tbpc-col-rtl {
    left: 83.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-50.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.xl .tbpc-col-xl-push-51.tbpc-col-rtl {
    left: auto;
    right: 85%
}

.xl .tbpc-col-xl-pull-51.tbpc-col-rtl {
    left: 85%;
    right: auto
}

.xl .tbpc-col-xl-offset-51.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 85%
}

.xl .tbpc-col-xl-push-52.tbpc-col-rtl {
    left: auto;
    right: 86.66666667%
}

.xl .tbpc-col-xl-pull-52.tbpc-col-rtl {
    left: 86.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-52.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 86.66666667%
}

.xl .tbpc-col-xl-push-53.tbpc-col-rtl {
    left: auto;
    right: 88.33333333%
}

.xl .tbpc-col-xl-pull-53.tbpc-col-rtl {
    left: 88.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-53.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 88.33333333%
}

.xl .tbpc-col-xl-push-54.tbpc-col-rtl {
    left: auto;
    right: 90%
}

.xl .tbpc-col-xl-pull-54.tbpc-col-rtl {
    left: 90%;
    right: auto
}

.xl .tbpc-col-xl-offset-54.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 90%
}

.xl .tbpc-col-xl-push-55.tbpc-col-rtl {
    left: auto;
    right: 91.66666667%
}

.xl .tbpc-col-xl-pull-55.tbpc-col-rtl {
    left: 91.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-55.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.xl .tbpc-col-xl-push-56.tbpc-col-rtl {
    left: auto;
    right: 93.33333333%
}

.xl .tbpc-col-xl-pull-56.tbpc-col-rtl {
    left: 93.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-56.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 93.33333333%
}

.xl .tbpc-col-xl-push-57.tbpc-col-rtl {
    left: auto;
    right: 95%
}

.xl .tbpc-col-xl-pull-57.tbpc-col-rtl {
    left: 95%;
    right: auto
}

.xl .tbpc-col-xl-offset-57.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 95%
}

.xl .tbpc-col-xl-push-58.tbpc-col-rtl {
    left: auto;
    right: 96.66666667%
}

.xl .tbpc-col-xl-pull-58.tbpc-col-rtl {
    left: 96.66666667%;
    right: auto
}

.xl .tbpc-col-xl-offset-58.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 96.66666667%
}

.xl .tbpc-col-xl-push-59.tbpc-col-rtl {
    left: auto;
    right: 98.33333333%
}

.xl .tbpc-col-xl-pull-59.tbpc-col-rtl {
    left: 98.33333333%;
    right: auto
}

.xl .tbpc-col-xl-offset-59.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 98.33333333%
}

.xl .tbpc-col-xl-push-60.tbpc-col-rtl {
    left: auto;
    right: 100%
}

.xl .tbpc-col-xl-pull-60.tbpc-col-rtl {
    left: 100%;
    right: auto
}

.xl .tbpc-col-xl-offset-60.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 100%
}

.xl .tbpc-layout {
    padding-left: 48px;
    padding-right: 48px
}

.xxl .tbpc-col-xxl-60 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.xxl .tbpc-col-xxl-push-60 {
    left: 100%
}

.xxl .tbpc-col-xxl-pull-60 {
    right: 100%
}

.xxl .tbpc-col-xxl-offset-60 {
    margin-left: 100%
}

.xxl .tbpc-col-xxl-order-60 {
    order: 60
}

.xxl .tbpc-col-xxl-horizon-60 {
    padding-left: 60px;
    padding-right: 60px
}

.xxl .tbpc-col-xxl-vertical-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.xxl .tbpc-col-xxl-59 {
    display: block;
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%
}

.xxl .tbpc-col-xxl-push-59 {
    left: 98.33333333%
}

.xxl .tbpc-col-xxl-pull-59 {
    right: 98.33333333%
}

.xxl .tbpc-col-xxl-offset-59 {
    margin-left: 98.33333333%
}

.xxl .tbpc-col-xxl-order-59 {
    order: 59
}

.xxl .tbpc-col-xxl-horizon-59 {
    padding-left: 59px;
    padding-right: 59px
}

.xxl .tbpc-col-xxl-vertical-59 {
    padding-bottom: 59px;
    padding-top: 59px
}

.xxl .tbpc-col-xxl-58 {
    display: block;
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%
}

.xxl .tbpc-col-xxl-push-58 {
    left: 96.66666667%
}

.xxl .tbpc-col-xxl-pull-58 {
    right: 96.66666667%
}

.xxl .tbpc-col-xxl-offset-58 {
    margin-left: 96.66666667%
}

.xxl .tbpc-col-xxl-order-58 {
    order: 58
}

.xxl .tbpc-col-xxl-horizon-58 {
    padding-left: 58px;
    padding-right: 58px
}

.xxl .tbpc-col-xxl-vertical-58 {
    padding-bottom: 58px;
    padding-top: 58px
}

.xxl .tbpc-col-xxl-57 {
    display: block;
    flex: 0 0 95%;
    max-width: 95%
}

.xxl .tbpc-col-xxl-push-57 {
    left: 95%
}

.xxl .tbpc-col-xxl-pull-57 {
    right: 95%
}

.xxl .tbpc-col-xxl-offset-57 {
    margin-left: 95%
}

.xxl .tbpc-col-xxl-order-57 {
    order: 57
}

.xxl .tbpc-col-xxl-horizon-57 {
    padding-left: 57px;
    padding-right: 57px
}

.xxl .tbpc-col-xxl-vertical-57 {
    padding-bottom: 57px;
    padding-top: 57px
}

.xxl .tbpc-col-xxl-56 {
    display: block;
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%
}

.xxl .tbpc-col-xxl-push-56 {
    left: 93.33333333%
}

.xxl .tbpc-col-xxl-pull-56 {
    right: 93.33333333%
}

.xxl .tbpc-col-xxl-offset-56 {
    margin-left: 93.33333333%
}

.xxl .tbpc-col-xxl-order-56 {
    order: 56
}

.xxl .tbpc-col-xxl-horizon-56 {
    padding-left: 56px;
    padding-right: 56px
}

.xxl .tbpc-col-xxl-vertical-56 {
    padding-bottom: 56px;
    padding-top: 56px
}

.xxl .tbpc-col-xxl-55 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.xxl .tbpc-col-xxl-push-55 {
    left: 91.66666667%
}

.xxl .tbpc-col-xxl-pull-55 {
    right: 91.66666667%
}

.xxl .tbpc-col-xxl-offset-55 {
    margin-left: 91.66666667%
}

.xxl .tbpc-col-xxl-order-55 {
    order: 55
}

.xxl .tbpc-col-xxl-horizon-55 {
    padding-left: 55px;
    padding-right: 55px
}

.xxl .tbpc-col-xxl-vertical-55 {
    padding-bottom: 55px;
    padding-top: 55px
}

.xxl .tbpc-col-xxl-54 {
    display: block;
    flex: 0 0 90%;
    max-width: 90%
}

.xxl .tbpc-col-xxl-push-54 {
    left: 90%
}

.xxl .tbpc-col-xxl-pull-54 {
    right: 90%
}

.xxl .tbpc-col-xxl-offset-54 {
    margin-left: 90%
}

.xxl .tbpc-col-xxl-order-54 {
    order: 54
}

.xxl .tbpc-col-xxl-horizon-54 {
    padding-left: 54px;
    padding-right: 54px
}

.xxl .tbpc-col-xxl-vertical-54 {
    padding-bottom: 54px;
    padding-top: 54px
}

.xxl .tbpc-col-xxl-53 {
    display: block;
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%
}

.xxl .tbpc-col-xxl-push-53 {
    left: 88.33333333%
}

.xxl .tbpc-col-xxl-pull-53 {
    right: 88.33333333%
}

.xxl .tbpc-col-xxl-offset-53 {
    margin-left: 88.33333333%
}

.xxl .tbpc-col-xxl-order-53 {
    order: 53
}

.xxl .tbpc-col-xxl-horizon-53 {
    padding-left: 53px;
    padding-right: 53px
}

.xxl .tbpc-col-xxl-vertical-53 {
    padding-bottom: 53px;
    padding-top: 53px
}

.xxl .tbpc-col-xxl-52 {
    display: block;
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%
}

.xxl .tbpc-col-xxl-push-52 {
    left: 86.66666667%
}

.xxl .tbpc-col-xxl-pull-52 {
    right: 86.66666667%
}

.xxl .tbpc-col-xxl-offset-52 {
    margin-left: 86.66666667%
}

.xxl .tbpc-col-xxl-order-52 {
    order: 52
}

.xxl .tbpc-col-xxl-horizon-52 {
    padding-left: 52px;
    padding-right: 52px
}

.xxl .tbpc-col-xxl-vertical-52 {
    padding-bottom: 52px;
    padding-top: 52px
}

.xxl .tbpc-col-xxl-51 {
    display: block;
    flex: 0 0 85%;
    max-width: 85%
}

.xxl .tbpc-col-xxl-push-51 {
    left: 85%
}

.xxl .tbpc-col-xxl-pull-51 {
    right: 85%
}

.xxl .tbpc-col-xxl-offset-51 {
    margin-left: 85%
}

.xxl .tbpc-col-xxl-order-51 {
    order: 51
}

.xxl .tbpc-col-xxl-horizon-51 {
    padding-left: 51px;
    padding-right: 51px
}

.xxl .tbpc-col-xxl-vertical-51 {
    padding-bottom: 51px;
    padding-top: 51px
}

.xxl .tbpc-col-xxl-50 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.xxl .tbpc-col-xxl-push-50 {
    left: 83.33333333%
}

.xxl .tbpc-col-xxl-pull-50 {
    right: 83.33333333%
}

.xxl .tbpc-col-xxl-offset-50 {
    margin-left: 83.33333333%
}

.xxl .tbpc-col-xxl-order-50 {
    order: 50
}

.xxl .tbpc-col-xxl-horizon-50 {
    padding-left: 50px;
    padding-right: 50px
}

.xxl .tbpc-col-xxl-vertical-50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.xxl .tbpc-col-xxl-49 {
    display: block;
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%
}

.xxl .tbpc-col-xxl-push-49 {
    left: 81.66666667%
}

.xxl .tbpc-col-xxl-pull-49 {
    right: 81.66666667%
}

.xxl .tbpc-col-xxl-offset-49 {
    margin-left: 81.66666667%
}

.xxl .tbpc-col-xxl-order-49 {
    order: 49
}

.xxl .tbpc-col-xxl-horizon-49 {
    padding-left: 49px;
    padding-right: 49px
}

.xxl .tbpc-col-xxl-vertical-49 {
    padding-bottom: 49px;
    padding-top: 49px
}

.xxl .tbpc-col-xxl-48 {
    display: block;
    flex: 0 0 80%;
    max-width: 80%
}

.xxl .tbpc-col-xxl-push-48 {
    left: 80%
}

.xxl .tbpc-col-xxl-pull-48 {
    right: 80%
}

.xxl .tbpc-col-xxl-offset-48 {
    margin-left: 80%
}

.xxl .tbpc-col-xxl-order-48 {
    order: 48
}

.xxl .tbpc-col-xxl-horizon-48 {
    padding-left: 48px;
    padding-right: 48px
}

.xxl .tbpc-col-xxl-vertical-48 {
    padding-bottom: 48px;
    padding-top: 48px
}

.xxl .tbpc-col-xxl-47 {
    display: block;
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%
}

.xxl .tbpc-col-xxl-push-47 {
    left: 78.33333333%
}

.xxl .tbpc-col-xxl-pull-47 {
    right: 78.33333333%
}

.xxl .tbpc-col-xxl-offset-47 {
    margin-left: 78.33333333%
}

.xxl .tbpc-col-xxl-order-47 {
    order: 47
}

.xxl .tbpc-col-xxl-horizon-47 {
    padding-left: 47px;
    padding-right: 47px
}

.xxl .tbpc-col-xxl-vertical-47 {
    padding-bottom: 47px;
    padding-top: 47px
}

.xxl .tbpc-col-xxl-46 {
    display: block;
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%
}

.xxl .tbpc-col-xxl-push-46 {
    left: 76.66666667%
}

.xxl .tbpc-col-xxl-pull-46 {
    right: 76.66666667%
}

.xxl .tbpc-col-xxl-offset-46 {
    margin-left: 76.66666667%
}

.xxl .tbpc-col-xxl-order-46 {
    order: 46
}

.xxl .tbpc-col-xxl-horizon-46 {
    padding-left: 46px;
    padding-right: 46px
}

.xxl .tbpc-col-xxl-vertical-46 {
    padding-bottom: 46px;
    padding-top: 46px
}

.xxl .tbpc-col-xxl-45 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.xxl .tbpc-col-xxl-push-45 {
    left: 75%
}

.xxl .tbpc-col-xxl-pull-45 {
    right: 75%
}

.xxl .tbpc-col-xxl-offset-45 {
    margin-left: 75%
}

.xxl .tbpc-col-xxl-order-45 {
    order: 45
}

.xxl .tbpc-col-xxl-horizon-45 {
    padding-left: 45px;
    padding-right: 45px
}

.xxl .tbpc-col-xxl-vertical-45 {
    padding-bottom: 45px;
    padding-top: 45px
}

.xxl .tbpc-col-xxl-44 {
    display: block;
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%
}

.xxl .tbpc-col-xxl-push-44 {
    left: 73.33333333%
}

.xxl .tbpc-col-xxl-pull-44 {
    right: 73.33333333%
}

.xxl .tbpc-col-xxl-offset-44 {
    margin-left: 73.33333333%
}

.xxl .tbpc-col-xxl-order-44 {
    order: 44
}

.xxl .tbpc-col-xxl-horizon-44 {
    padding-left: 44px;
    padding-right: 44px
}

.xxl .tbpc-col-xxl-vertical-44 {
    padding-bottom: 44px;
    padding-top: 44px
}

.xxl .tbpc-col-xxl-43 {
    display: block;
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%
}

.xxl .tbpc-col-xxl-push-43 {
    left: 71.66666667%
}

.xxl .tbpc-col-xxl-pull-43 {
    right: 71.66666667%
}

.xxl .tbpc-col-xxl-offset-43 {
    margin-left: 71.66666667%
}

.xxl .tbpc-col-xxl-order-43 {
    order: 43
}

.xxl .tbpc-col-xxl-horizon-43 {
    padding-left: 43px;
    padding-right: 43px
}

.xxl .tbpc-col-xxl-vertical-43 {
    padding-bottom: 43px;
    padding-top: 43px
}

.xxl .tbpc-col-xxl-42 {
    display: block;
    flex: 0 0 70%;
    max-width: 70%
}

.xxl .tbpc-col-xxl-push-42 {
    left: 70%
}

.xxl .tbpc-col-xxl-pull-42 {
    right: 70%
}

.xxl .tbpc-col-xxl-offset-42 {
    margin-left: 70%
}

.xxl .tbpc-col-xxl-order-42 {
    order: 42
}

.xxl .tbpc-col-xxl-horizon-42 {
    padding-left: 42px;
    padding-right: 42px
}

.xxl .tbpc-col-xxl-vertical-42 {
    padding-bottom: 42px;
    padding-top: 42px
}

.xxl .tbpc-col-xxl-41 {
    display: block;
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%
}

.xxl .tbpc-col-xxl-push-41 {
    left: 68.33333333%
}

.xxl .tbpc-col-xxl-pull-41 {
    right: 68.33333333%
}

.xxl .tbpc-col-xxl-offset-41 {
    margin-left: 68.33333333%
}

.xxl .tbpc-col-xxl-order-41 {
    order: 41
}

.xxl .tbpc-col-xxl-horizon-41 {
    padding-left: 41px;
    padding-right: 41px
}

.xxl .tbpc-col-xxl-vertical-41 {
    padding-bottom: 41px;
    padding-top: 41px
}

.xxl .tbpc-col-xxl-40 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.xxl .tbpc-col-xxl-push-40 {
    left: 66.66666667%
}

.xxl .tbpc-col-xxl-pull-40 {
    right: 66.66666667%
}

.xxl .tbpc-col-xxl-offset-40 {
    margin-left: 66.66666667%
}

.xxl .tbpc-col-xxl-order-40 {
    order: 40
}

.xxl .tbpc-col-xxl-horizon-40 {
    padding-left: 40px;
    padding-right: 40px
}

.xxl .tbpc-col-xxl-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.xxl .tbpc-col-xxl-39 {
    display: block;
    flex: 0 0 65%;
    max-width: 65%
}

.xxl .tbpc-col-xxl-push-39 {
    left: 65%
}

.xxl .tbpc-col-xxl-pull-39 {
    right: 65%
}

.xxl .tbpc-col-xxl-offset-39 {
    margin-left: 65%
}

.xxl .tbpc-col-xxl-order-39 {
    order: 39
}

.xxl .tbpc-col-xxl-horizon-39 {
    padding-left: 39px;
    padding-right: 39px
}

.xxl .tbpc-col-xxl-vertical-39 {
    padding-bottom: 39px;
    padding-top: 39px
}

.xxl .tbpc-col-xxl-38 {
    display: block;
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%
}

.xxl .tbpc-col-xxl-push-38 {
    left: 63.33333333%
}

.xxl .tbpc-col-xxl-pull-38 {
    right: 63.33333333%
}

.xxl .tbpc-col-xxl-offset-38 {
    margin-left: 63.33333333%
}

.xxl .tbpc-col-xxl-order-38 {
    order: 38
}

.xxl .tbpc-col-xxl-horizon-38 {
    padding-left: 38px;
    padding-right: 38px
}

.xxl .tbpc-col-xxl-vertical-38 {
    padding-bottom: 38px;
    padding-top: 38px
}

.xxl .tbpc-col-xxl-37 {
    display: block;
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%
}

.xxl .tbpc-col-xxl-push-37 {
    left: 61.66666667%
}

.xxl .tbpc-col-xxl-pull-37 {
    right: 61.66666667%
}

.xxl .tbpc-col-xxl-offset-37 {
    margin-left: 61.66666667%
}

.xxl .tbpc-col-xxl-order-37 {
    order: 37
}

.xxl .tbpc-col-xxl-horizon-37 {
    padding-left: 37px;
    padding-right: 37px
}

.xxl .tbpc-col-xxl-vertical-37 {
    padding-bottom: 37px;
    padding-top: 37px
}

.xxl .tbpc-col-xxl-36 {
    display: block;
    flex: 0 0 60%;
    max-width: 60%
}

.xxl .tbpc-col-xxl-push-36 {
    left: 60%
}

.xxl .tbpc-col-xxl-pull-36 {
    right: 60%
}

.xxl .tbpc-col-xxl-offset-36 {
    margin-left: 60%
}

.xxl .tbpc-col-xxl-order-36 {
    order: 36
}

.xxl .tbpc-col-xxl-horizon-36 {
    padding-left: 36px;
    padding-right: 36px
}

.xxl .tbpc-col-xxl-vertical-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.xxl .tbpc-col-xxl-35 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.xxl .tbpc-col-xxl-push-35 {
    left: 58.33333333%
}

.xxl .tbpc-col-xxl-pull-35 {
    right: 58.33333333%
}

.xxl .tbpc-col-xxl-offset-35 {
    margin-left: 58.33333333%
}

.xxl .tbpc-col-xxl-order-35 {
    order: 35
}

.xxl .tbpc-col-xxl-horizon-35 {
    padding-left: 35px;
    padding-right: 35px
}

.xxl .tbpc-col-xxl-vertical-35 {
    padding-bottom: 35px;
    padding-top: 35px
}

.xxl .tbpc-col-xxl-34 {
    display: block;
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%
}

.xxl .tbpc-col-xxl-push-34 {
    left: 56.66666667%
}

.xxl .tbpc-col-xxl-pull-34 {
    right: 56.66666667%
}

.xxl .tbpc-col-xxl-offset-34 {
    margin-left: 56.66666667%
}

.xxl .tbpc-col-xxl-order-34 {
    order: 34
}

.xxl .tbpc-col-xxl-horizon-34 {
    padding-left: 34px;
    padding-right: 34px
}

.xxl .tbpc-col-xxl-vertical-34 {
    padding-bottom: 34px;
    padding-top: 34px
}

.xxl .tbpc-col-xxl-33 {
    display: block;
    flex: 0 0 55%;
    max-width: 55%
}

.xxl .tbpc-col-xxl-push-33 {
    left: 55%
}

.xxl .tbpc-col-xxl-pull-33 {
    right: 55%
}

.xxl .tbpc-col-xxl-offset-33 {
    margin-left: 55%
}

.xxl .tbpc-col-xxl-order-33 {
    order: 33
}

.xxl .tbpc-col-xxl-horizon-33 {
    padding-left: 33px;
    padding-right: 33px
}

.xxl .tbpc-col-xxl-vertical-33 {
    padding-bottom: 33px;
    padding-top: 33px
}

.xxl .tbpc-col-xxl-32 {
    display: block;
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%
}

.xxl .tbpc-col-xxl-push-32 {
    left: 53.33333333%
}

.xxl .tbpc-col-xxl-pull-32 {
    right: 53.33333333%
}

.xxl .tbpc-col-xxl-offset-32 {
    margin-left: 53.33333333%
}

.xxl .tbpc-col-xxl-order-32 {
    order: 32
}

.xxl .tbpc-col-xxl-horizon-32 {
    padding-left: 32px;
    padding-right: 32px
}

.xxl .tbpc-col-xxl-vertical-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.xxl .tbpc-col-xxl-31 {
    display: block;
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%
}

.xxl .tbpc-col-xxl-push-31 {
    left: 51.66666667%
}

.xxl .tbpc-col-xxl-pull-31 {
    right: 51.66666667%
}

.xxl .tbpc-col-xxl-offset-31 {
    margin-left: 51.66666667%
}

.xxl .tbpc-col-xxl-order-31 {
    order: 31
}

.xxl .tbpc-col-xxl-horizon-31 {
    padding-left: 31px;
    padding-right: 31px
}

.xxl .tbpc-col-xxl-vertical-31 {
    padding-bottom: 31px;
    padding-top: 31px
}

.xxl .tbpc-col-xxl-30 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.xxl .tbpc-col-xxl-push-30 {
    left: 50%
}

.xxl .tbpc-col-xxl-pull-30 {
    right: 50%
}

.xxl .tbpc-col-xxl-offset-30 {
    margin-left: 50%
}

.xxl .tbpc-col-xxl-order-30 {
    order: 30
}

.xxl .tbpc-col-xxl-horizon-30 {
    padding-left: 30px;
    padding-right: 30px
}

.xxl .tbpc-col-xxl-vertical-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.xxl .tbpc-col-xxl-29 {
    display: block;
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%
}

.xxl .tbpc-col-xxl-push-29 {
    left: 48.33333333%
}

.xxl .tbpc-col-xxl-pull-29 {
    right: 48.33333333%
}

.xxl .tbpc-col-xxl-offset-29 {
    margin-left: 48.33333333%
}

.xxl .tbpc-col-xxl-order-29 {
    order: 29
}

.xxl .tbpc-col-xxl-horizon-29 {
    padding-left: 29px;
    padding-right: 29px
}

.xxl .tbpc-col-xxl-vertical-29 {
    padding-bottom: 29px;
    padding-top: 29px
}

.xxl .tbpc-col-xxl-28 {
    display: block;
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%
}

.xxl .tbpc-col-xxl-push-28 {
    left: 46.66666667%
}

.xxl .tbpc-col-xxl-pull-28 {
    right: 46.66666667%
}

.xxl .tbpc-col-xxl-offset-28 {
    margin-left: 46.66666667%
}

.xxl .tbpc-col-xxl-order-28 {
    order: 28
}

.xxl .tbpc-col-xxl-horizon-28 {
    padding-left: 28px;
    padding-right: 28px
}

.xxl .tbpc-col-xxl-vertical-28 {
    padding-bottom: 28px;
    padding-top: 28px
}

.xxl .tbpc-col-xxl-27 {
    display: block;
    flex: 0 0 45%;
    max-width: 45%
}

.xxl .tbpc-col-xxl-push-27 {
    left: 45%
}

.xxl .tbpc-col-xxl-pull-27 {
    right: 45%
}

.xxl .tbpc-col-xxl-offset-27 {
    margin-left: 45%
}

.xxl .tbpc-col-xxl-order-27 {
    order: 27
}

.xxl .tbpc-col-xxl-horizon-27 {
    padding-left: 27px;
    padding-right: 27px
}

.xxl .tbpc-col-xxl-vertical-27 {
    padding-bottom: 27px;
    padding-top: 27px
}

.xxl .tbpc-col-xxl-26 {
    display: block;
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%
}

.xxl .tbpc-col-xxl-push-26 {
    left: 43.33333333%
}

.xxl .tbpc-col-xxl-pull-26 {
    right: 43.33333333%
}

.xxl .tbpc-col-xxl-offset-26 {
    margin-left: 43.33333333%
}

.xxl .tbpc-col-xxl-order-26 {
    order: 26
}

.xxl .tbpc-col-xxl-horizon-26 {
    padding-left: 26px;
    padding-right: 26px
}

.xxl .tbpc-col-xxl-vertical-26 {
    padding-bottom: 26px;
    padding-top: 26px
}

.xxl .tbpc-col-xxl-25 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.xxl .tbpc-col-xxl-push-25 {
    left: 41.66666667%
}

.xxl .tbpc-col-xxl-pull-25 {
    right: 41.66666667%
}

.xxl .tbpc-col-xxl-offset-25 {
    margin-left: 41.66666667%
}

.xxl .tbpc-col-xxl-order-25 {
    order: 25
}

.xxl .tbpc-col-xxl-horizon-25 {
    padding-left: 25px;
    padding-right: 25px
}

.xxl .tbpc-col-xxl-vertical-25 {
    padding-bottom: 25px;
    padding-top: 25px
}

.xxl .tbpc-col-xxl-24 {
    display: block;
    flex: 0 0 40%;
    max-width: 40%
}

.xxl .tbpc-col-xxl-push-24 {
    left: 40%
}

.xxl .tbpc-col-xxl-pull-24 {
    right: 40%
}

.xxl .tbpc-col-xxl-offset-24 {
    margin-left: 40%
}

.xxl .tbpc-col-xxl-order-24 {
    order: 24
}

.xxl .tbpc-col-xxl-horizon-24 {
    padding-left: 24px;
    padding-right: 24px
}

.xxl .tbpc-col-xxl-vertical-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.xxl .tbpc-col-xxl-23 {
    display: block;
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%
}

.xxl .tbpc-col-xxl-push-23 {
    left: 38.33333333%
}

.xxl .tbpc-col-xxl-pull-23 {
    right: 38.33333333%
}

.xxl .tbpc-col-xxl-offset-23 {
    margin-left: 38.33333333%
}

.xxl .tbpc-col-xxl-order-23 {
    order: 23
}

.xxl .tbpc-col-xxl-horizon-23 {
    padding-left: 23px;
    padding-right: 23px
}

.xxl .tbpc-col-xxl-vertical-23 {
    padding-bottom: 23px;
    padding-top: 23px
}

.xxl .tbpc-col-xxl-22 {
    display: block;
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%
}

.xxl .tbpc-col-xxl-push-22 {
    left: 36.66666667%
}

.xxl .tbpc-col-xxl-pull-22 {
    right: 36.66666667%
}

.xxl .tbpc-col-xxl-offset-22 {
    margin-left: 36.66666667%
}

.xxl .tbpc-col-xxl-order-22 {
    order: 22
}

.xxl .tbpc-col-xxl-horizon-22 {
    padding-left: 22px;
    padding-right: 22px
}

.xxl .tbpc-col-xxl-vertical-22 {
    padding-bottom: 22px;
    padding-top: 22px
}

.xxl .tbpc-col-xxl-21 {
    display: block;
    flex: 0 0 35%;
    max-width: 35%
}

.xxl .tbpc-col-xxl-push-21 {
    left: 35%
}

.xxl .tbpc-col-xxl-pull-21 {
    right: 35%
}

.xxl .tbpc-col-xxl-offset-21 {
    margin-left: 35%
}

.xxl .tbpc-col-xxl-order-21 {
    order: 21
}

.xxl .tbpc-col-xxl-horizon-21 {
    padding-left: 21px;
    padding-right: 21px
}

.xxl .tbpc-col-xxl-vertical-21 {
    padding-bottom: 21px;
    padding-top: 21px
}

.xxl .tbpc-col-xxl-20 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.xxl .tbpc-col-xxl-push-20 {
    left: 33.33333333%
}

.xxl .tbpc-col-xxl-pull-20 {
    right: 33.33333333%
}

.xxl .tbpc-col-xxl-offset-20 {
    margin-left: 33.33333333%
}

.xxl .tbpc-col-xxl-order-20 {
    order: 20
}

.xxl .tbpc-col-xxl-horizon-20 {
    padding-left: 20px;
    padding-right: 20px
}

.xxl .tbpc-col-xxl-vertical-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.xxl .tbpc-col-xxl-19 {
    display: block;
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%
}

.xxl .tbpc-col-xxl-push-19 {
    left: 31.66666667%
}

.xxl .tbpc-col-xxl-pull-19 {
    right: 31.66666667%
}

.xxl .tbpc-col-xxl-offset-19 {
    margin-left: 31.66666667%
}

.xxl .tbpc-col-xxl-order-19 {
    order: 19
}

.xxl .tbpc-col-xxl-horizon-19 {
    padding-left: 19px;
    padding-right: 19px
}

.xxl .tbpc-col-xxl-vertical-19 {
    padding-bottom: 19px;
    padding-top: 19px
}

.xxl .tbpc-col-xxl-18 {
    display: block;
    flex: 0 0 30%;
    max-width: 30%
}

.xxl .tbpc-col-xxl-push-18 {
    left: 30%
}

.xxl .tbpc-col-xxl-pull-18 {
    right: 30%
}

.xxl .tbpc-col-xxl-offset-18 {
    margin-left: 30%
}

.xxl .tbpc-col-xxl-order-18 {
    order: 18
}

.xxl .tbpc-col-xxl-horizon-18 {
    padding-left: 18px;
    padding-right: 18px
}

.xxl .tbpc-col-xxl-vertical-18 {
    padding-bottom: 18px;
    padding-top: 18px
}

.xxl .tbpc-col-xxl-17 {
    display: block;
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%
}

.xxl .tbpc-col-xxl-push-17 {
    left: 28.33333333%
}

.xxl .tbpc-col-xxl-pull-17 {
    right: 28.33333333%
}

.xxl .tbpc-col-xxl-offset-17 {
    margin-left: 28.33333333%
}

.xxl .tbpc-col-xxl-order-17 {
    order: 17
}

.xxl .tbpc-col-xxl-horizon-17 {
    padding-left: 17px;
    padding-right: 17px
}

.xxl .tbpc-col-xxl-vertical-17 {
    padding-bottom: 17px;
    padding-top: 17px
}

.xxl .tbpc-col-xxl-16 {
    display: block;
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%
}

.xxl .tbpc-col-xxl-push-16 {
    left: 26.66666667%
}

.xxl .tbpc-col-xxl-pull-16 {
    right: 26.66666667%
}

.xxl .tbpc-col-xxl-offset-16 {
    margin-left: 26.66666667%
}

.xxl .tbpc-col-xxl-order-16 {
    order: 16
}

.xxl .tbpc-col-xxl-horizon-16 {
    padding-left: 16px;
    padding-right: 16px
}

.xxl .tbpc-col-xxl-vertical-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.xxl .tbpc-col-xxl-15 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.xxl .tbpc-col-xxl-push-15 {
    left: 25%
}

.xxl .tbpc-col-xxl-pull-15 {
    right: 25%
}

.xxl .tbpc-col-xxl-offset-15 {
    margin-left: 25%
}

.xxl .tbpc-col-xxl-order-15 {
    order: 15
}

.xxl .tbpc-col-xxl-horizon-15 {
    padding-left: 15px;
    padding-right: 15px
}

.xxl .tbpc-col-xxl-vertical-15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.xxl .tbpc-col-xxl-14 {
    display: block;
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%
}

.xxl .tbpc-col-xxl-push-14 {
    left: 23.33333333%
}

.xxl .tbpc-col-xxl-pull-14 {
    right: 23.33333333%
}

.xxl .tbpc-col-xxl-offset-14 {
    margin-left: 23.33333333%
}

.xxl .tbpc-col-xxl-order-14 {
    order: 14
}

.xxl .tbpc-col-xxl-horizon-14 {
    padding-left: 14px;
    padding-right: 14px
}

.xxl .tbpc-col-xxl-vertical-14 {
    padding-bottom: 14px;
    padding-top: 14px
}

.xxl .tbpc-col-xxl-13 {
    display: block;
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%
}

.xxl .tbpc-col-xxl-push-13 {
    left: 21.66666667%
}

.xxl .tbpc-col-xxl-pull-13 {
    right: 21.66666667%
}

.xxl .tbpc-col-xxl-offset-13 {
    margin-left: 21.66666667%
}

.xxl .tbpc-col-xxl-order-13 {
    order: 13
}

.xxl .tbpc-col-xxl-horizon-13 {
    padding-left: 13px;
    padding-right: 13px
}

.xxl .tbpc-col-xxl-vertical-13 {
    padding-bottom: 13px;
    padding-top: 13px
}

.xxl .tbpc-col-xxl-12 {
    display: block;
    flex: 0 0 20%;
    max-width: 20%
}

.xxl .tbpc-col-xxl-push-12 {
    left: 20%
}

.xxl .tbpc-col-xxl-pull-12 {
    right: 20%
}

.xxl .tbpc-col-xxl-offset-12 {
    margin-left: 20%
}

.xxl .tbpc-col-xxl-order-12 {
    order: 12
}

.xxl .tbpc-col-xxl-horizon-12 {
    padding-left: 12px;
    padding-right: 12px
}

.xxl .tbpc-col-xxl-vertical-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.xxl .tbpc-col-xxl-11 {
    display: block;
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%
}

.xxl .tbpc-col-xxl-push-11 {
    left: 18.33333333%
}

.xxl .tbpc-col-xxl-pull-11 {
    right: 18.33333333%
}

.xxl .tbpc-col-xxl-offset-11 {
    margin-left: 18.33333333%
}

.xxl .tbpc-col-xxl-order-11 {
    order: 11
}

.xxl .tbpc-col-xxl-horizon-11 {
    padding-left: 11px;
    padding-right: 11px
}

.xxl .tbpc-col-xxl-vertical-11 {
    padding-bottom: 11px;
    padding-top: 11px
}

.xxl .tbpc-col-xxl-10 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.xxl .tbpc-col-xxl-push-10 {
    left: 16.66666667%
}

.xxl .tbpc-col-xxl-pull-10 {
    right: 16.66666667%
}

.xxl .tbpc-col-xxl-offset-10 {
    margin-left: 16.66666667%
}

.xxl .tbpc-col-xxl-order-10 {
    order: 10
}

.xxl .tbpc-col-xxl-horizon-10 {
    padding-left: 10px;
    padding-right: 10px
}

.xxl .tbpc-col-xxl-vertical-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.xxl .tbpc-col-xxl-9 {
    display: block;
    flex: 0 0 15%;
    max-width: 15%
}

.xxl .tbpc-col-xxl-push-9 {
    left: 15%
}

.xxl .tbpc-col-xxl-pull-9 {
    right: 15%
}

.xxl .tbpc-col-xxl-offset-9 {
    margin-left: 15%
}

.xxl .tbpc-col-xxl-order-9 {
    order: 9
}

.xxl .tbpc-col-xxl-horizon-9 {
    padding-left: 9px;
    padding-right: 9px
}

.xxl .tbpc-col-xxl-vertical-9 {
    padding-bottom: 9px;
    padding-top: 9px
}

.xxl .tbpc-col-xxl-8 {
    display: block;
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%
}

.xxl .tbpc-col-xxl-push-8 {
    left: 13.33333333%
}

.xxl .tbpc-col-xxl-pull-8 {
    right: 13.33333333%
}

.xxl .tbpc-col-xxl-offset-8 {
    margin-left: 13.33333333%
}

.xxl .tbpc-col-xxl-order-8 {
    order: 8
}

.xxl .tbpc-col-xxl-horizon-8 {
    padding-left: 8px;
    padding-right: 8px
}

.xxl .tbpc-col-xxl-vertical-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.xxl .tbpc-col-xxl-7 {
    display: block;
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%
}

.xxl .tbpc-col-xxl-push-7 {
    left: 11.66666667%
}

.xxl .tbpc-col-xxl-pull-7 {
    right: 11.66666667%
}

.xxl .tbpc-col-xxl-offset-7 {
    margin-left: 11.66666667%
}

.xxl .tbpc-col-xxl-order-7 {
    order: 7
}

.xxl .tbpc-col-xxl-horizon-7 {
    padding-left: 7px;
    padding-right: 7px
}

.xxl .tbpc-col-xxl-vertical-7 {
    padding-bottom: 7px;
    padding-top: 7px
}

.xxl .tbpc-col-xxl-6 {
    display: block;
    flex: 0 0 10%;
    max-width: 10%
}

.xxl .tbpc-col-xxl-push-6 {
    left: 10%
}

.xxl .tbpc-col-xxl-pull-6 {
    right: 10%
}

.xxl .tbpc-col-xxl-offset-6 {
    margin-left: 10%
}

.xxl .tbpc-col-xxl-order-6 {
    order: 6
}

.xxl .tbpc-col-xxl-horizon-6 {
    padding-left: 6px;
    padding-right: 6px
}

.xxl .tbpc-col-xxl-vertical-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.xxl .tbpc-col-xxl-5 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.xxl .tbpc-col-xxl-push-5 {
    left: 8.33333333%
}

.xxl .tbpc-col-xxl-pull-5 {
    right: 8.33333333%
}

.xxl .tbpc-col-xxl-offset-5 {
    margin-left: 8.33333333%
}

.xxl .tbpc-col-xxl-order-5 {
    order: 5
}

.xxl .tbpc-col-xxl-horizon-5 {
    padding-left: 5px;
    padding-right: 5px
}

.xxl .tbpc-col-xxl-vertical-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.xxl .tbpc-col-xxl-4 {
    display: block;
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%
}

.xxl .tbpc-col-xxl-push-4 {
    left: 6.66666667%
}

.xxl .tbpc-col-xxl-pull-4 {
    right: 6.66666667%
}

.xxl .tbpc-col-xxl-offset-4 {
    margin-left: 6.66666667%
}

.xxl .tbpc-col-xxl-order-4 {
    order: 4
}

.xxl .tbpc-col-xxl-horizon-4 {
    padding-left: 4px;
    padding-right: 4px
}

.xxl .tbpc-col-xxl-vertical-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.xxl .tbpc-col-xxl-3 {
    display: block;
    flex: 0 0 5%;
    max-width: 5%
}

.xxl .tbpc-col-xxl-push-3 {
    left: 5%
}

.xxl .tbpc-col-xxl-pull-3 {
    right: 5%
}

.xxl .tbpc-col-xxl-offset-3 {
    margin-left: 5%
}

.xxl .tbpc-col-xxl-order-3 {
    order: 3
}

.xxl .tbpc-col-xxl-horizon-3 {
    padding-left: 3px;
    padding-right: 3px
}

.xxl .tbpc-col-xxl-vertical-3 {
    padding-bottom: 3px;
    padding-top: 3px
}

.xxl .tbpc-col-xxl-2 {
    display: block;
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%
}

.xxl .tbpc-col-xxl-push-2 {
    left: 3.33333333%
}

.xxl .tbpc-col-xxl-pull-2 {
    right: 3.33333333%
}

.xxl .tbpc-col-xxl-offset-2 {
    margin-left: 3.33333333%
}

.xxl .tbpc-col-xxl-order-2 {
    order: 2
}

.xxl .tbpc-col-xxl-horizon-2 {
    padding-left: 2px;
    padding-right: 2px
}

.xxl .tbpc-col-xxl-vertical-2 {
    padding-bottom: 2px;
    padding-top: 2px
}

.xxl .tbpc-col-xxl-1 {
    display: block;
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%
}

.xxl .tbpc-col-xxl-push-1 {
    left: 1.66666667%
}

.xxl .tbpc-col-xxl-pull-1 {
    right: 1.66666667%
}

.xxl .tbpc-col-xxl-offset-1 {
    margin-left: 1.66666667%
}

.xxl .tbpc-col-xxl-order-1 {
    order: 1
}

.xxl .tbpc-col-xxl-horizon-1 {
    padding-left: 1px;
    padding-right: 1px
}

.xxl .tbpc-col-xxl-vertical-1 {
    padding-bottom: 1px;
    padding-top: 1px
}

.xxl .tbpc-col-xxl-0 {
    display: none
}

.xxl .tbpc-col-push-0 {
    left: auto
}

.xxl .tbpc-col-pull-0 {
    right: auto
}

.xxl .tbpc-col-xxl-push-0 {
    left: auto
}

.xxl .tbpc-col-xxl-pull-0 {
    right: auto
}

.xxl .tbpc-col-xxl-offset-0 {
    margin-left: 0
}

.xxl .tbpc-col-xxl-order-0 {
    order: 0
}

.xxl .tbpc-col-xxl-horizon-0 {
    padding-left: 0;
    padding-right: 0
}

.xxl .tbpc-col-xxl-vertical-0 {
    padding-bottom: 0;
    padding-top: 0
}

.xxl .tbpc-col-push-0.tbpc-col-rtl {
    right: auto
}

.xxl .tbpc-col-pull-0.tbpc-col-rtl {
    left: auto
}

.xxl .tbpc-col-xxl-push-0.tbpc-col-rtl {
    right: auto
}

.xxl .tbpc-col-xxl-pull-0.tbpc-col-rtl {
    left: auto
}

.xxl .tbpc-col-xxl-offset-0.tbpc-col-rtl {
    margin-right: 0
}

.xxl .tbpc-col-xxl-push-1.tbpc-col-rtl {
    left: auto;
    right: 1.66666667%
}

.xxl .tbpc-col-xxl-pull-1.tbpc-col-rtl {
    left: 1.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-1.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 1.66666667%
}

.xxl .tbpc-col-xxl-push-2.tbpc-col-rtl {
    left: auto;
    right: 3.33333333%
}

.xxl .tbpc-col-xxl-pull-2.tbpc-col-rtl {
    left: 3.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-2.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 3.33333333%
}

.xxl .tbpc-col-xxl-push-3.tbpc-col-rtl {
    left: auto;
    right: 5%
}

.xxl .tbpc-col-xxl-pull-3.tbpc-col-rtl {
    left: 5%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-3.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 5%
}

.xxl .tbpc-col-xxl-push-4.tbpc-col-rtl {
    left: auto;
    right: 6.66666667%
}

.xxl .tbpc-col-xxl-pull-4.tbpc-col-rtl {
    left: 6.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-4.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 6.66666667%
}

.xxl .tbpc-col-xxl-push-5.tbpc-col-rtl {
    left: auto;
    right: 8.33333333%
}

.xxl .tbpc-col-xxl-pull-5.tbpc-col-rtl {
    left: 8.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-5.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.xxl .tbpc-col-xxl-push-6.tbpc-col-rtl {
    left: auto;
    right: 10%
}

.xxl .tbpc-col-xxl-pull-6.tbpc-col-rtl {
    left: 10%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-6.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 10%
}

.xxl .tbpc-col-xxl-push-7.tbpc-col-rtl {
    left: auto;
    right: 11.66666667%
}

.xxl .tbpc-col-xxl-pull-7.tbpc-col-rtl {
    left: 11.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-7.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 11.66666667%
}

.xxl .tbpc-col-xxl-push-8.tbpc-col-rtl {
    left: auto;
    right: 13.33333333%
}

.xxl .tbpc-col-xxl-pull-8.tbpc-col-rtl {
    left: 13.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-8.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 13.33333333%
}

.xxl .tbpc-col-xxl-push-9.tbpc-col-rtl {
    left: auto;
    right: 15%
}

.xxl .tbpc-col-xxl-pull-9.tbpc-col-rtl {
    left: 15%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-9.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 15%
}

.xxl .tbpc-col-xxl-push-10.tbpc-col-rtl {
    left: auto;
    right: 16.66666667%
}

.xxl .tbpc-col-xxl-pull-10.tbpc-col-rtl {
    left: 16.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-10.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.xxl .tbpc-col-xxl-push-11.tbpc-col-rtl {
    left: auto;
    right: 18.33333333%
}

.xxl .tbpc-col-xxl-pull-11.tbpc-col-rtl {
    left: 18.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-11.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 18.33333333%
}

.xxl .tbpc-col-xxl-push-12.tbpc-col-rtl {
    left: auto;
    right: 20%
}

.xxl .tbpc-col-xxl-pull-12.tbpc-col-rtl {
    left: 20%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-12.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 20%
}

.xxl .tbpc-col-xxl-push-13.tbpc-col-rtl {
    left: auto;
    right: 21.66666667%
}

.xxl .tbpc-col-xxl-pull-13.tbpc-col-rtl {
    left: 21.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-13.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 21.66666667%
}

.xxl .tbpc-col-xxl-push-14.tbpc-col-rtl {
    left: auto;
    right: 23.33333333%
}

.xxl .tbpc-col-xxl-pull-14.tbpc-col-rtl {
    left: 23.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-14.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 23.33333333%
}

.xxl .tbpc-col-xxl-push-15.tbpc-col-rtl {
    left: auto;
    right: 25%
}

.xxl .tbpc-col-xxl-pull-15.tbpc-col-rtl {
    left: 25%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-15.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.xxl .tbpc-col-xxl-push-16.tbpc-col-rtl {
    left: auto;
    right: 26.66666667%
}

.xxl .tbpc-col-xxl-pull-16.tbpc-col-rtl {
    left: 26.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-16.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 26.66666667%
}

.xxl .tbpc-col-xxl-push-17.tbpc-col-rtl {
    left: auto;
    right: 28.33333333%
}

.xxl .tbpc-col-xxl-pull-17.tbpc-col-rtl {
    left: 28.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-17.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 28.33333333%
}

.xxl .tbpc-col-xxl-push-18.tbpc-col-rtl {
    left: auto;
    right: 30%
}

.xxl .tbpc-col-xxl-pull-18.tbpc-col-rtl {
    left: 30%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-18.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 30%
}

.xxl .tbpc-col-xxl-push-19.tbpc-col-rtl {
    left: auto;
    right: 31.66666667%
}

.xxl .tbpc-col-xxl-pull-19.tbpc-col-rtl {
    left: 31.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-19.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 31.66666667%
}

.xxl .tbpc-col-xxl-push-20.tbpc-col-rtl {
    left: auto;
    right: 33.33333333%
}

.xxl .tbpc-col-xxl-pull-20.tbpc-col-rtl {
    left: 33.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-20.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.xxl .tbpc-col-xxl-push-21.tbpc-col-rtl {
    left: auto;
    right: 35%
}

.xxl .tbpc-col-xxl-pull-21.tbpc-col-rtl {
    left: 35%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-21.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 35%
}

.xxl .tbpc-col-xxl-push-22.tbpc-col-rtl {
    left: auto;
    right: 36.66666667%
}

.xxl .tbpc-col-xxl-pull-22.tbpc-col-rtl {
    left: 36.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-22.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 36.66666667%
}

.xxl .tbpc-col-xxl-push-23.tbpc-col-rtl {
    left: auto;
    right: 38.33333333%
}

.xxl .tbpc-col-xxl-pull-23.tbpc-col-rtl {
    left: 38.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-23.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 38.33333333%
}

.xxl .tbpc-col-xxl-push-24.tbpc-col-rtl {
    left: auto;
    right: 40%
}

.xxl .tbpc-col-xxl-pull-24.tbpc-col-rtl {
    left: 40%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-24.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 40%
}

.xxl .tbpc-col-xxl-push-25.tbpc-col-rtl {
    left: auto;
    right: 41.66666667%
}

.xxl .tbpc-col-xxl-pull-25.tbpc-col-rtl {
    left: 41.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-25.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.xxl .tbpc-col-xxl-push-26.tbpc-col-rtl {
    left: auto;
    right: 43.33333333%
}

.xxl .tbpc-col-xxl-pull-26.tbpc-col-rtl {
    left: 43.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-26.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 43.33333333%
}

.xxl .tbpc-col-xxl-push-27.tbpc-col-rtl {
    left: auto;
    right: 45%
}

.xxl .tbpc-col-xxl-pull-27.tbpc-col-rtl {
    left: 45%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-27.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 45%
}

.xxl .tbpc-col-xxl-push-28.tbpc-col-rtl {
    left: auto;
    right: 46.66666667%
}

.xxl .tbpc-col-xxl-pull-28.tbpc-col-rtl {
    left: 46.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-28.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 46.66666667%
}

.xxl .tbpc-col-xxl-push-29.tbpc-col-rtl {
    left: auto;
    right: 48.33333333%
}

.xxl .tbpc-col-xxl-pull-29.tbpc-col-rtl {
    left: 48.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-29.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 48.33333333%
}

.xxl .tbpc-col-xxl-push-30.tbpc-col-rtl {
    left: auto;
    right: 50%
}

.xxl .tbpc-col-xxl-pull-30.tbpc-col-rtl {
    left: 50%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-30.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.xxl .tbpc-col-xxl-push-31.tbpc-col-rtl {
    left: auto;
    right: 51.66666667%
}

.xxl .tbpc-col-xxl-pull-31.tbpc-col-rtl {
    left: 51.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-31.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 51.66666667%
}

.xxl .tbpc-col-xxl-push-32.tbpc-col-rtl {
    left: auto;
    right: 53.33333333%
}

.xxl .tbpc-col-xxl-pull-32.tbpc-col-rtl {
    left: 53.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-32.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 53.33333333%
}

.xxl .tbpc-col-xxl-push-33.tbpc-col-rtl {
    left: auto;
    right: 55%
}

.xxl .tbpc-col-xxl-pull-33.tbpc-col-rtl {
    left: 55%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-33.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 55%
}

.xxl .tbpc-col-xxl-push-34.tbpc-col-rtl {
    left: auto;
    right: 56.66666667%
}

.xxl .tbpc-col-xxl-pull-34.tbpc-col-rtl {
    left: 56.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-34.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 56.66666667%
}

.xxl .tbpc-col-xxl-push-35.tbpc-col-rtl {
    left: auto;
    right: 58.33333333%
}

.xxl .tbpc-col-xxl-pull-35.tbpc-col-rtl {
    left: 58.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-35.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.xxl .tbpc-col-xxl-push-36.tbpc-col-rtl {
    left: auto;
    right: 60%
}

.xxl .tbpc-col-xxl-pull-36.tbpc-col-rtl {
    left: 60%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-36.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 60%
}

.xxl .tbpc-col-xxl-push-37.tbpc-col-rtl {
    left: auto;
    right: 61.66666667%
}

.xxl .tbpc-col-xxl-pull-37.tbpc-col-rtl {
    left: 61.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-37.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 61.66666667%
}

.xxl .tbpc-col-xxl-push-38.tbpc-col-rtl {
    left: auto;
    right: 63.33333333%
}

.xxl .tbpc-col-xxl-pull-38.tbpc-col-rtl {
    left: 63.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-38.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 63.33333333%
}

.xxl .tbpc-col-xxl-push-39.tbpc-col-rtl {
    left: auto;
    right: 65%
}

.xxl .tbpc-col-xxl-pull-39.tbpc-col-rtl {
    left: 65%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-39.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 65%
}

.xxl .tbpc-col-xxl-push-40.tbpc-col-rtl {
    left: auto;
    right: 66.66666667%
}

.xxl .tbpc-col-xxl-pull-40.tbpc-col-rtl {
    left: 66.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-40.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.xxl .tbpc-col-xxl-push-41.tbpc-col-rtl {
    left: auto;
    right: 68.33333333%
}

.xxl .tbpc-col-xxl-pull-41.tbpc-col-rtl {
    left: 68.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-41.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 68.33333333%
}

.xxl .tbpc-col-xxl-push-42.tbpc-col-rtl {
    left: auto;
    right: 70%
}

.xxl .tbpc-col-xxl-pull-42.tbpc-col-rtl {
    left: 70%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-42.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 70%
}

.xxl .tbpc-col-xxl-push-43.tbpc-col-rtl {
    left: auto;
    right: 71.66666667%
}

.xxl .tbpc-col-xxl-pull-43.tbpc-col-rtl {
    left: 71.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-43.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 71.66666667%
}

.xxl .tbpc-col-xxl-push-44.tbpc-col-rtl {
    left: auto;
    right: 73.33333333%
}

.xxl .tbpc-col-xxl-pull-44.tbpc-col-rtl {
    left: 73.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-44.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 73.33333333%
}

.xxl .tbpc-col-xxl-push-45.tbpc-col-rtl {
    left: auto;
    right: 75%
}

.xxl .tbpc-col-xxl-pull-45.tbpc-col-rtl {
    left: 75%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-45.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.xxl .tbpc-col-xxl-push-46.tbpc-col-rtl {
    left: auto;
    right: 76.66666667%
}

.xxl .tbpc-col-xxl-pull-46.tbpc-col-rtl {
    left: 76.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-46.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 76.66666667%
}

.xxl .tbpc-col-xxl-push-47.tbpc-col-rtl {
    left: auto;
    right: 78.33333333%
}

.xxl .tbpc-col-xxl-pull-47.tbpc-col-rtl {
    left: 78.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-47.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 78.33333333%
}

.xxl .tbpc-col-xxl-push-48.tbpc-col-rtl {
    left: auto;
    right: 80%
}

.xxl .tbpc-col-xxl-pull-48.tbpc-col-rtl {
    left: 80%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-48.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 80%
}

.xxl .tbpc-col-xxl-push-49.tbpc-col-rtl {
    left: auto;
    right: 81.66666667%
}

.xxl .tbpc-col-xxl-pull-49.tbpc-col-rtl {
    left: 81.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-49.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 81.66666667%
}

.xxl .tbpc-col-xxl-push-50.tbpc-col-rtl {
    left: auto;
    right: 83.33333333%
}

.xxl .tbpc-col-xxl-pull-50.tbpc-col-rtl {
    left: 83.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-50.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.xxl .tbpc-col-xxl-push-51.tbpc-col-rtl {
    left: auto;
    right: 85%
}

.xxl .tbpc-col-xxl-pull-51.tbpc-col-rtl {
    left: 85%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-51.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 85%
}

.xxl .tbpc-col-xxl-push-52.tbpc-col-rtl {
    left: auto;
    right: 86.66666667%
}

.xxl .tbpc-col-xxl-pull-52.tbpc-col-rtl {
    left: 86.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-52.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 86.66666667%
}

.xxl .tbpc-col-xxl-push-53.tbpc-col-rtl {
    left: auto;
    right: 88.33333333%
}

.xxl .tbpc-col-xxl-pull-53.tbpc-col-rtl {
    left: 88.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-53.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 88.33333333%
}

.xxl .tbpc-col-xxl-push-54.tbpc-col-rtl {
    left: auto;
    right: 90%
}

.xxl .tbpc-col-xxl-pull-54.tbpc-col-rtl {
    left: 90%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-54.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 90%
}

.xxl .tbpc-col-xxl-push-55.tbpc-col-rtl {
    left: auto;
    right: 91.66666667%
}

.xxl .tbpc-col-xxl-pull-55.tbpc-col-rtl {
    left: 91.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-55.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.xxl .tbpc-col-xxl-push-56.tbpc-col-rtl {
    left: auto;
    right: 93.33333333%
}

.xxl .tbpc-col-xxl-pull-56.tbpc-col-rtl {
    left: 93.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-56.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 93.33333333%
}

.xxl .tbpc-col-xxl-push-57.tbpc-col-rtl {
    left: auto;
    right: 95%
}

.xxl .tbpc-col-xxl-pull-57.tbpc-col-rtl {
    left: 95%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-57.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 95%
}

.xxl .tbpc-col-xxl-push-58.tbpc-col-rtl {
    left: auto;
    right: 96.66666667%
}

.xxl .tbpc-col-xxl-pull-58.tbpc-col-rtl {
    left: 96.66666667%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-58.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 96.66666667%
}

.xxl .tbpc-col-xxl-push-59.tbpc-col-rtl {
    left: auto;
    right: 98.33333333%
}

.xxl .tbpc-col-xxl-pull-59.tbpc-col-rtl {
    left: 98.33333333%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-59.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 98.33333333%
}

.xxl .tbpc-col-xxl-push-60.tbpc-col-rtl {
    left: auto;
    right: 100%
}

.xxl .tbpc-col-xxl-pull-60.tbpc-col-rtl {
    left: 100%;
    right: auto
}

.xxl .tbpc-col-xxl-offset-60.tbpc-col-rtl {
    margin-left: 0;
    margin-right: 100%
}

.xxl .tbpc-layout {
    padding-left: 80px;
    padding-right: 80px
}

.tbpc-row-rtl {
    direction: rtl
}

.skeleton {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: auto;
    margin-bottom: 16px;
    position: relative;
    transition: all .5s;
    width: 100%
}

.skeleton-image {
    animation: skeleton-loading 1.4s ease infinite;
    background-color: #f7f7f7
}

.skeleton-text-container {
    box-sizing: border-box;
    margin-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.skeleton-title {
    animation: skeleton-loading 1.4s ease infinite;
    background-color: #f7f7f7;
    border-radius: 2px;
    height: 16px;
    margin-top: 8px;
    width: 100%
}

.skeleton-tag-container {
    margin-top: 12px;
    position: relative
}

.skeleton-tag {
    animation: skeleton-loading 1.4s ease infinite;
    background-color: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 48px
}

.skeleton-price-container {
    font-size: 0;
    position: relative
}

.skeleton-price {
    height: 24px;
    margin-right: 8px
}

.skeleton-price,
.skeleton-sale {
    animation: skeleton-loading 1.4s ease infinite;
    background-color: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    width: 96px
}

.skeleton-sale {
    height: 16px;
    margin-top: 8px
}

.skeleton .img-wrapper {
    background-color: #f7f7f7;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

@keyframes skeleton-loading {
    0% {
        background: #f5f5f5
    }

    50% {
        background: #eee
    }

    to {
        background: #f5f5f5
    }
}

.guess-like-huichang-card {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: auto;
    margin-bottom: 16px;
    position: relative;
    transition: all .5s;
    width: 100%
}

.guess-like-huichang-card .guess-like-huichang-card-mask {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.guess-like-huichang-card .guess-like-huichang-card-title {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 8px;
    margin-top: 16px
}

.guess-like-huichang-card .guess-like-huichang-card-title .guess-like-huichang-card-title-main {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guess-like-huichang-card .guess-like-huichang-card-title .guess-like-huichang-card-title-sub {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guess-like-huichang-card .guess-like-huichang-card-items-group {
    display: flex;
    flex-direction: row;
    margin: 0 12px 8px
}

.guess-like-huichang-card .guess-like-huichang-card-items-group .guess-like-huichang-card-item {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 4px;
    overflow: hidden;
    position: relative;
    width: 50%
}

.guess-like-huichang-card .guess-like-huichang-card-items-group .guess-like-huichang-card-item .guess-like-huichang-card-item-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    margin: 4px;
    min-width: 66px;
    object-fit: contain;
    padding-top: calc(100% - 16px);
    width: calc(100% - 8px)
}

.guess-like-huichang-card .guess-like-huichang-card-items-group .guess-like-huichang-card-item .guess-like-huichang-card-item-title {
    border-radius: 4px;
    flex-shrink: 0;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin: 0 4px 4px;
    min-width: 64px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 8px)
}

.guess-like-huichang-card .guess-like-huichang-card-items-group .guess-like-huichang-card-item .guess-like-huichang-card-item-mask {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.guess-like-huichang-card .guess-like-huichang-card-items-group .guess-like-huichang-card-item .guess-like-huichang-card-item-mask:hover {
    background-color: rgba(0, 0, 0, .08)
}

.guess-like-huichang-card .guess-like-huichang-card-items-group-last {
    margin-bottom: 16px
}

.pcSearchInvestigationCard--jMH_ZGTP {
    align-items: center;
    background: rgba(0, 0, 0, .03);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 16px;
    position: relative;
    width: 100%
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w {
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:after,
.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:before {
    background-color: #e0e0e0;
    content: "";
    height: 1.5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: background-color .2s ease;
    width: 12px
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:hover {
    background: rgba(0, 0, 0, .2)
}

.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:hover:after,
.pcSearchInvestigationCard--jMH_ZGTP .topCloseButton--E4ils65w:hover:before {
    background-color: #fff
}

.pcSearchInvestigationCard--jMH_ZGTP .headWrapper--jjT5Z9wD {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 12px
}

.pcSearchInvestigationCard--jMH_ZGTP .headWrapper--jjT5Z9wD .headIcon--Ss8l7VPO {
    height: 20px;
    margin-right: 4px;
    object-fit: cover;
    width: 20px
}

.pcSearchInvestigationCard--jMH_ZGTP .headWrapper--jjT5Z9wD .headTitleText--hxVemljn {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pcSearchInvestigationCard--jMH_ZGTP .bottomWrapper--GB3BGtY6 {
    margin-top: 12px
}

.pcSearchInvestigationCard--jMH_ZGTP .bottomWrapper--GB3BGtY6 .closeWrapper--z5vRUAdw {
    color: rgba(0, 0, 0, .52);
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pcSearchInvestigationCard--jMH_ZGTP .bottomWrapper--GB3BGtY6 .closeWrapper--z5vRUAdw:hover {
    color: #ff5000
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .mainImgWrapper--mTVmYb83 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    width: 100%
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .mainImgWrapper--mTVmYb83 .img--szf75foE {
    height: 32px;
    object-fit: cover;
    width: 32px
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .mainTitleText--bj8flDbS {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 4px
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .subText--GYT3Ckcv {
    color: rgba(0, 0, 0, .52);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .continueButton--BsIchxyk {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .92);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 12px;
    padding: 8px 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pcSearchInvestigationCard--jMH_ZGTP .renderContentWrapper--O5PYZ7EV .continueButton--BsIchxyk:hover {
    background: rgba(0, 0, 0, .04)
}

.toast--ADXtTU5g {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .2);
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 50%;
    opacity: 0;
    padding: 9px 16px;
    position: fixed;
    top: 54px;
    transform: translate(-50%, -50%);
    z-index: 9999
}

.toast--ADXtTU5g .toastIcon--avdX7PnB {
    height: 16px;
    margin-right: 8px;
    object-fit: cover;
    width: 16px
}

.toast--ADXtTU5g .toastText--PucfEDFd {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.show--d7WzaE7f {
    animation: show--d7WzaE7f .1s ease-in-out forwards
}

.hide--D7SfitDG {
    animation: hide--D7SfitDG .1s ease-in-out forwards
}

@keyframes show--d7WzaE7f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hide--D7SfitDG {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.chooseCard--mUDjNdmb {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 46px;
    min-height: 38px;
    overflow: hidden;
    padding: 12px
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC .text--KNf42Kc4 {
    color: #1f1f1f;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    max-width: 100%;
    min-height: 22px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC:hover {
    border: 1px solid #ff5000
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC:hover .singLineRankText--UW6P5Qjg,
.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC:hover .text--KNf42Kc4 {
    color: #ff5000;
    font-weight: 400
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC:hover .markText--lwP_DY5V {
    color: #ff5000
}

.chooseCard--mUDjNdmb .itemWrapperActive--znAnfAPT {
    border: 1px solid #ff5000 !important
}

.chooseCard--mUDjNdmb .itemWrapperActive--znAnfAPT .singLineRankText--UW6P5Qjg,
.chooseCard--mUDjNdmb .itemWrapperActive--znAnfAPT .text--KNf42Kc4 {
    color: #ff5000;
    font-weight: 500 !important
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC .markWrapper--yTiRuoEU {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 18px;
    overflow: hidden;
    width: 100%
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC .markWrapper--yTiRuoEU .markStar--kt0530iT {
    height: 18px;
    width: 18px
}

.chooseCard--mUDjNdmb .itemWrapper--l8aqihHC .markText--lwP_DY5V {
    color: rgba(0, 0, 0, .52);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

.chooseCard--mUDjNdmb .singLineRankItemWrapper--hqPgKh7e {
    flex-direction: row !important;
    height: 100%;
    min-height: 29px
}

.chooseCard--mUDjNdmb .singLineRankItemWrapper--hqPgKh7e .singLineRankIcon--ARVGwj2F {
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.chooseCard--mUDjNdmb .singLineRankItemWrapper--hqPgKh7e .singLineRankText--UW6P5Qjg {
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.chooseCard--mUDjNdmb.singLineRank--v7JQtec7 .itemWrapper--l8aqihHC {
    padding: 0
}

.multipleSubmitButton--JYK6OXwR {
    align-items: center;
    align-self: stretch;
    background: #ffcab2;
    border-radius: 8px;
    cursor: not-allowed;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.multipleSubmitButtonActive--LV6gh8rH {
    background: #ff5000;
    cursor: pointer
}

.multipleSubmitButton--JYK6OXwR.singLineRank--v7JQtec7 {
    height: 32px
}

.multipleSubmitButton--JYK6OXwR .text--KNf42Kc4 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px
}

.suggestPop--CZw04Vhy {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 534px;
    min-height: 534px;
    min-width: 664px;
    padding: 14px 16px 16px;
    position: relative;
    width: 664px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .headWrapper--pChyXiSh {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px;
    width: 100%
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .headWrapper--pChyXiSh .title--LBf85u1M {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .headWrapper--pChyXiSh .closeIcon--DVtJRfXQ {
    border-radius: 8px;
    cursor: pointer;
    height: 28px;
    object-fit: cover;
    width: 28px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .headWrapper--pChyXiSh .closeIcon--DVtJRfXQ:hover {
    background-color: rgba(0, 0, 0, .04)
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 6px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp .leftButton--ztusUv0k {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 240px;
    padding: 8px 12px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp .leftButton--ztusUv0k:hover {
    background-color: rgba(0, 0, 0, .04)
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp .leftButton--ztusUv0k .text--RnfIoFXu {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp .rightButton--Gay8cyGO {
    align-items: center;
    background: #ff5000;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 12px;
    max-width: 240px;
    opacity: 1;
    padding: 8px 12px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .footWrapper--QR_TCuHL .rightButtonsWrapper--aNdZrzZp .rightButton--Gay8cyGO .text--RnfIoFXu {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.suggestPop--CZw04Vhy .popWrapper--Mhi9oYoW .contentWrapper--yYnTyQ_S {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.longTextQuestionWrapper--rvZ0M43E {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 12px;
    max-height: 163px;
    width: 100%
}

.longTextQuestionWrapper--rvZ0M43E .titleWrapper--W4kJMexD {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%
}

.longTextQuestionWrapper--rvZ0M43E .titleWrapper--W4kJMexD .star--g0h2FaUf {
    color: #ff2626;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.longTextQuestionWrapper--rvZ0M43E .titleWrapper--W4kJMexD .text--pPKDShg4 {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.longTextQuestionWrapper--rvZ0M43E .titleWrapper--W4kJMexD .questionTitleTip--ypGusZmy {
    color: rgba(0, 0, 0, .52);
    flex: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n {
    --placeholder-style-color: rgba(0, 0, 0, .2);
    --placeholder-style-opacity: 1;
    --placeholder-style-font-family: PingFang SC;
    --placeholder-style-font-size: 14px;
    flex: 1;
    position: relative;
    width: 100%
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n ::-webkit-input-placeholder {
    color: var(--placeholder-style-color);
    font-family: var(--placeholder-style-font-family);
    font-size: var(--placeholder-style-font-size);
    opacity: var(--placeholder-style-opacity)
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n :-ms-input-placeholder {
    color: var(--placeholder-style-color);
    font-family: var(--placeholder-style-font-family);
    font-size: var(--placeholder-style-font-size);
    opacity: var(--placeholder-style-opacity)
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n ::placeholder {
    color: var(--placeholder-style-color);
    font-family: var(--placeholder-style-font-family);
    font-size: var(--placeholder-style-font-size);
    opacity: var(--placeholder-style-opacity)
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n ::-webkit-scrollbar {
    background-color: transparent;
    height: 4px;
    width: 4px
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .16);
    border-radius: 1000px;
    margin: 4px
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n .textarea--sA24rkjp {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0;
    line-height: 22px;
    padding: 6px 8px;
    resize: none;
    width: 100%
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n .textarea--sA24rkjp:focus {
    border: 1px solid red;
    color: #000;
    outline: none
}

.longTextQuestionWrapper--rvZ0M43E .textareaWrapper--0uyYAY6n .textarea--sA24rkjp:hover {
    border: 1px solid red
}

.longTextQuestionWrapper--rvZ0M43E .tips--JfhHBtRo {
    color: #ff2626;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 12px;
    margin-top: 6px;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 12px;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt:focus {
    border: transparent;
    outline: none
}

.imgUploadQuestionWrapper--NNYIVOVt .titleWrapper--A0o1uKpk {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .titleWrapper--A0o1uKpk .star--uKj7WZq8 {
    color: #ff2626;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.imgUploadQuestionWrapper--NNYIVOVt .titleWrapper--A0o1uKpk .text--MVtuy_yv {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imgUploadQuestionWrapper--NNYIVOVt .titleWrapper--A0o1uKpk .questionTitleTip--tLw9ODGi {
    color: rgba(0, 0, 0, .52);
    flex: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    cursor: pointer;
    height: 120px;
    margin-right: 8px;
    min-width: 120px;
    overflow: hidden;
    position: relative;
    width: 120px
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .activeMask--x_pgrWNZ {
    background-color: rgba(0, 0, 0, .04);
    display: none;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .deleteWrapper--_X7IMGOK {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 32px;
    justify-content: center;
    position: absolute;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .deleteWrapper--_X7IMGOK .deleteIcon--e1mfL61P {
    height: 20px;
    object-fit: cover;
    width: 20px
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6:hover .deleteWrapper--_X7IMGOK {
    display: flex
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6:hover .activeMask--x_pgrWNZ {
    display: block
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .uploadedImgWrapper--YQSlSscS {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .uploadedImgWrapper--YQSlSscS .userImg--vfczJQrP {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .uploadTipWrapper--KEVInVDq {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .uploadTipWrapper--KEVInVDq .uploadTipIcon--OEJVNYZ3 {
    height: 18px;
    object-fit: cover;
    width: 19px
}

.imgUploadQuestionWrapper--NNYIVOVt .contentWrapper--cZbtJAnl .uploadItemWrapper--sO3XYED6 .uploadTipWrapper--KEVInVDq .uploadTipText--y1pcuD_Z {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 7px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.imgUploadQuestionWrapper--NNYIVOVt .tips--MuUEGcxM {
    color: #ff2626;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 12px;
    margin-top: 6px;
    width: 100%
}

.loadingAniWrapper--UcNXFdSA {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.loadingAniWrapper--UcNXFdSA .loadingAniIcon--e_QAuQDB {
    height: 20px;
    margin-bottom: 4px;
    width: 20px
}

.loadingAniWrapper--UcNXFdSA .loadingText--La0CGrqj {
    color: #ff5000;
    font-family: SF Pro Display;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.tb-pick-image-card {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: transform .2s ease;
    width: 100%
}

.tb-pick-image-card .image-card-link {
    display: block;
    height: calc(100% - 16px);
    text-decoration: none;
    width: 100%
}

.tb-pick-image-card .image-card-img {
    border-radius: 8px;
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
    width: 100%
}

.tb-pick-image-card .item-appear {
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 1px
}

.tb-pick-content-item {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: auto;
    margin-bottom: 16px;
    position: relative;
    transition: all .2s ease;
    width: 100%
}

.tb-pick-content-item.replacing {
    opacity: 0
}

.tb-pick-content-item:not(.replacing) {
    opacity: 1
}

.tb-pick-content-item:not(.new-hover):hover .hover-border {
    border: 1px solid #ff5000
}

.tb-pick-content-item:not(.new-hover) .hover-border {
    border: 1px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
    height: calc(100% + 8px);
    left: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    transition: border-color .2s ease;
    width: calc(100% + 8px)
}

.tb-pick-content-item.new-hover:hover .img-mask {
    background-color: rgba(0, 0, 0, .08)
}

.tb-pick-content-item a:hover {
    text-decoration: none !important
}

.tb-pick-content-item .hover-border {
    border: 1px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
    height: calc(100% + 8px);
    left: -4px;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px)
}

.tb-pick-content-item .hover-border:hover {
    border: 1px solid #ff5000
}

.tb-pick-content-item .item-link {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.tb-pick-content-item .img-wrapper {
    background-color: #f7f7f7;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.tb-pick-content-item .product-img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .3s ease;
    width: 100%
}

.tb-pick-content-item .img-mask {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: background-color .2s ease;
    width: 100%
}

.tb-pick-content-item .close-btn {
    align-items: center;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    pointer-events: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all .2s ease;
    width: 24px;
    z-index: 1
}

.tb-pick-content-item .close-btn .close-icon {
    height: 12px;
    position: relative;
    width: 12px
}

.tb-pick-content-item .close-btn .close-icon:after,
.tb-pick-content-item .close-btn .close-icon:before {
    background-color: #e0e0e0;
    content: "";
    height: 1.5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: background-color .2s ease;
    width: 12px
}

.tb-pick-content-item .close-btn .close-icon:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.tb-pick-content-item .close-btn .close-icon:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.tb-pick-content-item .close-btn .tooltip-container {
    pointer-events: none;
    position: fixed;
    z-index: 1000
}

.tb-pick-content-item .close-btn .close-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #fff;
    display: none;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));
    font-size: 12px;
    left: 50%;
    margin-top: 8px;
    padding: 4px 8px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    white-space: nowrap
}

.tb-pick-content-item .close-btn .close-tooltip:before {
    border-bottom: 4px solid rgba(0, 0, 0, .8);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: -4px;
    transform: translateX(-50%)
}

.tb-pick-content-item .close-btn:hover {
    background-color: rgba(0, 0, 0, .4) !important
}

.tb-pick-content-item .close-btn:hover .close-icon:after,
.tb-pick-content-item .close-btn:hover .close-icon:before {
    background-color: #fff
}

.tb-pick-content-item .close-btn:hover .close-tooltip {
    animation: tooltipFadeIn .2s ease;
    display: block
}

.tb-pick-content-item .info-wrapper {
    margin-top: 8px;
    overflow: hidden;
    width: 100%
}

.tb-pick-content-item .info-wrapper.single-line {
    height: 24px
}

.tb-pick-content-item .info-wrapper.single-line .info-wrapper-title {
    max-height: 24px
}

.tb-pick-content-item .info-wrapper.double-line {
    height: 48px
}

.tb-pick-content-item .info-wrapper.double-line .info-wrapper-title {
    max-height: 48px
}

.tb-pick-content-item .info-wrapper-title {
    color: #1f1f1f;
    display: inline;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    word-break: break-all
}

.tb-pick-content-item .info-wrapper-title-img {
    display: inline-block;
    height: 24px;
    margin-right: 6px;
    vertical-align: top
}

.tb-pick-content-item .info-wrapper-title-img img {
    height: 16px;
    margin-top: 4px;
    object-fit: contain;
    vertical-align: top
}

.tb-pick-content-item .tag-list {
    display: flex;
    flex-wrap: wrap;
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    overflow: hidden
}

.tb-pick-content-item .tag-ad-image {
    height: 14px;
    margin-right: 8px;
    object-fit: contain
}

.tb-pick-content-item .tag-text {
    color: #ff5000;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-right: 8px;
    vertical-align: top
}

.tb-pick-content-item .price-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 24px;
    margin-bottom: 8px;
    margin-top: 4px;
    overflow: hidden
}

.tb-pick-content-item .price-unit {
    color: #ff5000;
    font-family: Inter V;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: -.5px
}

.tb-pick-content-item .price-value {
    color: #ff5000;
    font-family: Inter V;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 22px
}

.tb-pick-content-item .guobu-suffix {
    color: #ff5000;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -1px;
    margin-left: 2px
}

.tb-pick-content-item .month-sale {
    color: #7a7a7a;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -1px;
    margin-left: 8px
}

.tb-pick-content-item .item-appear {
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 100%
}

@keyframes tooltipFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-5px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0)
    }
}

.dislike-reason-overlay {
    background: rgba(0, 0, 0, .75);
    border-radius: 12px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.dislike-reason-list {
    display: block;
    height: calc(100% - 32px);
    width: 100%
}

.dislike-reason-item {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    color: rgba(0, 0, 0, .92);
    display: flex;
    height: calc(20% - 6.4px);
    justify-content: center;
    line-height: 22px;
    margin-bottom: 8px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dislike-reason-item:last-child {
    margin-bottom: 0
}

.dislike-reason-cancel {
    color: hsla(0, 0%, 100%, .72);
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    text-align: center
}

.countrySubsidyPop--H8zeYsJl {
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 524px;
    left: 50%;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 440px
}

.header--_zElRGdI {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
    width: 100%
}

.title--hRL26dYi {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px
}

.closeIconWrap--L6IousNu {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    width: 32px
}

.closeIcon--tajgTy3E {
    font-size: 28px
}

.content--m925sTKM {
    display: flex;
    flex-direction: row;
    height: calc(100% - 40px);
    justify-content: center;
    margin-top: 8px;
    overflow: hidden;
    width: calc(100% + 24px)
}

.PurchasePanel--JEB_OhIE {
    --sku-body-padding-right: 0px;
    height: calc(100vh - 12px);
    max-height: 100%;
    min-width: 400px;
    opacity: 0;
    top: 12px
}

.PurchasePanel--JEB_OhIE #tbpcDetail_SkuPanelBody {
    padding-bottom: 24px
}

.PurchasePanel--JEB_OhIE #tbpcDetail_SkuPanelFoot {
    box-sizing: border-box;
    position: static;
    width: 100%;
    z-index: 2
}

.PurchasePanel--JEB_OhIE.changeSkuFootStyle--ARUbDAV6 #tbpcDetail_SkuPanelBody {
    padding-bottom: 120px
}

.PurchasePanel--JEB_OhIE.changeSkuFootStyle--ARUbDAV6 #tbpcDetail_SkuPanelFoot {
    background-color: hsla(0, 0%, 100%, .96);
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 20px;
    bottom: 24px;
    box-shadow: 0 12px 36px 0 rgba(31, 31, 51, .12);
    height: 80px;
    margin-left: -16px;
    min-width: 400px;
    padding: 0 16px 16px;
    position: fixed;
    width: calc(var(--sku-foot-width) + 32px)
}

.PurchasePanel--JEB_OhIE.skuFootStatic--erxPGuAP {
    height: auto
}

.PurchasePanel--JEB_OhIE.skuFootStatic--erxPGuAP #tbpcDetail_SkuPanelBody {
    padding-bottom: 0
}

.PurchasePanel--JEB_OhIE.skuFootStatic--erxPGuAP #tbpcDetail_SkuPanelFoot {
    background-color: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    padding: 0 0 16px;
    position: static;
    width: 100%
}

.PurchasePanel--JEB_OhIE.skuFootResist--kroJbdFT {
    height: calc(100vh - 127px);
    position: relative;
    top: 0
}

.PurchasePanel--JEB_OhIE.skuFootResist--kroJbdFT #tbpcDetail_SkuPanelBody {
    padding-bottom: 0
}

.PurchasePanel--JEB_OhIE.skuFootResist--kroJbdFT #tbpcDetail_SkuPanelFoot {
    background-color: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    height: auto;
    margin-bottom: 24px;
    margin-left: 0;
    padding: 0;
    position: static;
    width: 100%
}

.PurchasePanel--JEB_OhIE.changeRightPadding--KHY2G9DV {
    --sku-body-padding-right: 8px
}

.PurchasePanel--JEB_OhIE.changeRightPadding--KHY2G9DV #tbpcDetail_SkuPanelBody {
    padding-right: var(--sku-body-padding-right)
}

.PurchasePanel--JEB_OhIE.showScrollBar--FglL_MRJ #tbpcDetail_SkuPanelBody {
    -ms-overflow-style: auto;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: auto
}

.PurchasePanel--JEB_OhIE.showScrollBar--FglL_MRJ #tbpcDetail_SkuPanelBody::-webkit-scrollbar {
    display: block;
    width: 4px
}

.PurchasePanel--JEB_OhIE.disableScroll--qvW1TS1p #tbpcDetail_SkuPanelBody {
    overflow-y: hidden;
    padding-right: var(--sku-body-padding-right)
}

.PurchasePanel--JEB_OhIE .firstEntryTipArea--TxUjyY_E {
    bottom: 56px;
    display: flex;
    flex-direction: row;
    height: 0;
    justify-content: center;
    position: fixed;
    width: var(--sku-foot-width);
    z-index: 1
}

.PurchasePanel--JEB_OhIE.skuFootResist--kroJbdFT .firstEntryTipArea--TxUjyY_E,
.PurchasePanel--JEB_OhIE.skuFootStatic--erxPGuAP .firstEntryTipArea--TxUjyY_E {
    bottom: 32px;
    position: absolute;
    width: 100%
}

.PurchasePanel--JEB_OhIE .firstEntryTipWrap--qVD0CVju {
    align-items: center;
    animation: enter--Fw2Qj3Ns .3s ease-in-out .5s forwards;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 22px;
    opacity: 0;
    position: absolute;
    width: 152px
}

.PurchasePanel--JEB_OhIE .firstEntryTipWrap--qVD0CVju .tipIcon--D6S0oAd9 {
    animation: move--xNlQaL8i 1s ease-in-out infinite alternate;
    font-size: 8px;
    line-height: 8px;
    margin-left: 8px
}

.PurchasePanel--JEB_OhIE .hideFirstEntryTipWrap--PuEqFR4o {
    animation: leave--jkdQR8pp .3s ease-in-out forwards
}

.ie .PurchasePanel--JEB_OhIE #tbpcDetail_SkuPanelFoot,
.ie .PurchasePanel--JEB_OhIE .firstEntryTipArea--TxUjyY_E {
    width: 400px
}

@keyframes enter--Fw2Qj3Ns {
    0% {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 64px;
        opacity: 1
    }
}

@keyframes leave--jkdQR8pp {
    0% {
        bottom: 64px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes move--xNlQaL8i {
    0% {
        transform: translateY(-2px)
    }

    50% {
        transform: translateY(2px)
    }

    to {
        transform: translateY(-2px)
    }
}

.leftDrawer--4H_p9fnt {
    font-family: PingFang SC;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99999
}

.mask--gVyFQQb2 {
    animation: maskAppear--ol4sQP1D .4s ease-in-out 0s 1 forwards;
    height: 100%;
    width: 100%
}

.content--ew3Y4lVg {
    animation: contentAppear--VpIHBOEY .4s ease-in-out 0s 1 forwards;
    background-color: #fff;
    height: 100%;
    left: -60vw;
    min-width: 614px;
    position: absolute;
    top: 0;
    width: 60vw
}

.content--ew3Y4lVg .closeIcon--NdjsxNY9 {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px
}

.content--ew3Y4lVg>div {
    max-width: 100%
}

@keyframes maskAppear--ol4sQP1D {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .6)
    }
}

@keyframes contentAppear--VpIHBOEY {
    to {
        left: 0
    }
}

.TitleTabs--NFD4jVF0 {
    display: flex;
    flex-direction: row;
    left: 0;
    padding: 16px 0 12px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 30
}

.TitleTabsSticky--HpDmcu1E {
    padding: 0
}

.tabTitleWrap--gReQPhVU {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%
}

.tabTitleWrap--gReQPhVU .tabTitleInnerWrap--MqfrVH4C {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    overflow-x: auto;
    width: 100%
}

.tabTitleWrap--gReQPhVU .tabTitleInnerWrapRightMask--ILd6FIuU:after {
    background: linear-gradient(270deg, #fff 35%, hsla(0, 0%, 100%, .1));
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    z-index: 10
}

.tabTitleWrap--gReQPhVU .tabTitleList--H7QVgtLH {
    -ms-overflow-style: none;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    z-index: 2;
    width: 100%;
}

.tabTitleWrap--gReQPhVU .tabTitleList--H7QVgtLH::-webkit-scrollbar {
    display: none
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz {
    color: rgba(0, 0, 0, .92);
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    float: left;
    margin-right: 32px
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz .tabTitle--BHerXaZ2 {
    height: 100%
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz:last-child {
    margin-right: 0
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz.isActive--rYriMk4s {
    font-weight: 600;
    position: relative
}
.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz:hover {
    position: relative;
    font-weight: 600;
}
.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz.isActive--rYriMk4s:after, .tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz:hover:after {
    background-color: #81b337;
    bottom: -12px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz:hover {
    color: #81b337
}

.tabTitleWrap--gReQPhVU .tabTitleItem--z4AoobEz>span {
    text-wrap: nowrap;
    word-break: keep-all
}

.paramsWrap--H4YJB7Yk {
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden;
    width: 100%
}

.emphasisParamsInfoWrap--b8752_wd {
    align-items: center;
    background: #f7f7f7;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 16px;
    min-height: 50px;
    padding: 24px 16px 0;
    width: calc(100% - 32px)
}

.emphasisParamsInfoItem--H5Qt3iog {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 12px 24px 0;
    position: relative;
    width: calc(33.33333% - 8px)
}

.emphasisParamsInfoItem--H5Qt3iog:nth-of-type(3n) {
    margin-right: 0
}

.emphasisParamsInfoItem1--UXhxU9xc {
    margin-right: 0;
    width: 100%
}

.emphasisParamsInfoItem2or4--TswMCmzk {
    margin-right: 12px;
    width: calc(50% - 6px)
}

.emphasisParamsInfoItem2or4--TswMCmzk:nth-of-type(2n) {
    margin-right: 0
}

.emphasisParamsInfoItem2or4--TswMCmzk:nth-of-type(2n - 1) {
    margin-right: 12px
}

.emphasisParamsInfoItem4or8--xxhuJVrE {
    margin-right: 12px !important;
    width: calc(25% - 9px)
}

.emphasisParamsInfoItem4or8--xxhuJVrE:nth-of-type(4n) {
    margin-right: 0 !important
}

.emphasisParamsInfoItemTitle--IGClES8z {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px
}

.emphasisParamsInfoItemSubTitle--Lzwb8yjJ,
.emphasisParamsInfoItemTitle--IGClES8z {
    font-family: PingFang SC;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.emphasisParamsInfoItemSubTitle--Lzwb8yjJ {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px
}

.emphasisParamsInfoItemIconWrap--kDswArhr {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: center;
    width: 48px
}

.emphasisParamsInfoItemIcon--xeTPaXXY {
    height: 36px;
    width: 36px
}

.changeEmphasisParamsInfoWrapStyle--gFCpNoKZ {
    min-height: 102px;
    padding-bottom: 8px;
    padding-top: 24px
}

.changeEmphasisParamsInfoWrapStyle--gFCpNoKZ .emphasisParamsInfoItem--H5Qt3iog {
    margin-bottom: 16px
}

.changeEmphasisParamsInfoWrapStyle--gFCpNoKZ .emphasisParamsInfoItemSubTitle--Lzwb8yjJ {
    margin-bottom: 8px
}

.changeEmphasisParamsInfoWrapStyle--gFCpNoKZ .emphasisParamsInfoItemTitle--IGClES8z {
    margin-bottom: 0
}

.generalParamsInfoWrap--D5HQi4uU {
    align-content: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.changeGeneralParamsInfoWrapStyle--zoQBBKnx {
    flex-direction: column;
    width: 100%
}

.changeGeneralParamsInfoWrapStyle--zoQBBKnx .generalParamsInfoItem--qLqLDVWp {
    margin-right: 0 !important;
    width: 100%
}

.generalParamsInfoItem--qLqLDVWp {
    align-items: flex-start;
    display: flexbox;
    flex-direction: row;
    max-height: 66px;
    max-height: 66px;
    min-height: -webkit-min-content;
    min-height: min-content;
    width: 25%;
    box-sizing: border-box;
    border: solid #bbbbbb 1px;
    height: 66px;
}

.generalParamsInfoItem--qLqLDVWp:nth-of-type(2n - 1) {}

.generalParamsInfoItemTitle--Fo9kKj5Z {
    color: #000000;
    height: 22px;
    margin-right: 16px;
    white-space: nowrap;
    width: 84px
}

.generalParamsInfoItemSubTitle--S4pgp6b9,
.generalParamsInfoItemTitle--Fo9kKj5Z {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

.generalParamsInfoItemSubTitle--S4pgp6b9 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1f1f1f;
    display: -webkit-box;
    white-space: normal;
    width: calc(100% - 135px);
    margin: 10px;
    box-sizing: border-box;
    height: calc(100% - 20px);
    float: right;
}

.generalParamsInfoItem--qLqLDVWp .generalParamsInfoItemTitle--Fo9kKj5Z {
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    background: #f6fee9;
    border-right: solid #bbbbbb 1px;
    width: 115px;
    margin-right: 0px;
    float: left;
}

.paramsEmptyWrap--DTs_1Dhz {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.emptyIcon--HBRa7tv2 {
    height: 140px;
    margin-top: 120px;
    width: 140px
}

.emptyText--MuHIZ36r {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -38px;
    text-align: center
}

.imageTextInfo--SCgWFinK {
    overflow: hidden;
    transform: translate(0);
    width: 100%
}

.desc-root-wrapper {
    width: 750px
}

.ie .desc-root {
    zoom: 1 !important
}

.card--xjlvRRMc {
    cursor: pointer;
    float: left;
    margin-bottom: 24px;
    width: calc((100% - 64px) / 5);
    margin-left: 0px;    
    margin-right: 16px
}

.card--xjlvRRMc:hover {
    text-decoration: none
}
.card--xjlvRRMc:nth-of-type(5n) {
    margin-right: 0px;
}
.cardPic--jyVXUB7W {
    background-color: #efefef;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.cardPic--jyVXUB7W>img {
    height: 100%;
    width: 100%
}

.cardContentWrapper--AUqTVKAu {
    width: 100%
}

.cardTitle--ju3WOx2q {
    color: #11192d;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 8px
}

.cardTitle--ju3WOx2q:hover {
    color: #81b337
}

.price--Hi3vfC7r {
    font-size: 24px;
    line-height: 24px;
    margin-top: 8px
}

.price--Hi3vfC7r,
.symbol--v4tgECuR {
    color: #ff0101;
    font-family: AlibabaSans102v1TaoBao-Bold
}

.symbol--v4tgECuR {
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px
}

.sales--HPaUg5wp {
    color: #50607a;
    font-family: PingFangSC-Regular;
    font-size: 23px;
    letter-spacing: 0;
    line-height: 25px;
    float: right;
    background: #ff0101;
    color: white;
    border-radius: 50px;
    width: 27px;
    text-align: center;
    height: 27px;
}
.sales--HPaUg5wp:hover {
    background: #56890b;
}
.benifitPointWrapper--CBZl3hfz {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px
}

.benifitPoint--SR8NzRv1 {
    color: #ff6200;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    margin-right: 8px;
    margin-top: 6px
}

@media (max-width:1190px) {
    .card--xjlvRRMc {
        width: calc((100% - 64px) / 5);
    }
}

@media (min-width:1190px) and (max-width:1600px) {
    .card--xjlvRRMc {
        width: calc((100% - 64px) / 5);
    }
}

@media (min-width:1600px) {
    .card--xjlvRRMc {
        width: calc((100% - 64px) / 5);
    }
}
.card--xjlvRRMc:hover .cardPic--jyVXUB7W::before {
    content: '';
    border: solid red 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 8px;
}
.RecommendInfo--Q8RLYLUz {
    width: 100%
}

.header--qkkQozoy {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 12px
}

.recommend--faACMSWM {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 164px;
    overflow: hidden;
    width: calc(100% + 16px)
}

.error--V4IX8N6t {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.error--V4IX8N6t .img--beu1x5oL {
    width: 120px
}

.error--V4IX8N6t .text--xJr6BLrd {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 8px
}

.root--gIrroMS3 {
    width: 100%
}

.root--gIrroMS3 .picContainer--LNryYcHm {
    border-radius: 12px;
    width: 100% !important
}

.root--gIrroMS3 .allScreen--KIJXwArR {
    background-image: url(//img.alicdn.com/imgextra/i4/O1CN01SdYfMU1obLYevtLxC_!!6000000005243-2-tps-160-64.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 8px;
    bottom: 20px;
    cursor: pointer;
    height: 32px;
    opacity: .85;
    position: absolute;
    right: 20px;
    width: 80px;
    z-index: 20
}

.root--gIrroMS3 .allScreen--KIJXwArR:hover {
    opacity: 1
}

.container--GHwhW6Ti {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100vh;
    justify-content: center;
    width: 100%
}

.errorPicture--jQs6UHqu {
    object-fit: contain
}

.QiyegouPcDetailTabFactory--tzzpX0kx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: auto;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 100%
}

.moduleTitle--igoMCSYq {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 20px
}

.container--K4x1gjKp {
    background: linear-gradient(180deg, #f5f8ff, #ebf1ff);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 24px 24px;
    position: relative;
    width: 100%
}

.headerSection--z66cfeiA {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    z-index: 2
}

.contentWrapper--q1DnKkXr {
    flex-direction: column;
    padding-top: 24px
}

.contentWrapper--q1DnKkXr,
.infoGroup--UzQOT6ek {
    align-self: flex-start;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start
}

.infoGroup--UzQOT6ek {
    flex-direction: row;
    margin-top: 8px
}

.reportNumberLabel--UTlmnUxW {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.separatorLine--Uxbh_7wl {
    align-self: center;
    height: 12px;
    margin-left: 7px;
    object-fit: cover;
    width: 2px
}

.generationDateTag--A5sgrSVQ {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    line-height: 22px;
    margin-left: 7px
}

.iconGroup--rTUqw2zd {
    align-self: flex-start;
    margin-top: 8px;
    width: 373px
}

.iconGroup--rTUqw2zd,
.iconView--blSuKJGh {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.iconView--blSuKJGh {
    align-self: center;
    background: #3171f4;
    border-radius: 4px;
    padding: 1px 6px
}

.statusIcon--AhFT4JDW {
    align-self: center;
    height: 17px;
    margin: 1px 0 0 1px;
    object-fit: cover;
    width: 14px
}

.statusText--o1sH3wy3 {
    align-self: center;
    color: #fff;
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin-left: 3px;
    white-space: nowrap
}

.tagContainer--FqJKGFte {
    align-self: center;
    background: #3171f4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 8px;
    padding: 1px 6px
}

.industryTag--Eu83mbZ_ {
    align-self: flex-start;
    color: #fff;
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.patentTagContainer--zorPjjlh {
    align-self: center;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 8px;
    padding: 1px 6px
}

.patentTag--xWkE8bFO {
    align-self: flex-start;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.supportSectionContainer--KAN9oTuX {
    align-self: center;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 8px;
    padding: 1px 6px
}

.supportText--apzbyLLC {
    align-self: flex-start;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.companyInfoWrapper--fNdx5dFw {
    align-self: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 118px;
    justify-content: flex-start;
    position: absolute;
    right: 8%
}

.companyDescription--flDU3kpN {
    color: rgba(0, 0, 0, .92);
    font-size: 20px;
    font-weight: 0;
    line-height: 20px;
    white-space: nowrap
}

.imageGroup--dxmA0LaS {
    align-self: flex-start;
    background-image: url(https://img.alicdn.com/imgextra/i1/O1CN01DTKo7k29DAdZEtMDW_!!6000000008033-2-tps-280-235.png);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 118px;
    justify-content: flex-start;
    padding: 0 4px 18px;
    position: relative;
    width: 140px
}

.companyPicture--i4pbLKOO {
    height: 108px;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 118px;
    z-index: 1
}

.companyImage--QRsnRpSN {
    align-self: flex-start;
    height: 120px;
    margin: -20px 0 0 13px;
    object-fit: cover;
    width: 119px;
    z-index: 2
}

.companyArticle--Aedy5sRv {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 16px;
    font-weight: 0;
    line-height: 24px;
    margin-top: 10px;
    white-space: normal;
    width: 100%
}

.detailsBody--_T4JYwhx {
    align-self: center;
    background-color: #fff;
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 74px 74px;
    margin-top: 20px;
    padding: 8px 0;
    width: 100%
}

.brandRow--UlKOpLM5 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.brandNameLabel--DCppT9Ch,
.brandNameLabelCopy--IGzQIcHi {
    color: rgba(0, 0, 0, .92);
    font-size: 16px;
    font-weight: 0;
    line-height: 24px;
    white-space: nowrap
}

.brandNameLabelCopy--IGzQIcHi {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis
}

.brandDescription--qay9jAah {
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin-top: 4px;
    white-space: nowrap
}

.normalBox--VaGZOtZ_ {
    flex-direction: row;
    margin-top: 24px;
    width: 100%
}

.normal--jN9ii5Tp,
.normalBox--VaGZOtZ_ {
    display: flex;
    height: 40px;
    justify-content: center
}

.normal--jN9ii5Tp {
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    width: 144px
}

.moduleTitle--SaiBt6a8 {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.containerStyle--jthIo_D5 {
    background: #f7f7f7;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 12px 16px;
    width: 100%
}

.textContentStyle--tauJXoGl {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    align-self: flex-start;
    color: rgba(0, 0, 0, .92);
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: normal
}

.moduleTitle--rAE6BIvG {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.container--I6k9RHBu {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.productionRow--yLs7b0nS {
    align-self: flex-start;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.productionRowEven--CigZ_3Ei {
    background-color: #fff
}

.productionLabel--kaSjxa1t {
    margin-left: 4px
}

.productionCount--j2LvLePH,
.productionLabel--kaSjxa1t {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.productionCount--j2LvLePH {
    margin-right: 4px
}

.moduleTitle--hdGvxfR3 {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.container--ByVjDtmP {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.productionRow--lMz9r9NW {
    align-self: flex-start;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.productionRowEven--LVv9qvAt {
    background-color: #fff
}

.productionLabel--UC4DbF2W {
    margin-left: 4px
}

.productionCount--BEVoEBT7,
.productionLabel--UC4DbF2W {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.productionCount--BEVoEBT7 {
    margin-right: 4px
}

.moduleTitle--RWcOowLV {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.container--OokTK5U0 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.productionRow--wYPFvV4_ {
    align-self: flex-start;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.productionRowEven--_ri_DlJ9 {
    background-color: #fff
}

.productionLabel--sloKS6hC {
    margin-left: 4px
}

.productionCount--P3di5XV9,
.productionLabel--sloKS6hC {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.productionCount--P3di5XV9 {
    margin-right: 4px
}

.moduleTitle--PgDdcb3U {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.container--YR3TrAJL {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.productionRow--QIlteDdx {
    align-self: flex-start;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.productionRowEven--q90gOySh {
    background-color: #fff
}

.productionLabel--xtVNH8ZJ {
    margin-left: 4px
}

.productionCount--ejVhvbZk,
.productionLabel--xtVNH8ZJ {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.productionCount--ejVhvbZk {
    margin-right: 4px
}

.moduleTitle--s3TBQT57 {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.mod--ndxLqLiS {
    flex-direction: column;
    justify-content: flex-start
}

.headerContainer--BVLaR9gq,
.mod--ndxLqLiS {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.headerContainer--BVLaR9gq {
    align-self: flex-start;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 0 16px
}

.productNameTag--j5401qT3 {
    width: 80%
}

.deliveryQuantityLabel--w78pFoHT,
.productNameTag--j5401qT3 {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap
}

.deliveryQuantityLabel--w78pFoHT {
    text-align: right;
    width: 20%
}

.productionRow--S6jHiBFu {
    align-self: flex-start;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.productionRowEven--_iSRHEEV {
    background-color: #fff
}

.productionLabel--M8h3LQKz {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin-left: 4px;
    white-space: nowrap
}

.bodyItem4Percent--l8VQ9p26,
.productionCount--q8lDGeBq {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin-right: 4px;
    white-space: nowrap
}

.moduleTitle--JQZ_k0sj {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.mod--cxCpOFoO {
    flex-direction: column;
    justify-content: flex-start
}

.headerContainer--YS8kOvuw,
.mod--cxCpOFoO {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.headerContainer--YS8kOvuw {
    align-self: flex-start;
    flex-direction: row;
    height: 46px;
    justify-content: space-between;
    padding: 0 16px
}

.productNameTag--iCSSux9M {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap;
    width: 60%
}

.cycleLabel--zGp1xiWx,
.deliveryQuantityLabel--iye9eyOK {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    text-align: right;
    white-space: nowrap;
    width: 20%
}

.itemContainer--MhJVl8J7 {
    align-self: flex-start;
    background-color: #f7f7f7;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 46px;
    justify-content: center;
    padding: 12px 16px;
    width: 100%
}

.fastenerBoltInfo--aLCUo6vp {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    white-space: nowrap;
    width: 60%
}

.deliveryQuantityNum--yTMsfR0X,
.quantityTag--zeMhbXrl {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    text-align: right;
    white-space: nowrap;
    width: 20%
}

.productionRowEven--twKzVDUD {
    background-color: #fff
}

.moduleTitle--WQtVEOFU {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px
}

.container--D0fDuG6e {
    align-items: center;
    box-sizing: border-box;
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.serviceText--lGZAT2U6 {
    background: #f7f7f7;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 12px 16px
}

.moduleTitle--mU5Jv1e8 {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-bottom: 12px;
    margin-top: 28px
}

.factoryScenecontainer--KASC2aoa {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.contentBody--uUlu9fvw {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    overflow: hidden;
    transition: all .2s;
    width: 100%
}

.imageColumn--NxTKMlzP {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 203px
}

.imageItem--rl0fVHWA {
    align-self: flex-start;
    border-radius: 8px;
    height: 203px;
    object-fit: cover;
    width: 203px
}

.imageInfo--L3XkiqHi {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin: 8px 0 0 1px;
    max-width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imageColumn1--Oa4tREqI {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 233px;
    justify-content: flex-start;
    width: 203px
}

.imageProduct--InHbQv7x {
    align-self: flex-start;
    height: 203px;
    object-fit: cover;
    width: 203px
}

.imageSubtitle--v2VqAmoH {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin: 8px 0 0 1px;
    max-width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imageColumn2--hOclf1Ua {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 233px;
    justify-content: flex-start;
    width: 203px
}

.imageItem1--QUBIfuQY {
    align-self: flex-start;
    height: 203px;
    object-fit: cover;
    width: 203px
}

.imageInfo1--RwOl93m3 {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin: 8px 0 0 1px;
    max-width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imageColumn3--fiFuu8uW {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 233px;
    justify-content: flex-start;
    width: 203px
}

.imageProduct1--Gi5FDuUK {
    align-self: flex-start;
    height: 203px;
    object-fit: cover;
    width: 203px
}

.imageMeta--pT0R_xrf {
    align-self: center;
    color: rgba(0, 0, 0, .52);
    font-size: 14px;
    font-weight: 0;
    line-height: 22px;
    margin: 8px 0 0 1px;
    max-width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collapseSection--lECZ4yrB {
    align-self: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 12px;
    width: 108px
}

.collapseTag--Nh6A9HGg {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 16px;
    font-weight: 0;
    line-height: 24px;
    white-space: nowrap
}

.collapseDot--v4bI_GG3 {
    align-self: center;
    height: 5px;
    margin: 0 0 1px 4px;
    object-fit: cover;
    width: 8px
}

.expandSection--K2T3KfbD {
    align-self: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 12px;
    width: 108px
}

.expandTag--_3rlB6xJ {
    align-self: center;
    color: rgba(0, 0, 0, .92);
    font-size: 16px;
    font-weight: 0;
    line-height: 24px;
    white-space: nowrap
}

.expandDot--pWipePPv {
    align-self: center;
    height: 5px;
    margin: 1px 0 0 4px;
    object-fit: cover;
    width: 8px
}

.Comment--qLX9Lbvs {
    margin-bottom: 16px
}

.header--uAaKHiTO {
    display: flex;
    flex-direction: row
}

.avatar--DQEi3KFj>img {
    border-radius: 40px;
    height: 40px;
    width: 40px
}

.userInfo--Z2HRjJe5 {
    flex: 1;
    margin-left: 12px
}

.userInfo--Z2HRjJe5 .userName--MaJhUhpD {}

.userInfo--Z2HRjJe5 .creditImg--dBN8KAN2 {
    height: 16px;
    margin-left: 4px;
    width: auto
}

.userInfo--Z2HRjJe5 .meta--RICvRbkA {
    color: #50607a;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px
}

.contentWrapper--AG3a2Y9X {
    margin-bottom: 16px;
    margin-left: 52px;
    margin-top: 8px
}

.splitLine--W16bdcYe {
    background-color: #f0f3f5;
    height: 1px;
    margin: 12px 0
}

.content--T0d50dP5 {
    color: #11192d;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px
}

.album--WpqL2WVM {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 7px
}

.photo--RYALVcv5 {
    background: #f3f6f8;
    border-radius: 6px;
    cursor: pointer;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    position: relative
}

.photo--RYALVcv5:hover:after {
    background-color: rgba(0, 0, 0, .16);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.photo--RYALVcv5>img {
    border-radius: 8px
}

.cover--kVd_0rd5 {
    position: relative
}

.playerIcon--SsHx8SUD {
    background-image: url(//gw.alicdn.com/mt/TB1exduPVXXXXcIXpXXXXXXXXXX-136-136.png);
    background-size: cover;
    height: 32px;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.preview--ZDp63FNi {
    background: #f3f6f8;
    border-radius: 8px;
    height: 400px;
    margin-top: 12px;
    max-height: 999px;
    max-width: 400px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: max-height .3s, opacity .3s
}

.preview--ZDp63FNi.imgWrap--mq12JOdT {
    cursor: url(//img.alicdn.com/tps/i1/T1oq4AFupvXXcu5FDa-20-20.png), url(//assets.alicdn.com/img/common/zoom_out.cur), auto
}

.preview--ZDp63FNi:hover .closeIcon--ZnYMKxg3 {
    display: block
}

.closeIcon--ZnYMKxg3 {
    cursor: pointer;
    display: none;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 2
}

.closeIcon--ZnYMKxg3 img {
    max-height: 100%;
    max-width: 100%
}

.preview--ZDp63FNi.hide--qQtX081r {
    border: none;
    margin-bottom: 0;
    max-height: 0;
    opacity: 0
}

.preview--ZDp63FNi>.previewImage--J4WsAI_e {
    border-radius: 12px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.preview--ZDp63FNi>.previewVideo--LBSi20hn {
    border-radius: 12px;
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden
}

.previewVideo--LBSi20hn>.lib-video {
    border-radius: 12px
}

.photo--RYALVcv5.active--nOUL32Go>img {
    border-radius: 6px
}

.photo--RYALVcv5>img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.footer--s217Eu21 {
    height: 18px;
    margin-top: 12px;
    position: relative
}

.visited--j2hHDXPd {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 13px;
    line-height: 18px
}

.like--wiVoY0BW {
    color: #50607a;
    font-family: PingFang SC;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center
}

.like--wiVoY0BW>button {
    background: #fff;
    border: 0;
    cursor: pointer;
    outline: 0
}

.like--wiVoY0BW>button svg {
    margin-right: 3px;
    vertical-align: -1px
}

.like--wiVoY0BW>button svg path {
    stroke: #50607a
}

.like--wiVoY0BW.active--nOUL32Go>button {
    color: #ff5000
}

.like--wiVoY0BW.active--nOUL32Go>button svg path {
    stroke: #ff5000
}

.reply--EWbBe0Zk {
    color: #50607a;
    font-family: PingFang SC;
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px
}

.appendInternal--KbfapC15 {
    color: #ff5000
}

.append--I1PzXd1R {
    border-radius: 12px
}

.append--I1PzXd1R .content--T0d50dP5 {
    margin-top: 0
}

.like--wiVoY0BW:hover button {
    color: #81b337
}

.like--wiVoY0BW:hover button svg path {
    stroke: #81b337
}

.changeCommentStyle--4yUtYtkv .avatar--DQEi3KFj {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: center;
    overflow: hidden;
    width: 44px
}

.changeCommentStyle--4yUtYtkv .avatar--DQEi3KFj img {
    height: 44px;
    width: 44px
}

.changeCommentStyle--4yUtYtkv .like--wiVoY0BW {
    color: rgba(0, 0, 0, .52);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: text-top
}

.changeCommentStyle--4yUtYtkv .like--wiVoY0BW button svg {
    height: 20px;
    margin-right: 2px;
    vertical-align: -5px;
    width: 20px
}

.changeCommentStyle--4yUtYtkv .like--wiVoY0BW span {
    font-family: PingFang SC
}

.changeCommentStyle--4yUtYtkv .userName--MaJhUhpD {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px
}

.changeCommentStyle--4yUtYtkv .meta--RICvRbkA {
    color: rgba(0, 0, 0, .4);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.changeCommentStyle--4yUtYtkv .contentWrapper--AG3a2Y9X {
    margin-bottom: 16px;
    margin-left: 56px
}

.changeCommentStyle--4yUtYtkv .contentWrapper--AG3a2Y9X .content--T0d50dP5 {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.changeAlbumStyle--QNRbZwO1 {
    margin-top: 12px;
    overflow: hidden;
    width: 100%
}

.changeAlbumStyle--QNRbZwO1 .photo--RYALVcv5 {
    margin: 0 8px 8px 0;
    position: relative
}

.HideableText--Ka6kZv6v {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.HideableText--Ka6kZv6v .text--iFTaWyKD {
    color: #50607a;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

.HideableText--Ka6kZv6v .showMore--oV0ZAOWb {
    text-wrap: nowrap;
    color: #11192d;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: right
}

.HideableText--Ka6kZv6v .showMore--oV0ZAOWb:hover {
    cursor: pointer
}

.condition--WxRuotJB {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.mainCondition--igTq2xJ0 {
    width: 100%;
    padding-top: 12px;
}

.changeMainConditionStyle--O0SgrIze .tagItem--hEWnKy1n {
    display: inline-block;
    line-height: 24px !important
}

.changeMainConditionStyle--O0SgrIze .sortBy--zXgxE_Il {
    background-color: transparent;
    border: none;
    float: right;
}

.changeMainConditionStyle--O0SgrIze .sortBy--zXgxE_Il:hover {
    background-color: transparent;
    cursor: pointer
}

.changeMainConditionStyle--O0SgrIze .sortByText--sHYdgHTq {
    align-items: center;
    color: rgba(0, 0, 0, .92);
    display: flex;
    flex-direction: row;
    font-family: PingFang SC !important;
    font-size: 16px !important;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 0;
    line-height: 24px !important
}

.changeMainConditionStyle--O0SgrIze .sortList--sN57fj3S {
    width: 76px
}

.changeMainConditionStyle--O0SgrIze .sortList--sN57fj3S .sortItem--Uwq6T2xD {
    font-family: PingFang SC
}

.changeMainConditionStyle--O0SgrIze .sortList--sN57fj3S .sortItem--Uwq6T2xD:hover {
    background-color: rgba(0, 0, 0, .04)
}

.changeMainConditionStyle--O0SgrIze .sortList--sN57fj3S .sortItem--Uwq6T2xD.isSelected--XbXjHIgd {
    background-color: #fff1eb;
    color: #ff5000;
    font-weight: 500
}

.subCondition--OKj6kQQv {
    margin-top: 16px;
    width: 100%;
}

.subCondition--OKj6kQQv .imprItem--EnIapZyY {
    background: #f5f5f5;
    border-radius: 4px;
    color: #1f1f1f;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 9px 12px
}

.subCondition--OKj6kQQv .imprItem--EnIapZyY.isSelected--XbXjHIgd {
    background: #fff1eb;
    color: #ff5000;
    font-weight: 500
}

.changeSubConditionStyle--ow9Wugvd {
    margin-top: 12px
}

.changeSubConditionStyle--ow9Wugvd .imprItem--EnIapZyY {
    background: #efefef;
    border-radius: 8px;
    box-sizing: border-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    padding: 5px 12px;
    float: left;
}

.changeSubConditionStyle--ow9Wugvd .imprItem--EnIapZyY:hover {
    border-color: #81b337;
    color: #81b337
}

.changeSubConditionStyle--ow9Wugvd .imprItem--EnIapZyY.isSelected--XbXjHIgd {
    background-color: transparent;
    border-color: #ff5000;
    color: #ff5000;
    font-weight: 400
}

.tagList--q22iYPAW {
    float: left;
    display: inline-block
}

.tagList--q22iYPAW>button {
    margin-right: 12px
}

.tagItem--hEWnKy1n {
    color: #666;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-right: 32px
}

.tagItem--hEWnKy1n.isSelected--XbXjHIgd {
    color: #1a1a1a;
    font-family: PingFangSC-Semibold;
    font-weight: 600
}

.sortBy--zXgxE_Il {
    align-items: center;
    background: #fff;
    border: 1px solid #dadde0;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    position: relative;
    width: 92px
}

.sortBy--zXgxE_Il:hover {
    background-color: #f3f6f8;
    cursor: pointer
}

.sortBy--zXgxE_Il.isExpended--k9VIp2e4:hover {
    background-color: #fff
}

.sortBy--zXgxE_Il .sortByText--sHYdgHTq {
    align-items: center;
    color: #11192d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 14px;
    border: #bbbbbb solid 1px;
    padding: 0px 5px;
    border-radius: 6px;
    position: relative;
}
.sortBy--zXgxE_Il .sortByText--sHYdgHTq:hover {
    border: #81b337 solid 1px;
}
.sortBy--zXgxE_Il .sortByText--sHYdgHTq .orderType {
    position: absolute;
    top: 25px;
    left: 0px;
    border: solid #bbbbbb 1px;
    display: none;
}
.sortBy--zXgxE_Il .sortByText--sHYdgHTq:hover .orderType {
    display: block;
}
.sortBy--zXgxE_Il .sortByText--sHYdgHTq .orderType span {
    display: block;
    padding: 5px 9px;
    border-top: solid #bbbbbb 1px;
    background: white;
}
.sortBy--zXgxE_Il .sortByText--sHYdgHTq .orderType span:hover {
    background: #81b337;
    color: white;
}
.sortBy--zXgxE_Il.isExpended--k9VIp2e4 {
    border-color: #ff5000
}

.sortBy--zXgxE_Il.isExpended--k9VIp2e4 .sortByText--sHYdgHTq {
    color: #cacfd7
}

.sortBy--zXgxE_Il.isExpended--k9VIp2e4 .arrowIcon--f541d7R5 {
    transform: rotate(-180deg)
}

.sortListActive--L7tZqc65 {
    display: block
}

.sortList--sN57fj3S {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 17, 51, .05);
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 17, 51, .1);
    display: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 40px;
    width: 92px
}

.sortItem--Uwq6T2xD {
    border-radius: 2px;
    color: #11192d;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 8px
}

.sortItem--Uwq6T2xD:hover {
    background: #f3f6f8
}

.sortItem--Uwq6T2xD.isSelected--XbXjHIgd {
    background-color: #fff1eb;
    color: #ff5000;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.arrowIcon--f541d7R5 {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    transition: transform .4s ease;
    vertical-align: baseline
}

.BlackLightPage--ZT_GI5WP {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.iconWrap--YF9yQ6Qm {
    background-color: hsla(0, 0%, 100%, .16);
    border-radius: 48px;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    top: calc(50% - 22px)
}

.iconWrap--YF9yQ6Qm:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.closeIcon--LnJm8odR {
    height: 20px;
    width: 20px
}

.leftArrowIcon--quQKiMkQ,
.rightArrowIcon--HjjvqUqu {
    height: 12px;
    padding: 4px;
    width: 12px
}

.leftArrowIcon--quQKiMkQ {
    transform: rotate(180deg)
}

.content--Z6MdXKM1 {
    overflow: hidden
}

.content--Z6MdXKM1,
.item--uYkvk35w {
    height: calc(100vh - 96px);
    width: calc(100vw - 288px)
}

.item--uYkvk35w {
    align-items: center;
    display: flex;
    flex-direction: column
}

.item--uYkvk35w .itemImgWrap--NcT5blYA {
    display: flex;
    height: calc(100vh - 212px);
    width: calc(100vw - 288px)
}

.item--uYkvk35w .itemVideo--LEFLZern {
    border-radius: 8px;
    display: block;
    height: calc(100vh - 212px);
    margin: 0 auto;
    overflow: hidden;
    width: calc(100vh - 212px)
}

.item--uYkvk35w .itemImg--Rg69no2W {
    border-radius: 8px;
    display: block;
    height: auto !important;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto !important
}

.item--uYkvk35w .itemTextWrap--YMJlmuxz {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: 708px
}

.item--uYkvk35w .summaryWrap--bNApbUKi {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 2px 0
}

.item--uYkvk35w .summaryWrap--bNApbUKi .headPicUrl--xPJkwN0H {
    border-radius: 20px;
    height: 40px;
    margin-right: 12px;
    overflow: hidden;
    width: 40px
}

.item--uYkvk35w .summaryWrap--bNApbUKi .middle--aSoLP4qH {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    max-width: 614px
}

.item--uYkvk35w .summaryWrap--bNApbUKi .userNick--oWLZTl8d {
    color: #fff;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.item--uYkvk35w .summaryWrap--bNApbUKi .creditImg--AmDV9Quj {
    height: 16px;
    margin-left: 4px;
    width: auto
}

.item--uYkvk35w .summaryWrap--bNApbUKi .reviewDate--oa1q4RQe,
.item--uYkvk35w .summaryWrap--bNApbUKi .subIndexWrap--gXHeHiF5 {
    color: hsla(0, 0%, 100%, .52);
    font-family: PingFangSC-Regular;
    font-weight: 400
}

.item--uYkvk35w .summaryWrap--bNApbUKi .subIndexWrap--gXHeHiF5 {
    font-size: 14px;
    line-height: 14px;
    margin-left: 12px;
    text-align: right;
    width: 30px
}

.item--uYkvk35w .detailWrap--wo8lxE2b {
    color: #f1f1f1;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 8px
}

.ShowButton--hHO0rKRu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    width: 144px
}

.ShowButton--hHO0rKRu:hover {
    background-color: rgb(129 179 55);
    cursor: pointer;
    color: white;
}

.ShowButton--hHO0rKRu .img--ZCaPZr3w {
    margin-left: 4px;
    width: 8px
}

.Comments--K5_sD45_ {
    min-width: 456px;
    width: 1000px;
    margin-left: 0px;
}

.comments--a9Uyym1a {
    box-sizing: border-box;
    outline: none;
    width: 100%
}

.comments--a9Uyym1a:focus {
    outline: none
}

.comment--q8eE8L7I {
    margin-bottom: 18px
}

.divider--OKSMsq4R {
    background-color: #979797;
    height: 1px;
    margin-bottom: 24px;
    margin-left: 60px;
    opacity: .1;
    width: calc(100% - 60px)
}

.footer--AoJWg_qG {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    text-align: center
}

.footer--AoJWg_qG>div {
    display: inline-block;
    vertical-align: middle
}

.button--mMdMI2mL {
    border: 1px solid #eee;
    border-radius: 21px;
    cursor: pointer;
    line-height: 42px;
    margin: 0 auto;
    text-align: center;
    transition: background-color .3s, border-color .3s
}

.more--CFypoqP9 {
    height: 42px;
    width: 118px
}

.button--mMdMI2mL:hover {
    background-color: #f5f5f5;
    border: 1px solid #cbcbcb
}

.loadingSkeletonWrapper--bJBVabZb,
.loadingWrapper--UA_1bQJF {
    position: relative
}

.moreLoading--C1mv0EBy {
    cursor: default
}

.moreLoading--C1mv0EBy:hover {
    background-color: #fff;
    border: 1px solid #eee
}

.moreText--xBcTqZjZ {
    color: #000;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    vertical-align: middle
}

.loading--SDVKRsSt {
    animation: rotating--Wr33Aocw 1s linear infinite;
    height: 18px;
    vertical-align: middle;
    width: 18px
}

@keyframes rotating--Wr33Aocw {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.empty--dcab7FR2 {
    position: relative;
    text-align: center
}

.empty--dcab7FR2,
.emptyTip--qWjHceXy {
    color: #7c889c;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px
}

.loadingWrapperOut--JmMWTega {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.empty--dcab7FR2 div {
    color: #979797;
    font-size: 14px
}

.prevBtn--D1tabBxq {
    margin-right: 12px
}

.prevBtn--D1tabBxq .arrow--cNSF7l86 {
    transform: rotate(90deg)
}

.nextBtn--__toO9yo .arrow--cNSF7l86 {
    transform: rotate(-90deg)
}

.detail-btn:disabled>.arrow--cNSF7l86 svg {
    stroke: #ccc
}

.titleWrapper--x1h2izw9 {}

.titleWrapper--x1h2izw9 .subTitle--yl3Ir8kX {
    color: #50607a;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 24px;
    margin-left: 8px
}

.tabDetailItemTitle--N0foGBpk {
    color: #81b337;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 16px
}

.detailInfo--ympQ_paL {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.animateTabTitleShow--tkCiMoqY {
    animation: tabTitleShow--ONWHRAcC .25s linear 0s 1 forwards
}

@keyframes tabTitleShow--ONWHRAcC {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tabDetailWrap--UUPrzQbC {
    padding-top: 16px;
    width: 100%
}

.tabDetailWrap--UUPrzQbC .tabDetailItem--vGqV7O5F {
    width: 100%
}

.tabDetailWrap--UUPrzQbC .tabDetailItem--vGqV7O5F img {
    max-width: 800px;
}
#content img {
    margin: auto;
    display: block;
}
.tabDetailWrap--UUPrzQbC .tabDetailItemTitle--RW7pKjfx {
    color: #81b337;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;    
    box-shadow: 0px 7px 8px -8px #81b337;
    margin-bottom: 20px
}

.animateMiniItemInfoShow--vpfv4TdL {
    animation: miniItemInfoShow--lBDVBwaa .5s linear 0s 1 forwards
}

.animateMiniItemInfoHide--XfeQCox3 {
    animation: miniItemInfoHide--etlwK0c0 .1s linear 0s 1 forwards
}

@keyframes miniItemInfoShow--lBDVBwaa {
    0% {
        opacity: 0;
        z-index: 1
    }

    to {
        opacity: 1;
        z-index: 1
    }
}

@keyframes miniItemInfoHide--etlwK0c0 {
    0% {
        opacity: 1;
        z-index: 1
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

.bottomPlaceholderWrap--iQnM0gKd {
    height: auto;
    padding-bottom: 32px;
    width: 100%
}

.bottomPlaceholderWrap--iQnM0gKd .bottomPlaceholderLine--fMMeRvZU {
    background-color: #ebebeb;
    height: 1px;
    width: 100%
}

.recommendsWrap--lB2hy3RF {
    margin-bottom: 24px
}

[class^=QiyegouPcDetailTabFactory] [class^=imageColumn] img {
    cursor: pointer !important
}

.factoryImageItem--AZoN1YAt {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.factoryItemPicture--x4oIZ2IB {
    height: calc(100% - 48px);
    object-fit: contain;
    width: 100%
}

.factoryItemTitle--LzUKUnA2 {
    color: hsla(0, 0%, 100%, .5);
    font-family: PingFang SC;
    font-size: 16px;
    height: 48px;
    line-height: 48px
}

.variantTip--KiI5ctll {
    background-color: #fff0f0;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding: 8px 16px 8px 8px;
    width: 100%
}

.alertIcon--nARLIXaZ {
    background-image: url(https://gw.alicdn.com/imgextra/i2/O1CN01UJ5oVZ1JtRAkiyqJs_!!6000000001086-2-tps-96-96.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.contentWrap--MhqkSQP4 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.contentTop--cOktSAiw {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.title--j7ISuINx {
    font-weight: 500;
    z-index: 0
}

.action--C5Zorq3t,
.title--j7ISuINx {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px
}

.action--C5Zorq3t {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    margin-left: 8px;
    white-space: nowrap
}

.action--C5Zorq3t .actionArrow--dec8Jg_D {
    flex-shrink: 0;
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    margin-left: 4px;
    transform: rotate(-90deg);
    width: 8px
}

.action--C5Zorq3t:hover {
    color: #ff5000
}

.action--C5Zorq3t:active {
    color: #c23d00
}

.contentBottom--jgIMrmvk {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px
}

.PageItem--bXu7C9ka,
.headerArea--sbp0sJIT {
    width: 100%
}

.keyInfo--r_hxVfz4 {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    width: 100%
}

.keyInfo--r_hxVfz4 .leftWrap--mRcLbO7l {
    min-width: 480px;
    width: calc(60% - 48px)
}

.keyInfo--r_hxVfz4 .rightWrap--YeyCQ2XA {
    margin-left: 48px;
    min-width: 400px;
    width: 58%
}

.extraInfo--E3rIAwZ_ {
    margin-top: 12px
}

#tabFullColumnEle .feeds-title-container {
    color: rgba(0, 0, 0, .92);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 20px
}

.DebugConsole--CHvwKpt5 {
    background-color: #7fffd4;
    border-radius: 5px;
    font-size: 10px;
    max-width: 180px;
    padding: 5px;
    position: fixed;
    right: 5px;
    top: 100px;
    z-index: 9999
}

.actionBtn--PCx1vhX3 {
    background: #faebd7;
    border-radius: 4px;
    cursor: pointer;
    margin: 2px;
    padding: 2px 4px
}

.actionBtn--PCx1vhX3:hover {
    background: #ccc
}

.BlackLightPage--weD04Vb8 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.iconWrap--B81VOnBy {
    background-color: hsla(0, 0%, 100%, .16);
    border-radius: 48px;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    top: calc(50% - 22px)
}

.iconWrap--B81VOnBy:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.closeIcon--HrDG2v1x {
    height: 20px;
    width: 20px
}

.leftArrowIcon--x0vRXQBW,
.rightArrowIcon--f1oZQqDM {
    height: 12px;
    padding: 4px;
    width: 12px
}

.leftArrowIcon--x0vRXQBW {
    transform: rotate(180deg)
}

.content--fsJmPebV {
    overflow: hidden
}

.content--fsJmPebV,
.item--BcXiWuOp {
    height: calc(100vh - 96px);
    width: calc(100vw - 288px)
}

.item--BcXiWuOp {
    align-items: center;
    display: flex;
    flex-direction: column
}

.item--BcXiWuOp .itemImgWrap--Xe4cCsJ7 {
    display: flex;
    height: calc(100vh - 212px);
    width: calc(100vw - 288px)
}

.item--BcXiWuOp .itemVideo--JGHAJlHL {
    border-radius: 8px;
    display: block;
    height: calc(100vh - 212px);
    margin: 0 auto;
    overflow: hidden;
    width: calc(100vh - 212px)
}

.item--BcXiWuOp .itemImg--UzBSbaO5 {
    border-radius: 8px;
    display: block;
    height: auto !important;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto !important
}

.item--BcXiWuOp .itemTextWrap--MmodYU3u {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: 708px
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 2px 0
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .headPicUrl--j_kOSK11 {
    border-radius: 20px;
    height: 40px;
    margin-right: 12px;
    overflow: hidden;
    width: 40px
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .middle--XVNFu0vB {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    max-width: 614px
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .userNick--tdppPJ83 {
    color: #fff;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .creditImg--dVFqvX3T {
    height: 16px;
    margin-left: 4px;
    width: auto
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .reviewDate--lpszS0kk,
.item--BcXiWuOp .summaryWrap--Jh0SMEci .subIndexWrap--LaUsaocn {
    color: hsla(0, 0%, 100%, .52);
    font-family: PingFangSC-Regular;
    font-weight: 400
}

.item--BcXiWuOp .summaryWrap--Jh0SMEci .subIndexWrap--LaUsaocn {
    font-size: 14px;
    line-height: 14px;
    margin-left: 12px;
    text-align: right;
    width: 30px
}

.item--BcXiWuOp .detailWrap--oIpg7Pdw {
    color: #f1f1f1;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 8px
}

.RankPage--GYQUiPx2 {
    background-color: #fff;
    height: 100%;
    position: relative;
    width: 100%
}

.closeIcon--jIjhlPLH {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 48px;
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    line-height: 28px;
    padding: 6px;
    position: absolute;
    right: -56px;
    top: 16px
}

.closeIcon--jIjhlPLH:hover {
    background-color: rgba(0, 0, 0, .24)
}

.EditBtn--T1JG4yVq {
    border-radius: 18px 0 0 18px;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    padding: 16px 0;
    position: absolute;
    right: 0;
    top: -90px;
    z-index: 999
}

.EditBtn--T1JG4yVq,
.link--kpuA4Q7D {
    background-color: #f7f9fa;
    width: 60px
}

.link--kpuA4Q7D {
    color: #333;
    height: 47px;
    margin-top: 36px;
    position: relative;
    text-align: center
}

.link--kpuA4Q7D,
.link--kpuA4Q7D:hover {
    text-decoration: none
}

.icon--wxohPnPu {
    background-image: url(//gw.alicdn.com/imgextra/i3/O1CN01Eui9x51lVtmC9xKfp_!!6000000004825-2-tps-48-48.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px;
    display: block;
    height: 24px;
    margin-bottom: 5px;
    width: 100%
}

.banner--vJ5Lx5Op {
    width: 100%
}

.activity-link--Tf95y3A5 {
    display: block;
    font-size: 0
}

.js-image-zoom__zoomed-image {
    border-radius: 12px;
    z-index: 100
}

.js-image-zoom__zoomed-area {
    background: url(//gtms01.alicdn.com/tps/i4/T12pdtXaldXXXXXXXX-2-2.png) repeat scroll 0 0 transparent !important;
    cursor: move;
    z-index: 1
}

.firefox .desc-root div[style*="790.0px"] img,
.firefox .desc-root img[align=absmiddle] {
    width: 100% !important
}

.f-els-1 {
    white-space: nowrap;
    word-break: keep-all
}

.f-els-1,
.f-els-2 {
    overflow: hidden;
    text-overflow: ellipsis
}

.f-els-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.a-td-no,
.a-td-no:hover {
    text-decoration: none
}

.beautify-scroll-bar {
    scrollbar-color: #d6d6d6;
    scrollbar-width: 4px
}

.beautify-scroll-bar::-webkit-scrollbar-thumb {
    background: #d6d6d6;
    border-radius: 4px;
    height: 4px;
    width: 4px
}

.beautify-scroll-bar::-webkit-scrollbar {
    height: 4px;
    margin-right: 4px;
    width: 4px
}

.use-select-none {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hasMask {
    height: 100vh;
    overflow: hidden;
    width: 100vw
}

.shadow-ecotext {
    visibility: hidden
}

body {
    background: #fff;
    background-repeat: no-repeat
}

body,
html,
p,
ul {
    margin: 0;
    padding: 0
}

div,
li,
p {
    word-break: break-all
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

img {
    vertical-align: middle
}

a,
a:hover {
    text-decoration: none
}

.install-sku-pc .install-sku-pc-choose-store {
    height: auto
}

.Item2025--IOy2FNrp .site-nav .site-nav-bd,
.Item2025--IOy2FNrp>.tbpc-layout {
    min-width: 1024px;
    overflow-x: unset
}

.Item2025--IOy2FNrp #tabFullColumnEle .tbpc-layout {
    min-width: 928px !important;
    overflow-x: unset
}