.p404 {
    background: #f2f2f2;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    overflow: hidden
}

.p404__box {
    margin: 5.36111rem auto 0
}

.p404__box img {
    display: block;
    margin: 0 auto
}

.p404__box p {
    margin-top: .16667rem;
    opacity: .53;
    font-size: .33333rem;
    color: #000;
    font-weight: 300
}

.p404__action,.p404__box p {
    letter-spacing: 0;
    text-align: center
}

.p404__action {
    margin: .55556rem auto 0;
    width: 2.77778rem;
    background: #32bac0;
    border-radius: .66556rem;
    line-height: 1.27778rem;
    font-family: MILanPro_MEDIUM--GB1-4;
    font-size: .46306rem;
    color: #fff
}

.drainage_privacy {
    padding: .83333rem .44444rem
}

.drainage_privacy p {
    color: var(--color-gray);
    font-size: .33333rem;
    margin-bottom: .27778rem
}

.house-area-wrap {
    background-color: var(--bg-inner);
    margin: .69444rem .44444rem 0;
    border-radius: .44444rem;
    padding: .55556rem
}

.house-area-wrap .house-area-title {
    font-size: .38889rem;
    font-weight: 500
}

.house-area-wrap .house-area-title span {
    font-size: .33333rem;
    opacity: .5
}

.line-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.38889rem;
    width: 100%;
    height: .1rem
}

.line-wrap,.line-wrap .node {
    position: relative;
    background-color: #f3f3f3
}

.line-wrap .node {
    width: .27778rem;
    height: .27778rem;
    border-radius: 50%
}

.line-wrap .node .area {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: .33333rem;
    opacity: .5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.22222rem;
    overflow: hidden;
    bottom: .55556rem
}

.line-wrap .node .area.active {
    color: #32bac0;
    opacity: 1
}

.line-wrap .node:first-child .area {
    padding-left: .55556rem
}

.line-wrap .node:nth-child(4) .area {
    padding-right: .83333rem
}

.line-wrap .dot {
    position: absolute;
    width: .61111rem;
    height: .61111rem;
    margin-left: -.30556rem;
    border-radius: .30556rem;
    background-color: #32bac0
}

.house-type-wrap {
    padding: .55556rem;
    margin: .33333rem .44444rem 0;
    border-radius: .44444rem;
    background-color: var(--bg-inner)
}

.house-type-wrap .house-type-title {
    font-size: .38889rem;
    font-weight: 500
}

.house-type-wrap .house-type-item {
    border: .02778rem solid transparent;
    padding: .5rem;
    border-radius: .16667rem;
    margin: .27778rem 0;
    background-color: var(--bg);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.house-type-wrap .house-type-item .active {
    color: #32bac0
}

.house-type-wrap .house-type-item-text {
    height: .61111rem;
    line-height: .61111rem;
    font-weight: 500;
    font-size: .38889rem
}

.house-type-wrap .house-type-item.active {
    border-color: #32bac0
}

.house-scene-wrap:not(:last-child) {
    margin-bottom: .58333rem
}

.house-scene-wrap {
    width: 100%;
    background-color: var(--bg-inner);
    border-radius: .44444rem
}

.house-scene-wrap .house-scene-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: .16667rem;
    margin: .36111rem .44444rem;
    width: 8.38889rem;
    height: 3.88889rem
}

.house-scene-wrap .house-scene-desc {
    height: 1.38889rem;
    padding: 0 .44444rem .33333rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.house-scene-wrap .house-scene-desc-text-title {
    font-size: .38889rem;
    font-weight: 500
}

.house-scene-wrap .house-scene-desc-text-sub-title {
    font-size: .33333rem;
    opacity: .5
}

.house-scene-wrap .house-scene-desc-btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.house-scene-wrap .house-scene-desc-btn.show img {
    transform: rotate(180deg)
}

.house-scene-wrap .house-scene-desc-btn img {
    transition: all .3s
}

.house-scene-wrap .house-scene-detail {
    max-height: 7.77778rem;
    padding: 0 .44444rem;
    transition: all .3s;
    overflow: hidden
}

.house-scene-wrap .house-scene-detail.hidden {
    max-height: 0
}

.house-scene-wrap .house-scene-detail>p {
    font-size: .38889rem;
    opacity: .6
}

.house-scene-wrap .house-scene-detail .house-scene-goods-title {
    padding: .44444rem 0
}

.house-scene-wrap .house-scene-detail .house-scene-goods-wrap {
    padding-bottom: .55556rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.house-scene-wrap .house-scene-detail .house-scene-goods-wrap .house-scene-goods {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.house-scene-wrap .house-scene-detail .house-scene-goods-wrap .house-scene-goods>p {
    font-size: .27778rem
}

.house-scene-wrap .house-scene-detail .house-scene-goods-wrap .house-scene-goods:nth-child(n+2):nth-last-child(n+2) {
    margin: 0 .27778rem
}

body {
    scroll-behavior: smooth
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.navigation {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.24056rem;
    right: -3.33333rem;
    transition: right .5s ease-in-out;
    z-index: 2
}

.navigation_directory {
    padding-top: .19444rem;
    opacity: .8;
    border-radius: .5925rem
}

.navigation_directory_item {
    margin: 0 .15722rem .19444rem;
    width: 2.92583rem;
    height: .88889rem;
    line-height: .88889rem;
    letter-spacing: .03167rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: .44444rem;
    color: #fff
}

.navigation_directory_item_active {
    background: #efefef;
    opacity: 1
}

.navigation_directory_button {
    width: .86111rem;
    height: .86111rem;
    position: fixed;
    top: 43vh;
    right: -.13889rem;
    transition: right .1s ease-in-out
}

.navigation_directory_button img {
    width: 100%;
    pointer-events: none
}

.navigation_directory_button_hide {
    right: -1.11111rem;
    transition: right 1ms ease-out
}

.navigation_directory_main {
    font-size: .38889rem;
    font-weight: 600
}

.navigation_directory_sub {
    transition: height .3s ease-out;
    overflow: hidden;
    font-size: .33333rem;
    font-weight: 400
}

.navigation_show {
    right: .27778rem;
    transition: right .2s ease-out
}

.navigation_custom {
    position: relative;
    top: .27778rem;
    width: 3.24056rem;
    height: 2.72222rem;
    border-radius: .5925rem;
    background: url(//cdn.cnbj1.fds.api.mi-img.com/mijia-tob/prod/ai-house-v2/img/pretend_nav4.750293b8.png) no-repeat 50%;
    background-size: contain
}

@media screen and (min-aspect-ratio: 1/2) {
    .navigation_directory {
        border-radius:.41667rem
    }

    .navigation_directory_item {
        width: 2.16667rem;
        height: .61111rem;
        line-height: .61111rem;
        margin: 0 .15722rem
    }

    .navigation_directory_main {
        font-size: .27778rem;
        font-weight: 500
    }

    .navigation_directory_sub {
        font-size: .22222rem
    }

    .navigation_custom {
        position: relative;
        top: .27778rem;
        width: 2.48139rem;
        height: 2rem;
        border-radius: .41667rem;
        background: url(//cdn.cnbj1.fds.api.mi-img.com/mijia-tob/prod/ai-house-v2/img/pretend_nav4.750293b8.png) no-repeat 50%;
        background-size: contain
    }
}

.img_preview_tall {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0,0,0,.9)
}

.img_preview_tall img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.img_preview_short {
    position: relative;
    background: rgba(0,0,0,.9)
}

.img_preview_short img {
    width: 100%
}

.light-card {
    width: 9.11111rem;
    margin: .27778rem auto 0;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.light-card-nav {
    padding: .44444rem .44444rem .16667rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.light-card-nav .light-card-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .44444rem
}

.light-card-nav .light-card-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.light-card-nav .light-card-btn-wrap span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.light-card-nav .light-card-btn-wrap img {
    margin-left: .11111rem;
    vertical-align: middle
}

.light-card-description {
    padding: 0 .44444rem .38889rem;
    font-size: .33333rem;
    font-weight: 300;
    line-height: .55556rem
}

@media(min-width: 640px) {
    .light-card {
        width:90%
    }
}

.line-card {
    width: 9.11111rem;
    margin: 0 auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.line-card-nav {
    padding: .44444rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.line-card-nav .line-card-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .44444rem
}

.line-card-nav .line-card-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.line-card-nav .line-card-btn-wrap span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.line-card-nav .line-card-btn-wrap img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .line-card {
        width:90%
    }
}

.switch-card {
    width: 9.11111rem;
    margin: .44444rem auto 0;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.switch-card-title {
    padding: .44444rem;
    font-size: .38889rem;
    font-weight: 500;
    line-height: .52778rem
}

.switch-card-divider {
    margin: 0 auto;
    width: 8.26944rem;
    height: .02778rem;
    background-color: var(--color);
    transform: scaleY(.5);
    transform-origin: 50% 100%
}

.switch-card-sub {
    padding: .5rem .44444rem
}

.switch-card-sub-title {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.switch-card-sub-text {
    padding-top: .16667rem;
    font-size: .38889rem;
    line-height: .52778rem
}

.switch-card-sub-tag-wrap {
    padding-top: .16667rem;
    display: flex;
    justify-content: flex-start
}

.switch-card-sub-tag-wrap .switch-card-sub-tag {
    margin-right: .33333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    color: rgba(0,0,0,.9);
    border-radius: .11111rem;
    width: 1.47222rem;
    height: .83333rem;
    font-size: .33333rem;
    line-height: .44444rem
}

.switch-card-sub-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .16667rem;
    width: 8.27778rem;
    height: 4.65611rem;
    border-radius: .16667rem
}

.switch-card-sub-img>img {
    width: 100%;
    border-radius: .16667rem
}

@media(min-width: 640px) {
    .switch-card {
        width:90%
    }

    .switch-card-divider {
        width: 95%
    }
}

.control-card {
    width: 9.11111rem;
    margin: .44444rem auto 0;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.control-card-nav {
    padding: .44444rem .44444rem .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.control-card-nav .control-card-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .52778rem
}

.control-card-divider {
    margin: 0 auto;
    width: 8.26944rem;
    height: .02778rem;
    background-color: var(--color);
    transform: scaleY(.5);
    transform-origin: 50% 100%
}

.control-card-sub {
    padding: .5rem .44444rem
}

.control-card-sub-title {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.control-card-sub-notice-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.control-card-sub-notice-wrap .control-card-notice-title {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.control-card-sub-notice-wrap .control-card-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.control-card-sub-notice-wrap .control-card-btn-wrap span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.control-card-sub-notice-wrap .control-card-btn-wrap img {
    margin-left: .11111rem;
    vertical-align: middle
}

.control-card-sub-text {
    padding-top: .16667rem;
    font-size: .38889rem;
    line-height: .52778rem
}

.control-card-sub-tag-wrap {
    padding-top: .16667rem;
    display: flex;
    justify-content: flex-start
}

.control-card-sub-tag-wrap .control-card-sub-tag {
    margin-right: .33333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    color: rgba(0,0,0,.9);
    border-radius: .11111rem;
    width: 1.47222rem;
    height: .83333rem;
    font-size: .33333rem;
    line-height: .44444rem
}

.control-card-sub-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .16667rem;
    width: 8.27778rem;
    height: 4.65611rem;
    border-radius: .16667rem
}

.control-card-sub-img>img {
    width: 100%;
    border-radius: .16667rem
}

.control-card-sub-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.91667rem;
    height: 1.22222rem;
    background-color: #acacac;
    border-radius: .61111rem;
    color: #fff;
    font-size: .36111rem;
    line-height: .47222rem
}

.control-card-tips {
    padding: .16667rem .44444rem .83333rem
}

.control-card-tips>p {
    color: #de6e4a;
    font-size: .36111rem;
    line-height: .47222rem
}

.control-card-tips-notice-wrap {
    margin-top: .22222rem;
    background-color: #fff2ee;
    border-radius: .16667rem
}

.control-card-tips-notice-wrap .control-card-tips-notice {
    padding: .36111rem
}

.control-card-tips-notice-wrap .control-card-tips-notice>span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #ad2a00;
    opacity: .5
}

.control-card-tips-notice-wrap .control-card-tips-notice>img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .control-card {
        width:90%
    }

    .control-card-divider {
        width: 95%
    }
}

.network-card {
    width: 9.11111rem;
    margin: 0 auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.network-card-select {
    padding: .44444rem .44444rem .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.network-card-select .network-card-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .44444rem
}

.network-card-select .network-card-btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.network-card-select .network-card-btn span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.network-card-select .network-card-btn img {
    margin-left: .11111rem;
    vertical-align: middle
}

.network-card-divider {
    margin: 0 auto;
    width: 8.26944rem;
    height: .02778rem;
    background-color: var(--color);
    transform: scaleY(.5);
    transform-origin: 50% 100%
}

.network-card-description {
    padding: .55556rem .44444rem .69444rem;
    font-size: .38889rem;
    line-height: .52778rem
}

.network-card-goods-wrap {
    padding: 0 .44444rem .55556rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.network-card-goods-wrap .network-card-goods {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.network-card-goods-wrap .network-card-goods>p {
    font-size: .27778rem
}

.network-card-goods-wrap .network-card-goods:nth-child(n+2):nth-last-child(n+1) {
    margin-left: .27778rem
}

@media(min-width: 640px) {
    .network-card {
        width:90%
    }

    .network-card-divider {
        width: 95%
    }
}

.dual-card {
    width: 9.11111rem;
    margin: 0 auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.dual-card-nav {
    padding: .72222rem .44444rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dual-card-nav .dual-card-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .44444rem
}

.dual-card-nav .dual-card-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.dual-card-nav .dual-card-btn-wrap span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.dual-card-nav .dual-card-btn-wrap img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .dual-card {
        width:90%
    }
}

.detail-card {
    width: 9.11111rem;
    margin: .27778rem auto .44444rem;
    background-color: var(--bg-inner);
    border-radius: .33333rem
}

.detail-card-title {
    padding: .38889rem .44444rem .22222rem;
    font-size: .38889rem;
    font-weight: 500;
    line-height: .52778rem
}

.detail-card-sub {
    padding: .27778rem .44444rem
}

.detail-card-sub-title {
    font-size: .38889rem;
    font-weight: 500;
    line-height: .52778rem
}

.detail-card-sub-text {
    font-size: .33333rem;
    line-height: .58333rem
}

.detail-card-sub-goods-wrap {
    padding: .22222rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.detail-card-sub-goods-wrap .detail-card-sub-goods {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-card-sub-goods-wrap .detail-card-sub-goods>p {
    font-size: .27778rem;
    line-height: .36111rem;
    white-space: pre-line;
    text-align: center
}

.detail-card-sub-goods-wrap .detail-card-sub-goods:nth-child(n+2):nth-last-child(n+1) {
    margin-left: .27778rem
}

.detail-card-tips {
    padding: 0 .44444rem .38889rem
}

.detail-card-tips-detail-wrap {
    background-color: rgba(50,186,192,.1);
    border-radius: .33333rem
}

.detail-card-tips-detail-wrap .detail-card-tips-detail {
    background-color: transparent;
    padding: .33333rem
}

.detail-card-tips-detail-wrap .detail-card-tips-detail>span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0
}

.detail-card-tips-detail-wrap .detail-card-tips-detail>img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .detail-card {
        width:90%
    }
}

.warn-card {
    width: 9.11111rem;
    margin: 0 auto;
    background-color: var(--bg-inner);
    border-radius: .16667rem;
    padding: .27778rem 0 .44444rem
}

.warn-card-sub {
    padding: .11111rem .44444rem
}

.warn-card-sub-title {
    font-size: .36111rem;
    line-height: .58333rem;
    color: #d4623d
}

.warn-card-sub-desc {
    font-weight: 500
}

.warn-card-sub-desc,.warn-card-sub-text {
    font-size: .36111rem;
    line-height: .5rem;
    color: #d87453
}

@media(min-width: 640px) {
    .warn-card {
        width:90%
    }
}

.all-light-card {
    width: 9.11111rem;
    margin: 0 auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0
}

.all-light-card .warn-tips {
    color: #e35200
}

.all-light-card-title {
    padding: .11111rem .44444rem
}

.all-light-card-title-main {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.all-light-card-title-sub {
    padding: .11111rem 0;
    font-size: .36111rem;
    line-height: .47222rem
}

.all-light-card-title-sub>span {
    color: #e35200
}

.all-light-card-title>img {
    padding: .44444rem 0 0
}

.all-light-card-sub {
    padding: .55556rem .44444rem
}

.all-light-card-sub-title {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.all-light-card-sub-desc {
    padding: .13889rem 0;
    font-size: .36111rem;
    line-height: .47222rem;
    font-weight: 400
}

.all-light-card-sub-text {
    font-size: .33333rem;
    line-height: .55556rem
}

.all-light-card-sub-tips {
    padding-top: .13889rem;
    font-size: .36111rem;
    line-height: .47222rem;
    color: #32bac0
}

.all-light-card-divider {
    margin: 0 auto;
    width: 8.26944rem;
    height: .02778rem;
    background-color: var(--color);
    transform: scaleY(.5);
    transform-origin: 50% 100%
}

@media(min-width: 640px) {
    .all-light-card {
        width:90%
    }

    .all-light-card-divider {
        width: 95%
    }
}

.part-light-card {
    width: 9.11111rem;
    margin: .38889rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0
}

.part-light-card-title {
    padding: .11111rem .44444rem
}

.part-light-card-title-main {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.part-light-card-title-sub {
    padding: .11111rem 0;
    font-size: .36111rem;
    line-height: .47222rem
}

.part-light-card-title>img {
    padding: .44444rem 0 0
}

.part-light-card-sub {
    padding: .55556rem .44444rem
}

.part-light-card-sub-title {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.part-light-card-sub-desc {
    padding: .13889rem 0;
    font-size: .36111rem;
    line-height: .47222rem;
    font-weight: 400
}

.part-light-card-sub-text {
    font-size: .33333rem;
    line-height: .55556rem
}

.part-light-card-sub-nav {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.part-light-card-sub-nav-btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.part-light-card-sub-nav-btn>span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #32bac0;
    vertical-align: middle
}

.part-light-card-sub-nav-btn>img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .part-light-card {
        width:90%
    }
}

.banner {
    top: 0;
    bottom: 0
}

.banner,.banner-video {
    position: absolute;
    left: 0;
    right: 0
}

.banner-video {
    top: 50%;
    transform: translateY(-50%)
}

.banner-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000
}

.product-detail-wrapper {
    overflow-x: auto
}

.product-detail-tab {
    width: auto;
    display: flex;
    justify-content: center
}

.product-detail-tab span {
    display: inline-block;
    margin: 0 .55556rem;
    line-height: 1.11111rem;
    text-wrap: none;
    white-space: nowrap
}

.product-detail-tab--active {
    color: #32bac0
}

.product-detail-content {
    font-size: 0
}

.product-detail-no {
    margin: 5.36111rem auto 0
}

.product-detail-no img {
    display: block;
    margin: 0 auto
}

.product-detail-no p {
    margin-top: .16667rem;
    opacity: .53;
    font-size: .33333rem;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    font-weight: 300
}

.question-tip {
    padding: .27778rem .55556rem 1.22222rem
}

.question-tip-title {
    font-size: .38889rem;
    letter-spacing: .0225rem;
    font-weight: 400;
    margin-top: .44444rem
}

.question-tip-label {
    margin-top: .13889rem;
    font-size: .36111rem;
    letter-spacing: .02917rem;
    line-height: .58333rem;
    font-weight: 300;
    opacity: .6
}

.com-checkbox {
    width: .52778rem;
    height: .52778rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    background-color: #f0f0f0
}

.com-checkbox.disabled {
    opacity: .5
}

.com-checkbox.checked {
    background-color: #32bac0
}

.com-checkbox>svg {
    width: .36111rem;
    height: .36111rem
}

.home .home-service {
    padding: .27778rem 0 .27778rem .44444rem;
    display: flex;
    align-items: center;
    width: 100%;
    background: var(--bg-inner);
    border-top: .01389rem solid var(--border);
    border-bottom: .01389rem solid var(--border);
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    bottom: 1.94444rem;
    overflow: hidden
}

.home .home-service .com-checkbox {
    margin-right: .25rem
}

.home .home-service .service-container {
    font-size: .38889rem;
    line-height: .52778rem;
    display: flex;
    align-items: center
}

.home .home-service .service-container .service-fee {
    color: #ff5c00;
    margin-left: .16667rem
}

.home .home-service .service-container .original {
    text-decoration: line-through;
    margin-left: .16667rem
}

.home .home-service .service-container .discount {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.38889rem;
    height: .41667rem;
    margin-left: .16667rem;
    background: linear-gradient(92.45deg,#d2576d 6.85%,#8061d7 92.92%);
    border-radius: .34722rem;
    color: #fff
}

.home .home-service .service-container .discount>.text {
    font-size: .33333rem;
    transform: scale(.83)
}

.home .home-service .service-city {
    margin-top: .08333rem;
    font-size: .30556rem;
    line-height: .44444rem;
    color: #32bac0
}

.home .home-service .service-city .support {
    text-decoration: underline
}

.home .home-service .service-city .no-support {
    color: #f34545;
    text-decoration: underline
}

.home .home-service .service-privacy {
    display: flex;
    width: 100%;
    line-height: .36833rem;
    font-size: .30556rem;
    margin-top: .08333rem
}

@media(color-index: 48) {
    .home .home-service {
        background:var(--bg);
        border-top: .01389rem solid var(--bg-inner);
        border-bottom: .01389rem solid var(--bg-inner)
    }
}

@media(color: 48842621) {
    .home .home-service {
        background:var(--bg);
        border-top: .01389rem solid var(--bg-inner);
        border-bottom: .01389rem solid var(--bg-inner)
    }
}

@media(prefers-color-scheme: dark) {
    .home .home-service {
        background:var(--bg);
        border-top: .01389rem solid var(--bg-inner);
        border-bottom: .01389rem solid var(--bg-inner)
    }
}

.lite .home .home-footer {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg-inner);
    height: 1.94444rem;
    padding: 0 .44444rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.lite .home .home-footer-fee--logout {
    color: #fa6400
}

.lite .home .home-footer-fee-value span {
    font-size: .44444rem;
    color: var(--color);
    letter-spacing: .02222rem;
    font-weight: 400
}

.lite .home .home-footer-fee-value label {
    font-size: .44444rem;
    color: #fa6400;
    letter-spacing: .01917rem;
    font-weight: 400
}

.lite .home .home-footer-fee-tip {
    width: 5.08333rem;
    font-size: .36111rem;
    letter-spacing: .01806rem;
    font-weight: 300
}

.lite .home .home-footer-fee-tip-active {
    color: #fa6400
}

.lite .home .home-footer-action {
    flex: none;
    height: 1.27778rem;
    width: 3.33333rem;
    border-radius: .63889rem;
    background: #32bac0;
    color: #fff;
    font-size: .38889rem;
    line-height: 1.27778rem;
    text-align: center
}

.lite .home .home-footer-action-red {
    background: #fa6400
}

@media(color-index: 48) {
    .lite .home .home-footer {
        background:var(--bg)
    }
}

@media(color: 48842621) {
    .lite .home .home-footer {
        background:var(--bg)
    }
}

@media(prefers-color-scheme: dark) {
    .lite .home .home-footer {
        background:var(--bg)
    }
}

.home-product .home-product-count {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .25rem;
    font-size: .33333rem
}

.home-product .home-product-count .is-stock-out {
    opacity: .3
}

.home-product .home-product-count-minus,.home-product .home-product-count-plus {
    background: var(--bg-inner);
    width: .55556rem;
    height: .55556rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .08333rem;
    overflow: hidden
}

.home-product .home-product-count-minus {
    border: .02778rem solid rgba(68,68,68,.6)
}

.home-product .home-product-count-plus {
    border: .02778rem solid rgba(50,186,192,.8);
    color: #32bac0
}

.home-product .home-product-count-value {
    margin-left: .33333rem;
    margin-right: .33333rem
}

.fit-ui-btn-group {
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

.fit-ui-btn-group .fit-ui-btn {
    width: 0;
    flex-grow: 1;
    border-radius: 0;
    position: relative
}

.fit-ui-btn-group .fit-ui-btn:after {
    content: "";
    display: inherit;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: hsla(0,0%,100%,.35)
}

.fit-ui-toast {
    position: absolute;
    bottom: 80px;
    left: 50%;
    max-width: 80%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transform: translateX(-50%);
    padding: 9px 11px;
    background: rgba(0,0,0,.8);
    color: hsla(0,0%,100%,.8);
    border: 0 solid rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 9px;
    -webkit-animation: toast-in .3s;
    animation: toast-in .3s
}

.fit-ui-toast.hidden {
    -webkit-animation: toast-out .3s forwards;
    animation: toast-out .3s forwards
}

@-webkit-keyframes toast-in {
    0% {
        transform: translate(-50%,100%);
        opacity: .5
    }

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

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

@keyframes toast-in {
    0% {
        transform: translate(-50%,100%);
        opacity: .5
    }

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

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

@-webkit-keyframes toast-out {
    0% {
        transform: translate(-50%);
        opacity: 1
    }

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

@keyframes toast-out {
    0% {
        transform: translate(-50%);
        opacity: 1
    }

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

.fit-ui-popover-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: transparent;
    background: rgba(0,0,0,.5);
    -webkit-animation: wrapper-show .3s forwards;
    animation: wrapper-show .3s forwards
}

.fit-ui-popover-wrapper>* {
    background: #fff;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-animation: content-show .3s forwards;
    animation: content-show .3s forwards
}

.fit-ui-popover-wrapper.closing {
    -webkit-animation: wrapper-hide .3s forwards;
    animation: wrapper-hide .3s forwards
}

.fit-ui-popover-wrapper.closing>* {
    -webkit-animation: content-hide .3s forwards;
    animation: content-hide .3s forwards
}

.area-selector .mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.area-selector .content {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 341px;
    background: #fff;
    color: #000;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    transition: transform .3s
}

.area-selector .content .title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    position: relative;
    flex-shrink: 0
}

.area-selector .content .title .btn-close {
    position: absolute;
    right: 15px;
    font-size: 20px;
    font-weight: 100
}

.area-selector .content .selected {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
    position: relative;
    flex-shrink: 0
}

.area-selector .content .selected .selected-item {
    height: 100%
}

.area-selector .content .selected .selected-item.active {
    color: #fd8d2c;
    border-bottom: 1px solid #fd8d2c
}

.area-selector .content .selected .divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.area-selector .content .list-wrapper {
    overflow: auto;
    display: flex;
    width: 300vw;
    transition: transform .3s
}

.area-selector .content .list-wrapper .list {
    width: 100vw;
    flex-shrink: 0;
    overflow: auto
}

.area-selector .content .list-wrapper .list .list-item {
    padding: 0 48px;
    height: 33.67px;
    line-height: 33.67px;
    position: relative
}

.area-selector .content .list-wrapper .list .list-item.selected-item {
    color: #fd8d2c
}

.area-selector .content .list-wrapper .list .list-item .icon-arrow {
    height: 10px;
    position: absolute;
    left: 26px;
    top: 12px
}

.area-selector.visible .mask {
    background: rgba(0,0,0,.7)
}

.area-selector.visible .content {
    transform: translateZ(0)
}

.area-selector.hidden .mask {
    display: none
}

.area-selector.hidden .content {
    transform: translate3d(0,350px,0)
}

.fit-ui-divider {
    height: 1px
}

.fit-ui-divider.fit-ui-divider-vertical {
    width: 1px
}

.fit-ui-dialog {
    border-radius: 10px
}

.fit-ui-dialog .fit-ui-dialog-header {
    font-size: 15px;
    height: 66px;
    line-height: 66px
}

.fit-ui-dialog .fit-ui-dialog-content {
    margin: 0 29px 26px;
    font-size: 14px;
    line-height: 19.33px
}

.fit-ui-dialog .fit-ui-dialog-footer {
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.fit-ui-cycleview {
    perspective: 280vw;
    transform-style: preserve-3d;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fit-ui-cycleview,.fit-ui-cycleview .fit-ui-cycleview-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fit-ui-cycleview .fit-ui-cycleview-item {
    position: absolute;
    height: 50px;
    line-height: 50px;
    transform-origin: 50% 50% 0;
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.fit-ui-cycleview .fit-ui-cycleview-item.active {
    color: #000;
    font-size: 16px
}

.fit-ui-cycleview .fit-ui-cycleview-item.active .fit-ui-cycleview-label {
    display: inline;
    font-size: 12px;
    position: absolute;
    top: -3px;
    transform: scale(.6)
}

.fit-ui-cycleview .fit-ui-cycleview-item .fit-ui-cycleview-label {
    display: none
}

.fit-ui-cycleview .fit-ui-cycleview-current {
    width: 100%;
    height: 50px;
    background: #f3f3f3
}

.fit-ui-timepicker {
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inherit
}

.fit-ui-timepicker .fit-ui-timepicker-header {
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-size: 15px;
    background: #fff;
    margin: 0
}

.fit-ui-timepicker .fit-ui-timepicker-list-wrapper {
    display: flex
}

.fit-ui-timepicker .fit-ui-timepicker-list-wrapper .fit-ui-timepicker-list {
    width: 0;
    flex-grow: 1;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.fit-ui-timepicker .fit-ui-timepicker-confirm {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: rgba(0,0,0,.7)
}

.fit-ui-actionsheet {
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inherit
}

.fit-ui-actionsheet .fit-ui-actionsheet-item {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #000;
    background: #fff;
    margin: 0;
    cursor: pointer
}

.fit-ui-actionsheet .fit-ui-actionsheet-item.cancel {
    color: #666;
    font-size: 14px
}

.fit-ui-carousel {
    position: relative;
    overflow: hidden
}

.fit-ui-carousel-list {
    display: flex;
    position: relative
}

.fit-ui-carousel-item {
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.fit-ui-carousel-item .fit-ui-carousel-img {
    width: 100%;
    display: block
}

.fit-ui-carousel-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.fit-ui-carousel-dot {
    width: 6px;
    height: 6px;
    background: rgba(0,0,0,.13333);
    display: block;
    margin: 0 4px;
    border-radius: 50%
}

.fit-ui-carousel-dot.active {
    background-color: #32bac0
}

.page-header {
    height: 1.77778rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-header .page-title {
    font-family: MI Lan Pro;
    font-size: .5rem;
    line-height: .66667rem;
    color: var(--color);
    font-weight: 500
}

.page-header .back-icon {
    position: absolute;
    width: 1.11111rem;
    height: 1.11111rem;
    left: .25rem;
    top: .33333rem
}

.page-header .back-icon path {
    fill: var(--color)
}

.page-header .right-opt {
    position: absolute;
    right: .5rem;
    top: .33333rem;
    height: 1.11111rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-header-empty+.home {
    padding-top: .38889rem
}

.page-header-empty+.shopping-edit-wrap {
    margin-top: .27778rem
}

.page-header-empty+.fee-page-content {
    padding-top: .47222rem
}

.page-header+.house-info-wrap,.page-header+.house-proposal-wrap,.page-header+.notice-page-wrap,.page-header+.product-page-wrap {
    height: calc(100% - 1.77778rem)
}

.house-info-wrap {
    height: 100%;
    overflow-x: hidden;
    position: relative
}

.house-generate-btn {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.33333rem;
    height: 1.38889rem;
    font-size: .41667rem;
    color: #fff;
    border-radius: .72222rem;
    background-color: #32bac0;
    left: 0;
    right: 0;
    bottom: .44444rem;
    margin: 0 auto
}

.notice-page-wrap {
    height: 100%;
    overflow: scroll;
    padding-bottom: .55556rem
}

.notice-page-wrap .notice-container {
    width: 90%;
    margin: 0 auto;
    border-radius: .33333rem;
    background-color: var(--bg-inner);
    padding: .55556rem 0
}

.notice-page-wrap .notice-container .notice-title {
    margin: 0 0 0 .55556rem;
    font-size: .38889rem;
    font-weight: 500;
    letter-spacing: .02222rem;
    line-height: .52778rem
}

.notice-page-wrap .notice-container .notice-text {
    margin: .27778rem auto;
    width: 7.86111rem;
    font-size: .38889rem;
    line-height: .5rem
}

.notice-page-wrap .notice-container .notice-image {
    margin: .55556rem auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.notice-page-wrap .notice-container .notice-image img {
    border-radius: .33333rem
}

.notice-page-wrap .notice-container .notice-footer {
    font-size: .33333rem;
    margin: .27778rem .55556rem 0
}

@media(min-width: 640px) {
    .notice-page-wrap .notice-container .notice-title {
        font-size:.44444rem
    }

    .notice-page-wrap .notice-container .notice-text {
        margin: .27778rem 0 0 .55556rem;
        width: 90%
    }

    .notice-page-wrap .notice-container .notice-image {
        margin: .55556rem 0 0 .55556rem;
        display: block
    }

    .notice-page-wrap .notice-container .notice-footer {
        margin: .27778rem 0 0 .55556rem
    }
}

.product-page-wrap .product-tips {
    margin: .66667rem .33333rem 0;
    padding: .22222rem .33333rem;
    font-size: .38889rem;
    font-weight: 400;
    border-radius: .27778rem;
    background-color: #e6f2ff;
    color: rgba(0,0,0,.9)
}

.product-page-wrap .product-wrap {
    margin: 0 .33333rem
}

.product-page-wrap .product-wrap .product-region {
    padding: .5rem .41667rem .27778rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #666;
    font-weight: 500
}

.product-page-wrap .product-wrap .product-region-name {
    font-size: .33333rem
}

.product-page-wrap .product-wrap .product-region-count {
    font-size: .33333rem;
    opacity: .6
}

.product-page-wrap .product-wrap .product-sub-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.product-page-wrap .product-wrap .product-sub-list>i {
    width: 4.41667rem;
    margin: 0 .11111rem .30556rem
}

.product-page-wrap .product-wrap .product-sub-list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 .11111rem .30556rem;
    border-radius: .44444rem;
    background-color: var(--bg-inner);
    width: 4.41667rem;
    height: 4.27778rem;
    overflow: hidden
}

.product-page-wrap .product-wrap .product-sub-list-item-img {
    width: 2.36111rem;
    height: 2.36111rem;
    padding: .41667rem 0 .08333rem
}

.product-page-wrap .product-wrap .product-sub-list-item-img img {
    border-radius: .33333rem;
    width: 100%
}

.product-page-wrap .product-wrap .product-sub-list-item-name {
    max-width: 3.61111rem;
    font-size: .33333rem;
    font-weight: 500;
    padding-top: .61111rem;
    padding-bottom: .22222rem
}

.product-page-wrap .product-wrap .product-sub-list-item-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.11111rem;
    height: .63889rem;
    background-color: rgba(50,186,192,.1);
    border-radius: 2.77778rem;
    right: .27778rem;
    top: .27778rem
}

.product-page-wrap .product-wrap .product-sub-list-item-count>span {
    font-size: .33333rem;
    color: #32bac0
}

.home-wrap {
    width: 100%;
    height: 100%
}

.home-wrap p {
    margin: .27778rem auto;
    width: 8.38889rem;
    font-size: .33333rem;
    line-height: .47222rem;
    color: #8f8f8f
}

.home-wrap .home-proposal-card {
    margin: .27778rem auto;
    width: 9.11111rem;
    height: 2.33333rem;
    border-radius: .33333rem;
    background-color: var(--bg-inner);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-wrap .home-proposal-card .home-proposal-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .55556rem
}

.home-wrap .home-proposal-card .home-proposal-detail .home-proposal-img {
    width: .8725rem;
    height: .8725rem;
    background-color: #32bac0;
    border-radius: .16667rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.home-wrap .home-proposal-card .home-proposal-detail .home-proposal-title {
    margin-left: .27778rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .38889rem;
    font-weight: 500;
    line-height: .52778rem;
    white-space: nowrap
}

.home-wrap .home-proposal-card .home-proposal-detail .home-proposal-title span {
    font-size: .33333rem;
    line-height: .44444rem
}

.home-wrap .home-proposal-card .home-proposal-btn {
    margin: 0 .55556rem
}

.home-wrap .home-proposal-card .home-proposal-btn span {
    font-size: .33333rem;
    line-height: .44444rem;
    color: #989898;
    vertical-align: middle
}

.home-wrap .home-proposal-card .home-proposal-btn img {
    margin-left: .11111rem;
    vertical-align: middle
}

@media(min-width: 640px) {
    .home-wrap p {
        margin:.55556rem auto;
        width: 80%;
        font-size: .44444rem
    }

    .home-wrap .home-proposal-card {
        width: 90%;
        margin: .55556rem auto
    }
}

.pretend-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative
}

.pretend-page-wrap>p {
    width: 8.33333rem;
    margin: .55556rem auto .27778rem;
    font-size: .33333rem;
    line-height: .47222rem;
    color: #8f8f8f
}

.pretend-page-wrap .network-card {
    margin-bottom: 2.22222rem
}

.pretend-page-wrap .product-btn {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.5rem;
    height: 1.25rem;
    font-size: .44444rem;
    color: #fff;
    border-radius: 2.38889rem;
    background-color: #32bac0;
    left: 0;
    right: 0;
    bottom: .38889rem;
    margin: 0 auto
}

@media(min-width: 640px) {
    .pretend-page-wrap>p {
        width:90%;
        font-size: .44444rem
    }
}

.rear-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative
}

.rear-page-wrap>p {
    width: 8.33333rem;
    margin: .55556rem auto .27778rem;
    font-size: .33333rem;
    line-height: .47222rem;
    color: #8f8f8f
}

.rear-page-wrap .dual-card {
    margin-bottom: 2.22222rem
}

.rear-page-wrap .product-btn {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.33333rem;
    height: 1.38889rem;
    font-size: .41667rem;
    color: #fff;
    border-radius: .72222rem;
    background-color: #32bac0;
    left: 0;
    right: 0;
    bottom: .83333rem;
    margin: 0 auto
}

@media(min-width: 640px) {
    .rear-page-wrap>p {
        width:90%
    }
}

.light-detail-page-wrap {
    position: relative
}

.light-detail-page-wrap,.switch-detail-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.switch-detail-page-wrap .switch-detail-card {
    width: 9.11111rem;
    margin: .27778rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0 .69444rem
}

.switch-detail-page-wrap .switch-detail-card-title {
    padding: .44444rem .44444rem .05556rem;
    font-size: .38889rem;
    line-height: .58333rem;
    font-weight: 500
}

.switch-detail-page-wrap .switch-detail-card-text {
    padding: 0 .44444rem;
    font-size: .33333rem;
    line-height: .55556rem
}

.switch-detail-page-wrap .switch-detail-card-text ul li {
    margin: 0;
    list-style-type: none
}

.switch-detail-page-wrap .switch-detail-card-text li:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .02778rem;
    height: .02778rem;
    margin: 0 .22222rem;
    border-radius: 50%
}

.switch-detail-page-wrap .switch-detail-card>img {
    max-width: 7.94444rem;
    padding: .55556rem .55556rem 0
}

.switch-detail-page-wrap .switch-detail-card-tips {
    padding: .44444rem .44444rem 0
}

.switch-detail-page-wrap .switch-detail-card-tips-text {
    padding: .33333rem 0;
    color: #28adb3;
    border-radius: .33333rem;
    background-color: rgba(50,186,192,.1);
    font-size: .27778rem;
    line-height: .55556rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 640px) {
    .switch-detail-page-wrap .switch-detail-card {
        width:90%
    }
}

@media(color-index: 48) {
    .switch-detail-page-wrap .switch-detail-card>img {
        filter:invert(1) hue-rotate(180deg)
    }
}

@media(color: 48842621) {
    .switch-detail-page-wrap .switch-detail-card>img {
        filter:invert(1) hue-rotate(180deg)
    }
}

@media(prefers-color-scheme: dark) {
    .switch-detail-page-wrap .switch-detail-card>img {
        filter:invert(1) hue-rotate(180deg)
    }
}

.config-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.config-page-wrap .config-card {
    width: 9.11111rem;
    margin: .27778rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0 .69444rem
}

.config-page-wrap .config-card-title {
    padding: .22222rem .44444rem .11111rem;
    font-size: .38889rem;
    line-height: .58333rem;
    font-weight: 500
}

.config-page-wrap .config-card-text {
    padding: .11111rem .44444rem .22222rem;
    font-size: .33333rem;
    line-height: .55556rem
}

.config-page-wrap .config-card-divider {
    margin: .44444rem auto;
    width: 8.26944rem;
    height: .02778rem;
    background-color: var(--color);
    transform: scaleY(.5);
    transform-origin: 50% 100%
}

.config-page-wrap .config-card>img {
    display: block;
    max-width: 5rem;
    margin: .33333rem auto
}

@media(min-width: 640px) {
    .config-page-wrap .config-card {
        width:90%;
        margin: .55556rem auto
    }

    .config-page-wrap .config-card-divider {
        width: 95%
    }
}

.select-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.select-page-wrap .select-card {
    width: 9.11111rem;
    margin: .27778rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0 .69444rem
}

.select-page-wrap .select-card-title {
    padding: .22222rem .44444rem .11111rem;
    font-size: .38889rem;
    line-height: .58333rem;
    font-weight: 500
}

.select-page-wrap .select-card-text {
    padding: .11111rem .44444rem .22222rem;
    font-size: .33333rem;
    line-height: .55556rem
}

.select-page-wrap .select-card-desc-wrap {
    margin: .16667rem .44444rem;
    height: 2.22222rem;
    border-radius: .27778rem;
    background-color: var(--bg);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.select-page-wrap .select-card-desc-wrap>img {
    margin: 0 .05556rem 0 .11111rem
}

.select-page-wrap .select-card-desc-wrap .select-card-desc {
    margin: 0 .11111rem 0 .05556rem
}

.select-page-wrap .select-card-desc-wrap .select-card-desc-title {
    font-size: .36111rem;
    line-height: .47222rem;
    font-weight: 500
}

.select-page-wrap .select-card-desc-wrap .select-card-desc-text {
    font-size: .33333rem;
    line-height: .44444rem;
    font-weight: 400
}

.select-page-wrap .select-card>img {
    display: block;
    max-width: 8.33333rem;
    margin: .33333rem auto
}

@media(min-width: 640px) {
    .select-page-wrap .select-card {
        width:90%;
        margin: .55556rem auto
    }

    .select-page-wrap .select-card-divider {
        width: 95%
    }
}

.light-notice-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative
}

.light-notice-page-wrap .notice-tips {
    padding: .44444rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .33333rem;
    line-height: .44444rem;
    color: #747474
}

.light-notice-page-wrap p {
    width: 8.33333rem;
    margin: .55556rem auto .27778rem;
    font-size: .33333rem;
    line-height: .47222rem;
    color: #8f8f8f
}

@media(min-width: 640px) {
    .light-notice-page-wrap p {
        width:90%;
        font-size: .38889rem
    }
}

.dual-switch-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.dual-switch-page-wrap .dual-switch-card {
    width: 9.11111rem;
    margin: .27778rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: 0 0 .44444rem
}

.dual-switch-page-wrap .dual-switch-card-title {
    padding: .44444rem .44444rem .05556rem;
    font-size: .38889rem;
    line-height: .58333rem;
    font-weight: 500
}

.dual-switch-page-wrap .dual-switch-card-text {
    padding: 0 .44444rem;
    font-size: .33333rem;
    line-height: .55556rem
}

.dual-switch-page-wrap .dual-switch-card-img {
    width: 5.22222rem
}

.dual-switch-page-wrap .dual-switch-card-sub {
    padding: .38889rem .44444rem
}

.dual-switch-page-wrap .dual-switch-card-sub-title {
    font-size: .36111rem;
    line-height: .47222rem;
    font-weight: 500
}

.dual-switch-page-wrap .dual-switch-card-sub-desc {
    font-size: .36111rem;
    line-height: .47222rem;
    font-weight: 400
}

.dual-switch-page-wrap .dual-switch-card>img {
    display: block;
    max-width: 6.66667rem;
    margin: .66667rem auto;
    border-radius: .33333rem
}

.dual-switch-page-wrap .service-description-card {
    width: 9.11111rem;
    margin: .27778rem auto;
    background-color: var(--bg-inner);
    border-radius: .33333rem;
    padding: .44444rem 0 .69444rem
}

.dual-switch-page-wrap .service-description-card-title {
    padding: .44444rem .44444rem .05556rem;
    font-size: .38889rem;
    line-height: .58333rem;
    font-weight: 500
}

.dual-switch-page-wrap .service-description-card-title>span {
    margin-left: .11111rem;
    border: .01389rem solid #32bac0;
    border-radius: .08333rem;
    color: #32bac0;
    font-size: .33333rem;
    font-weight: 400;
    height: .44444rem;
    line-height: .44444rem
}

.dual-switch-page-wrap .service-description-card-desc {
    padding: 0 .44444rem;
    font-size: .33333rem;
    line-height: .55556rem;
    color: rgba(0,0,0,.6)
}

.dual-switch-page-wrap .service-description-card-nav {
    padding: 0 .44444rem;
    display: flex;
    justify-content: flex-end
}

.dual-switch-page-wrap .service-description-card-nav-btn>span {
    font-size: .33333rem;
    color: #32bac0;
    line-height: .44444rem;
    height: .44444rem;
    vertical-align: middle
}

.dual-switch-page-wrap .service-description-card-nav-btn>img {
    vertical-align: middle;
    margin-left: .11111rem
}

@media(min-width: 640px) {
    .dual-switch-page-wrap .dual-switch-card {
        width:90%;
        margin: .55556rem auto
    }
}

.fit-ui-scrollview .fit-ui-scrollview-bottom-tip {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 10px
}

button.fit-ui-btn {
    width: 312px;
    height: 42px;
    background: #32bac0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

button.fit-ui-btn:active {
    opacity: .3
}

button.fit-ui-btn:disabled {
    color: #eee;
    background: #6f6f6f
}

button.fit-ui-btn.progress {
    position: relative;
    background: transparent;
    color: #333;
    border: 1px solid #32bac0
}

button.fit-ui-btn.progress>.progress-done {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #32bac0
}

button.fit-ui-btn.progress>.progress-value {
    position: relative
}

@-webkit-keyframes ani {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes ani {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fit-ui-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.fit-ui-loading img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    -webkit-animation: ani 1s linear infinite;
    animation: ani 1s linear infinite;
    background: none
}

.fit-ui-loading__mask {
    background-color: hsla(0,0%,100%,.8);
    z-index: 9999;
    justify-content: center;
    height: 100%;
    width: 100%
}

.fit-ui-loading__mask,.privacy-modal {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center
}

.privacy-modal {
    position: fixed;
    background: rgba(0,0,0,.5);
    flex-direction: column
}

.privacy-modal-container {
    width: 8.33333rem;
    background: #fff;
    border-radius: .61111rem;
    margin-top: 4.69444rem;
    padding: .86111rem .66667rem .44444rem;
    font-size: .36111rem;
    color: #2c2c2b;
    letter-spacing: 0;
    line-height: .58333rem;
    font-weight: 300;
    word-break: break-all
}

.privacy-modal-container_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .63889rem;
    font-size: .38889rem;
    height: 1.22222rem;
    line-height: 1.22222rem;
    margin-top: .58333rem
}

.privacy-modal-container_bottom_submit {
    border-radius: inherit;
    width: 3.19444rem;
    background: #11cf8f;
    text-align: center;
    color: #fff
}

.privacy-modal-container_bottom_cancel {
    border-radius: inherit;
    width: 3.19444rem;
    background: #f2f2f2;
    text-align: center;
    color: #000
}

.privacy-modal-close {
    margin-top: .55556rem;
    width: .55556rem;
    height: auto
}

.loading-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading-icon {
    display: inline-block;
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite;
    color: #1890ff;
    width: 1.38889rem;
    height: 1.38889rem
}

.loading-box .circular {
    height: 1.16667rem;
    width: 1.16667rem;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.loading-box .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round
}

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -1.11111rem
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -3.33333rem
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -1.11111rem
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -3.33333rem
    }
}

.product-page-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.empty-page-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.empty-page-wrap>span {
    font-size: .38889rem;
    line-height: .44444rem
}

.light-product-list-wrap {
    padding: .33333rem .44444rem
}

.light-product-list-wrap>p {
    font-size: .33333rem;
    line-height: .44444rem;
    font-weight: 500;
    color: #666;
    margin-left: .33333rem
}

.light-product-list-wrap .product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-right: -.27778rem
}

.light-product-list-wrap .product-list-item,.light-product-list-wrap .product-list>i {
    width: 4.41667rem;
    margin: .27778rem .27778rem .27778rem 0
}

.light-product-list-wrap .product-list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .44444rem;
    background-color: var(--bg-inner);
    height: 4.5rem;
    overflow: hidden
}

.light-product-list-wrap .product-list-item-img {
    padding: .22222rem 0 .08333rem
}

.light-product-list-wrap .product-list-item-img>img {
    border-radius: .13889rem
}

.light-product-list-wrap .product-list-item-name {
    max-width: 3.33333rem;
    font-size: .38889rem;
    line-height: .52778rem;
    text-align: center;
    font-weight: 500
}

@media(min-width: 640px) {
    .product-list-wrap .product-list {
        margin-bottom:.69444rem
    }
}

.city_list * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.city_list input {
    -webkit-user-select: auto
}

.city_list_container {
    width: 100%
}

.city_list_item {
    box-sizing: border-box;
    padding: 0 .55556rem
}

.city_list_item_title {
    height: .97222rem;
    line-height: .97222rem;
    position: -webkit-sticky;
    position: sticky;
    font-size: .44444rem;
    font-weight: 500;
    color: var(--color);
    top: -.02778rem;
    z-index: 2
}

.city_list_item_context {
    position: relative;
    height: 1.38889rem;
    line-height: 1.38889rem;
    font-size: .38889rem;
    color: var(--color);
    opacity: .6;
    letter-spacing: .01806rem;
    font-weight: 400;
    border-bottom: .02778rem solid var(--color-gray)
}

.city_list_item li {
    list-style: none
}

.city_list_item li img {
    margin-left: .16667rem;
    width: .38889rem;
    height: .27778rem;
    -o-object-fit: contain;
    object-fit: contain
}

.city_list_bar {
    width: .36111rem;
    height: 100%;
    padding: .22222rem .02778rem .13889rem;
    position: fixed;
    right: .13889rem;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .27778rem;
    list-style: none;
    z-index: 100
}

.city_list_bar_item {
    width: 120%;
    text-align: center;
    margin-bottom: .08333rem;
    position: relative
}

.city_list_bar_item_extra {
    position: absolute;
    left: -1.38889rem;
    top: -.27778rem;
    width: 1.11111rem;
    height: 1.11111rem;
    text-align: center;
    line-height: 1.11111rem;
    color: var(--theme);
    background: transparent;
    font-size: 1.11111rem;
    z-index: 2
}

.city_list_bar_item_extra_hide {
    display: none;
    z-index: -1
}

@media(min-width: 640px) {
    .city_list_item_title {
        height:.69444rem;
        line-height: .69444rem;
        margin-top: .41667rem
    }

    .city_list_item_context {
        padding: .13889rem 0;
        height: .97222rem;
        line-height: .97222rem
    }

    .city_list_bar {
        padding: .27778rem .05556rem;
        font-size: .27778rem
    }
}

.cascader {
    overflow: hidden;
    border-radius: .55556rem .55556rem 0 0
}

.cascader_header {
    background: var(--bg)
}

.cascader_header_tabs {
    width: 100%;
    margin-right: .55556rem;
    padding: .83333rem .55556rem .44444rem;
    overflow-x: auto
}

.cascader_header_tabs_tab {
    font-size: .38889rem;
    color: #373737;
    letter-spacing: 0;
    font-weight: 500;
    margin-right: .55556rem;
    padding-bottom: .13889rem;
    white-space: nowrap
}

.cascader_header_tabs_tab:last-of-type {
    margin-right: 0
}

.cascader_header_tabs_tab[is-active=true] {
    color: var(--theme)
}

.cascader_header_tabs_extra {
    margin: 0 .55556rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: .02778rem solid var(--color-gray)
}

.cascader_header_tabs_extra_tab {
    width: 25%;
    flex-shrink: 0;
    margin-bottom: .55556rem;
    text-align: center;
    font-size: .38889rem;
    color: var(--color);
    letter-spacing: 0;
    font-weight: 300
}

.cascader_header_tabs::-webkit-scrollbar {
    height: 0
}

.cascader_content {
    width: 100%;
    transition-duration: .3s;
    display: flex
}

.cascader_content_panel {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 40vh
}

.cascader_content_panel_item {
    padding: .27778rem .55556rem;
    font-size: .38889rem;
    color: #2c2c2b;
    letter-spacing: 0;
    font-weight: 300
}

.cascader_city_list_bar {
    height: auto!important;
    position: absolute!important;
    top: 30%!important;
    background: #eeeff2;
    border-radius: .18056rem;
    transform: translate3d(0,-50%,0)
}

@media(min-width: 640px) {
    .cascader {
        margin:0 2.77778rem
    }

    .cascader_header_tabs_tab {
        font-size: .44444rem
    }

    .cascader_header_tabs_extra_tab {
        margin-bottom: .83333rem
    }
}

.popover-wrapper {
    top: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    -webkit-animation: wrapper-show .3s forwards;
    animation: wrapper-show .3s forwards
}

.popover-wrapper,.popover-wrapper>* {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.popover-wrapper>* {
    background: #fff;
    border-radius: .55556rem .55556rem 0 0;
    -webkit-animation: content-show .3s forwards;
    animation: content-show .3s forwards
}

.popover-wrapper.closing {
    -webkit-animation: wrapper-hide .3s forwards;
    animation: wrapper-hide .3s forwards
}

.popover-wrapper.closing>* {
    -webkit-animation: content-hide .3s forwards;
    animation: content-hide .3s forwards
}

@-webkit-keyframes wrapper-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@-webkit-keyframes wrapper-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes wrapper-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes content-show {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes content-show {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes content-hide {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes content-hide {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.city-search-wrap {
    width: 10.08333rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: .27778rem
}

.city-search-wrap .city-search {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.63889rem;
    height: 1.25rem;
    background-color: hsla(0,0%,76.9%,.34);
    border-radius: .76389rem
}

.city-search-wrap .city-search-default {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.city-search-wrap .city-search-default>img {
    padding: 0 .05556rem
}

.city-search-wrap .city-search-default>span {
    font-size: .33333rem
}

.city-search-wrap .city-search-edit {
    width: 75%
}

.city-search-wrap .city-search-clear {
    margin-right: .27778rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.city-search-wrap .city-search>input {
    border: 0;
    padding: 0 .27778rem;
    font-size: .38889rem;
    width: 8.33333rem;
    height: 100%;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-modify: read-write-plaintext-only;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.city-search-wrap .city-search>input:focus {
    outline: none
}

.city-search-wrap .city-search-cancel {
    padding-left: .33333rem
}

.city-search-wrap .city-search-cancel>span {
    font-size: .5rem;
    font-weight: 400
}

.city-search-list-wrap {
    margin-top: .27778rem;
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.city-search-list-wrap .city-search-list {
    border-top: .02778rem solid #c4c4c4;
    width: inherit;
    box-sizing: border-box;
    padding: 0 .25rem
}

.city-search-list-wrap .city-search-list-item {
    position: relative;
    height: 1.38889rem;
    line-height: 1.38889rem;
    font-size: .38889rem;
    color: #000;
    opacity: .6;
    letter-spacing: .01806rem;
    font-weight: 400;
    border-bottom: .02778rem solid #c4c4c4
}

.city-search-list-wrap .city-search-list li {
    list-style: none
}

.city-search-list-wrap .city-search-empty {
    width: inherit;
    height: 8.33333rem;
    padding: .55556rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.city-search-list-wrap .city-search-empty img {
    padding-bottom: .27778rem
}

.city-search-list-wrap .city-search-empty span {
    font-size: .5rem
}

.city_page {
    padding: 0 .55556rem;
    background: var(--bg-inner);
    overflow-x: hidden
}

.city_page_now {
    width: 100%;
    height: 1.58333rem;
    line-height: 1.58333rem;
    border-bottom: .01389rem solid var(--border);
    font-size: .38889rem;
    letter-spacing: .01806rem;
    font-weight: 400
}

.city_page_now span {
    color: #32bac0;
    border-bottom: 0
}

.city_page_hot {
    width: 100%;
    padding-top: .55556rem;
    z-index: 11;
    position: relative
}

.city_page_hot p {
    margin-bottom: .36111rem;
    opacity: .6;
    font-size: .38889rem;
    letter-spacing: .01806rem;
    font-weight: 400
}

.city_page_hot ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-left: -.13889rem
}

.city_page_hot ul>i,.city_page_hot ul li {
    width: 2.11111rem;
    margin-right: .13889rem
}

.city_page_hot ul li {
    height: 1.11111rem;
    line-height: 1.11111rem;
    border-radius: .68056rem;
    margin-bottom: .27778rem;
    text-align: center;
    font-size: .38889rem;
    color: rgba(0,0,0,.6);
    letter-spacing: .01806rem;
    font-weight: 400;
    background: #f7f7f7
}

.city_page_hot_active {
    color: hsla(0,0%,100%,.8)!important;
    background: #32bac0!important
}

.no_city {
    height: 100%
}

.app-page.section-page.service-instruction-page {
    background: linear-gradient(180deg,#a9dfe1,#eef4f4 50%,#f7f7f7)
}

.app-page.section-page.service-instruction-page .page-header {
    background: none
}

.app-page.section-page.service-instruction-page .app-page-content {
    padding-bottom: 1.13889rem;
    box-sizing: border-box
}

.app-page.section-page.service-instruction-page .section-wrap {
    margin: .27778rem .44444rem;
    padding: .27778rem .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.5rem;
    box-sizing: border-box;
    background: var(--bg-inner);
    border-radius: .27778rem;
    color: var(--color);
    font-size: .38889rem;
    line-height: .52778rem
}

.app-page.section-page.service-instruction-page .section-wrap .city-desc {
    margin-top: .02778rem;
    font-size: .33333rem;
    line-height: .44444rem;
    color: #ff6915;
    font-weight: 400
}

.app-page.section-page.service-instruction-page .section-wrap .city-desc.support-city {
    color: #28b4ba
}

.app-page.section-page.service-instruction-page .section-wrap .city-desc.not-support-city {
    color: #f34545
}

.app-page.section-page.service-instruction-page .section-wrap .icon-right {
    width: .31417rem;
    height: .31417rem;
    fill: #a2a2a2
}

.app-page.section-page.service-instruction-page .section-wrap .service-pipeline {
    width: 100%
}

.app-page.section-page.service-instruction-page .section-wrap .service-fee {
    font-size: .36111rem;
    line-height: .47222rem;
    color: #36b4bb
}

.app-page.section-page.service-instruction-page .section-wrap .service-fee-desc {
    margin-top: .26861rem
}

.app-page.section-page.service-instruction-page .section-wrap .service-fee-desc:first-of-type {
    margin-top: .30556rem
}

.app-page.section-page.service-instruction-page .section-wrap-h2 {
    font-size: .41667rem;
    line-height: .55556rem;
    font-weight: 500
}

.app-page.section-page.service-instruction-page .section-wrap-h3 {
    font-size: .38889rem;
    line-height: .52778rem;
    font-weight: 500
}

.app-page.section-page.service-instruction-page .section-wrap-desc {
    font-size: .36111rem;
    line-height: .5rem;
    color: var(--bg)
}

.app-page.section-page.service-instruction-page .section-flex {
    display: flex;
    align-items: center
}

.app-page.section-page.service-instruction-page .section-flex .section-flex-left {
    flex: 1;
    font-weight: 500
}

.app-page.section-page.service-instruction-page .section-flex .section-flex-right {
    flex-shrink: 0
}

.app-page.section-page.service-instruction-page .section-text {
    color: var(--color)
}

@media(color-index: 48) {
    .app-page.section-page.service-instruction-page {
        background:var(--bg)
    }
}

@media(color: 48842621) {
    .app-page.section-page.service-instruction-page {
        background:var(--bg)
    }
}

@media(prefers-color-scheme: dark) {
    .app-page.section-page.service-instruction-page {
        background:var(--bg)
    }
}

.app-page.section-page.fee-page {
    background: linear-gradient(180deg,#a9dfe1,#eef4f4 50%,#f7f7f7)
}

.app-page.section-page.fee-page .page-header {
    background: none
}

.app-page.section-page.fee-page .section-wrap {
    padding: .33333rem .38889rem
}

.app-page.section-page.fee-page .service-title {
    margin: .13889rem .83333rem .47222rem;
    font-size: .38889rem;
    line-height: .52778rem;
    color: var(--color);
    font-weight: 500
}

@media(color-index: 48) {
    .app-page.section-page.fee-page {
        background:var(--bg)
    }

    .app-page.section-page.fee-page img {
        filter: invert(1) hue-rotate(180deg)
    }
}

@media(color: 48842621) {
    .app-page.section-page.fee-page {
        background:var(--bg)
    }

    .app-page.section-page.fee-page img {
        filter: invert(1) hue-rotate(180deg)
    }
}

@media(prefers-color-scheme: dark) {
    .app-page.section-page.fee-page {
        background:var(--bg)
    }

    .app-page.section-page.fee-page img {
        filter: invert(1) hue-rotate(180deg)
    }
}

.description-page {
    background: var(--bg)
}

.description-page .page-header .page-title {
    font-size: .36111rem
}

.description-page .description-content {
    padding: .33333rem .75rem .55556rem
}

.description-page .description-text {
    font-family: MILanPro_NORMAL--GB1-4;
    font-size: .36111rem;
    color: #999;
    line-height: .5rem;
    margin-top: .27778rem
}

.description-page .description-title {
    margin-top: .55556rem;
    font-family: MILanPro_MEDIUM--GB1-4;
    font-size: .36111rem;
    color: rgba(0,0,0,.85);
    letter-spacing: .02222rem;
    line-height: .52778rem
}

.description-page .description-a {
    font-size: .36111rem;
    color: #0091ff;
    text-decoration: none
}

.fit-ui-divider {
    border: none;
    height: .02778rem;
    background-color: rgba(0,0,0,.3);
    margin: 0;
    transform: scaleY(.5)
}

.fit-ui-divider.fit-ui-divider-vertical {
    height: auto;
    width: .02778rem;
    transform: scaleX(.5)
}

.fit-ui-dialog {
    background: #fff;
    text-align: center;
    border-radius: .27778rem
}

.fit-ui-dialog .fit-ui-dialog-header {
    font-size: .41667rem;
    font-weight: 600;
    height: 1.83333rem;
    line-height: 1.83333rem;
    color: #000
}

.fit-ui-dialog .fit-ui-dialog-content {
    margin: 0 .80556rem .72222rem;
    font-size: .38889rem;
    line-height: .53694rem;
    color: rgba(0,0,0,.7)
}

.fit-ui-dialog .fit-ui-dialog-footer {
    height: 1.38889rem;
    line-height: 1.38889rem;
    text-align: center;
    font-size: .38889rem;
    font-weight: 600;
    color: rgba(0,0,0,.7);
    display: flex
}

.fit-ui-dialog .fit-ui-dialog-footer .fit-ui-dialog-btn {
    width: 0;
    flex-grow: 1
}

@-webkit-keyframes dialog-in {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes dialog-in {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes dialog-out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.7);
        opacity: 0
    }
}

@keyframes dialog-out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.7);
        opacity: 0
    }
}

.c-modal,.c-modal__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4)
}

.c-modal__box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: .55556rem .55556rem 0 0;
    padding-top: .83333rem;
    padding-bottom: .75rem
}

.c-modal__box__title {
    height: 1.72222rem;
    line-height: 1.72222rem;
    font-family: MILanPro_MEDIUM--GB1-4;
    font-size: .44444rem;
    color: #000;
    letter-spacing: 0;
    text-align: center
}

.c-modal__box p {
    font-family: MILanPro_NORMAL--GB1-4;
    font-size: .36111rem;
    color: #000;
    letter-spacing: 0;
    width: 8.05556rem;
    margin: 0 auto .19444rem;
    line-height: .55556rem
}

.c-modal__box__action {
    background: #f5f5f5;
    border-radius: .63889rem;
    line-height: 1.27778rem;
    text-align: center;
    font-family: MILanPro_MEDIUM--GB1-4;
    font-size: .44444rem;
    color: #32bac0;
    letter-spacing: 0;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: .55556rem
}

.drainage_popover {
    background: var(--bg)
}

.drainage_popover_img {
    position: absolute;
    top: .55556rem;
    right: .55556rem;
    width: .38889rem;
    height: .38889rem;
    -o-object-fit: contain;
    object-fit: contain
}

.drainage_popover_footer {
    padding: .27778rem;
    text-align: center;
    color: var(--color)
}

.fit-ui-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    flex-shrink: 0
}

.fit-ui-img.dark {
    filter: invert(1) hue-rotate(180deg)
}

.drainage-content-feature {
    width: 100%;
    padding: .83333rem .27778rem 0 .41667rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.drainage-content-feature-card {
    width: 9.16667rem;
    display: flex;
    height: 1.11111rem;
    margin-bottom: .69444rem
}

.drainage-content-feature-card .fit-ui-img {
    width: 1rem;
    height: 1rem;
    margin-right: .41667rem;
    background-size: 100% auto
}

.drainage-content-feature-card-content {
    flex: auto
}

.drainage-content-feature-card-content-title {
    font-size: .44444rem;
    color: var(--color);
    font-weight: 500
}

.drainage-content-feature-card-content-desc {
    font-size: .30556rem;
    color: grey;
    font-weight: 300
}

@media(min-width: 640px) {
    .drainage-feature-card {
        width:50%
    }

    .drainage-feature-card:last-child:nth-child(4n-2) {
        margin-right: 50.6666666667%
    }
}

@media(min-width: 1100px) {
    .drainage-feature-card {
        width:33.3%
    }

    .drainage-feature-card:last-child:nth-child(4n-2) {
        margin-right: 50.6666666667%
    }
}

.drainage-content-paragraph {
    width: 100%;
    padding-top: .41667rem
}

.drainage-content-paragraph:last-child {
    margin-bottom: 2.77778rem
}

.drainage-content-paragraph-title {
    height: .61111rem;
    margin: .13889rem 0 .13889rem .41667rem;
    padding-left: .13889rem;
    border-left: .05556rem solid #5cc560;
    font-size: .55556rem;
    font-weight: 500;
    line-height: .55556rem;
    color: var(--color)
}

.drainage-content-paragraph-desc {
    padding-left: .61111rem;
    padding-right: .5rem;
    margin-bottom: .27778rem;
    font-size: .33333rem;
    color: grey;
    line-height: .5rem;
    font-weight: 300
}

.drainage-content-paragraph-tip {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .27778rem;
    font-size: .25rem;
    color: grey;
    font-weight: 300
}

@media(min-width: 640px) {
    .drainage-content-paragraph[data-css-bg=true] {
        padding-top:.41667rem;
        margin-bottom: .69444rem;
        width: 48.5%;
        height: 7.05556rem;
        background: var(--bg-card);
        border-radius: .27778rem
    }

    .drainage-content-paragraph:last-child {
        margin-bottom: 2.77778rem
    }

    .drainage-content-paragraph-title {
        font-size: .5rem;
        margin: .13889rem 0 .13889rem .55556rem
    }
}

@media(min-width: 1100px) {
    .drainage-content-paragraph[data-css-bg=true] {
        padding-top:.41667rem;
        margin-bottom: .55556rem;
        width: 31%;
        height: 7.05556rem;
        background: var(--bg-card);
        border-radius: .27778rem
    }

    .drainage-content-paragraph:last-child {
        margin-bottom: 2.77778rem
    }

    .drainage-content-paragraph-title {
        font-size: .5rem;
        margin: .13889rem 0 .13889rem .55556rem
    }
}

.drainage-content-scene-card {
    width: 100%;
    height: 7.05556rem;
    margin: 0 auto .5rem;
    color: #fff;
    border-radius: .27778rem;
    position: relative;
    overflow: hidden
}

.drainage-content-scene-card-title {
    font-size: .38889rem;
    font-weight: 400;
    position: absolute;
    top: .33333rem;
    left: .33333rem
}

.drainage-content-scene-card-title-sub {
    position: absolute;
    top: .97222rem;
    left: .33333rem;
    font-size: .33333rem;
    font-weight: 300
}

.drainage-content-scene-card-img {
    width: 100%;
    height: 5rem
}

.drainage-content-scene-card-product {
    width: 100%;
    height: 1.94444rem;
    position: absolute;
    bottom: 0;
    background: var(--bg-card)
}

.drainage-content-scene-card-product .fit-ui-img {
    height: 1.38889rem;
    background-size: auto 100%;
    margin-left: .41667rem;
    margin-top: .27778rem;
    background-position: 0
}

.drainage-content-scene-card_mask {
    width: 100%;
    height: 1.80556rem;
    position: absolute;
    background: linear-gradient(0deg,rgba(8,8,8,0) 2%,rgba(0,0,0,.54) 98%)
}

@media(min-width: 640px)and (max-width:1100px) {
    .drainage-content-scene-card {
        width:48.5%;
        margin: 0 0 .5rem
    }

    .drainage-content-scene-card:last-child:nth-child(2n-1) {
        margin-right: 50.6666666667%
    }
}

@media(min-width: 1100px) {
    .drainage-content-scene-card {
        width:31%;
        margin: 0 0 .5rem
    }

    .drainage-content-scene-card:last-child:nth-child(4n-1) {
        margin-right: 69%
    }

    .drainage-content-scene-card:last-child:nth-child(3n-1) {
        margin-right: 34.5%
    }
}

.drainage {
    width: 100%;
    background: var(--bg-drainage);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.drainage-cover {
    width: 100%;
    height: 9.30556rem;
    position: relative;
    text-align: center
}

.drainage-cover-img {
    width: 100%;
    height: 100%
}

.drainage-cover-icon {
    position: absolute;
    top: .44444rem;
    left: .44444rem;
    width: 1.75rem;
    height: .77778rem
}

.drainage-cover-icon .fit-ui-img {
    width: 100%;
    height: 100%;
    background-size: 100% auto
}

.drainage-cover-title {
    padding-top: 1.97222rem;
    font-size: .94444rem;
    color: #000;
    letter-spacing: .06389rem;
    font-weight: 500
}

.drainage-cover-sub {
    font-size: .44444rem;
    color: #000;
    letter-spacing: .29444rem;
    text-align: center;
    padding-left: .22222rem
}

.drainage-content {
    padding: 0 .27778rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.drainage-content-control {
    width: 9.16667rem;
    height: 3.55556rem;
    margin: .27778rem auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: var(--bg-card);
    border-radius: .27778rem
}

.drainage-content-control-item {
    width: 2rem;
    height: 2rem
}

.drainage-content-control-item-img {
    margin: .13889rem auto;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
    background-position: 0
}

.drainage-content-control-item-desc {
    font-size: .33333rem;
    color: var(--color);
    text-align: center;
    font-weight: 400
}

.drainage-content-iot {
    width: 9.16667rem;
    height: 5rem;
    border-radius: .27778rem;
    margin: .13889rem auto;
    background-size: auto 100%;
    background-position: 50%
}

.drainage-content-process {
    width: 9.16667rem;
    height: 2.69444rem;
    margin: .27778rem auto;
    background: var(--bg-card);
    border-radius: .27778rem;
    display: flex;
    align-items: center;
    padding: 0 .41667rem;
    justify-content: space-around
}

.drainage-content-process-item {
    width: 1.11111rem;
    height: 1.38889rem;
    color: var(--color)
}

.drainage-content-process-item-img {
    filter: invert(1) hue-rotate(180deg);
    margin-left: .06944rem;
    width: .97222rem;
    height: .97222rem
}

.drainage-content-process-item-desc {
    font-size: .25rem;
    color: var(--color);
    letter-spacing: .0075rem;
    text-align: justify;
    font-weight: 400
}

.drainage-content-map {
    width: 9.16667rem;
    height: 5rem;
    border-radius: .27778rem;
    margin: .13889rem auto;
    background-size: cover;
    background-position: 50%
}

.drainage-fix {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.05556rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1;
    background-image: linear-gradient(180deg,transparent 1%,rgba(0,0,0,.6) 99%)
}

.drainage-fix-button {
    width: 43.8%;
    height: 1.33333rem;
    font-size: .44444rem;
    background: var(--theme);
    color: var(--color-inner);
    text-align: center;
    line-height: 1.27778rem;
    border-radius: 2.77778rem
}

.drainage-fix-button:last-child {
    margin-right: 0
}

@media(min-width: 640px) {
    .drainage-cover-title {
        padding-top:1.38889rem
    }

    .drainage-content-control {
        width: 90%;
        height: 2.77778rem;
        margin: .27778rem auto
    }

    .drainage-content-iot {
        width: 90%;
        height: 3.33333rem;
        background-size: 100% auto
    }

    .drainage-content-process {
        width: 90%;
        height: 3.88889rem
    }

    .drainage-content-map {
        width: 90%;
        height: 4.36111rem;
        background-size: cover
    }
}

@media(min-width: 800px) {
    .drainage-cover-title {
        padding-top:1.38889rem
    }

    .drainage-fix {
        justify-content: center
    }

    .drainage-fix-button {
        width: 10rem;
        margin-right: .83333rem
    }

    .drainage-content {
        padding: 0 1.38889rem
    }
}

.drainage_info {
    width: 100%;
    min-height: 100vh;
    padding-top: 2.22222rem;
    overflow: auto;
    background-position: 0 0;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.drainage_info_logo {
    position: absolute;
    top: .44444rem;
    left: .44444rem;
    width: 1.75rem;
    height: .77778rem
}

.drainage_info_title {
    font-size: .83333rem;
    color: #fff;
    letter-spacing: .08333rem;
    font-weight: 500
}

.drainage_info_sub {
    font-size: .36111rem;
    color: #fff;
    letter-spacing: .06806rem;
    font-weight: 300;
    padding-bottom: .44444rem
}

.drainage_info_img {
    width: 7.25rem;
    height: .55556rem;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin-bottom: .83333rem
}

.drainage_info_card {
    width: 8.33333rem;
    height: 9.27778rem;
    background: var(--bg-card);
    border-radius: .61111rem;
    padding: .30556rem .86111rem .44444rem
}

.drainage_info_card_item {
    font-size: .44444rem;
    height: .88889rem;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: .01389rem solid hsla(0,0%,78.8%,.4);
    padding-top: .80556rem
}

.drainage_info_card_item_label {
    height: .61111rem;
    line-height: .61111rem;
    flex: none;
    padding-right: .22222rem;
    color: var(--color);
    letter-spacing: 0;
    text-align: center;
    font-weight: 400
}

.drainage_info_card_item_input {
    font-size: .44444rem;
    height: .61111rem;
    line-height: .61111rem;
    flex: auto;
    caret-color: var(--theme);
    background: transparent;
    border: 0;
    outline: none;
    color: var(--placeholder);
    letter-spacing: 0;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.drainage_info_card_item_input::-moz-placeholder {
    color: var(--color-gray)
}

.drainage_info_card_item_input::placeholder {
    color: var(--color-gray)
}

.drainage_info_card_item_input span {
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif!important;
    color: var(--color-gray);
    font-weight: 200
}

.drainage_info_card_privacy {
    display: flex;
    align-items: center;
    margin-top: .83333rem;
    margin-bottom: .55556rem;
    font-size: .22222rem;
    color: var(--color-gray);
    letter-spacing: 0;
    font-weight: 200
}

.drainage_info_card_privacy img {
    width: .5rem;
    height: .5rem;
    margin-right: .33333rem;
    border-radius: 50%;
    background: var(--bg-inner)
}

.drainage_info_card_privacy span {
    color: var(--link)
}

.drainage_info_card_button {
    width: 7.16667rem;
    height: 1.22222rem;
    margin-left: -.27778rem;
    line-height: 1.22222rem;
    text-align: center;
    font-size: .38889rem;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    background: var(--theme);
    border-radius: .63889rem
}

.fit-ui-toast {
    width: auto
}

@media(min-width: 500px) {
    .drainage_info {
        padding-top:1.66667rem
    }

    .drainage_info_card {
        height: 8.05556rem
    }

    .drainage_info_card_item {
        padding-top: .41667rem
    }
}

@media(min-width: 640px)and (orientation:portrait) {
    .drainage_info {
        padding-top:3.05556rem;
        background-position: 50%
    }

    .drainage_info_logo {
        position: absolute;
        top: .55556rem;
        left: .55556rem;
        width: 2.27778rem;
        height: 1rem
    }

    .drainage_info_title {
        font-size: 1.4rem;
        letter-spacing: .14rem;
        font-weight: 400
    }

    .drainage_info_sub {
        font-size: .60667rem;
        letter-spacing: .11611rem;
        font-weight: 300
    }

    .drainage_info_img {
        width: 12.30556rem;
        height: .94444rem;
        margin-bottom: 2.5rem
    }

    .drainage_info_card {
        width: 12.5rem;
        height: 13.83333rem;
        border-radius: .91667rem;
        padding: .55556rem 1.29167rem .83333rem
    }

    .drainage_info_card_item {
        font-size: .77778rem;
        height: .77778rem;
        border-bottom: .02778rem solid hsla(0,0%,78.8%,.4);
        padding-top: 1.11111rem;
        padding-bottom: .44444rem
    }

    .drainage_info_card_item_input,.drainage_info_card_item_label {
        height: .77778rem;
        line-height: .77778rem
    }

    .drainage_info_card_item_input {
        font-size: .77778rem
    }

    .drainage_info_card_privacy {
        margin-top: 1.27778rem;
        margin-bottom: .66667rem;
        font-size: .41667rem;
        line-height: .5rem
    }

    .drainage_info_card_privacy img {
        width: .75rem;
        height: .75rem;
        margin-right: .33333rem
    }

    .drainage_info_card_button {
        width: 10.83333rem;
        height: 1.83333rem;
        margin-left: -.41667rem;
        line-height: 1.83333rem;
        font-size: .58333rem;
        border-radius: 1.38889rem
    }
}

@media(min-width: 1100px)and (orientation:landscape) {
    .drainage_info {
        padding-top:1.94444rem
    }

    .drainage_info_title {
        font-size: 1.4rem;
        letter-spacing: .14rem;
        font-weight: 400
    }

    .drainage_info_sub {
        font-size: .60667rem;
        letter-spacing: .11611rem;
        font-weight: 300
    }

    .drainage_info_img {
        margin-bottom: 1.11111rem
    }

    .drainage_info_card {
        width: 12.5rem;
        height: 13.83333rem;
        border-radius: .91667rem;
        padding: .55556rem 1.29167rem .83333rem
    }

    .drainage_info_card_item {
        font-size: .77778rem;
        height: .77778rem;
        padding-top: 1.11111rem;
        padding-bottom: .44444rem
    }

    .drainage_info_card_item_label {
        height: .77778rem;
        line-height: .77778rem;
        flex: none;
        padding-right: .22222rem;
        letter-spacing: 0;
        text-align: center;
        font-weight: 400
    }

    .drainage_info_card_item_input {
        font-size: .77778rem;
        height: .77778rem;
        line-height: .77778rem
    }

    .drainage_info_card_privacy {
        margin-top: 1.27778rem;
        margin-bottom: .66667rem;
        font-size: .41667rem;
        line-height: .5rem
    }

    .drainage_info_card_privacy img {
        width: .75rem;
        height: .75rem;
        margin-right: .33333rem
    }

    .drainage_info_card_button {
        width: 10.83333rem;
        height: 1.83333rem;
        margin-left: -.41667rem;
        line-height: 1.83333rem;
        font-size: .58333rem;
        border-radius: 1.38889rem
    }
}

.house-fee {
    margin: 0;
    background: var(--bg-inner)
}

.house-fee-title {
    width: 100%;
    margin: .61111rem 0 .77778rem
}

.house-fee-title p {
    font-size: .44444rem;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400
}

.house-fee-content {
    margin: 0 .66667rem
}

.house-fee-content p {
    padding-bottom: .41667rem;
    font-size: .38889rem;
    opacity: .7;
    letter-spacing: .02083rem;
    font-weight: 400
}

.house-fee-button {
    width: 8.22222rem;
    height: 1.30556rem;
    line-height: 1.27778rem;
    margin: .55556rem auto .88889rem;
    font-size: .44444rem;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    text-align: center;
    background: #32bac0;
    border-radius: .72222rem
}

.house-proposal-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    scroll-behavior: smooth
}

.house-cover {
    display: inline-block;
    width: 100%;
    height: 5.75rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.house-detail-wrap {
    margin: .33333rem .33333rem 0;
    border-radius: .27778rem;
    background-color: var(--bg-inner)
}

.house-detail-wrap .house-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .41667rem 0
}

.house-detail-wrap .house-title span {
    font-size: .5rem;
    font-weight: 500
}

.house-detail-wrap .house-title .house-fee-btn {
    color: #00a8af;
    font-size: .33333rem;
    font-weight: 400;
    opacity: .7
}

.house-detail-wrap .house-price-wrap {
    padding: .36111rem .33333rem 0
}

.house-detail-wrap .house-price-wrap .house-price {
    font-size: .66667rem;
    color: red
}

.house-detail-wrap .house-price-wrap span {
    font-size: .38889rem;
    opacity: .7;
    padding-right: .22222rem
}

.house-detail-wrap .house-label-wrap {
    padding: .41667rem .41667rem .47222rem
}

.house-detail-wrap .house-label-wrap span {
    display: inline-block;
    border-radius: .11111rem;
    padding: .08333rem .13889rem;
    border: .02778rem solid #ccc;
    font-size: .36111rem;
    font-weight: 500;
    opacity: .45;
    margin-right: .27778rem
}

.house-detail-wrap .house-label-wrap span:last-child {
    margin-right: 0
}

.house-nav-wrap {
    margin: .33333rem .33333rem 0;
    background-color: var(--bg-inner);
    border-radius: .27778rem
}

.house-nav-wrap .house-product {
    padding: .63889rem .41667rem .41667rem;
    display: flex;
    font-size: .38889rem;
    font-weight: 500;
    justify-content: space-between;
    align-items: center
}

.house-nav-wrap .house-product-count {
    display: flex;
    justify-content: center;
    align-items: center
}

.house-nav-wrap .house-product-count>span {
    font-size: .38889rem;
    font-weight: 300
}

.house-nav-wrap .house-notice {
    padding: .41667rem .41667rem .63889rem;
    display: flex;
    font-size: .38889rem;
    font-weight: 500;
    justify-content: space-between;
    align-items: center
}

.house-scene-title {
    padding: .55556rem .75rem .36111rem;
    font-size: .38889rem;
    font-weight: 500
}

.house-scene-list-wrap {
    margin: 0 .33333rem;
    padding-bottom: 5rem;
    flex-direction: column
}

.house-btn-wrap,.house-scene-list-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.house-btn-wrap {
    height: 2.63889rem;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.house-btn-wrap .house-redesign-btn {
    border-radius: .72667rem;
    border: .02778rem solid #32bac0;
    color: #32bac0;
    background-color: var(--bg-inner)
}

.house-btn-wrap .house-redesign-btn,.house-btn-wrap .house-reserve-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.30556rem;
    width: 8.22222rem;
    margin: 0 .55556rem;
    font-size: .41667rem
}

.house-btn-wrap .house-reserve-btn {
    border-radius: .72667rem;
    color: #fff;
    background-color: #32bac0
}

.house-back-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: .30556rem;
    bottom: 3.05556rem
}

.lite .voice-box-modal {
    background: var(--bg-inner);
    padding-top: .65278rem;
    padding-bottom: .77778rem
}

.lite .voice-box-modal-title {
    font-size: .44444rem;
    letter-spacing: .00833rem;
    text-align: center;
    font-weight: 500
}

.lite .voice-box-modal-tip {
    margin-top: .31944rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .44444rem;
    letter-spacing: .03333rem;
    text-align: center;
    line-height: .63889rem;
    font-weight: 400;
    width: 7.55556rem
}

.lite .voice-box-modal img {
    margin-top: .68056rem;
    width: 100%
}

.lite .voice-box-modal-action {
    margin-top: .98611rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.lite .voice-box-modal-action-cancel,.lite .voice-box-modal-action-ok {
    width: 4.08333rem;
    height: 1.27778rem;
    border-radius: .63889rem;
    text-align: center;
    color: #fff;
    line-height: 1.27778rem
}

.lite .voice-box-modal-action-ok {
    background: #f5f5f5;
    color: #4c4c4c
}

.lite .voice-box-modal-action-cancel {
    margin-left: .33333rem;
    background: #32bac0
}

.home .home-product {
    min-height: 30vh;
    margin-top: .27778rem;
    padding: .55556rem .44444rem 0
}

.home .home-product-title {
    font-size: .41667rem;
    letter-spacing: .01833rem;
    font-weight: 500
}

.home .home-product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: .75rem;
    margin-right: -.27778rem
}

.home .home-product-item,.home .home-product-list>i {
    margin-right: .27778rem;
    width: 4.36111rem
}

.home .home-product-item {
    margin-top: .5rem
}

.home .home-product-item-top {
    height: 4.36111rem;
    background: var(--bg-inner);
    border-radius: .44444rem;
    position: relative;
    overflow: hidden
}

.home .home-product-item-top-stockout {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 50%;
    transform: translateX(-50%);
    width: 4.36111rem;
    height: .61111rem;
    border-radius: .05556rem;
    background-color: rgba(0,0,0,.35);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.home .home-product-item-top-stockout p {
    color: #fff;
    font-size: .38889rem
}

.home .home-product-item-top img {
    width: 3.05556rem;
    height: 3.05556rem;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.home .home-product-item-top span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #32bac0;
    height: .69444rem;
    line-height: .69444rem;
    font-size: .38889rem;
    color: #fff;
    letter-spacing: .01694rem;
    font-weight: 400;
    text-align: center
}

.home .home-product-item-name {
    color: var(--color);
    width: 4.36111rem;
    margin-top: .22222rem;
    font-size: .44444rem;
    letter-spacing: .01694rem
}

.home .home-product-item-label,.home .home-product-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: center
}

.home .home-product-item-label {
    opacity: .5;
    display: block;
    margin-top: .08333rem;
    font-size: .36111rem;
    letter-spacing: .01583rem
}

.home .home-product-item-price {
    margin-top: .16667rem;
    font-size: .41667rem;
    color: #f37e4a;
    letter-spacing: .01833rem;
    font-weight: 500
}

.voice-box-modal {
    padding-top: .65278rem;
    padding-bottom: .77778rem
}

.voice-box-modal-title {
    font-size: .44444rem;
    letter-spacing: .00833rem;
    text-align: center;
    font-weight: 500
}

.voice-box-modal-tip {
    margin-top: .31944rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .44444rem;
    letter-spacing: .03333rem;
    text-align: center;
    line-height: .63889rem;
    font-weight: 400;
    width: 7.55556rem
}

.voice-box-modal img {
    margin-top: .68056rem;
    width: 100%
}

.voice-box-modal-action {
    margin-top: .98611rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.voice-box-modal-action-cancel,.voice-box-modal-action-ok {
    width: 4.08333rem;
    height: 1.27778rem;
    border-radius: .63889rem;
    text-align: center;
    color: #fff;
    line-height: 1.27778rem
}

.voice-box-modal-action-ok {
    background: #f5f5f5;
    color: #4c4c4c
}

.voice-box-modal-action-cancel {
    margin-left: .33333rem;
    background: #32bac0
}

.fit-ui-popover {
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .55556rem .55556rem 0 0
}

.no_city_modal {
    margin: 0;
    background: var(--bg-inner)
}

.no_city_modal_title {
    width: 100%;
    margin: .5rem 0 .66667rem
}

.no_city_modal_title p {
    font-weight: 500
}

.no_city_modal_content,.no_city_modal_title p {
    font-size: .44444rem;
    letter-spacing: 0;
    text-align: center
}

.no_city_modal_content {
    font-weight: 400
}

.no_city_modal_button {
    width: 8.5rem;
    height: 1.27778rem;
    line-height: 1.27778rem;
    margin: .94444rem .75rem .75rem;
    font-size: .44444rem;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    text-align: center;
    background: #32bac0;
    border-radius: .63889rem
}

.lite .home-sale,.lite .home-sale img {
    width: 100%
}

.lite .home-des {
    padding: .55556rem 0 .51389rem .44444rem
}

.lite .home-des-title {
    font-size: .47222rem;
    letter-spacing: .02056rem;
    font-weight: 500
}

.lite .home-des-tip {
    opacity: .5;
    font-size: .36111rem;
    padding-right: .33333rem;
    margin-top: .33333rem;
    letter-spacing: .02083rem;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.lite .home-des-detail {
    margin-top: .54167rem;
    border: 0 solid var(--color);
    display: flex;
    align-items: center
}

.lite .home-des-detail-label {
    font-size: .38889rem;
    letter-spacing: .0225rem;
    font-weight: 400;
    opacity: .6
}

.lite .home-des-detail-tags {
    display: flex;
    align-items: center;
    margin-left: .05556rem
}

.lite .home-des-detail-tags span {
    font-size: .36111rem;
    letter-spacing: .02083rem;
    font-weight: 400;
    display: block;
    height: .63889rem;
    padding: 0 .22222rem;
    line-height: .63889rem;
    text-align: center;
    margin-left: .27778rem
}

.lite .home-des-detail-tags span:first-child {
    margin-left: 0
}

.lite .home-des-detail-tags span:after {
    background-color: hsla(0,0%,76.9%,.3);
    border-radius: .33333rem
}

.lite .home-des-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .58333rem;
    padding-right: .33333rem
}

.lite .home-des-question-label {
    font-size: .38889rem;
    color: #4db1be;
    letter-spacing: .0225rem;
    font-weight: 400
}

.lite .home-des-question-label-city {
    font-size: .38889rem;
    color: #32bac0;
    letter-spacing: .0225rem;
    font-weight: 400
}

.lite .home-des-question-label-no-city {
    color: #eb562c
}

.lite .home-des-question img {
    opacity: .5
}

.lite .home-des-dividing {
    width: 8.80556rem;
    padding: 0 .625rem 0 .56944rem;
    display: block;
    opacity: .1;
    border-top: .01389rem solid var(--color);
    transform: scaleY(.5)
}

.lite .home-des-question2 {
    margin-top: 0;
    padding: .38889rem 0
}