.header[data-v-ae346978] {
    height: 72px;
    z-index: 1000;
    background-color: transparent;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all .2s;
    transition:all .2s
}

.header.sub-style-un[data-v-ae346978] {
    background-color:#fff
}

.header.sub-style .nav-item[data-v-ae346978] {
    color:#242933
}

.header.fixed[data-v-ae346978] {
    background: #fff;
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, .2)
}

.header.fixed .nav-item[data-v-ae346978] {
    color:#242933
}

.header.top[data-v-ae346978] {
    background: #bad3cc;
    box-shadow:0 3px 20px 0 hsla(0, 0%, 85.5%, .1);
	/*background-image: url(//cdn.maishale.com/static/lib/resource/2022/09/28/1664343805999_3351.png);*/
}

.header-wrap[data-v-ae346978] {
    height: 72px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.header-logo[data-v-ae346978], .header-logoImg[data-v-ae346978] {
    display: block;
    width: 120px;
    height: 58px;
    object-fit:contain
}

.header_nav[data-v-ae346978] {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 280px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.header_nav .nav-item[data-v-ae346978] {
    font-size: 18px;
    line-height: 28px;
    color: #212121;
    -webkit-transition: all .2s;
    transition: all .2s;
    position:relative
}

.header_nav .nav-item[data-v-ae346978]:before {
    display: none;
    content: "";
    position: absolute;
    bottom: -4px;
    width: 54px;
    left: 50%;
    margin-left: -26px;
    height: 2px;
    background-color:#212121
}

.header_nav .nav-item.active[data-v-ae346978], .header_nav .nav-item[data-v-ae346978]:hover {
    font-weight:700
}

.header_nav .nav-item.active[data-v-ae346978]:before, .header_nav .nav-item[data-v-ae346978]:hover:before {
    display:block
}

@media screen and (min-width: 1200px) {
    .header-wrap[data-v-ae346978] {
        max-width: 1200px;
    }
}

a[data-v-ae346978]:active, a[data-v-ae346978]:hover {
    text-decoration:none
}

.common-footer[data-v-aab4b65c] {
    width: 100%;
    position: relative;
    background-color:#000
}

.common-footer-row[data-v-aab4b65c] {
    width: 1200px;
    margin:0 auto
}

.common-footer_line[data-v-aab4b65c] {
    width: 100%;
    height: 1px;
    opacity: .5;
    background:#979797
}

.common-footer__content[data-v-aab4b65c] {
    width: 100%;
    padding: 40px 0 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.common-footer__content-left[data-v-aab4b65c] {
    width:615px
}

.common-footer__content_nav[data-v-aab4b65c] {
    width: 615px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items:center
}

.common-footer__content_nav-a[data-v-aab4b65c] {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    opacity: .6;
    margin-right:50px
}

.common-footer__content_nav-a[data-v-aab4b65c]:last-child {
    margin-right:0
}

.common-footer__content-info .info-qrcode[data-v-aab4b65c] {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content:center
}

.common-footer__content-info .info-qrcode-image[data-v-aab4b65c] {
    width: 114px;
    height: 114px;
    object-fit:contain
}

.common-footer__content-info .info-qrcode-text[data-v-aab4b65c] {
    font-size: 20px;
    line-height: 30px;
    color: #2a3442;
    white-space: nowrap;
    zoom:.5
}

.common-footer__content-info .info-qrcode-text span[data-v-aab4b65c] {
    font-size: 28px;
    line-height: 30px;
    color:#0d70ff
}

.common-footer__content-info .info-tel[data-v-aab4b65c] {
    margin-top: 16px;
    width: 135px;
    height: 31px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    line-height: 31px;
    letter-spacing:.17px
}

.common-footer__content-info .info-tel-image[data-v-aab4b65c] {
    margin-right:12px
}

.common-footer-block[data-v-aab4b65c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top:35px
}

.common-footer-block .attention-us[data-v-aab4b65c] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    opacity: .6;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: HarmonyOS_Sans_SC_Light, HarmonyOS_Sans_SC_Light-Regular;
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height:23px
}

.common-footer-block .attention-us .en[data-v-aab4b65c] {
    zoom:.6
}

.common-footer-block .qrcode-list[data-v-aab4b65c] {
    display: -webkit-box;
    display: -webkit-flex;
    display:flex
}

.common-footer-block .qrcode-list .qrcode-wrapper[data-v-aab4b65c] {
    margin-right:22px
}

.common-footer-block .qrcode-list .qrcode-wrapper[data-v-aab4b65c]:last-child {
    margin-right:0
}

.common-footer-block .qrcode-list .info-tel[data-v-aab4b65c] {
    width: 120px;
    margin-top:10px
}

.common-footer-block .qrcode-list .info-tel span[data-v-aab4b65c] {
    opacity: .6;
    font-size: 14px;
    font-family: HarmonyOS_Sans_SC_Light, HarmonyOS_Sans_SC_Light-Regular;
    font-weight: 400;
    text-align: center;
    color:#fff
}

.common-footer-block .concat-list > div[data-v-aab4b65c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 12px;
    color:hsla(0, 0%, 100%, .6)
}

.common-footer-block .concat-list img[data-v-aab4b65c] {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-right:8px
}

.common-footer__sub[data-v-aab4b65c] {
    margin-top: 55px;
    padding-bottom: 30px;
    font-family: PingFangSC, PingFangSC-Regular;
    text-align:center
}

.common-footer__sub .reference[data-v-aab4b65c] {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: .15px;
    color:hsla(0, 0%, 100%, .6)
}

.common-footer__sub .reference.line[data-v-aab4b65c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items:center
}

.common-footer__sub .reference-icon[data-v-aab4b65c] {
    width: 20px;
    height: 20px;
    margin-right:6px
}

.common-footer__sub .separator[data-v-aab4b65c] {
    margin: 0 5px;
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    background-color:hsla(0, 0%, 100%, .6)
}

.common-footer .reference-icon[data-v-aab4b65c] {
    vertical-align: middle;
    margin-right:-2px
}

@media screen and (min-width: 1200px) {
    .common-footer__content[data-v-aab4b65c] {
        max-width:1200px
    }
}

a[data-v-aab4b65c]:active, a[data-v-aab4b65c]:hover {
    text-decoration:none
}

.swiper-container[data-v-87b31fec] {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index:1
}

.swiper-pagination[data-v-87b31fec] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top:50px
}

.swiper-pagination-direction[data-v-87b31fec] {
    width: 12px;
    height: 18px;
    cursor:pointer
}

.swiper-pagination-direction-prev[data-v-87b31fec] {
    margin-right: 20px;
    background: url(https://cdn.maishale.com/static/lib/resource/2022/09/22/1663839996946_6914.png) no-repeat 0 0/contain;
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.swiper-pagination-direction-prev.disabled[data-v-87b31fec] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-image:url(https://cdn.maishale.com/static/lib/resource/2022/09/22/1663839996950_2108.png)
}

.swiper-pagination-direction-next[data-v-87b31fec] {
    margin-left: 20px;
    background:url(https://cdn.maishale.com/static/lib/resource/2022/09/22/1663839996946_6914.png) no-repeat 0 0/contain
}

.swiper-pagination-direction-next.disabled[data-v-87b31fec] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image:url(https://cdn.maishale.com/static/lib/resource/2022/09/22/1663839996950_2108.png)
}

.swiper-slide[data-v-87b31fec], .swiper-wrapper[data-v-87b31fec] {
    display: -webkit-box;
    display: -webkit-flex;
    display:flex
}

.swiper-slide[data-v-87b31fec] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction:column
}

@font-face {
    font-family: element-icons;
    src: url(/public/font/element-icons.535877f5.woff) format("woff"), url(/public/font/element-icons.732389de.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}

[class * =" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

.el-icon-pie-chart:before {
    content: "\e767"
}

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

.el-icon-d-arrow-right:before {
    content: "\e6dc"
}

.el-icon-d-arrow-left:before {
    content: "\e6dd"
}

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

.el-icon-circle-plus:before {
    content: "\e7a0"
}

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation:rotating 2s linear infinite
}

.el-icon--right {
    margin-left:5px
}

.el-icon--left {
    margin-right:5px
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

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

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

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

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation:v-modal-in .2s ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation:v-modal-out .2s ease forwards
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity:0
    }
}

@keyframes v-modal-in {
    0% {
        opacity:0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity:0
    }
}

@keyframes v-modal-out {
    to {
        opacity:0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background:#000
}

.el-popup-parent--hidden {
    overflow:hidden
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    width:50%
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow:auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin:0
}

.el-dialog__header {
    padding:20px 20px 10px
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size:16px
}

.el-dialog__headerbtn .el-dialog__close {
    color:#909399
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color:#409eff
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color:#303133
}

.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break:break-all
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    box-sizing:border-box
}

.el-dialog--center {
    text-align:center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding:25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
    text-align:inherit
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation:dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation:dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity:0
    }

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

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity:0
    }

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

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

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity:0
    }
}

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

    to {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity:0
    }
}

.dialog[data-v-97d78adc] .el-dialog .el-dialog__header {
    display:none
}

.dialog[data-v-97d78adc] .el-dialog .el-dialog__body {
    padding:0
}

.dialog .story-wrapper[data-v-97d78adc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: auto;
    padding-right: 80px;
    padding-bottom:90px
}

.dialog .story-wrapper img[data-v-97d78adc] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 221px;
    height:293px
}

.dialog .story-wrapper .story-desc[data-v-97d78adc] {
    margin-left: 37px;
    font-size: 14px;
    font-weight: 400;
    color:#7a7a7a
}

.dialog .story-wrapper .name[data-v-97d78adc] {
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #feb503;
    line-height: 34px;
    margin-top:66px
}

.dialog .story-wrapper .profession[data-v-97d78adc] {
    display: block;
    font-size: 18px;
    color: #212121;
    line-height: 25px;
    margin-top: 4px;
    margin-bottom:27px
}

.dialog .story-wrapper .desc-content[data-v-97d78adc] {
    font-size: 14px;
    font-family: HarmonyOS_Sans_SC_Light, HarmonyOS_Sans_SC_Light-Regular;
    font-weight: 400;
    color: #7a7a7a;
    line-height:26px
}

.dialog .icon-close[data-v-97d78adc] {
    font-weight: 700;
    color: #000;
    position: absolute;
    font-size: 25px;
    z-index: 9999;
    right: 10px;
    top: 10px;
    cursor:pointer
}

.dialog[data-v-6698d70e] .el-dialog .el-dialog__header {
    display:none
}

.dialog[data-v-6698d70e] .el-dialog .el-dialog__body {
    position: relative;
    padding:0
}

.dialog video[data-v-6698d70e] {
    display:block
}

.dialog .icon-close[data-v-6698d70e] {
    font-weight: 700;
    color: #fff;
    position: absolute;
    font-size: 25px;
    z-index: 9999;
    right: 10px;
    top: 10px;
    cursor:pointer
}

.home {
    width: 100vw;
    height: 100vh;
    position: relative;
    font-weight: 400;
    font-family:PingFangSC-Regular-GBpc-EUC-H
}

.home .page-container {
    min-width:1200px
}

.home .fb {
    background:#fbfbfb
}

.home .mt48 {
    margin-top:48px
}

.home .home-header {
    height: 684px;
    background-image: url(//cdn.maishale.com/static/lib/resource/2022/09/28/1664343805999_3351.png);
    background-size: 1920px 684px;
    background-position:50%
}

.home .home-header .home-header-row {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content:center
}

.home .home-header .phone {
    width: 280px;
    height: 591px;
    background-image: url(images/phone-ios.png);
    background-size: 280px 591px;
    border-radius: 50px;
    margin-left: -70px;
    margin-top:187px
}

.home .home-header .text-wrap {
    width: 762px;
    height: 146px;
    font-size: 40px;
    font-weight: 400;
    text-align: left;
    color: #212121;
    line-height: 48px;
    padding-left: 50px;
    margin-top:187px
}

.home .home-header .text-cn {
    margin-bottom:40px
}

.home .home-header .title-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content:center
}

.home .home-header .main-title {
    margin-top: 7px;
    font-size: 48px;
    font-weight: 500;
    color: #212121;
    line-height:68px
}

.home .home-header .pre-title {
    height: 34px;
    font-size: 24px;
    font-weight: 500;
    color: #212121;
    line-height:34px
}

.home .home-header .text-code {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:inline-flex
}

.home .home-header .text-code .shipinhao {
    width: 151px;
    height: 175px;
    background: url(images/1664345298498_439.png);
    background-size: 151px 175px;
    margin-right:30px
}

.home .home-header .text-code .gongzhonghao {
    width: 151px;
    height: 175px;
    background: url(images/1664345281594_1763.png);
    background-size: 151px 175px;
    margin-right:30px
}

.home .home-header .text-code .renwu {
    width: 151px;
    height: 175px;
    background: url(images/1664345290635_8097.png);
    background-size: 151px 175px;
    margin-right:30px
}

.home .home-header .download-wrap {
    margin-right:64px
}

.home .home-header .download-wrap .download-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 250px;
    height: 66px;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    color: #212121;
    border: 1px solid #212121;
    margin-top: 7px;
    border-radius: 10px;
    letter-spacing: normal;
    cursor: pointer;
    position:relative
}

.home .home-header .download-wrap .download-item + .download-item {
    margin-top:30px
}

.home .home-header .download-wrap .download-item .platform-icon {
    margin-right:16px
}

.home .home-header .download-wrap .download-item .download-qrcode {
    position: absolute;
    left: -1px;
    top: 79px;
    z-index: 99;
    width: 140px;
    height: 140px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 20px 0 rgba(51, 51, 51, .1);
    border: 10px solid #fff;
    display:none
}

.home .home-header .download-wrap .download-item.ios .platform-icon {
    width: 24px;
    height: 30px;
    margin-top: -3px;
    background:url(//cdn.maishale.com/static/lib/resource/2022/09/21/1663729304774_2778.png) no-repeat 0 0/contain
}

.home .home-header .download-wrap .download-item.ios:hover .platform-icon {
    background-image:url(//cdn.maishale.com/static/lib/resource/2022/09/21/1663729318477_1265.png)
}

.home .home-header .download-wrap .download-item.ios:hover .download-qrcode {
    display:block
}

.home .home-header .download-wrap .download-item.android .platform-icon {
    width: 27px;
    height: 31px;
    background:url(//cdn.maishale.com/static/lib/resource/2022/09/21/1663729458454_2727.png) no-repeat 0 0/contain
}

.home .home-header .download-wrap .download-item.android:hover .platform-icon {
    background-image:url(//cdn.maishale.com/static/lib/resource/2022/09/21/1663729462675_9919.png)
}

.home .home-header .download-wrap .download-item.android:hover .download-qrcode {
    display:block
}

.home .home-header .download-wrap .download-item:hover {
    background-color: #212121;
    color:#fff
}

.home .about-us {
    padding-top: 280px;
    margin-top: 100px;
    padding-bottom: 500px;
}

.home .about-us-row {
    width: 1200px;
    margin:0 auto
}

.home .about-us-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content:space-between
}

.home .about-us-content_text-title {
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 21px;
    font-weight: 500;
    text-align: justify;
    color: #212121;
    line-height:28px
}

.home .about-us-content_text-desc {
    width: 665px;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
    color: #7a7a7a;
    font-family:PingFangSC, PingFangSC-Light
}

.home .about-us-report {
    margin-top:52px
}

.home .home-team {
    width: 100vw;
    background: #fff;
    padding:55px 0 88px
}

.home .home-team__title {
    font-size: 30px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 400;
    color: #242933;
    letter-spacing:.32px
}

.home .home-team__ceo {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top:48px
}

.home .home-team__ceo-img, .home .home-team__ceo-img img {
    width: 258px;
    height:250px
}

.home .home-team__ceo-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 942px;
    box-sizing: border-box;
    padding: 0 49px 0 62px;
    background:#fbfbfb
}

.home .home-team__ceo-intro-title {
    height: 32px;
    font-size: 26px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 400;
    text-align: left;
    color: #242933;
    line-height: 32px;
    letter-spacing:.27px
}

.home .home-team__ceo-intro-title-light {
    font-family: PingFangSC, PingFangSC-light;
    font-weight:300
}

.home .home-team__ceo-intro-title-sub {
    margin-left: 40px;
    font-size: 20px;
    letter-spacing: .21px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight:400
}

.home .home-team__ceo-intro-desc {
    width: 820px;
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Light;
    font-weight: 300;
    text-align: left;
    color: #7a7e85;
    line-height: 32px;
    letter-spacing: .17px;
    margin-top:13px
}

.home .home-team__list {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top:24px
}

.home .home-team__list, .home .home-team__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display:flex
}

.home .home-team__list-item {
    width: 384px;
    height: 210px;
    background: #007eff;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items:center
}

.home .home-team__list-item-title {
    font-size: 26px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    letter-spacing: .27px;
    margin-top:49px
}

.home .home-team__list-item-desc {
    width: 310px;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Light;
    font-weight: 300;
    text-align: left;
    line-height: 32px;
    letter-spacing: .17px;
    margin-top:24px
}

.home .home-advantage {
    position: relative;
    width: 100vw;
    height:810px
}

.home .home-advantage-bg {
    height:810px
}

.home .home-advantage-bg img {
    width: 100%;
    height:810px
}

.home .home-advantage .home-advantage-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display:flex
}

.home .home-advantage .home-advantage-wrap .section-title {
    margin-top:66px
}

.home .home-advantage .advantage-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap
}

.home .home-advantage .advantage-item {
    width: 250px;
    height: 250px;
    margin-top: 44px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content:center
}

.home .home-advantage .advantage-item, .home .home-advantage .advantage-item .advantage-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items:center
}

.home .home-advantage .advantage-item .advantage-item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 120px;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition:all .3s linear
}

.home .home-advantage .advantage-item:not(:nth-of-type(4n)) {
    margin-right:66px
}

.home .home-advantage .advantage-item:hover .advantage-item-wrapper {
    height:195px
}

.home .home-advantage .advantage-item-image {
    width: 80px;
    height: 80px;
    margin-bottom:12px
}

.home .home-advantage .advantage-item-title {
    font-size: 20px;
    font-weight: 400;
    color: #212121;
    line-height: 29px;
    margin-top: 0;
    margin-bottom:0
}

.home .home-advantage .advantage-item-desc {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 192px;
    font-size: 14px;
    font-weight: 300;
    color: #7a7a7a;
    line-height:18px
}

.home .home-AD {
    padding:69px 0 80px
}

.home .home-AD .home-AD-swiper {
    margin-top:64px
}

.home .home-AD .AD-video {
    width: 384px;
    height: 270px;
    cursor:pointer
}

.home .home-AD .AD-dt {
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    color: #7a7a7a;
    line-height: 32px;
    margin:15px 0 0
}

.home .home-AD .AD-title {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    color: #212121;
    line-height: 24px;
    letter-spacing: .25px;
    margin-top: 2px;
    margin-bottom:0
}

.home .home-shopkeeper-story {
    padding: 50px 0 55px;
    background-color:#f8f8f8
}

.home .home-shopkeeper-story .home-shopkeeper-story-swiper {
    margin-top:64px
}

.home .home-shopkeeper-story .story {
    width: 272px;
    height: 360px;
    position: relative;
    z-index: 0;
    cursor:pointer
}

.home .home-shopkeeper-story .story img {
    position: absolute;
    width: 272px;
    height: 360px;
    z-index:-1
}

.home .home-shopkeeper-story .story .shopkeeper-desc {
    position: absolute;
    left: 20px;
    bottom: 18px;
    color:#fff
}

.home .home-shopkeeper-story .story .shopkeeper-name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top:0
}

.home .home-shopkeeper-story .story .shopkeeper-excellent, .home .home-shopkeeper-story .story .shopkeeper-profession {
    font-size: 18px;
    margin:0
}

.home .home-background {
    background-color: #f8f8f8;
    padding:41px 0 88px
}

.home .home-background .home-background-imgs {
    margin-top:59px
}

.home .home-background .home-background-imgs img {
    width: 360px;
    height: 120px;
    margin-bottom: 40px;
    margin-right:60px
}

.home .home-background .home-background-imgs img:nth-of-type(3n) {
    margin-right:0
}

.home .home-report {
    padding-top:57px
}

.home .home-report .home-report-swiper {
    padding-top: 64px;
    padding-bottom:60px
}

.home .home-report .report-image-wrapper {
    width: 384px;
    height: 270px;
    cursor:pointer
}

.home .home-report .report-dt {
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    color: #7a7a7a;
    line-height: 32px;
    margin:15px 0 0
}

.home .home-report .report-title {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #212121;
    line-height: 24px;
    letter-spacing: .25px;
    margin-top: 2px;
    margin-bottom: 0;
    padding-right:50px
}

.home .home-brand {
    background-color: #f8f8f8;
    padding:41px 0 60px
}

.home .home-brand .home-brand-swiper {
    margin-top:64px
}

.home .home-brand-story {
    padding-bottom: 100px;
    background-color:#f8f8f8
}

.home .home-brand-story .page-container {
    background:url(https://cdn.maishale.com/static/lib/resource/2022/09/27/1664258975485_9710.png) no-repeat 0 70px/1200px 545px
}

.home .home-brand-story .brand-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom:17px
}

.home .home-brand-story .brand-content {
    -webkit-flex-basis: 670px;
    flex-basis: 670px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    font-size: 18px;
    color: #212121;
    line-height:37px
}

.home .home-brand-story .section-title {
    padding-top:89px
}

.home .home-brand-story .nickname {
    margin-top: 46px;
    margin-bottom: 14px;
    font-size: 21px;
    font-weight: 400;
    color: #212121;
    line-height: 37px;
    font-weight:500
}

.home .home-brand-story .intro {
    font-weight:300
}

.home .home-brand-story .brand-image {
    width: 410px;
    height:529px
}

.home .home-brand-story .brand-gifts img {
    width: 272px;
    height: 272px;
    margin-right:37px
}

.home .home-brand-story .brand-gifts img:last-of-type {
    margin-right:0
}

@-webkit-keyframes moveRightIn {
    0% {
        opacity: 0;
        -webkit-transform: translate(40px);
        transform:translate(40px)
    }

    50% {
        opacity:1
    }

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

@keyframes moveRightIn {
    0% {
        opacity: 0;
        -webkit-transform: translate(40px);
        transform:translate(40px)
    }

    50% {
        opacity:1
    }

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

.animated {
    display: none;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}