@charset "UTF-8";.services[data-v-4b4aca5f] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffffcd
}

.services>span[data-v-4b4aca5f] {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-bg-opacity: 1;
    background-color: #d3d2d2;
    background-color: rgb(211 210 210/var(--tw-bg-opacity));
    height: 1.75rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 1px
}

.searcherContainer[data-v-4b4aca5f] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Microsoft Yahei,Hiragino Sans GB,sans-serif!important
}

.searcherContainer>div[data-v-4b4aca5f] {
    background-color: #3d3d3e1f
}

.searcher>input[data-v-4b4aca5f]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity));
    font-size: 16px
}

.searcher>input[data-v-4b4aca5f]::placeholder {
    --tw-text-opacity: 1;
    color: #999;
    color: rgb(153 153 153/var(--tw-text-opacity));
    font-size: 16px
}

.serviceOptions-enter-active[data-v-4b4aca5f] {
    transition: all .2s ease-out
}

.serviceOptions-leave-active[data-v-4b4aca5f] {
    transition: all .2s ease-in
}

.serviceOptions-enter-from[data-v-4b4aca5f],.serviceOptions-leave-to[data-v-4b4aca5f] {
    opacity: 0;
    transform: translateY(0)
}

@media (max-width: 640px) {
    .banners>li>img[data-v-4b4aca5f]:first-of-type {
        display:none
    }

    .banners>li>img[data-v-4b4aca5f]:nth-of-type(2) {
        display: block
    }
}

@media (max-width: 1240px) {
    .searcherContainer[data-v-4b4aca5f] {
        height:280px
    }

    .searchMain[data-v-4b4aca5f] {
        height: 42px;
        width: 728px
    }

    .searchMain .searchOptions[data-v-4b4aca5f] {
        font-size: 15px;
        margin-right: .75rem;
        padding-left: 15px;
        width: 100px
    }

    .searchMain>ul[data-v-4b4aca5f] {
        width: 100px
    }

    .searchMain>ul>li[data-v-4b4aca5f] {
        font-size: 13px;
        padding-left: .75rem;
        padding-right: 5px;
        width: 88px
    }

    .searchMain .searcher>input[data-v-4b4aca5f] {
        font-size: 15px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::-moz-placeholder {
        color: #44444451;
        font-size: 15px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::placeholder {
        color: #44444451;
        font-size: 15px
    }

    .searchMain .searchDiv[data-v-4b4aca5f] {
        --tw-bg-opacity: 1;
        background-color: #2b62d7;
        background-color: rgb(43 98 215/var(--tw-bg-opacity));
        flex: none;
        font-size: 15px
    }

    .searchMain .searchDiv img[data-v-4b4aca5f] {
        height: 17px;
        width: 17px
    }

    .settleIn[data-v-4b4aca5f] {
        font-size: 15px;
        height: 42px;
        width: 120px
    }

    .services[data-v-4b4aca5f] {
        height: 50px;
        margin-top: 32px;
        width: 960px
    }

    .services>div>a[data-v-4b4aca5f] {
        font-size: 15px
    }

    .transY46[data-v-4b4aca5f] {
        transform: translateY(46px)
    }
}

@media (max-width: 820px) {
    .searcherContainer[data-v-4b4aca5f] {
        height:240px
    }

    .searchMain[data-v-4b4aca5f] {
        height: 40px;
        width: 550px
    }

    .searchMain .searcherBox[data-v-4b4aca5f] {
        border-style: none
    }

    .searchMain .searchOptions[data-v-4b4aca5f] {
        font-size: 14px;
        margin-right: .5rem;
        padding-left: 16px;
        width: 88px
    }

    .searchMain>ul[data-v-4b4aca5f] {
        width: 96px
    }

    .searchMain>ul>li[data-v-4b4aca5f] {
        font-size: 13px;
        padding-left: .75rem;
        padding-right: 5px;
        width: 88px
    }

    .searchMain .searcher>input[data-v-4b4aca5f] {
        font-size: 14px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::-moz-placeholder {
        color: #44444451;
        font-size: 14px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::placeholder {
        color: #44444451;
        font-size: 14px
    }

    .searchMain .searchDiv[data-v-4b4aca5f] {
        --tw-bg-opacity: 1;
        background-color: #2b62d7;
        background-color: rgb(43 98 215/var(--tw-bg-opacity));
        flex: none;
        font-size: 14px;
        width: 75px
    }

    .searchMain .searchDiv img[data-v-4b4aca5f] {
        height: 16px;
        width: 16px
    }

    .settleIn[data-v-4b4aca5f] {
        font-size: 14px;
        height: 40px;
        width: 120px
    }

    .services[data-v-4b4aca5f] {
        height: 42px;
        margin-top: 28px;
        width: 700px
    }

    .services>div>a[data-v-4b4aca5f] {
        font-size: 14px
    }

    .services>span[data-v-4b4aca5f] {
        display: none
    }

    .transY44[data-v-4b4aca5f] {
        transform: translateY(44px)
    }
}

@media (max-width: 640px) {
    .searcherContainer[data-v-4b4aca5f] {
        height:192px
    }

    .searchMain[data-v-4b4aca5f] {
        height: 34px;
        width: 255px
    }

    .searchMain .searcherBox[data-v-4b4aca5f] {
        border-style: none
    }

    .searchMain .searchOptions[data-v-4b4aca5f] {
        display: none
    }

    .searchMain>ul[data-v-4b4aca5f] {
        width: 96px
    }

    .searchMain>ul>li[data-v-4b4aca5f] {
        font-size: 13px;
        padding-left: .75rem;
        padding-right: 5px;
        width: 88px
    }

    .searchMain .searcher[data-v-4b4aca5f] {
        padding-right: .5rem
    }

    .searchMain .searcher>input[data-v-4b4aca5f] {
        font-size: 13px;
        padding-left: 14px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::-moz-placeholder {
        color: #44444451;
        font-size: 13px
    }

    .searchMain .searcher>input[data-v-4b4aca5f]::placeholder {
        color: #44444451;
        font-size: 13px
    }

    .searchMain .searchDiv[data-v-4b4aca5f] {
        --tw-bg-opacity: 1;
        background-color: #2b62d7;
        background-color: rgb(43 98 215/var(--tw-bg-opacity));
        flex: none;
        font-size: 13px;
        width: 48px
    }

    .searchMain .searchDiv img[data-v-4b4aca5f] {
        height: 16px;
        width: 16px
    }

    .searchMain .searchDiv span[data-v-4b4aca5f],.settleIn[data-v-4b4aca5f] {
        display: none
    }

    .services[data-v-4b4aca5f] {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 36px;
        margin-top: 24px;
        width: 343px
    }

    .services>div>a[data-v-4b4aca5f] {
        font-size: 14px
    }

    .transY42[data-v-4b4aca5f] {
        transform: translateY(42px)
    }
}

.selected[data-v-6b563931] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #e7edfb;
    background-color: rgb(231 237 251/var(--tw-bg-opacity));
    color: #2b62d7;
    color: rgb(43 98 215/var(--tw-text-opacity))
}

@media (max-width: 820px) {
    .showCategories[data-v-6b563931] {
        display:none
    }

    .filter[data-v-6b563931] {
        -webkit-tap-highlight-color: transparent;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .filter ul>li[data-v-6b563931],.filter>li[data-v-6b563931] {
        margin-right: 1rem;
        width: unset
    }

    .filter ul>li>a[data-v-6b563931],.filter>li>a[data-v-6b563931] {
        --tw-text-opacity: 1;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
        background-color: unset;
        color: #555;
        color: rgb(85 85 85/var(--tw-text-opacity));
        display: block;
        font-size: 14px;
        font-weight: 400;
        padding: 0
    }

    .filter ul>li .selected[data-v-6b563931],.filter>li .selected[data-v-6b563931] {
        --tw-text-opacity: 1;
        color: #2b62d7;
        color: rgb(43 98 215/var(--tw-text-opacity))
    }

    .filter>ul[data-v-6b563931] {
        flex: none;
        flex-wrap: nowrap;
        padding-right: 1.75rem
    }

    .filter[data-v-6b563931]::-webkit-scrollbar {
        background: transparent;
        display: none;
        height: 0
    }

    .mobile[data-v-6b563931] {
        display: flex
    }
}

@media (max-width: 640px) {
    .filter ul>li>a[data-v-6b563931],.filter>li>a[data-v-6b563931] {
        --tw-text-opacity:1;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
        background-color: unset;
        color: #555;
        color: rgb(85 85 85/var(--tw-text-opacity));
        display: block;
        font-size: 13px;
        font-weight: 400;
        height: 17px;
        padding: 0
    }

    .filter>ul[data-v-6b563931] {
        padding-right: 1.25rem
    }
}

@media (max-width: 820px) {
    .filter[data-v-3e9b5476] {
        -webkit-tap-highlight-color:transparent;
        flex: none;
        overflow-y: scroll
    }

    .filter ul>li[data-v-3e9b5476] {
        align-items: center;
        display: flex;
        font-size: 14px;
        justify-content: center
    }

    .filter ul>li .selected[data-v-3e9b5476] {
        --tw-text-opacity: 1;
        color: #2b62d7;
        color: rgb(43 98 215/var(--tw-text-opacity))
    }

    .filter>li[data-v-3e9b5476]:before {
        content: "选择"
    }

    .serviceFilter>ul>li[data-v-3e9b5476] {
        width: 143px
    }

    .options>ul[data-v-3e9b5476] {
        width: 453px
    }

    .options[data-v-3e9b5476]::-webkit-scrollbar {
        background: transparent;
        display: none
    }

    .selected[data-v-3e9b5476] {
        border-color: #2b62d7;
        color: #2b62d7
    }

    .buttons>div[data-v-3e9b5476] {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        width: 452px
    }
}

@media (max-width: 640px) {
    .filter[data-v-3e9b5476] {
        -webkit-tap-highlight-color:transparent;
        flex: none;
        overflow-y: scroll
    }

    .filter ul>li[data-v-3e9b5476] {
        align-items: center;
        display: flex;
        font-size: 14px;
        justify-content: center
    }

    .filter ul>li .selected[data-v-3e9b5476] {
        --tw-text-opacity: 1;
        color: #2b62d7;
        color: rgb(43 98 215/var(--tw-text-opacity))
    }

    .filter>li[data-v-3e9b5476]:before {
        content: "选择"
    }

    .serviceFilter>ul>li[data-v-3e9b5476] {
        width: 162px
    }

    .options>ul[data-v-3e9b5476] {
        width: 336px
    }

    .options[data-v-3e9b5476]::-webkit-scrollbar {
        background: transparent;
        display: none
    }

    .selected[data-v-3e9b5476] {
        border-color: #2b62d7;
        color: #2b62d7
    }

    .buttons>div[data-v-3e9b5476] {
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        width: 336px
    }
}

.logisticsFilterContainer[data-v-6e3758b9] {
    font-family: Microsoft Yahei,Hiragino Sans GB,sans-serif!important
}

.logisticsFilterContainer>div>ul[data-v-6e3758b9]:last-of-type {
    margin-bottom: 0
}

.selected[data-v-6e3758b9] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #e7edfb;
    background-color: rgb(231 237 251/var(--tw-bg-opacity));
    color: #2b62d7;
    color: rgb(43 98 215/var(--tw-text-opacity))
}

@media (max-width: 820px) {
    .logisticsFilterContainer[data-v-6e3758b9] {
        padding:1rem 1.25rem;
        width: 100%
    }

    .logisticsFilterContainer .mobileFilterBtn[data-v-6e3758b9] {
        box-shadow: -3px 0 10px 1px #0001;
        display: flex;
        width: 53px
    }

    .logisticsFilterContainer .mobile[data-v-6e3758b9] {
        display: flex;
        height: 21px
    }

    .logisticsFilterContainer .dialogOptions[data-v-6e3758b9] {
        display: block
    }

    .logisticsFilterContainer .dialogOptionsScroll[data-v-6e3758b9] {
        transform: translateY(0)
    }
}

@media (max-width: 640px) {
    .logisticsFilterContainer[data-v-6e3758b9] {
        padding:1rem;
        width: 100%
    }

    .logisticsFilterContainer .mobileFilterBtn[data-v-6e3758b9] {
        box-shadow: -3px 0 10px 1px #0001;
        width: 2.75rem
    }

    .logisticsFilterContainer .mobile[data-v-6e3758b9] {
        display: flex;
        height: 17px
    }
}

.filterContainer[data-v-31fe54cb] {
    font-family: Microsoft Yahei,Hiragino Sans GB,sans-serif!important
}

@media (max-width: 1240px) {
    .filterContainer>.serviceTags[data-v-31fe54cb] {
        width:960px
    }
}

@media (max-width: 820px) {
    .filterContainer>.serviceTags[data-v-31fe54cb] {
        width:700px
    }
}

@media (max-width: 640px) {
    .filterContainer>.serviceTags[data-v-31fe54cb] {
        width:343px
    }
}

.providerListContainer[data-v-3a38522d] {
    font-family: Microsoft Yahei,Hiragino Sans GB,sans-serif!important
}

.providerListContainer .serviceProvider[data-v-3a38522d]:nth-of-type(5n) {
    margin-right: 0
}

.providerListContainer .serviceProvider[data-v-3a38522d] {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 5px;
    height: 270px;
    margin-bottom: 40px;
    margin-right: 12.5px;
    padding-bottom: 10px;
    width: calc(20% - 10px)
}

.providerListContainer .serviceProvider[data-v-3a38522d]:hover {
    border: 1px solid #f56410;
    box-shadow: 0 0 5px 1px #0000001a
}

.providerListContainer .serviceProvider:hover h2[data-v-3a38522d] {
    color: #f56410
}

.providerListContainer .serviceProvider:hover .info[data-v-3a38522d] {
    display: none
}

.providerListContainer .serviceProvider:hover .btn[data-v-3a38522d] {
    display: block
}

.providerListContainer .serviceProvider:hover img[data-v-3a38522d] {
    transform: translateZ(45px)
}

.providerListContainer .serviceProvider .imgBackground[data-v-3a38522d] {
    perspective: 500px
}

.providerListContainer .serviceProvider p[data-v-3a38522d] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.providerListContainer .serviceProvider .btn[data-v-3a38522d] {
    display: none
}

.providerListContainer .loadingDiv[data-v-3a38522d] {
    background-image: radial-gradient(rgba(0,0,0,.129),transparent)
}

@media (max-width: 1240px) {
    .providerListContainer[data-v-3a38522d] {
        margin-bottom:1.25rem;
        width: 960px
    }

    .providerListContainer>div[data-v-3a38522d] {
        -moz-column-gap: 13.3px;
        column-gap: 13.3px;
        margin-top: 1.25rem;
        row-gap: 1rem
    }

    .providerListContainer .serviceProvider[data-v-3a38522d] {
        margin: 0;
        width: 230px
    }

    .providerListContainer .serviceProvider[data-v-3a38522d]:hover {
        border: unset;
        box-shadow: unset
    }

    .providerListContainer .serviceProvider:hover h2[data-v-3a38522d] {
        color: unset
    }

    .providerListContainer .serviceProvider:hover .info[data-v-3a38522d] {
        display: block
    }

    .providerListContainer .serviceProvider:hover .btn[data-v-3a38522d] {
        display: none
    }

    .providerListContainer .serviceProvider:hover div>img[data-v-3a38522d] {
        transform: unset
    }
}

@media (max-width: 820px) {
    .providerListContainer[data-v-3a38522d] {
        margin-bottom:1.25rem;
        width: 700px
    }

    .providerListContainer>div[data-v-3a38522d] {
        -moz-column-gap: 12px;
        column-gap: 12px;
        margin-top: 1.25rem;
        row-gap: 1rem
    }

    .providerListContainer .serviceProvider[data-v-3a38522d] {
        height: 198px;
        margin: 0;
        width: 166px
    }

    .providerListContainer .serviceProvider[data-v-3a38522d]:hover {
        border: unset;
        box-shadow: unset
    }

    .providerListContainer .serviceProvider:hover h2[data-v-3a38522d] {
        color: unset
    }

    .providerListContainer .serviceProvider:hover .info[data-v-3a38522d] {
        display: block
    }

    .providerListContainer .serviceProvider:hover .btn[data-v-3a38522d] {
        display: none
    }

    .providerListContainer .serviceProvider:hover div>img[data-v-3a38522d] {
        transform: unset
    }

    .providerListContainer .serviceProvider .imgBackground[data-v-3a38522d] {
        border-radius: 5px;
        flex: none;
        height: 92px;
        overflow: hidden
    }

    .providerListContainer .serviceProvider .partnerName[data-v-3a38522d] {
        display: flex;
        margin: 0
    }

    .providerListContainer .serviceProvider .partnerName>h2[data-v-3a38522d] {
        font-size: 15px;
        margin: 0 auto;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 10px
    }

    .providerListContainer .serviceProvider .info[data-v-3a38522d] {
        margin-top: 0;
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (max-width: 640px) {
    .providerListContainer[data-v-3a38522d] {
        margin-bottom:1.25rem;
        width: 343px
    }

    .providerListContainer>div[data-v-3a38522d] {
        -moz-column-gap: 11px;
        column-gap: 11px;
        margin-top: 1.25rem;
        row-gap: 1rem
    }
}

.providerListContainer[data-v-3a38522d] .serviceProvider:hover img {
    transform: translateZ(45px)
}

.serviceProviders-container[data-v-0680faf8] {
    font-family: Hiragino Sans GB,Microsoft Yahei,sans-serif
}

.serviceProviders-container .serviceProvider[data-v-0680faf8]:nth-of-type(5n) {
    margin-right: 0
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 5px;
    height: 270px;
    margin-bottom: 40px;
    margin-right: 12.5px;
    padding-bottom: 10px;
    width: calc(20% - 10px)
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider:hover {
    border: 1px solid #f56410;
    box-shadow: 0 0 5px 1px #0000001a
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider:hover h2 {
    color: #f56410
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider:hover .info {
    display: none
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider:hover .btn {
    display: block
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider:hover img {
    transform: translateZ(45px)
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider .imgBackground {
    perspective: 500px
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.serviceProviders-container[data-v-0680faf8] .serviceProvider .btn {
    display: none
}

@media (max-width: 1240px) {
    .serviceProviders-container[data-v-0680faf8] {
        margin:auto;
        width: 960px
    }

    .serviceProviders-container .providerBlock[data-v-0680faf8] {
        -moz-column-gap: 13.3px;
        column-gap: 13.3px;
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
        row-gap: 1rem
    }

    .serviceProviders-container .providerBlock>div[data-v-0680faf8] {
        margin: 0;
        width: 230px
    }

    .serviceProviders-container .serviceProvider[data-v-0680faf8]:hover {
        border: unset;
        box-shadow: unset
    }

    .serviceProviders-container .serviceProvider:hover h2[data-v-0680faf8] {
        color: unset
    }

    .serviceProviders-container .serviceProvider:hover .info[data-v-0680faf8] {
        display: block
    }

    .serviceProviders-container .serviceProvider:hover .btn[data-v-0680faf8] {
        display: none
    }

    .serviceProviders-container .serviceProvider:hover img[data-v-0680faf8] {
        transform: unset
    }
}

@media (max-width: 820px) {
    .serviceProviders-container[data-v-0680faf8] {
        margin:auto;
        width: 100%
    }

    .serviceProviders-container>div[data-v-0680faf8] {
        width: 700px
    }

    .serviceProviders-container .providerTitle[data-v-0680faf8] {
        display: none
    }

    .serviceProviders-container .providerBlock[data-v-0680faf8] {
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: flex;
        row-gap: 1rem
    }

    .serviceProviders-container .providerBlock[data-v-0680faf8]:hover {
        border: unset;
        box-shadow: unset
    }

    .serviceProviders-container .providerBlock:hover h2[data-v-0680faf8] {
        color: unset
    }

    .serviceProviders-container .providerBlock:hover .info[data-v-0680faf8] {
        display: block
    }

    .serviceProviders-container .providerBlock:hover .btn[data-v-0680faf8] {
        display: none
    }

    .serviceProviders-container .providerBlock:hover img[data-v-0680faf8] {
        transform: unset
    }

    .serviceProviders-container .providerBlock .serviceProvider[data-v-0680faf8] {
        height: 198px;
        margin: 0;
        width: 166px
    }

    .serviceProviders-container .providerBlock .imgBackground[data-v-0680faf8] {
        border-radius: 5px;
        flex: none;
        height: 92px;
        overflow: hidden
    }

    .serviceProviders-container .providerBlock .partnerName[data-v-0680faf8] {
        display: flex;
        margin: 0
    }

    .serviceProviders-container .providerBlock .partnerName>h2[data-v-0680faf8] {
        font-size: 15px;
        margin: 0 auto;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 10px
    }

    .serviceProviders-container .providerBlock .info[data-v-0680faf8] {
        margin-top: 0;
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (max-width: 640px) {
    .serviceProviders-container>div[data-v-0680faf8] {
        width:343px
    }

    .serviceProviders-container .providerBlock[data-v-0680faf8] {
        -moz-column-gap: 11px;
        column-gap: 11px;
        display: flex;
        row-gap: 1rem
    }
}

@media (max-width: 820px) {
    .servicePListContainer[data-v-b691e86e] {
        margin-bottom:20px;
        margin-top: 0
    }

    .searchService[data-v-b691e86e] {
        display: none
    }

    .searchServiceMobile[data-v-b691e86e] {
        display: block
    }
}

.platformListContainer[data-v-77277ef1] {
    font-family: Microsoft Yahei,Hiragino Sans GB,sans-serif!important
}

.platformListContainer .serviceProvider:hover .providerThumb[data-v-77277ef1] {
    transform: translateY(-50%)
}

.platformListContainer .serviceProvider:hover .providerInfo[data-v-77277ef1] {
    transform: translateY(-150px)
}

.platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div[data-v-77277ef1] {
    height: 96px;
    padding-top: 36px
}

.platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div>a[data-v-77277ef1] {
    height: 60px;
    width: 60px
}

.platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div img[data-v-77277ef1] {
    height: 60px;
    transform: translateY(0);
    width: 60px
}

.platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div>div[data-v-77277ef1] {
    transform: translate(-72px,60px)
}

.platformListContainer .serviceProvider:hover .providerInfo>div:nth-of-type(2)>p[data-v-77277ef1]:first-of-type {
    transform: translate(72px,-60px);
    width: 170px
}

.platformListContainer .serviceProvider:hover .providerInfo .honor[data-v-77277ef1] {
    max-width: 235px
}

.platformListContainer .serviceProvider:hover .providerInfo .introduction[data-v-77277ef1] {
    -webkit-line-clamp: 8;
    color: #555;
    font-size: 14px;
    height: 192px;
    line-height: 24px
}

.platformListContainer .introduction[data-v-77277ef1] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1240px) {
    .platformListContainer[data-v-77277ef1] {
        display:flex;
        width: 100%
    }

    .platformListContainer>div[data-v-77277ef1] {
        -moz-column-gap: 13.3px;
        column-gap: 13.3px;
        margin: 1.25rem auto auto;
        width: 960px
    }

    .platformListContainer .serviceProvider[data-v-77277ef1] {
        flex: none;
        height: 350px;
        margin: 0;
        width: 230px
    }

    .platformListContainer .serviceProvider .providerThumb[data-v-77277ef1] {
        height: 115px
    }

    .platformListContainer .serviceProvider .providerInfo[data-v-77277ef1] {
        height: 145px
    }

    .platformListContainer .serviceProvider .providerInfo .headImg[data-v-77277ef1] {
        align-items: flex-end;
        height: 35px;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .platformListContainer .serviceProvider .providerInfo .headImg>img[data-v-77277ef1] {
        --tw-translate-y: 0px;
        height: 70px;
        margin-right: .75rem;
        transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        width: 70px
    }

    .platformListContainer .serviceProvider .providerInfo .honor[data-v-77277ef1] {
        height: 24px;
        padding-bottom: 3px;
        padding-top: 3px
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo[data-v-77277ef1] {
        padding: .75rem 1rem
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo .partnerName[data-v-77277ef1] {
        font-size: 17px
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo .introduction[data-v-77277ef1] {
        --tw-text-opacity: 1;
        color: #6f6f6f;
        color: rgb(111 111 111/var(--tw-text-opacity));
        font-size: 14px;
        line-height: 22px
    }

    .platformListContainer .serviceProvider .links[data-v-77277ef1] {
        height: 90px
    }

    .platformListContainer .serviceProvider .links>li[data-v-77277ef1] {
        height: 28px;
        line-height: 26px;
        margin-top: 25px;
        max-width: 90px;
        min-width: 65px;
        text-align: center
    }

    .platformListContainer .serviceProvider .links>li>a[data-v-77277ef1] {
        max-width: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo[data-v-77277ef1],.platformListContainer .serviceProvider:hover .providerThumb[data-v-77277ef1] {
        transform: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div[data-v-77277ef1] {
        height: 28px;
        padding-top: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div img[data-v-77277ef1] {
        height: 56px;
        transform: translateY(0);
        width: 56px
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div>div[data-v-77277ef1] {
        transform: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:nth-of-type(2)>p[data-v-77277ef1]:first-of-type {
        transform: unset;
        width: 100%
    }

    .platformListContainer .serviceProvider:hover .providerInfo .honor[data-v-77277ef1] {
        max-width: 112px
    }

    .platformListContainer .serviceProvider:hover .providerInfo .introduction[data-v-77277ef1] {
        --tw-text-opacity: 1;
        -webkit-line-clamp: 3;
        color: #6f6f6f;
        color: rgb(111 111 111/var(--tw-text-opacity));
        font-size: 13px;
        height: 84px;
        line-height: 18px
    }
}

@media (max-width: 820px) {
    .platformListContainer[data-v-77277ef1] {
        display:flex;
        width: 100%
    }

    .platformListContainer>div[data-v-77277ef1] {
        -moz-column-gap: 12px;
        column-gap: 12px;
        margin: 1.25rem auto auto;
        row-gap: 1rem;
        width: 700px
    }

    .platformListContainer .serviceProvider[data-v-77277ef1] {
        flex: none;
        height: 263px;
        margin: 0;
        width: 166px
    }

    .platformListContainer .serviceProvider .providerThumb[data-v-77277ef1] {
        height: 88px
    }

    .platformListContainer .serviceProvider .providerInfo[data-v-77277ef1] {
        height: 115px
    }

    .platformListContainer .serviceProvider .providerInfo .headImg[data-v-77277ef1] {
        align-items: flex-end;
        height: 28px;
        padding-left: .75rem;
        padding-right: .75rem
    }

    .platformListContainer .serviceProvider .providerInfo .headImg>img[data-v-77277ef1] {
        --tw-translate-y: 0px;
        height: 56px;
        margin-right: .5rem;
        transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        width: 56px
    }

    .platformListContainer .serviceProvider .providerInfo .honor[data-v-77277ef1] {
        height: 1.25rem;
        padding-bottom: 1px;
        padding-top: 1px
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo[data-v-77277ef1] {
        padding: .5rem .75rem
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo .partnerName[data-v-77277ef1] {
        font-size: 16px;
        height: 21px
    }

    .platformListContainer .serviceProvider .providerInfo .textInfo .introduction[data-v-77277ef1] {
        --tw-text-opacity: 1;
        color: #6f6f6f;
        color: rgb(111 111 111/var(--tw-text-opacity));
        font-size: 13px;
        line-height: 18px
    }

    .platformListContainer .serviceProvider .links[data-v-77277ef1] {
        height: 60px
    }

    .platformListContainer .serviceProvider .links>li[data-v-77277ef1] {
        height: 26px;
        line-height: 24px;
        margin-top: 10px;
        max-width: 90px;
        min-width: 65px;
        text-align: center
    }

    .platformListContainer .serviceProvider .links>li>a[data-v-77277ef1] {
        max-width: unset
    }

    .platformListContainer .serviceProvider .links>li[data-v-77277ef1]:nth-of-type(3) {
        display: none
    }

    .platformListContainer .serviceProvider:hover .providerInfo[data-v-77277ef1],.platformListContainer .serviceProvider:hover .providerThumb[data-v-77277ef1] {
        transform: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div[data-v-77277ef1] {
        height: 28px;
        padding-top: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div img[data-v-77277ef1] {
        height: 56px;
        transform: translateY(0);
        width: 56px
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:first-of-type>div>div[data-v-77277ef1] {
        transform: unset
    }

    .platformListContainer .serviceProvider:hover .providerInfo>div:nth-of-type(2)>p[data-v-77277ef1]:first-of-type {
        transform: unset;
        width: 100%
    }

    .platformListContainer .serviceProvider:hover .providerInfo .honor[data-v-77277ef1] {
        max-width: 112px
    }

    .platformListContainer .serviceProvider:hover .providerInfo .introduction[data-v-77277ef1] {
        --tw-text-opacity: 1;
        -webkit-line-clamp: 3;
        color: #6f6f6f;
        color: rgb(111 111 111/var(--tw-text-opacity));
        font-size: 13px;
        height: 84px;
        line-height: 18px
    }
}

@media (max-width: 640px) {
    .platformListContainer>div[data-v-77277ef1] {
        -moz-column-gap:11px;
        column-gap: 11px;
        margin: 1.25rem auto auto;
        row-gap: 1rem;
        width: 343px
    }
}

@media (max-width: 640px) {
    .providerAggregation[data-v-a20c5b90] {
        --tw-bg-opacity:1;
        background-color: #f1f4f9;
        background-color: rgb(241 244 249/var(--tw-bg-opacity))
    }
}