.reg ul li {
    margin: 0;
    float: left
}

.reg ul li a {
    color: hsla(0, 0%, 100%, .7);
    padding-left: 20px;
    margin-left: 0
}

.reg ul li a:hover {
    color: #fff
}

.reg ul li a.client {
    background-image: url(http://cdn.xuansiwei.com/yiyib1492/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA4LjI1Ij48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48cGF0aCBkPSJNNCAuNDFsMy41IDMuNTJhLjM0LjM0IDAgMDEuMDYuMi4zMy4zMyAwIDAxLS4wNi4xOUw0IDcuODJhLjI0LjI0IDAgMDEtLjE4LjA5LjMxLjMxIDAgMDEtLjE4LS4wN2wtLjE1LS4xN2EuMi4yIDAgMDEtLjA5LS4xNy4yOC4yOCAwIDAxLjA5LS4ybDIuNzgtMi44MWgtNmEuMjQuMjQgMCAwMS0uMTgtLjA3LjI0LjI0IDAgMDEtLjA5LS4xOVY0YS4yNS4yNSAwIDAxLjA4LS4xOS4yOS4yOSAwIDAxLjE4LS4wN2g2TDMuNDQgMWEuMjguMjggMCAwMS0uMDktLjIuMi4yIDAgMDEuMDktLjIybC4xNS0uMTdhLjI3LjI3IDAgMDEuNDEgMHptNyA2LjgxVjFhMSAxIDAgMDAtLjMtLjdBMSAxIDAgMDAxMCAwSDcuMTNBLjI1LjI1IDAgMDA3IC4wOGEuMjQuMjQgMCAwMC0uMDcuMTh2LjE3QS4yNC4yNCAwIDAwNyAuNjFhLjI1LjI1IDAgMDAuMTguMDhIMTBhLjM3LjM3IDAgMDEuMjUuMDkuMzcuMzcgMCAwMS4wOS4yNXY2LjE5YS4zMS4zMSAwIDAxLS4zNC4zNEg3LjEzYS4yNS4yNSAwIDAwLS4xMy4wOC4yNC4yNCAwIDAwLS4wNy4xOFY4YS4yMy4yMyAwIDAwLjA3LjE3LjIyLjIyIDAgMDAuMTguMDhIMTBhMSAxIDAgMDAuNy0uMjUgMSAxIDAgMDAuMy0uNzh6IiBmaWxsPSIjZjJmMmYyIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==)
}

.reg ul li a.client,
.reg ul li a.user {
    background-size: 12px;
    background-position: left 2px;
    background-repeat: no-repeat
}

.reg ul li a.user {
    background-image: url(http://cdn.xuansiwei.com/yiyib1492/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA4LjQyIj48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48cGF0aCBkPSJNNy45MyAzLjkzYS41LjUgMCAwMS4xNS4zNy40OS40OSAwIDAxLS4xNS4zNkw0LjMyIDguMjdhLjQ5LjQ5IDAgMDEtLjU2LjExLjQ2LjQ2IDAgMDEtLjMyLS40N1Y1Ljg0SC41MmEuNS41IDAgMDEtLjM3LS4xNS40OS40OSAwIDAxLS4xNS0uMzZWMy4yN2EuNS41IDAgMDEuMTUtLjM3LjUuNSAwIDAxLjM3LS4xNWgyLjkyVi42OWEuNDcuNDcgMCAwMS4zMi0uNDguNTEuNTEgMCAwMS41Ni4xMXptMSA0LjMyaC0xLjhjLS4xNyAwLS4yNS0uMDktLjI1LS4yNnYtLjg2YS4yMi4yMiAwIDAxLjI1LS4yNWgxLjgxYS42Ni42NiAwIDAwLjQ4LS4yMS42NC42NCAwIDAwLjIxLS40OFYyLjA2YS42Ni42NiAwIDAwLS4yMS0uNDguNjUuNjUgMCAwMC0uNDgtLjJINy4xM2MtLjE3IDAtLjI1LS4wOS0uMjUtLjI2Vi4yNkM2Ljg4LjA5IDcgMCA3LjEzIDBoMS44MWEyIDIgMCAwMTEuNDYuNiAyIDIgMCAwMS42IDEuNDZ2NC4xM2EyIDIgMCAwMS0yLjA2IDIuMDZ6IiBmaWxsPSIjZjJmMmYyIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==)
}

.reg ul li a.reg {
    background-image: url(http://cdn.xuansiwei.com/yiyib1492/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy43NSAxMSI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PHBhdGggZD0iTTYuNzUgNi4xOWEyLjc3IDIuNzcgMCAwMTIgLjg1IDIuNzggMi43OCAwIDAxLjg1IDJWMTBhMSAxIDAgMDEtLjMxLjczIDEgMSAwIDAxLS43My4zSDFhMSAxIDAgMDEtLjczLS4zQTEgMSAwIDAxMCAxMHYtLjlBMi43NCAyLjc0IDAgMDEuODUgN2EyLjc0IDIuNzQgMCAwMTItLjg1aC4zNmEzLjc2IDMuNzYgMCAwMDEuNTcuMzQgMy43IDMuNyAwIDAwMS41Ny0uMzR6bTAtMS41YTIuNjYgMi42NiAwIDAxLTEuOTUuODEgMi42NCAyLjY0IDAgMDEtMS45NC0uODEgMi42MiAyLjYyIDAgMDEtLjgxLTEuOTRBMi42MiAyLjYyIDAgMDEyLjg3LjgxIDIuNjQgMi42NCAwIDAxNC44MSAwYTIuNjYgMi42NiAwIDAxMiAuODEgMi42NSAyLjY1IDAgMDEuOCAxLjk0IDIuNjUgMi42NSAwIDAxLS44NSAxLjk0em02LjY1LS4yMmEuMzQuMzQgMCAwMS4zNC4zNHYuNjlhLjMzLjMzIDAgMDEtLjEuMjUuMzIuMzIgMCAwMS0uMjQuMDlIMTJ2MS4zOGEuMzMuMzMgMCAwMS0uMS4yNS4zMi4zMiAwIDAxLS4yNC4wOUgxMWEuMzEuMzEgMCAwMS0uMzQtLjM0VjUuODRIOS4yOGEuMzEuMzEgMCAwMS0uMzQtLjM0di0uNjlBLjMyLjMyIDAgMDE5IDQuNTdhLjMzLjMzIDAgMDEuMjUtLjFoMS4zOFYzLjA5YS4zMi4zMiAwIDAxLjA5LS4yNC4zMy4zMyAwIDAxLjI1LS4xaC42OWEuMzQuMzQgMCAwMS4zNC4zNHYxLjM4eiIgZmlsbD0iI2YyZjJmMiIgZGF0YS1uYW1lPSLlm77lsYIgMSIvPjwvZz48L3N2Zz4=);
    background-size: 14px;
    background-position: left 1px;
    background-repeat: no-repeat
}

.reg ul:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width:420px) {
    .reg ul li {
        margin: 0;
        float: none
    }

    .reg ul li a {
        padding-left: 0;
        margin-left: 0
    }

    .reg ul li a,
    .reg ul li a:hover {
        color: #afafaf
    }

    .reg ul li a.client,
    .reg ul li a.reg,
    .reg ul li a.user {
        background: none
    }

    .reg ul:after {
        content: "";
        display: block;
        clear: both
    }
}

.burger[data-v-5908c629] {
    width: 50px;
    height: 50px;
    position: relative;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.burger.close .inner[data-v-5908c629]:before {
    transform: translateY(9px) rotate(45deg)
}

.burger.close .inner span[data-v-5908c629] {
    opacity: 0
}

.burger.close .inner[data-v-5908c629]:after {
    transform: translateY(-9px) rotate(-45deg)
}

.burger .inner[data-v-5908c629] {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 26px;
    height: 20px
}

.burger .inner[data-v-5908c629]:after,
.burger .inner[data-v-5908c629]:before,
.burger .inner span[data-v-5908c629] {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.burger .inner span[data-v-5908c629] {
    top: 50%;
    margin-top: -1px
}

.burger .inner[data-v-5908c629]:before {
    top: 0
}

.burger .inner[data-v-5908c629]:after {
    bottom: 0
}

.banner[data-v-6f84ba64] {
    background: #42c8c8;
    width: 1280px;
    padding: 50px 10px 10px;
    box-sizing: border-box;
    position: absolute;
    transform: translate(-50%);
    top: 0;
    left: 50%;
    z-index: 10;
    transition: max-height .4s ease-in-out
}

.banner.open[data-v-6f84ba64],
.banner[data-v-6f84ba64]:hover {
    height: auto
}

.banner.open .level li ul[data-v-6f84ba64],
.banner:hover .level li ul[data-v-6f84ba64] {
    max-height: 350px
}

.banner[data-v-6f84ba64]:after {
    content: "";
    display: block;
    clear: both
}

.banner .reg[data-v-6f84ba64] {
    position: absolute;
    top: 20px;
    right: 34px
}

.banner .logo[data-v-6f84ba64] {
    float: left;
    width: 128px;
    margin-top: -10px
}

.banner .logo p[data-v-6f84ba64],
.banner .research[data-v-6f84ba64],
.banner .star[data-v-6f84ba64] {
    display: none
}

.banner .level[data-v-6f84ba64] {
    float: right;
    background: #00adbb;
    margin-top: 10px
}

.banner .level p[data-v-6f84ba64] {
    padding: 10px 50px;
    color: #000
}

.banner .level li[data-v-6f84ba64] {
    float: left
}

.banner .level li a[data-v-6f84ba64] {
    border-bottom: 1px solid #fff;
    display: block;
    position: relative;
    padding: 0 20px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
    cursor: pointer;
    transition: .3s ease-out
}

.banner .level li a[data-v-6f84ba64]:after {
    content: "";
    display: block;
    border-bottom: 2px solid #ffd0a1;
    width: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: -2px;
    left: 50%;
    background: #ffd0a1;
    transition: .3s ease-out
}

.banner .level li ul[data-v-6f84ba64] {
    max-height: 0;
    overflow: hidden;
    transition: .8s ease-in-out;
    -webkit-animation: closeSecMenu .5s cubic-bezier(.32, .67, .51, 1) forwards;
    animation: closeSecMenu .5s cubic-bezier(.32, .67, .51, 1) forwards
}

.banner .level li ul.openSecMenu[data-v-6f84ba64] {
    -webkit-animation: openSecMenu .5s cubic-bezier(.19, 1, .22, 1) forwards;
    animation: openSecMenu .5s cubic-bezier(.19, 1, .22, 1) forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.banner .level li ul li[data-v-6f84ba64] {
    float: none
}

.banner .level li ul li a[data-v-6f84ba64] {
    line-height: 36px;
    display: block;
    border: none;
    font-weight: 400
}

.banner .level li ul li a[data-v-6f84ba64]:hover {
    font-weight: border
}

.banner .level[data-v-6f84ba64]:after {
    content: "";
    display: block;
    clear: both
}

.banner .burger[data-v-6f84ba64] {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer
}

@media screen and (min-width:220px) {
    .banner[data-v-6f84ba64] {
        background: #42c8c8;
        background-size: 100% 100%;
        width: 100vw;
        box-sizing: border-box;
        padding: 40px 0 10px;
        font-size: 14px;
        position: fixed;
        top: 0
    }

    .banner .level[data-v-6f84ba64],
    .banner .reg[data-v-6f84ba64] {
        display: none
    }

    .banner .logo[data-v-6f84ba64] {
        width: 74px;
        position: absolute;
        top: 9px;
        left: 60px
    }

    .banner .logo p[data-v-6f84ba64] {
        position: absolute;
        width: 150px;
        text-align: left;
        font-size: 12px;
        color: #000
    }

    .banner .logo.open p[data-v-6f84ba64] {
        display: block
    }

    .banner .star[data-v-6f84ba64] {
        display: block;
        width: 20px;
        position: absolute;
        right: 53px;
        top: 15px
    }

    .banner .research[data-v-6f84ba64] {
        display: block;
        width: 18px;
        position: absolute;
        right: 20px;
        top: 16px
    }

    .banner .reg[data-v-6f84ba64] {
        right: 0;
        left: 0
    }

    .banner .reg ul li[data-v-6f84ba64] {
        float: none;
        text-align: left;
        margin: 0
    }

    .banner .reg ul li a.client[data-v-6f84ba64],
    .banner .reg ul li a.reg[data-v-6f84ba64],
    .banner .reg ul li a.user[data-v-6f84ba64] {
        background-position: left 4px;
        color: #aeaeae
    }

    .banner .reg.open[data-v-6f84ba64] {
        display: block;
        float: none;
        text-align: left;
        position: absolute;
        top: 555px;
        width: 100vw;
        box-sizing: border-box;
        padding: 0 50px;
        left: 0;
        font-size: 12px;
        color: #aeaeae;
        line-height: 28px
    }

    .banner .reg.open[data-v-6f84ba64]:after {
        content: "";
        display: block;
        width: 100%;
        border-top: 1px solid #5c5c5c;
        margin-top: -58px
    }

    .banner[data-v-6f84ba64]:hover {
        height: auto
    }

    .banner .burger[data-v-6f84ba64] {
        display: block
    }

    .banner .level[data-v-6f84ba64] {
        width: 100vw;
        text-align: left;
        max-height: 5000px;
        float: none;
        overflow: hidden;
        -webkit-animation: closeMenu .6s cubic-bezier(.32, .67, .51, 1) forwards;
        animation: closeMenu .6s cubic-bezier(.32, .67, .51, 1) forwards
    }

    .banner .level li[data-v-6f84ba64] {
        float: none;
        display: block;
        margin: 18px 0 0;
        width: 87vw;
        background-image: url('http://cdn.xuansiwei.com/yiyib1492/1589442649922/right.png');
        background-size: 7px;
        background-position: 99%;
        background-repeat: no-repeat
    }

    .banner .level li[data-v-6f84ba64]:first-child {
        margin-top: 60px
    }

    .banner .level li a[data-v-6f84ba64] {
        width: 100vw;
        padding: 0 50px;
        box-sizing: border-box;
        border: none;
        -webkit-animation: none;
        animation: none;
        line-height: 30px;
        font-size: 14px
    }

    .banner .level li a[data-v-6f84ba64]:after {
        border: none
    }

    .banner .level li ul[data-v-6f84ba64] {
        display: block;
        padding: 0;
        min-width: 100vw;
        min-height: 100vh;
        background: #42c8c8;
        position: absolute;
        top: 90px;
        left: 100vw;
        z-index: 1
    }

    .banner .level li ul .backMenu[data-v-6f84ba64] {
        color: #000;
        margin: 0;
        font-weight: 700;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi40IDE2LjMiPjxwYXRoIGQ9Ik04LjEgMGMuMiAwIC40LjEuNS4ybC4zLjNjLjIuMS4yLjMuMi41czAgLjMtLjEuNUwzLjEgNy4yaDEyLjVjLjQgMCAuNy4zLjcuN3YuNGMwIC4yLS4xLjQtLjIuNS0uMS4yLS4zLjItLjUuMkgzLjFsNS44IDUuN2MuMS4xLjIuMy4yLjVzLS4xLjQtLjIuNWwtLjIuM2MtLjEuMS0uMy4yLS41LjJzLS40LS4xLS41LS4yTC4yIDguNmMtLjEtLjEtLjItLjMtLjItLjVzLjEtLjQuMy0uNUw3LjcuMmMuMS0uMS4zLS4yLjQtLjJ6IiBmaWxsPSIjMzUzNTM1Ii8+PC9zdmc+);
        background-size: 12px;
        background-position: 22px;
        background-repeat: no-repeat;
        padding-left: 40px;
        padding-top: 0
    }

    .banner .level li ul li[data-v-6f84ba64] {
        margin: 0;
        width: 87vw;
        float: left;
        line-height: 60px;
        padding: 0 0 0 15px;
        font-size: 16px;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjMiIGhlaWdodD0iOTYiPjxpbWFnZSBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4PSIyIiB5PSIyIiB3aWR0aD0iNTkiIGhlaWdodD0iOTIiIHhsaW5rOmhyZWY9ImRhdGE6aW1nL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQURzQUFBQmNDQVlBQUFEUTFNMVJBQUFCbzBsRVFWUjRuTzJjVVczRFFCQkV0eTBCUXdnRVF5aUVRakNFUUNpRFFpaUVLZ2dDSVJBS0lXV1FLdEtkNUZheGRiN2JLSE03TTlMODVjUHZ4N2Z2WXEwVlpEQ3prNWw5bHZ5NDUyVFFTMnBZNFArZ2MrQUI0UG5jTWk2QTVwNmlBRjlCenl1Z1lZQkxRYnNIM2dvNkJ4NEJucjg0VXlWbzdya1g0S2tCc2p2Z3RiZHVPT0NsODdRRmVBTGdXb3czOEFVZDJOSjBKR0FCbHhkZUlEN1lnTDNPWUdwZzZIbmFHeGhlSU40YTUrZnVnR3ZOU01BellPaDUyaHNZWGlCMk1pWUJiNjRVRVMweXBzYnVBWmhXSTBXTURpeEZiT3lYRkJFc3J6SW1BVy9xdHhRUkxESW1BVzh2dkNJZW1ZQk5pdGhlVGtWOGVUelh6UnpNN0NtTm1CNjV2cUYzejFpTWYvSUQ5Q3gzRGMxTmh6Zm9Pd0RUelZBY1BVTzZnYUFBcFJnWDd5RUNYc2VWYTJpTVowdzNEQlNnRkxjVU5CZHVOS0EwbCtUZW9FY1dVTmlCZnM4Q0trV3JMT3dka2hRdEdxZ1VyYUt3YzY0VUxTSW94VC9uVXJSb29GSzB5c0orb1NaRml3WXFSYXVzRk8yUmthSkZBelcyeittbzFxMllBM0Ezb0RrMEs1SnlhSlpmNWRDc05jdWhXVmlYUTdPS01JZG15V1JPalBXaFp2WUxDYXBYZG9ZZE11c0FBQUFBU1VWT1JLNUNZSUk9Ii8+PC9zdmc+);
        background-size: 7px;
        background-position: 99%;
        background-repeat: no-repeat
    }

    .banner .level li ul li a[data-v-6f84ba64] {
        padding: 5px 20px;
        color: #000;
        font-weight: 700
    }

    .banner .level li ul[data-v-6f84ba64]:after {
        content: "";
        display: block;
        clear: both
    }

    .banner .level.open[data-v-6f84ba64] {
        display: block;
        min-height: 100vh;
        -webkit-animation: openMenu .5s ease-in-out forwards;
        animation: openMenu .5s ease-in-out forwards
    }
}

[data-v-5f761709] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body[data-v-5f761709] {
    font-size: 12px;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #f2f2f2
}

body[data-v-5f761709],
li[data-v-5f761709],
ol[data-v-5f761709],
ul[data-v-5f761709] {
    margin: 0;
    padding: 0
}

li[data-v-5f761709],
ol[data-v-5f761709],
ul[data-v-5f761709] {
    list-style-type: none
}

a[data-v-5f761709],
a[data-v-5f761709]:active,
a[data-v-5f761709]:hover,
a[data-v-5f761709]:link,
a[data-v-5f761709]:visited {
    text-decoration: none;
    color: #545454;
    border: none
}

button[data-v-5f761709],
input[data-v-5f761709],
textarea[data-v-5f761709] {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

button[data-v-5f761709]::-webkit-input-placeholder,
input[data-v-5f761709]::-webkit-input-placeholder,
textarea[data-v-5f761709]::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

button[data-v-5f761709]::-webkit-search-cancel-button,
input[data-v-5f761709]::-webkit-search-cancel-button,
textarea[data-v-5f761709]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

@-webkit-keyframes btn_more_hover-data-v-5f761709 {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@keyframes btn_more_hover-data-v-5f761709 {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out-data-v-5f761709 {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@keyframes btn_more_out-data-v-5f761709 {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover2-data-v-5f761709 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@keyframes btn_more_hover2-data-v-5f761709 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out2-data-v-5f761709 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@keyframes btn_more_out2-data-v-5f761709 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover3-data-v-5f761709 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@keyframes btn_more_hover3-data-v-5f761709 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_out3-data-v-5f761709 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@keyframes btn_more_out3-data-v-5f761709 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@-webkit-keyframes btn_innermenu_hover-data-v-5f761709 {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@keyframes btn_innermenu_hover-data-v-5f761709 {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@-webkit-keyframes btn_innermenu_out-data-v-5f761709 {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@keyframes btn_innermenu_out-data-v-5f761709 {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@-webkit-keyframes openMenu-data-v-5f761709 {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@keyframes openMenu-data-v-5f761709 {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@-webkit-keyframes closeMenu-data-v-5f761709 {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@keyframes closeMenu-data-v-5f761709 {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@-webkit-keyframes openSecMenu-data-v-5f761709 {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@keyframes openSecMenu-data-v-5f761709 {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@-webkit-keyframes closeSecMenu-data-v-5f761709 {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

@keyframes closeSecMenu-data-v-5f761709 {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

.overflow-hidden[data-v-5f761709] {
    overflow: hidden
}

.dialog-open[data-v-5f761709] {
    position: fixed;
    width: 100%
}

@media screen and (min-width:600px) and (max-width:1279px) {
    .footer[data-v-5f761709] {
        padding: 20px 0;
        box-sizing: border-box;
        background: #000;
        color: #aeaeae
    }

    .footer .main[data-v-5f761709] {
        max-width: 1280px;
        margin: 0 auto;
        height: 98px;
        position: relative
    }

    .footer .main .part[data-v-5f761709]:first-child {
        left: 0;
        top: 0;
        display: none
    }

    .footer .main .part[data-v-5f761709]:nth-child(2) {
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        left: 0;
        bottom: -5px
    }

    .footer .main .part[data-v-5f761709]:nth-child(3) {
        position: absolute;
        bottom: 1px;
        transform: translate(-50%);
        left: 50%
    }

    .footer .main .link[data-v-5f761709] {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 500px
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link a[data-v-5f761709] {
        display: block;
        line-height: 32px;
        font-weight: 700;
        color: #dfdfdf;
        width: 96px;
        padding-right: 42px
    }

    .footer .main .link .firMenu span[data-v-5f761709],
    .footer .main .link a span[data-v-5f761709] {
        display: inline-block
    }

    .footer .main .link .firMenu span[data-v-5f761709]:first-child,
    .footer .main .link a span[data-v-5f761709]:first-child {
        text-align: left
    }

    .footer .main .link .firMenu span[data-v-5f761709]:nth-child(2),
    .footer .main .link a span[data-v-5f761709]:nth-child(2) {
        text-align: right
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link .secMenu[data-v-5f761709] {
        display: none
    }

    .footer .main .eqcode ul li[data-v-5f761709] {
        float: left;
        cursor: pointer
    }

    .footer .main .eqcode ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 54px;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .eqcode ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .tel ul li[data-v-5f761709] {
        text-align: left
    }

    .footer .main .tel ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 0;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .tel ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .eqcode[data-v-5f761709] {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .footer .main .icp a[data-v-5f761709] {
        color: #f2f2f2
    }
}

@media screen and (min-width:421px) and (max-width:600px) {
    .footer[data-v-5f761709] {
        padding: 20px 0;
        box-sizing: border-box;
        background: #000;
        color: #aeaeae
    }

    .footer .main[data-v-5f761709] {
        max-width: 1280px;
        margin: 0 auto;
        height: 98px;
        position: relative
    }

    .footer .main .part[data-v-5f761709]:first-child {
        left: 0;
        top: 0;
        display: none
    }

    .footer .main .part[data-v-5f761709]:nth-child(2) {
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        left: 0;
        bottom: -5px
    }

    .footer .main .part[data-v-5f761709]:nth-child(3) {
        display: none;
        position: absolute;
        bottom: 1px;
        transform: translate(-50%);
        left: 50%
    }

    .footer .main .link[data-v-5f761709] {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 500px
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link a[data-v-5f761709] {
        display: block;
        line-height: 32px;
        font-weight: 700;
        color: #dfdfdf;
        width: 96px;
        padding-right: 42px
    }

    .footer .main .link .firMenu span[data-v-5f761709],
    .footer .main .link a span[data-v-5f761709] {
        display: inline-block
    }

    .footer .main .link .firMenu span[data-v-5f761709]:first-child,
    .footer .main .link a span[data-v-5f761709]:first-child {
        text-align: left
    }

    .footer .main .link .firMenu span[data-v-5f761709]:nth-child(2),
    .footer .main .link a span[data-v-5f761709]:nth-child(2) {
        text-align: right
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link .secMenu[data-v-5f761709] {
        display: none
    }

    .footer .main .eqcode ul li[data-v-5f761709] {
        float: left;
        cursor: pointer
    }

    .footer .main .eqcode ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 54px;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .eqcode ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .tel ul li[data-v-5f761709] {
        text-align: left
    }

    .footer .main .tel ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 0;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .tel ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .eqcode[data-v-5f761709] {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .footer .main .icp a[data-v-5f761709] {
        color: #f2f2f2
    }
}

@media screen and (min-width:1280px) {
    .footer[data-v-5f761709] {
        padding: 20px 0;
        box-sizing: border-box;
        background: #000;
        color: #aeaeae
    }

    .footer .main[data-v-5f761709] {
        max-width: 1280px;
        margin: 0 auto;
        height: 98px;
        position: relative
    }

    .footer .main .part[data-v-5f761709]:first-child {
        left: 0;
        top: 0
    }

    .footer .main .part[data-v-5f761709]:nth-child(2) {
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        left: 0;
        bottom: -5px
    }

    .footer .main .part[data-v-5f761709]:nth-child(3) {
        position: absolute;
        bottom: 1px;
        transform: translate(-50%);
        left: 50%
    }

    .footer .main .link[data-v-5f761709] {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 500px
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link a[data-v-5f761709] {
        display: block;
        line-height: 32px;
        padding-right: 12px;
        font-weight: 700;
        color: #dfdfdf;
        width: 120px
    }

    .footer .main .link .firMenu span[data-v-5f761709],
    .footer .main .link a span[data-v-5f761709] {
        display: inline-block
    }

    .footer .main .link .firMenu span[data-v-5f761709]:first-child,
    .footer .main .link a span[data-v-5f761709]:first-child {
        text-align: left
    }

    .footer .main .link .firMenu span[data-v-5f761709]:nth-child(2),
    .footer .main .link a span[data-v-5f761709]:nth-child(2) {
        padding-left: 4px;
        text-align: right
    }

    .footer .main .link .firMenu[data-v-5f761709],
    .footer .main .link .secMenu[data-v-5f761709] {
        display: none
    }

    .footer .main .eqcode ul li[data-v-5f761709] {
        cursor: pointer;
        float: left
    }

    .footer .main .eqcode ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 54px;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .eqcode ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .tel ul li[data-v-5f761709] {
        text-align: left
    }

    .footer .main .tel ul li span[data-v-5f761709] {
        display: inline;
        margin-right: 12px;
        line-height: 24px;
        padding-top: 0;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 50%
    }

    .footer .main .tel ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .eqcode[data-v-5f761709] {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .footer .main .icp a[data-v-5f761709] {
        color: #f2f2f2
    }
}

@media screen and (max-width:420px) {
    .footer[data-v-5f761709] {
        padding: 0;
        margin-top: 20px;
        box-sizing: border-box;
        background: #f2f2f2;
        color: #000;
        position: relative
    }

    .footer .main[data-v-5f761709] {
        max-width: 1280px;
        padding-top: 15px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-end
    }

    .footer .main .part[data-v-5f761709] {
        max-width: 100%;
        width: 92vw;
        margin: 0 auto
    }

    .footer .main .part.black[data-v-5f761709] {
        background: #f2f2f2;
        padding-left: 4vw;
        padding-right: 4vw;
        border: none
    }

    .footer .main .part .link[data-v-5f761709] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border-bottom: 1px solid #b2b2b2
    }

    .footer .main .part .link .firMenu[data-v-5f761709],
    .footer .main .part .link a[data-v-5f761709] {
        display: block;
        line-height: 36px;
        padding-right: 12px;
        font-weight: 700;
        color: #454545;
        text-align: left
    }

    .footer .main .part .link .firMenu span[data-v-5f761709],
    .footer .main .part .link a span[data-v-5f761709] {
        display: inline-block;
        width: 49%
    }

    .footer .main .part .link .firMenu span[data-v-5f761709]:first-child,
    .footer .main .part .link a span[data-v-5f761709]:first-child {
        text-align: left
    }

    .footer .main .part .link .firMenu span[data-v-5f761709]:nth-child(2),
    .footer .main .part .link a span[data-v-5f761709]:nth-child(2) {
        text-align: right
    }

    .footer .main .part .link .firMenu .secMenu[data-v-5f761709],
    .footer .main .part .link a .secMenu[data-v-5f761709] {
        max-height: 0;
        overflow: hidden;
        box-sizing: content-box;
        margin: 0 -7vw -1px -4vw;
        padding: 0 5vw;
        background-color: #fff;
        transition: max-height .6s ease-in-out
    }

    .footer .main .part .link .firMenu .secMenu.open[data-v-5f761709],
    .footer .main .part .link a .secMenu.open[data-v-5f761709] {
        max-height: 300px;
        transition: max-height .6s ease-in-out
    }

    .footer .main .part .eqcode ul li[data-v-5f761709],
    .footer .main .part .tel ul li[data-v-5f761709] {
        float: none;
        text-align: left;
        padding: 10px 0 0;
        cursor: pointer
    }

    .footer .main .part .eqcode ul li span[data-v-5f761709],
    .footer .main .part .tel ul li span[data-v-5f761709] {
        display: block;
        padding-right: 18px;
        line-height: 18px
    }

    .footer .main .part .eqcode ul li span[data-v-5f761709]:nth-child(2),
    .footer .main .part .tel ul li span[data-v-5f761709]:nth-child(2) {
        font-size: 16px;
        font-weight: 700
    }

    .footer .main .part .eqcode ul li .txt[data-v-5f761709],
    .footer .main .part .tel ul li .txt[data-v-5f761709] {
        display: inline-block;
        line-height: 36px;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 0;
        padding-left: 28px;
        font-size: 14px;
        font-weight: 700
    }

    .footer .main .part .eqcode ul li .photo[data-v-5f761709],
    .footer .main .part .tel ul li .photo[data-v-5f761709] {
        width: 25px;
        line-height: 36px;
        display: inline-block
    }

    .footer .main .part .eqcode ul li .photo a img[data-v-5f761709],
    .footer .main .part .tel ul li .photo a img[data-v-5f761709] {
        width: 100%
    }

    .footer .main .part .eqcode ul[data-v-5f761709]:after,
    .footer .main .part .tel ul[data-v-5f761709]:after {
        content: "";
        display: block;
        clear: both
    }

    .footer .main .part .tel[data-v-5f761709] {
        padding-top: 15px
    }

    .footer .main .part .tel ul li[data-v-5f761709]:nth-child(3) {
        width: 60vw;
        text-align: left;
        line-height: 36px
    }

    .footer .main .part .eqcode[data-v-5f761709] {
        right: 2px;
        bottom: 89px
    }

    .footer .main .part .eqcode ul[data-v-5f761709] {
        display: flex
    }

    .footer .main .part .icp[data-v-5f761709] {
        text-align: left;
        padding: 20px 0;
        margin-top: 20px;
        border-top: 1px solid #b2b2b2
    }
}

@media screen and (min-width:421px) {
    .quick[data-v-8a4d5ce4] {
        display: none
    }
}

@media screen and (max-width:420px) {
    .quick[data-v-8a4d5ce4] {
        background-color: #fff;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 15px;
        padding-top: 15px;
        display: none
    }

    .quick .icon[data-v-8a4d5ce4],
    .quick .icon img[data-v-8a4d5ce4] {
        box-sizing: border-box;
        padding: 0 16px
    }

    .quick .icon img[data-v-8a4d5ce4] {
        width: 100%
    }

    .quick .icon p[data-v-8a4d5ce4] {
        color: #454545
    }
}

.topMenu[data-v-fe1ac200] {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, .7);
    padding: 6px
}

.topMenu svg[data-v-fe1ac200] {
    width: 100%
}

.topMenu svg path[data-v-fe1ac200] {
    fill: hsla(0, 0%, 100%, .8)
}

@media screen and (min-width:421px) {
    .fullScreen .bg[data-v-9ef67084] {
        width: 100%;
        height: 100vh;
        position: relative;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .fullScreen .bg .content[data-v-9ef67084] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        padding: 120px 100px;
        box-sizing: border-box
    }

    .fullScreen .bg .content div[data-v-9ef67084] {
        font-size: 28px;
        line-height: 38px;
        text-transform: Uppercase;
        text-align: left;
        color: #454545
    }

    .fullScreen .bg .content div img[data-v-9ef67084] {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .fullScreen .bg[data-v-9ef67084] {
        width: 100%;
        height: 100vh;
        position: relative;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/mobileBg.jpg) !important;
        background-repeat: no-repeat;
        background-size: cover
    }

    .fullScreen .bg .content[data-v-9ef67084] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 45%;
        left: 50%;
        padding: 120px 100px;
        box-sizing: border-box
    }

    .fullScreen .bg .content div[data-v-9ef67084] {
        font-size: 28px;
        line-height: 38px;
        text-transform: Uppercase;
        text-align: left;
        color: #454545
    }

    .fullScreen .bg .content div img[data-v-9ef67084] {
        width: 100%
    }
}

.swiper-pagination .swiper-pagination-bullet[data-v-2c2386de] {
    background: none;
    border: 1px solid #fff
}

.swiper-pagination .swiper-pagination-bullet-active[data-v-2c2386de] {
    background: #fff;
    border: none
}

.mySw[data-v-2c2386de] {
    width: 100%
}

@media screen and (max-width:375px) {
    .proBlk[data-v-782d3870] {
        height: 67vw;
        max-height: 260px;
        margin: 0 auto;
        text-align: left;
        max-width: 280px;
        background: #42c8c8;
        cursor: pointer
    }

    .proBlk .photo[data-v-782d3870] {
        height: 195px;
        background-size: 165px;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .proBlk .content[data-v-782d3870] {
        padding: 12px 6px;
        box-sizing: border-box;
        border-bottom: none
    }

    .proBlk .content .classname[data-v-782d3870] {
        font-size: 14px;
        font-weight: 600;
        color: #454545;
        text-align: center
    }

    .proBlk .content .proname[data-v-782d3870] {
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        text-align: center
    }

    .proBlk .content .spec[data-v-782d3870] {
        display: none;
        padding: 12px 0
    }

    .proBlk .content .spec span[data-v-782d3870] {
        color: #454545;
        font-weight: 700;
        font-size: 12px;
        display: inline-block;
        padding-right: 12px
    }

    .proBlk .content .desc[data-v-782d3870] {
        display: none
    }
}

@media screen and (min-width:375px) {
    .proBlk[data-v-782d3870] {
        height: 67vw;
        max-height: 260px;
        margin: 30px auto;
        text-align: left;
        max-width: 280px;
        background: #F2F2F2;
        cursor: pointer
    }

    .proBlk .photo[data-v-782d3870] {
        height: 195px;
        background-size: 165px;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .proBlk .content[data-v-782d3870] {
        padding: 12px 6px;
        box-sizing: border-box;
        border-bottom: none
    }

    .proBlk .content .classname[data-v-782d3870] {
        font-size: 14px;
        font-weight: 600;
        color: #454545;
        text-align: center
    }

    .proBlk .content .proname[data-v-782d3870] {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-align: center
    }

    .proBlk .content .spec[data-v-782d3870] {
        display: none;
        padding: 12px 0
    }

    .proBlk .content .spec span[data-v-782d3870] {
        color: #454545;
        font-weight: 700;
        font-size: 12px;
        display: inline-block;
        padding-right: 12px
    }

    .proBlk .content .desc[data-v-782d3870] {
        display: none
    }
}

@media screen and (min-width:375px) {
    .swiper2[data-v-4d8c7d4a] {
        width: 100%;
        overflow-x: hidden
    }

    .swiper2 .bg[data-v-4d8c7d4a] {
        width: 100%;
        height: 63vh;
        position: relative;
        background: no-repeat top;
        background-size: cover
    }

    .swiper2 .bg .title[data-v-4d8c7d4a] {
        padding: 20px 0 10px;
        position: absolute;
        transform: translate(-50%);
        bottom: 0;
        left: 50%;
        width: 85vw
    }

    .swiper2 .bg .title p[data-v-4d8c7d4a] {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-transform: Uppercase;
        text-align: left;
        color: #fff;
        text-align: center
    }

    .swiper2 .bg .title h2[data-v-4d8c7d4a] {
        font-size: 32px;
        font-weight: 700;
        line-height: 0;
        text-align: center;
        line-height: 180%;
        color: #fff
    }

    .swiper2 .bg .title h2 span[data-v-4d8c7d4a] {
        display: inline-block
    }

    .swiper2 .content[data-v-4d8c7d4a] {
        width: 100%;
        max-width: 1124px;
        margin: 0 auto;
        left: 0;
        bottom: 0;
        padding: 10px 0;
        box-sizing: border-box
    }

    .swiper2 .content .menu[data-v-4d8c7d4a] {
        position: relative;
        margin-top: 120px;
        height: 250px;
        width: 100vw;
        background: #242a3a
    }

    .swiper2 .content .menu .swiper-pagination-fraction[data-v-4d8c7d4a],
    .swiper2 .content .menu .swiper-pagination[data-v-4d8c7d4a] {
        position: absolute;
        left: 76%;
        top: 85%;
        font-size: 14px;
        font-weight: 200;
        color: #fff
    }

    .swiper2 .content .menu .swiper-pagination-fraction[data-v-4d8c7d4a]:after,
    .swiper2 .content .menu .swiper-pagination[data-v-4d8c7d4a]:after {
        padding-bottom: 14px
    }

    .swiper2 .content .menu .swiper-pagination-fraction span[data-v-4d8c7d4a],
    .swiper2 .content .menu .swiper-pagination span[data-v-4d8c7d4a] {
        font-size: 36px !important
    }

    .swiper2 .content .menu .swiper-button-next[data-v-4d8c7d4a],
    .swiper2 .content .menu .swiper-button-prev[data-v-4d8c7d4a] {
        display: none
    }

    .swiper2 .content .setSw[data-v-4d8c7d4a] {
        width: 100%;
        background-color: #fff
    }
}

.title[data-v-25e82eb0] {
    font-size: 32px;
    width: 100%;
    text-align: center;
    color: #42c8c8;
    margin-top: -50px
}

.status[data-v-25e82eb0] {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 250px;
    max-height: 160px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
    background-color: #aae7ac
}

.status[data-v-25e82eb0]:after {
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

@media screen and (min-width:768px) {
    .joinFlow[data-v-25e82eb0] {
        margin-bottom: -20px
    }

    .joinFlow .heard[data-v-25e82eb0] {
        width: 100%;
        position: relative
    }

    .joinFlow .heard .bg[data-v-25e82eb0] {
        width: 100%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/01.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

    .joinFlow .detail[data-v-25e82eb0] {
        width: 700px;
        box-sizing: border-box;
        padding: 5vw;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        background-color: #f2f2f2;
        margin-left: 31%
    }

    .joinFlow .detail .addr[data-v-25e82eb0],
    .joinFlow .detail .company[data-v-25e82eb0],
    .joinFlow .detail .email[data-v-25e82eb0],
    .joinFlow .detail .name[data-v-25e82eb0],
    .joinFlow .detail .phone[data-v-25e82eb0],
    .joinFlow .detail .product[data-v-25e82eb0],
    .joinFlow .detail .subimt[data-v-25e82eb0] {
        box-sizing: border-box;
        width: 80vw;
        margin: 10px auto
    }

    .joinFlow .detail .addr .readonly[data-v-25e82eb0],
    .joinFlow .detail .company .readonly[data-v-25e82eb0],
    .joinFlow .detail .email .readonly[data-v-25e82eb0],
    .joinFlow .detail .name .readonly[data-v-25e82eb0],
    .joinFlow .detail .phone .readonly[data-v-25e82eb0],
    .joinFlow .detail .product .readonly[data-v-25e82eb0],
    .joinFlow .detail .subimt .readonly[data-v-25e82eb0] {
        background: #a5a5a5
    }

    .joinFlow .detail .subimt[data-v-25e82eb0] {
        width: 94%;
        margin-left: 3%
    }

    .joinFlow .detail input[data-v-25e82eb0],
    .joinFlow .detail textarea[data-v-25e82eb0] {
        box-sizing: border-box;
        background-color: #fff;
        line-height: 50px;
        min-height: 50px;
        padding: 0 10px;
        width: 100%;
        border-radius: 12px
    }

    .joinFlow .detail input[data-v-25e82eb0]::-webkit-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-webkit-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::-moz-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-moz-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]:-ms-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]:-ms-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::-ms-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-ms-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::placeholder {
        color: #545454
    }

    .joinFlow .detail textarea[data-v-25e82eb0] {
        box-sizing: border-box;
        padding: 2vw;
        line-height: 180%
    }

    .joinFlow .detail .email[data-v-25e82eb0] {
        width: 94%
    }

    .joinFlow .detail .email input[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/email.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%
    }

    .joinFlow .detail .name[data-v-25e82eb0] {
        width: 94%
    }

    .joinFlow .detail .name input[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/name.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%
    }

    .joinFlow .detail .company[data-v-25e82eb0] {
        width: 94%
    }

    .joinFlow .detail .company input[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/company.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%
    }

    .joinFlow .detail .product[data-v-25e82eb0] {
        width: 94%
    }

    .joinFlow .detail .product input[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/product.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%
    }

    .joinFlow .detail .phone[data-v-25e82eb0] {
        width: 94%;
        position: relative
    }

    .joinFlow .detail .phone input[data-v-25e82eb0] {
        width: 60%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/phone.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%;
        border-radius: 12px 0 0 12px
    }

    .joinFlow .detail .phone .capCha[data-v-25e82eb0] {
        width: 40%;
        line-height: 50px;
        text-align: center;
        position: absolute;
        background-color: #42c8c8;
        color: #fff;
        top: 0;
        right: 0;
        border-radius: 0 12px 12px 0;
        cursor: pointer
    }

    .joinFlow .detail .phone .in_cap[data-v-25e82eb0] {
        margin-top: 20px;
        border-radius: 12px;
        width: 100%;
        background-image: none
    }

    .joinFlow .detail .addr[data-v-25e82eb0] {
        width: 94%
    }

    .joinFlow .detail .addr textarea[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/address.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96% 14px
    }

    .joinFlow .detail input[type=button][data-v-25e82eb0] {
        background-color: #42c8c8;
        color: #f2f2f2;
        text-align: center;
        line-height: 30px;
        cursor: pointer
    }
}

@media screen and (max-width:767px) {
    .title[data-v-25e82eb0] {
        margin-top: 0
    }

    .joinFlow[data-v-25e82eb0] {
        margin-bottom: -20px
    }

    .joinFlow .heard[data-v-25e82eb0] {
        width: 100vw;
        position: relative
    }

    .joinFlow .heard .bg[data-v-25e82eb0] {
        width: 100vw;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/01.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

    .joinFlow .detail[data-v-25e82eb0] {
        width: 100vw;
        box-sizing: border-box;
        padding: 5vw;
        text-align: left;
        background-color: #f2f2f2
    }

    .joinFlow .detail .addr[data-v-25e82eb0],
    .joinFlow .detail .company[data-v-25e82eb0],
    .joinFlow .detail .email[data-v-25e82eb0],
    .joinFlow .detail .name[data-v-25e82eb0],
    .joinFlow .detail .phone[data-v-25e82eb0],
    .joinFlow .detail .product[data-v-25e82eb0],
    .joinFlow .detail .subimt[data-v-25e82eb0] {
        box-sizing: border-box;
        width: 80vw;
        margin: 20px auto
    }

    .joinFlow .detail input[data-v-25e82eb0],
    .joinFlow .detail textarea[data-v-25e82eb0] {
        box-sizing: border-box;
        background-color: #fff;
        line-height: 50px;
        min-height: 50px;
        padding: 0 10px;
        width: 100%;
        border-radius: 12px
    }

    .joinFlow .detail input[data-v-25e82eb0]::-webkit-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-webkit-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::-moz-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-moz-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]:-ms-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]:-ms-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::-ms-input-placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::-ms-input-placeholder {
        color: #545454
    }

    .joinFlow .detail input[data-v-25e82eb0]::placeholder,
    .joinFlow .detail textarea[data-v-25e82eb0]::placeholder {
        color: #545454
    }

    .joinFlow .detail textarea[data-v-25e82eb0] {
        box-sizing: border-box;
        padding: 2vw;
        line-height: 180%
    }

    .joinFlow .detail .email input[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/email.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%
    }

    .joinFlow .detail .phone[data-v-25e82eb0] {
        position: relative
    }

    .joinFlow .detail .phone input[data-v-25e82eb0] {
        width: 60%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/phone.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96%;
        border-radius: 12px 0 0 12px
    }

    .joinFlow .detail .phone .capCha[data-v-25e82eb0] {
        width: 40%;
        line-height: 50px;
        text-align: center;
        position: absolute;
        background-color: #42c8c8;
        color: #fff;
        top: 0;
        right: 0;
        border-radius: 0 12px 12px 0;
        cursor: pointer
    }

    .joinFlow .detail .phone .in_cap[data-v-25e82eb0] {
        margin-top: 20px;
        border-radius: 12px;
        width: 100%;
        background-image: none
    }

    .joinFlow .detail .addr textarea[data-v-25e82eb0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinIn/address.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96% 14px
    }

    .joinFlow .detail input[type=button][data-v-25e82eb0] {
        background-color: #42c8c8;
        color: #f2f2f2;
        text-align: center;
        line-height: 30px;
        cursor: pointer
    }
}

@-webkit-keyframes bgtran-data-v-711fe5b0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bgtran-data-v-711fe5b0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bgtran2-data-v-711fe5b0 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes bgtran2-data-v-711fe5b0 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media screen and (min-width:1025px) {
    .story .imgItem[data-v-711fe5b0] {
        margin-top: 0;
        background: #000;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden
    }

    .story .imgItem .bg[data-v-711fe5b0] {
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem .pp[data-v-711fe5b0] {
        top: 49%;
        left: 28%;
        width: 29vw;
        color: #000;
        line-height: 41px;
        font-weight: 700;
        letter-spacing: 3px;
        display: block
    }

    .story .imgItem .p4[data-v-711fe5b0],
    .story .imgItem .pp[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        font-size: 19px;
        margin: 0;
        text-align: left;
        text-transform: Uppercase
    }

    .story .imgItem .p4[data-v-711fe5b0] {
        top: 63%;
        left: 50%;
        width: 69vw;
        color: #fff;
        line-height: 43px
    }

    .story .imgItem1[data-v-711fe5b0] {
        margin-top: -40px;
        position: relative
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:after {
        background-image: url('http://cdn.xuansiwei.com/yiyib1492/1590999035874/京东首页---日常_02.jpg?x-oss-process=style/small');
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:after,
    .story .imgItem1 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:before {
        background-image: url('http://cdn.xuansiwei.com/yiyib1492/1590999035874/京东首页---日常_02.jpg?x-oss-process=style/small');
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem1 .logo_about[data-v-711fe5b0] {
        top: 50%;
        width: 345px;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/ABOUTskg.png);
        background-repeat: no-repeat;
        background-size: contain
    }

    .story .imgItem1 .logo_about[data-v-711fe5b0],
    .story .imgItem1 h3[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        right: 0;
        height: 30%;
        transition: .6s ease-in-out
    }

    .story .imgItem1 h3[data-v-711fe5b0] {
        top: 56%;
        font-size: 32px;
        color: #b0a273;
        text-align: right;
        font-weight: 400
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:after {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg21020.jpg);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:after,
    .story .imgItem2 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:before {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bg21020.jpg);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem2 .p5[data-v-711fe5b0] {
        top: 50%;
        font-size: 36px;
        line-height: 160%
    }

    .story .imgItem2 .p5[data-v-711fe5b0],
    .story .imgItem2 .p6[data-v-711fe5b0] {
        position: absolute;
        left: 10%;
        width: 50%;
        transform: translateY(-50%);
        color: #565656;
        margin: 0;
        text-align: left;
        letter-spacing: 3px;
        font-weight: 400;
        text-transform: Uppercase;
        transition: .6s ease-in-out
    }

    .story .imgItem2 .p6[data-v-711fe5b0] {
        top: 62%;
        font-size: 24px;
        line-height: 28px
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:after {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg3.jpg);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:after,
    .story .imgItem3 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:before {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bg31020.jpg);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem3 h3[data-v-711fe5b0] {
        top: 40%
    }

    .story .imgItem3 h2[data-v-711fe5b0],
    .story .imgItem3 h3[data-v-711fe5b0] {
        font-size: 36px;
        color: #fff;
        margin: 0;
        position: absolute;
        transform: translateY(-50%);
        right: 6%;
        transition: .6s ease-in-out
    }

    .story .imgItem3 h2[data-v-711fe5b0] {
        top: 33%;
        font-weight: 400
    }

    .story .imgItem3 .p5[data-v-711fe5b0] {
        position: absolute;
        transform: translateY(-50%);
        top: 65%;
        right: 6%;
        width: 35%;
        text-align: justify;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 180%;
        transition: .6s ease-in-out
    }

    .story .imgItem4[data-v-711fe5b0] {
        position: relative
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:after {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg41020.jpg);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:after,
    .story .imgItem4 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:before {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bg41020.jpg);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem4 .h3[data-v-711fe5b0] {
        position: absolute;
        transform: translateY(-50%);
        top: 32%;
        left: 9%;
        width: 40%;
        text-align: left;
        font-size: 24px;
        color: #454545;
        line-height: 180%;
        text-transform: uppercase;
        text-align: center;
        display: flex;
        align-items: baseline;
        transition: .6s ease-in-out
    }

    .story .imgItem4 .h3 .item1[data-v-711fe5b0] {
        padding: 0 16px
    }

    .story .imgItem4 .h3 .item1 h3[data-v-711fe5b0] {
        font-size: 32px;
        line-height: 120%;
        padding: 0;
        margin: 0
    }

    .story .imgItem4 .h3 .item1 h2[data-v-711fe5b0] {
        font-size: 18px;
        padding: 0;
        margin: 0
    }

    .story .imgItem4 .p5[data-v-711fe5b0] {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
        width: 40%;
        text-align: left;
        font-size: 16px;
        color: #454545;
        font-weight: 400;
        line-height: 180%;
        transition: .6s ease-in-out
    }

    .story .imgItem5[data-v-711fe5b0] {
        height: 75vh
    }

    .story .imgItem5 .bg[data-v-711fe5b0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg5.jpg);
        position: relative
    }

    .story .imgItem5 .bg h3[data-v-711fe5b0] {
        font-size: 32px;
        top: 21%
    }

    .story .imgItem5 .bg h2[data-v-711fe5b0],
    .story .imgItem5 .bg h3[data-v-711fe5b0] {
        color: #fff;
        margin: 0;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        transition: .6s ease-in-out
    }

    .story .imgItem5 .bg h2[data-v-711fe5b0] {
        font-size: 36px;
        top: 12%;
        font-weight: 400
    }

    .story .imgItem5 .bg .line[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 25%;
        left: 50%;
        width: 80px;
        height: 6px;
        background: #a49054
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:after {
        top: 65%;
        height: 50%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/historyList1020.png);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:after,
    .story .imgItem5 .bg .list[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        width: 90%;
        background-size: contain;
        background-repeat: no-repeat
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:before {
        top: 50%;
        height: 65%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/historyListV1020.png);
        background-position: 50%;
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .detail[data-v-711fe5b0] {
        padding: 0;
        text-align: left
    }

    .story .detail .part[data-v-711fe5b0],
    .story .detail[data-v-711fe5b0] {
        width: 100%;
        box-sizing: border-box;
        position: relative
    }

    .story .detail .part[data-v-711fe5b0] {
        height: 100vh;
        padding-bottom: 10px;
        overflow: hidden
    }

    .story .detail .part .content[data-v-711fe5b0] {
        position: absolute;
        transform: translateY(-50%);
        right: 2%;
        top: 50%
    }

    .story .detail .bg_gray[data-v-711fe5b0] {
        background-color: #f0f0f0
    }

    .story .detail .bg_white[data-v-711fe5b0] {
        background-color: #fff
    }

    .story .detail h2[data-v-711fe5b0],
    .story .detail h3[data-v-711fe5b0],
    .story .detail h4[data-v-711fe5b0],
    .story .detail p[data-v-711fe5b0] {
        margin: 0;
        text-align: center
    }

    .story .detail h2 img[data-v-711fe5b0],
    .story .detail h3 img[data-v-711fe5b0],
    .story .detail h4 img[data-v-711fe5b0],
    .story .detail p img[data-v-711fe5b0] {
        width: 100%;
        padding: 12px 0
    }

    .story .detail hr[data-v-711fe5b0] {
        width: 40px;
        outline: none;
        color: #a49054;
        border: none;
        border-bottom: 4px solid #a49054;
        margin-bottom: 25px
    }

    .story .detail h2[data-v-711fe5b0] {
        font-size: 24px;
        line-height: 250%;
        text-align: center
    }

    .story .detail h3[data-v-711fe5b0] {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 200%;
        margin-top: 16px
    }

    .story .detail h4[data-v-711fe5b0] {
        font-size: 20px;
        font-weight: 400;
        font-style: italic
    }

    .story .detail p[data-v-711fe5b0] {
        margin-top: 0;
        line-height: 280%;
        font-size: 12px
    }

    .story .detail .flowH3[data-v-711fe5b0] {
        margin-top: 12px
    }

    .story .detail .gload[data-v-711fe5b0] {
        color: #42c8c8;
        font-weight: 700;
        font-size: 16px
    }

    .story .detail .dd[data-v-711fe5b0] {
        margin-top: 16px;
        line-height: 18px
    }
}

@media screen and (max-width:1024px) {
    .story .imgItem[data-v-711fe5b0] {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background-color: #000;
        position: relative
    }

    .story .imgItem .bg[data-v-711fe5b0] {
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem .pp[data-v-711fe5b0] {
        display: none
    }

    .story .imgItem .p1[data-v-711fe5b0] {
        top: 69%
    }

    .story .imgItem .p1[data-v-711fe5b0],
    .story .imgItem .p2[data-v-711fe5b0] {
        position: absolute;
        left: 53%;
        width: 84vw;
        transform: translate(-50%, -50%);
        font-size: 5.7971vw;
        color: #565656;
        line-height: 6.76329vw;
        margin: 0;
        text-align: left;
        letter-spacing: .72464vw;
        text-transform: Uppercase;
        display: block
    }

    .story .imgItem .p2[data-v-711fe5b0] {
        top: 74%
    }

    .story .imgItem .p3[data-v-711fe5b0] {
        left: 43%;
        width: 66vw;
        font-size: 3.38164vw;
        color: #565656;
        line-height: 5.55556vw;
        text-align: center;
        display: block
    }

    .story .imgItem .p3[data-v-711fe5b0],
    .story .imgItem .p4[data-v-711fe5b0] {
        position: absolute;
        top: 81%;
        transform: translate(-50%, -50%);
        margin: 0;
        text-transform: Uppercase
    }

    .story .imgItem .p4[data-v-711fe5b0] {
        left: 50%;
        width: 87vw;
        font-size: 2.89855vw;
        color: #dcdce4;
        line-height: 6.76329vw;
        text-align: left
    }

    .story .imgItem1[data-v-711fe5b0] {
        margin-top: -9.66184vw;
        position: relative
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:after {
        background-image: url('http://cdn.xuansiwei.com/yiyib1492/1590999035874/京东首页---日常_02.jpg?x-oss-process=style/small');
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:after,
    .story .imgItem1 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem1 .bg[data-v-711fe5b0]:before {
        background-image: url('http://cdn.xuansiwei.com/yiyib1492/1590999035874/京东首页---日常_02.jpg?x-oss-process=style/small');
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem1 .logo_about[data-v-711fe5b0] {
        top: 32%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/ABOUTskg.png);
        background-repeat: no-repeat;
        background-size: contain
    }

    .story .imgItem1 .logo_about[data-v-711fe5b0],
    .story .imgItem1 h3[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        right: 50%;
        left: 50%;
        width: 45.89372vw;
        height: 30%;
        transition: .6s ease-in-out
    }

    .story .imgItem1 h3[data-v-711fe5b0] {
        top: 35%;
        font-size: 4.10628vw;
        color: #fff;
        text-align: right;
        font-weight: 400
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:after {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg21020.jpg);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:after,
    .story .imgItem2 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem2 .bg[data-v-711fe5b0]:before {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bg21020.jpg);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem2 .p5[data-v-711fe5b0] {
        top: 72%;
        font-size: 5.7971vw
    }

    .story .imgItem2 .p5[data-v-711fe5b0],
    .story .imgItem2 .p6[data-v-711fe5b0] {
        position: absolute;
        left: 10%;
        width: 90%;
        transform: translateY(-50%);
        color: #565656;
        line-height: 160%;
        margin: 0;
        text-align: justify;
        letter-spacing: .72464vw;
        font-weight: 400;
        text-transform: Uppercase;
        transition: .6s ease-in-out
    }

    .story .imgItem2 .p6[data-v-711fe5b0] {
        top: 82vh;
        font-size: 2.89855vw
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:after {
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:after,
    .story .imgItem3 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bg3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem3 .bg[data-v-711fe5b0]:before {
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem3 h3[data-v-711fe5b0] {
        top: 58%
    }

    .story .imgItem3 h2[data-v-711fe5b0],
    .story .imgItem3 h3[data-v-711fe5b0] {
        font-size: 8.69565vw;
        color: #fff;
        margin: 0;
        position: absolute;
        transform: translateY(-50%);
        right: 6%;
        transition: .6s ease-in-out
    }

    .story .imgItem3 h2[data-v-711fe5b0] {
        top: 51%;
        font-weight: 400
    }

    .story .imgItem3 .p5[data-v-711fe5b0] {
        position: absolute;
        transform: translateY(-50%);
        top: 80%;
        left: 10%;
        width: 85%;
        text-align: left;
        font-size: 2.4vw;
        color: #fff;
        font-weight: 400;
        line-height: 180%;
        text-align: justify;
        transition: .6s ease-in-out
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:after {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg4.jpg);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:after,
    .story .imgItem4 .bg[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .story .imgItem4 .bg[data-v-711fe5b0]:before {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/big41020.jpg);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem4 .h3[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 65%;
        left: 50%;
        width: 90%;
        text-align: left;
        font-size: 5.7971vw;
        color: #454545;
        line-height: 180%;
        text-transform: uppercase;
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        transition: .6s ease-in-out
    }

    .story .imgItem4 .h3 .item1 h3[data-v-711fe5b0] {
        font-size: 7.72947vw;
        line-height: 120%;
        padding: 0;
        margin: 0
    }

    .story .imgItem4 .h3 .item1 h2[data-v-711fe5b0] {
        font-size: 4.34783vw;
        padding: 0;
        margin: 0
    }

    .story .imgItem4 .p5[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 83%;
        left: 50%;
        width: 90%;
        text-align: justify;
        font-size: 2.4vw;
        color: #454545;
        font-weight: 400;
        line-height: 180%;
        transition: .6s ease-in-out
    }

    .story .imgItem5[data-v-711fe5b0] {
        overflow: hidden;
        height: 125vh;
        margin-bottom: -4.83092vw
    }

    .story .imgItem5 .bg[data-v-711fe5b0] {
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/bigBg5.jpg);
        background-size: cover
    }

    .story .imgItem5 .bg h3[data-v-711fe5b0] {
        font-size: 7.72947vw;
        top: 12%
    }

    .story .imgItem5 .bg h2[data-v-711fe5b0],
    .story .imgItem5 .bg h3[data-v-711fe5b0] {
        color: #fff;
        margin: 0;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        transition: .6s ease-in-out
    }

    .story .imgItem5 .bg h2[data-v-711fe5b0] {
        font-size: 5.7971vw;
        top: 7%;
        font-weight: 400;
        width: 80%
    }

    .story .imgItem5 .bg .line[data-v-711fe5b0] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 13%;
        left: 50%;
        width: 14.49275vw;
        height: .96618vw;
        background: #a49054
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:after {
        top: 65%;
        height: 50%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/historyList1020.png);
        -webkit-animation: bgtran2-data-v-711fe5b0 .6s forwards;
        animation: bgtran2-data-v-711fe5b0 .6s forwards
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:after,
    .story .imgItem5 .bg .list[data-v-711fe5b0]:before {
        content: "";
        display: block;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        width: 90%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .story .imgItem5 .bg .list[data-v-711fe5b0]:before {
        top: 50%;
        height: 65%;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/story/historyListV1020.png);
        -webkit-animation: bgtran-data-v-711fe5b0 .6s forwards;
        animation: bgtran-data-v-711fe5b0 .6s forwards
    }

    .story .detail[data-v-711fe5b0] {
        width: 100%;
        box-sizing: border-box;
        padding: 15vw 0;
        text-align: left;
        position: relative
    }

    .story .detail .bg_gray[data-v-711fe5b0] {
        background-color: #f0f0f0
    }

    .story .detail .bg_white[data-v-711fe5b0] {
        background-color: #fff
    }

    .story .detail h2[data-v-711fe5b0],
    .story .detail h3[data-v-711fe5b0],
    .story .detail h4[data-v-711fe5b0],
    .story .detail p[data-v-711fe5b0] {
        margin: 0;
        text-align: center
    }

    .story .detail h2 img[data-v-711fe5b0],
    .story .detail h3 img[data-v-711fe5b0],
    .story .detail h4 img[data-v-711fe5b0],
    .story .detail p img[data-v-711fe5b0] {
        width: 100%;
        padding: 2.89855vw 0
    }

    .story .detail hr[data-v-711fe5b0] {
        width: 9.66184vw;
        outline: none;
        color: #a49054;
        border: none;
        border-bottom: .96618vw solid #a49054;
        margin-bottom: 6.03865vw
    }

    .story .detail h2[data-v-711fe5b0] {
        font-size: 5.7971vw;
        line-height: 250%;
        text-align: center
    }

    .story .detail h3[data-v-711fe5b0] {
        font-size: 4.83092vw;
        text-transform: uppercase;
        line-height: 200%;
        margin-top: 2.4vw
    }

    .story .detail h4[data-v-711fe5b0] {
        font-size: 4.83092vw;
        font-weight: 400;
        font-style: italic
    }

    .story .detail p[data-v-711fe5b0] {
        margin-top: 0;
        line-height: 280%;
        font-size: 2.89855vw
    }

    .story .detail .flowH3[data-v-711fe5b0] {
        margin-top: 2.89855vw
    }

    .story .detail .gload[data-v-711fe5b0] {
        color: #42c8c8;
        font-weight: 700;
        font-size: 2.4vw
    }

    .story .detail .dd[data-v-711fe5b0] {
        margin-top: 2.4vw;
        line-height: 4.34783vw
    }
}

.proBlk[data-v-e2713878] {
    text-align: left;
    max-width: 280px;
    background: #efefef;
    margin-bottom: 30px;
    cursor: pointer
}

.proBlk .photo[data-v-e2713878] {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.proBlk .content[data-v-e2713878] {
    padding: 6% 8%;
    box-sizing: border-box;
    border-bottom: 8px solid #242a3a;
    transition: .2s cubic-bezier(.19, 1, .22, 1)
}

.proBlk .content[data-v-e2713878]:hover {
    padding-bottom: 4%;
    border-bottom: 12px solid #c98a4b
}

.proBlk .content .classname[data-v-e2713878] {
    font-size: 18px;
    font-weight: 900;
    color: #454545
}

.proBlk .content .proname[data-v-e2713878] {
    font-size: 14px;
    font-weight: 600;
    color: #545454
}

.proBlk .content .spec[data-v-e2713878] {
    padding: 12px 0;
    border-bottom: 1px solid #eaeaea
}

.proBlk .content .spec span[data-v-e2713878] {
    color: #454545;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    padding-right: 12px
}

.proBlk .content .desc[data-v-e2713878] {
    padding: 16px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #454545;
    height: 74px;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .proBlk .photo[data-v-e2713878] {
        height: 130px
    }
}

@media screen and (max-width:420px) {
    .proBlk[data-v-e2713878] {
        max-width: 76vw;
        height: 80vw;
        margin: 30px auto;
        background: #fff
    }

    .proBlk .photo[data-v-e2713878] {
        height: 65vw;
        background-size: 65vw
    }

    .proBlk .content[data-v-e2713878] {
        padding: 12px 6px;
        box-sizing: border-box;
        border-bottom: none
    }

    .proBlk .content[data-v-e2713878]:hover {
        padding-bottom: 4%;
        border-bottom: none
    }

    .proBlk .content .classname[data-v-e2713878] {
        font-size: 14px;
        font-weight: 600;
        color: #454545;
        text-align: center
    }

    .proBlk .content .proname[data-v-e2713878] {
        font-size: 12px;
        font-weight: 400;
        color: #888;
        text-align: center
    }

    .proBlk .content .spec[data-v-e2713878] {
        display: none;
        padding: 12px 0
    }

    .proBlk .content .spec span[data-v-e2713878] {
        color: #454545;
        font-weight: 700;
        font-size: 12px;
        display: inline-block;
        padding-right: 12px
    }

    .proBlk .content .desc[data-v-e2713878] {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .prodetail[data-v-adcd588a] {
        width: 100%;
        position: relative
    }

    .prodetail .mask[data-v-adcd588a] {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .95);
        position: absolute;
        z-index: 1;
        top: -25%
    }

    .prodetail .left[data-v-adcd588a] {
        left: -50px
    }

    .prodetail .left[data-v-adcd588a],
    .prodetail .right[data-v-adcd588a] {
        width: 50px;
        height: 50px;
        font-size: 50px;
        position: absolute;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        top: 90px;
        text-align: center;
        line-height: 50px
    }

    .prodetail .right[data-v-adcd588a] {
        right: -50px
    }

    .prodetail .content[data-v-adcd588a] {
        position: relative;
        z-index: 2
    }

    .prodetail .content .mainPhoto[data-v-adcd588a] {
        width: 300px;
        position: absolute;
        top: 20%;
        left: 15%
    }

    .prodetail .content .mainPhoto img[data-v-adcd588a] {
        max-width: 300px
    }

    .prodetail .content .goodSec[data-v-adcd588a] {
        box-sizing: border-box;
        margin: 3%;
        background-color: #f6f6f6;
        min-height: 496px
    }

    .prodetail .content .goodSec p[data-v-adcd588a] {
        text-align: "left" !important;
        padding-left: 50% !important
    }

    .prodetail .content .goodSec p[data-v-adcd588a]:first-child {
        text-align: "center";
        padding: 0;
        position: absolute;
        top: 414px;
        width: "44%"
    }

    .prodetail .content .goodSec p[data-v-adcd588a]:nth-child(2) {
        text-align: "center";
        padding: 0;
        position: absolute;
        top: 436px;
        width: "44%"
    }

    .prodetail .close[data-v-adcd588a] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #333;
        line-height: 60px;
        font-size: 10px;
        color: #fff;
        position: fixed;
        top: 12%;
        right: 19vw;
        text-align: center
    }

    .prodetail .swiper[data-v-adcd588a] {
        width: 300px;
        height: 260px;
        position: relative;
        z-index: 0
    }

    .prodetail .img[data-v-adcd588a] {
        width: 300px;
        height: 300px;
        position: absolute;
        float: left;
        left: 0;
        top: 0
    }

    .prodetail .over[data-v-adcd588a] {
        width: 300px;
        height: 255px;
        overflow: hidden
    }
}

@media screen and (max-width:1024px) {
    .prodetail .mask[data-v-adcd588a] {
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        position: absolute;
        top: 0;
        z-index: 1
    }

    .prodetail .content[data-v-adcd588a] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #fff;
        padding-top: 50px;
        height: 100vh;
        overflow-y: scroll
    }

    .prodetail .content .mainPhoto[data-v-adcd588a] {
        padding-top: 65px;
        width: 100vw
    }

    .prodetail .content .mainPhoto img[data-v-adcd588a] {
        max-width: 300px
    }

    .prodetail .content .goodSec[data-v-adcd588a] {
        box-sizing: border-box;
        padding: 3% 3% 80px
    }

    .prodetail .close[data-v-adcd588a] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #333;
        line-height: 60px;
        font-size: 10px;
        color: #fff;
        position: fixed;
        top: 100px;
        left: 3vw
    }

    .prodetail .swiper[data-v-adcd588a] {
        width: 300px;
        height: 260px;
        position: relative;
        z-index: 0
    }

    .prodetail .img[data-v-adcd588a] {
        width: 300px;
        height: 300px;
        position: absolute;
        float: left;
        left: 0;
        top: 0
    }

    .prodetail .over[data-v-adcd588a] {
        width: 300px;
        height: 255px;
        overflow: hidden
    }

    .prodetail .left[data-v-adcd588a] {
        left: 0
    }

    .prodetail .left[data-v-adcd588a],
    .prodetail .right[data-v-adcd588a] {
        width: 50px;
        height: 50px;
        font-size: 50px;
        position: absolute;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        top: 200px;
        text-align: center;
        line-height: 50px
    }

    .prodetail .right[data-v-adcd588a] {
        right: 0
    }

    .prodetail .over[data-v-adcd588a] {
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) {
    .service[data-v-90c8d012] {
        position: relative
    }

    .service .bg[data-v-90c8d012] {
        display: none;
        width: 100%;
        height: 350px;
        background-image: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/joinSupport_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .service .serviceTitle[data-v-90c8d012] {
        display: none;
        font-size: 36px;
        font-weight: 700;
        line-height: 42px;
        position: absolute;
        left: 20px;
        top: 300px;
        text-align: left;
        width: 50%;
        color: #f2f2f2
    }

    .service .content[data-v-90c8d012] {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: left;
        font-size: 16px
    }

    .service .content .ser_bg[data-v-90c8d012] {
        background: #333;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        padding-top: 150px
    }

    .service .content .ser_bg .centerArea[data-v-90c8d012] {
        width: 750px;
        margin: 0 auto;
        text-align: center;
        color: #fff
    }

    .service .content .ser_bg .centerArea h2[data-v-90c8d012],
    .service .content .ser_bg .centerArea h3[data-v-90c8d012] {
        font-size: 36px;
        text-transform: uppercase
    }

    .service .content .ser_bg .centerArea p[data-v-90c8d012] {
        padding: 20px 0;
        line-height: 260%
    }

    .service .content .ser_bg .centerArea hr[data-v-90c8d012] {
        height: 3px;
        width: 100px;
        background: #000;
        outline: none;
        border: none
    }

    .service .content .ser_bg .centerArea .center[data-v-90c8d012] {
        padding-top: 30px;
        background: #f9f9f9;
        color: #333
    }

    .service .content .Title[data-v-90c8d012] {
        font-weight: 700;
        line-height: 250%;
        padding: 5% 0;
        color: #bfa380
    }

    .service .content .list li .title[data-v-90c8d012] {
        font-size: 18px;
        background: #f2f2f2;
        line-height: 300%;
        font-weight: 700;
        margin: 2% -5%;
        padding: 0 5%;
        color: #a69a94
    }

    .service .content .list li .content[data-v-90c8d012] {
        line-height: 200%;
        color: #a69a94
    }

    .service .content .list li .content p[data-v-90c8d012] {
        margin: 0
    }
}

@media screen and (max-width:1024px) {
    .service[data-v-90c8d012] {
        position: relative
    }

    .service .serviceTitle[data-v-90c8d012] {
        font-size: 14px;
        font-weight: 700;
        line-height: 42px;
        padding-left: 3%;
        background-color: #f2f2f2
    }

    .service .content[data-v-90c8d012] {
        margin-bottom: -20px;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        text-align: left;
        font-size: 14px;
        line-height: 22px
    }

    .service .content .ser_bg[data-v-90c8d012] {
        background: #333;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        padding-top: 50px
    }

    .service .content .ser_bg .centerArea[data-v-90c8d012] {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        padding: 0 20px
    }

    .service .content .ser_bg .centerArea h2[data-v-90c8d012],
    .service .content .ser_bg .centerArea h3[data-v-90c8d012] {
        font-size: 24px;
        line-height: 150%;
        text-transform: uppercase
    }

    .service .content .ser_bg .centerArea p[data-v-90c8d012] {
        padding: 20px 0;
        line-height: 200%
    }

    .service .content .ser_bg .centerArea hr[data-v-90c8d012] {
        height: 3px;
        width: 40px;
        background: #000;
        outline: none;
        border: none
    }

    .service .content .ser_bg .centerArea .center[data-v-90c8d012] {
        padding: 20px 10px;
        background: #f9f9f9;
        color: #333
    }

    .service .content .Title[data-v-90c8d012] {
        font-weight: 700;
        padding: 5% 0
    }

    .service .content .list li .title[data-v-90c8d012] {
        font-size: 14px;
        background: #f2f2f2;
        line-height: 36px;
        font-weight: 700;
        margin: 0 -5%;
        padding: 0 5%
    }

    .service .content .list li .content p[data-v-90c8d012] {
        margin: 0
    }
}

@media screen and (min-width:1025px) {
    .proList[data-v-51b50fde] {
        position: relative;
        overflow-x: hidden
    }

    .proList.stopScroll[data-v-51b50fde] {
        height: 100vh;
        width: 100%;
        overflow: hidden
    }

    .proList .herad[data-v-51b50fde] {
        margin-top: 0;
        background: #f2f2f2;
        width: 100%;
        height: 100vh;
        position: relative;
        background: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/pro/poster.jpg) no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .proList .herad .title[data-v-51b50fde] {
        position: absolute;
        transform: translate(-50%, -50%);
        bottom: 14%;
        left: 50%;
        width: 250px
    }

    .proList .herad .title img[data-v-51b50fde] {
        width: 70%
    }

    .proList .banner[data-v-51b50fde] {
        max-width: 900px;
        margin: 0 auto;
        padding: 2vw;
        display: flex;
        justify-content: left;
        z-index: 2
    }

    .proList .banner .classEl[data-v-51b50fde] {
        font-weight: 700;
        padding: 8px 15px;
        margin-right: 35px;
        color: #a69a94;
        font-size: 16px;
        border-radius: 3px;
        cursor: pointer
    }

    .proList .banner .classEl.active[data-v-51b50fde] {
        font-size: 14px;
        font-weight: 400;
        background-color: #a69a94;
        color: #f2f2f2
    }

    .proList .titleClass[data-v-51b50fde] {
        font-size: 32px;
        color: #42c8c8;
        width: 100%;
        text-align: center;
        line-height: 50px
    }

    .proList .listpro[data-v-51b50fde] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 92vw;
        max-width: 900px;
        margin: 0 auto
    }

    .proList .listpro .elpro[data-v-51b50fde] {
        position: relative;
        height: 35vw;
        max-height: 350px;
        width: 48%;
        margin: 10px 1%;
        background: #fff;
        box-shadow: 0 14px 22.4px 9.6px rgba(4, 0, 0, .07);
        cursor: pointer
    }

    .proList .listpro .elpro .bg[data-v-51b50fde] {
        width: 96%;
        height: 203px;
        border-radius: 3px;
        position: absolute;
        transform: translate(-50%);
        bottom: 0;
        left: 50%;
        background-color: #d2cbc3;
        display: none
    }

    .proList .listpro .elpro .photo[data-v-51b50fde] {
        position: absolute;
        transform: translate(-50%);
        top: 25px;
        left: 50%;
        width: 29vw;
        max-width: 280px
    }

    .proList .listpro .elpro .photo img[data-v-51b50fde] {
        width: 100%
    }

    .proList .listpro .elpro .details[data-v-51b50fde] {
        width: 100%;
        position: absolute;
        bottom: 4%;
        left: 0;
        color: #fff;
        text-align: center
    }

    .proList .listpro .elpro .details h2[data-v-51b50fde] {
        font-size: 28px;
        line-height: 120%;
        padding: 0;
        margin: 10px 0 0;
        font-weight: 400;
        display: none
    }

    .proList .listpro .elpro .details h3[data-v-51b50fde] {
        padding: 0;
        font-weight: 700
    }

    .proList .listpro .elpro .details h3[data-v-51b50fde],
    .proList .listpro .elpro .details p[data-v-51b50fde] {
        font-size: 14px;
        line-height: 120%;
        color: #434343;
        margin: 0
    }

    .proList .listpro .elpro .details .more[data-v-51b50fde] {
        margin-top: 10px;
        font-size: 14px;
        padding: 5px 15px;
        display: inline-block;
        background-color: #bfa380;
        border-radius: 3px;
        display: none
    }

    .proList .detail[data-v-51b50fde] {
        position: fixed;
        transform: translate(-50%, -50%) !important;
        z-index: 3;
        top: 50% !important;
        left: 50% !important
    }

    .proList .detail[data-v-51b50fde]:before {
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .95);
        position: absolute;
        z-index: 1;
        top: 0
    }

    .proList .close[data-v-51b50fde] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgba(17, 17, 17, .7);
        line-height: 60px;
        font-size: 10px;
        color: #fff;
        position: fixed;
        top: 100px;
        left: 3vw;
        z-index: 3;
        opacity: 0;
        cursor: pointer;
        text-align: center
    }
}

@media screen and (max-width:1024px) {
    .proList[data-v-51b50fde] {
        overflow-x: hidden;
        position: relative
    }

    .proList.stopScroll[data-v-51b50fde] {
        height: 100vh;
        width: 100%;
        overflow: hidden
    }

    .proList .herad[data-v-51b50fde] {
        margin-top: -50px;
        background: #f2f2f2;
        width: 100%;
        height: 100vh;
        position: relative;
        background: url(http://cdn.xuansiwei.com/yiyib1492/cn/img/pro/poster.jpg) no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .proList .herad .title[data-v-51b50fde] {
        position: absolute;
        transform: translate(-50%, -50%);
        bottom: 20%;
        left: 50%;
        width: 200px
    }

    .proList .herad .title img[data-v-51b50fde] {
        width: 70%
    }

    .proList .banner[data-v-51b50fde] {
        padding: 5vw;
        display: flex;
        justify-content: left;
        z-index: 2
    }

    .proList .banner .classEl[data-v-51b50fde] {
        font-weight: 700;
        padding: 8px 15px;
        margin-right: 35px;
        color: #a69a94;
        font-size: 16px;
        border-radius: 3px;
        cursor: pointer
    }

    .proList .banner .classEl.active[data-v-51b50fde] {
        font-size: 14px;
        font-weight: 400;
        background-color: #a69a94;
        color: #f2f2f2
    }

    .proList .titleClass[data-v-51b50fde] {
        font-size: 32px;
        color: #42c8c8;
        width: 100%;
        text-align: center;
        line-height: 50px
    }

    .proList .listpro[data-v-51b50fde] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 92vw;
        margin: 0 auto
    }

    .proList .listpro .elpro[data-v-51b50fde] {
        position: relative;
        height: 48vw;
        max-height: 350px;
        width: 48%;
        margin: 10px 1%;
        background: #fff;
        box-shadow: 0 14px 22.4px 9.6px rgba(4, 0, 0, .07)
    }

    .proList .listpro .elpro .bg[data-v-51b50fde] {
        width: 96%;
        height: 203px;
        border-radius: 3px;
        position: absolute;
        transform: translate(-50%);
        bottom: 0;
        left: 50%;
        background-color: #d2cbc3;
        display: none
    }

    .proList .listpro .elpro .photo[data-v-51b50fde] {
        position: absolute;
        transform: translate(-50%);
        top: 25px;
        left: 50%;
        width: 35vw;
        max-width: 280px
    }

    .proList .listpro .elpro .photo img[data-v-51b50fde] {
        width: 100%
    }

    .proList .listpro .elpro .details[data-v-51b50fde] {
        width: 100%;
        position: absolute;
        bottom: 4%;
        left: 0;
        color: #fff;
        text-align: center
    }

    .proList .listpro .elpro .details h2[data-v-51b50fde] {
        font-size: 28px;
        line-height: 120%;
        padding: 0;
        margin: 10px 0 0;
        font-weight: 400;
        display: none
    }

    .proList .listpro .elpro .details h3[data-v-51b50fde] {
        padding: 0;
        font-weight: 700
    }

    .proList .listpro .elpro .details h3[data-v-51b50fde],
    .proList .listpro .elpro .details p[data-v-51b50fde] {
        font-size: 14px;
        line-height: 120%;
        color: #434343;
        margin: 0
    }

    .proList .listpro .elpro .details .more[data-v-51b50fde] {
        margin-top: 10px;
        font-size: 14px;
        padding: 5px 15px;
        display: inline-block;
        background-color: #bfa380;
        border-radius: 3px;
        display: none
    }

    .proList .close[data-v-51b50fde] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgba(17, 17, 17, .7);
        line-height: 60px;
        font-size: 10px;
        color: #fff;
        position: fixed;
        top: 100px;
        left: 3vw;
        z-index: 3;
        opacity: 0;
        text-align: center
    }
}

@media screen and (min-width:421px) {
    .maps[data-v-7e97b07c] {
        width: 100%;
        box-sizing: border-box;
        padding-left: 30%;
        height: 95vh;
        position: relative
    }

    .maps .container[data-v-7e97b07c] {
        width: 100%;
        height: 100%
    }

    .maps .shoplst[data-v-7e97b07c] {
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 1;
        width: 30%;
        min-width: 400px;
        height: 90vh;
        background: #fff;
        overflow-y: scroll;
        text-align: left
    }

    .maps .shoplst[data-v-7e97b07c]::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .maps .shoplst[data-v-7e97b07c]::-webkit-scrollbar-track {
        border-radius: 3px
    }

    .maps .shoplst[data-v-7e97b07c]::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #555
    }

    .maps .shoplst .item[data-v-7e97b07c] {
        padding: 10px;
        border-bottom: 1px solid #aeaeae
    }

    .maps .shoplst .item .addr[data-v-7e97b07c],
    .maps .shoplst .item .title[data-v-7e97b07c] {
        line-height: 180%;
        color: #545454
    }

    .maps .shoplst .item.select .addr[data-v-7e97b07c],
    .maps .shoplst .item.select .title[data-v-7e97b07c] {
        font-weight: 700
    }
}

@media screen and (max-width:420px) {
    .maps[data-v-7e97b07c] {
        width: 100vw;
        height: 80vh
    }

    .maps .container[data-v-7e97b07c] {
        width: 100%;
        height: 100%
    }

    .maps .shoplst[data-v-7e97b07c] {
        display: none
    }
}

.newList[data-v-6d69143e] {
    position: relative;
    padding-top: 60px;
    min-height: 80vh
}

.newList .title[data-v-6d69143e] {
    font-size: 24px;
    color: #333;
    padding: 5vw
}

.newList .list[data-v-6d69143e] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 12vw
}

.newList .list .item[data-v-6d69143e],
.newList .list .row[data-v-6d69143e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    color: #797979;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    line-height: 180%;
    text-align: left;
    padding: 20px 0;
    cursor: pointer
}

.newList .list .item .come[data-v-6d69143e],
.newList .list .row .come[data-v-6d69143e] {
    width: 15%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 10px
}

.newList .list .item .tit[data-v-6d69143e],
.newList .list .row .tit[data-v-6d69143e] {
    width: 60%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 10px
}

.newList .list .item .update[data-v-6d69143e],
.newList .list .row .update[data-v-6d69143e] {
    width: 12%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 10px;
    min-width: 90px
}

.newList .list .item[data-v-6d69143e] {
    color: #333;
    font-size: 14px;
    cursor: pointer
}

.newList .page[data-v-6d69143e] {
    display: flex;
    justify-content: center;
    padding-top: 50px
}

.newList .page div[data-v-6d69143e] {
    padding: 12px 20px;
    line-height: 250%
}

.newList .detail[data-v-6d69143e] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 5vw;
    background: #fff;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease-in-out
}

.newList .detail.show[data-v-6d69143e] {
    opacity: 1;
    visibility: visible;
    visibility: initial
}

.newList .detail .close[data-v-6d69143e] {
    font-size: 14px;
    padding: 10px;
    color: #333;
    position: absolute;
    top: 5vw;
    right: 3vw
}

.newList .detail h2[data-v-6d69143e] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 180%;
    padding: 5vw 0
}

.newList .detail .dateTime[data-v-6d69143e] {
    text-align: center;
    font-size: 14px
}

.newList .detail .content[data-v-6d69143e] {
    padding-top: 15px;
    line-height: 160%;
    text-align: justify
}

@media screen and (max-width:602px) {
    .newList .title[data-v-6d69143e] {
        padding: 12vw
    }

    .newList .list[data-v-6d69143e] {
        width: 100%;
        box-sizing: border-box;
        padding: 0 12vw
    }

    .newList .list .item .come[data-v-6d69143e],
    .newList .list .row .come[data-v-6d69143e] {
        display: none
    }

    .newList .list .item .tit[data-v-6d69143e],
    .newList .list .item .update[data-v-6d69143e],
    .newList .list .row .tit[data-v-6d69143e],
    .newList .list .row .update[data-v-6d69143e] {
        width: 100%
    }

    .newList .list .row .update[data-v-6d69143e] {
        display: none
    }

    .newList .page[data-v-6d69143e] {
        flex-wrap: wrap;
        padding-top: 10px
    }

    .newList .page div[data-v-6d69143e] {
        box-sizing: border-box;
        width: 40%;
        text-align: center
    }

    .newList .detail[data-v-6d69143e] {
        padding-top: 60px
    }

    .newList .detail .close[data-v-6d69143e] {
        font-size: 14px;
        padding: 10px;
        color: #333;
        position: fixed;
        top: 13vw;
        right: 3vw
    }
}

[data-v-2ea6aaee] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body[data-v-2ea6aaee] {
    font-size: 12px;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #f2f2f2
}

body[data-v-2ea6aaee],
li[data-v-2ea6aaee],
ol[data-v-2ea6aaee],
ul[data-v-2ea6aaee] {
    margin: 0;
    padding: 0
}

li[data-v-2ea6aaee],
ol[data-v-2ea6aaee],
ul[data-v-2ea6aaee] {
    list-style-type: none
}

a[data-v-2ea6aaee],
a[data-v-2ea6aaee]:active,
a[data-v-2ea6aaee]:hover,
a[data-v-2ea6aaee]:link,
a[data-v-2ea6aaee]:visited {
    text-decoration: none;
    color: #545454;
    border: none
}

button[data-v-2ea6aaee],
input[data-v-2ea6aaee],
textarea[data-v-2ea6aaee] {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

button[data-v-2ea6aaee]::-webkit-input-placeholder,
input[data-v-2ea6aaee]::-webkit-input-placeholder,
textarea[data-v-2ea6aaee]::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

button[data-v-2ea6aaee]::-webkit-search-cancel-button,
input[data-v-2ea6aaee]::-webkit-search-cancel-button,
textarea[data-v-2ea6aaee]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

@-webkit-keyframes btn_more_hover-data-v-2ea6aaee {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@keyframes btn_more_hover-data-v-2ea6aaee {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out-data-v-2ea6aaee {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@keyframes btn_more_out-data-v-2ea6aaee {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover2-data-v-2ea6aaee {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@keyframes btn_more_hover2-data-v-2ea6aaee {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out2-data-v-2ea6aaee {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@keyframes btn_more_out2-data-v-2ea6aaee {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover3-data-v-2ea6aaee {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@keyframes btn_more_hover3-data-v-2ea6aaee {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_out3-data-v-2ea6aaee {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@keyframes btn_more_out3-data-v-2ea6aaee {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@-webkit-keyframes btn_innermenu_hover-data-v-2ea6aaee {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@keyframes btn_innermenu_hover-data-v-2ea6aaee {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@-webkit-keyframes btn_innermenu_out-data-v-2ea6aaee {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@keyframes btn_innermenu_out-data-v-2ea6aaee {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@-webkit-keyframes openMenu-data-v-2ea6aaee {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@keyframes openMenu-data-v-2ea6aaee {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@-webkit-keyframes closeMenu-data-v-2ea6aaee {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@keyframes closeMenu-data-v-2ea6aaee {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@-webkit-keyframes openSecMenu-data-v-2ea6aaee {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@keyframes openSecMenu-data-v-2ea6aaee {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@-webkit-keyframes closeSecMenu-data-v-2ea6aaee {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

@keyframes closeSecMenu-data-v-2ea6aaee {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

.overflow-hidden[data-v-2ea6aaee] {
    overflow: hidden
}

.dialog-open[data-v-2ea6aaee] {
    position: fixed;
    width: 100%
}

h2[data-v-2ea6aaee] {
    padding: 0;
    margin: 0
}

.auth .aa[data-v-2ea6aaee] {
    width: 100%;
    height: 114vh
}

@media screen and (min-width:375px) {
    .swiperstart[data-v-fddb36fe] {
        width: 100%;
        overflow-x: hidden
    }

    .swiperstart .hTitle[data-v-fddb36fe] {
        font-size: 36px;
        color: #333;
        line-height: 180%;
        text-align: center
    }

    .swiperstart .pTitle[data-v-fddb36fe] {
        font-size: 18px;
        color: #888;
        line-height: 160%;
        text-align: center
    }

    .swiperstart .content[data-v-fddb36fe] {
        width: 100%;
        max-width: 1124px;
        margin: 0 auto;
        left: 0;
        bottom: 0;
        padding: 10px 0 30px;
        box-sizing: border-box
    }

    .swiperstart .content .setSw[data-v-fddb36fe] {
        width: 100%;
        background-color: #fff;
        overflow: visible
    }

    .swiperstart .content .swiper-slide[data-v-fddb36fe] {
        box-sizing: border-box;
        background-position: 50%;
        background-size: cover;
        width: 145px;
        overflow: hidden;
        box-shadow: 3px 4px 6px rgba(0, 0, 0, .25)
    }

    .swiperstart .content .swiper-slide img[data-v-fddb36fe] {
        width: 100%
    }

    .swiperstart .content .swiper-pagination[data-v-fddb36fe] {
        bottom: -28px
    }
}

@media screen and (min-width:1025px) {
    .wrap[data-v-0e219b1e] {
        position: relative;
        width: 100%
    }

    .wrap .Menutop[data-v-0e219b1e] {
        bottom: 12%;
        right: 0
    }

    .wrap .innerMenu[data-v-0e219b1e],
    .wrap .Menutop[data-v-0e219b1e] {
        position: fixed;
        transform: translate(-50%);
        z-index: 2
    }

    .wrap .innerMenu[data-v-0e219b1e] {
        bottom: 50%;
        right: 2%
    }

    .wrap .innerMenu2[data-v-0e219b1e] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 350px;
        left: 50%;
        z-index: 2;
        box-shadow: 2px 6px 12px 8px rgba(0, 0, 0, .08)
    }

    .wrap .pad25[data-v-0e219b1e] {
        padding: 25px
    }

    .wrap .main[data-v-0e219b1e] {
        max-width: 1280px;
        margin: 20px auto
    }

    .wrap .main[data-v-0e219b1e]:after {
        content: "";
        display: block;
        clear: both
    }

    .wrap .main .innerLeft[data-v-0e219b1e] {
        width: 400px;
        float: left
    }

    .wrap .main .innerMain[data-v-0e219b1e] {
        width: 880px;
        float: right
    }

    .wrap .gift[data-v-0e219b1e] {
        width: 100%;
        height: 130px;
        background: #454545;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .wrap .giftImg[data-v-0e219b1e] {
        width: 44px;
        height: 23px
    }

    .wrap .giftText[data-v-0e219b1e] {
        font-weight: 700;
        font-size: 36px;
        font-family: DFPYuanW5;
        color: #fff;
    }

    .wrap .lead[data-v-0e219b1e] {
        width: 100%;
        height: 340px;
        background: #454545
    }

    .wrap .info[data-v-0e219b1e] {
        width: 80%;
        margin-left: 10%;
        display: flex;
        justify-content: space-around;
        align-items: center
    }

    .wrap .box[data-v-0e219b1e],
    .wrap .info[data-v-0e219b1e] {
        height: 100%;
        background: #454545
    }

    .wrap .box[data-v-0e219b1e] {
        width: 270px
    }

    .wrap .box p[data-v-0e219b1e] {
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }

    .wrap .qr[data-v-0e219b1e] {
        width: 195px;
        height: 195px;
        margin-top: 30px;
        margin-left: 40px
    }

    .wrap .qr img[data-v-0e219b1e] {
        width: 100%;
        height: 100%
    }
}

@media screen and (min-width:421px) and (max-width:1025px) {
    .wrap[data-v-0e219b1e] {
        position: relative;
        width: 100%
    }

    .wrap .Menutop[data-v-0e219b1e] {
        bottom: 10%;
        right: 0
    }

    .wrap .innerMenu[data-v-0e219b1e],
    .wrap .Menutop[data-v-0e219b1e] {
        position: fixed;
        transform: translate(-50%);
        z-index: 2
    }

    .wrap .innerMenu[data-v-0e219b1e] {
        bottom: 50%;
        right: 2%
    }

    .wrap .innerMenu2[data-v-0e219b1e] {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50vw;
        left: 50%;
        z-index: 2;
        box-shadow: 2px 4px 8px 6px rgba(0, 0, 0, .08)
    }

    .wrap .pad25[data-v-0e219b1e] {
        padding: 0
    }

    .wrap .main[data-v-0e219b1e] {
        max-width: 1280px;
        margin: 20px auto
    }

    .wrap .main[data-v-0e219b1e]:after {
        content: "";
        display: block;
        clear: both
    }

    .wrap .main .innerLeft[data-v-0e219b1e] {
        width: 400px;
        float: left
    }

    .wrap .main .innerMain[data-v-0e219b1e] {
        width: 880px;
        float: right
    }

    .wrap .gift[data-v-0e219b1e] {
        width: 100%;
        height: 130px;
        background: #454545;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .wrap .giftImg[data-v-0e219b1e] {
        width: 44px;
        height: 23px
    }

    .wrap .giftText[data-v-0e219b1e] {
        font-weight: 700;
        font-size: 36px;
        font-family: DFPYuanW5;
        color: #fff;
    }

    .wrap .lead[data-v-0e219b1e] {
        width: 100%;
        min-height: 340px;
        background: #454545
    }

    .wrap .info[data-v-0e219b1e] {
        width: 80%;
        margin-left: 10%
    }

    .wrap .box[data-v-0e219b1e],
    .wrap .info[data-v-0e219b1e] {
        height: 100%;
        background: #454545
    }

    .wrap .box[data-v-0e219b1e] {
        width: 270px;
        margin-left: 30%
    }

    .wrap .box p[data-v-0e219b1e] {
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }

    .wrap .qr[data-v-0e219b1e] {
        width: 195px;
        height: 195px;
        margin-top: 30px;
        margin-left: 40px
    }

    .wrap .qr img[data-v-0e219b1e] {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width:420px) {
    .wrap[data-v-0e219b1e] {
        position: relative;
        width: 100vw
    }

    .wrap .Menutop[data-v-0e219b1e] {
        position: fixed;
        transform: translate(-50%);
        bottom: 2%;
        right: 0;
        z-index: 2
    }

    .wrap .innerMenu2[data-v-0e219b1e],
    .wrap .innerMenu[data-v-0e219b1e] {
        position: fixed;
        transform: translate(-50%);
        bottom: 0;
        left: 50%;
        z-index: 2
    }

    .wrap .pad25[data-v-0e219b1e] {
        padding: 25px
    }

    .wrap .main[data-v-0e219b1e] {
        max-width: 1280px;
        margin: 20px auto
    }

    .wrap .main[data-v-0e219b1e]:after {
        content: "";
        display: block;
        clear: both
    }

    .wrap .main .innerLeft[data-v-0e219b1e] {
        width: 400px;
        float: left
    }

    .wrap .main .innerMain[data-v-0e219b1e] {
        width: 880px;
        float: right
    }

    .wrap .gift[data-v-0e219b1e] {
        width: 100%;
        height: 130px;
        background: #454545;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .wrap .giftImg[data-v-0e219b1e] {
        width: 44px;
        height: 23px
    }

    .wrap .giftText[data-v-0e219b1e] {
        font-weight: 700;
        font-size: 36px;
        font-family: DFPYuanW5;
        color: #fff;
    }

    .wrap .lead[data-v-0e219b1e] {
        width: 100%;
        min-height: 340px;
        background: #454545
    }

    .wrap .info[data-v-0e219b1e] {
        width: 80%;
        margin-left: 10%
    }

    .wrap .box[data-v-0e219b1e],
    .wrap .info[data-v-0e219b1e] {
        height: 100%;
        background: #454545
    }

    .wrap .box[data-v-0e219b1e] {
        width: 270px;
        margin-left: 5%;
        margin-bottom: 50px
    }

    .wrap .box p[data-v-0e219b1e] {
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }

    .wrap .qr[data-v-0e219b1e] {
        width: 195px;
        height: 195px;
        margin-left: 40px
    }

    .wrap .qr img[data-v-0e219b1e] {
        width: 100%;
        height: 100%
    }
}

.__nuxt-error-page {
    padding: 1rem;
    background: #f7f8fb;
    color: #47494e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100 !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.__nuxt-error-page .error {
    max-width: 450px
}

.__nuxt-error-page .title {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #47494e;
    margin-bottom: 8px
}

.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 21px;
    margin-bottom: 10px
}

.__nuxt-error-page a {
    color: #7f828b !important;
    text-decoration: none
}

.__nuxt-error-page .logo {
    position: fixed;
    left: 12px;
    bottom: 12px
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

* {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-size: 12px;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #f2f2f2
}

body,
li,
ol,
ul {
    margin: 0;
    padding: 0
}

li,
ol,
ul {
    list-style-type: none
}

a,
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: #545454;
    border: none
}

button,
input,
textarea {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

button::-webkit-search-cancel-button,
input::-webkit-search-cancel-button,
textarea::-webkit-search-cancel-button {
    -webkit-appearance: none
}

@-webkit-keyframes btn_more_hover {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@keyframes btn_more_hover {
    0% {
        top: 100%
    }

    30% {
        color: #fff
    }

    to {
        top: 0;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@keyframes btn_more_out {
    0% {
        top: 0
    }

    30% {
        color: #454545
    }

    to {
        top: -100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover2 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@keyframes btn_more_hover2 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #454545
    }
}

@-webkit-keyframes btn_more_out2 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@keyframes btn_more_out2 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_hover3 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@keyframes btn_more_hover3 {
    0% {
        background-position: left 0
    }

    to {
        background-position: left 100%;
        color: #fff
    }
}

@-webkit-keyframes btn_more_out3 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@keyframes btn_more_out3 {
    0% {
        background-position: left 100%
    }

    to {
        background-position: left 200%;
        color: #454545
    }
}

@-webkit-keyframes btn_innermenu_hover {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@keyframes btn_innermenu_hover {
    0% {
        background-position: 100% top
    }

    to {
        background-position: 0 top;
        color: #fff
    }
}

@-webkit-keyframes btn_innermenu_out {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@keyframes btn_innermenu_out {
    0% {
        background-position: 0 top
    }

    to {
        background-position: -100% top
    }
}

@-webkit-keyframes openMenu {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@keyframes openMenu {
    0% {
        margin-top: 10vw;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@-webkit-keyframes closeMenu {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@keyframes closeMenu {
    0% {
        margin-top: 0;
        opacity: 1
    }

    to {
        margin-left: -10vw;
        opacity: 0
    }
}

@-webkit-keyframes openSecMenu {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@keyframes openSecMenu {
    0% {
        left: 100vw
    }

    to {
        left: 0
    }
}

@-webkit-keyframes closeSecMenu {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

@keyframes closeSecMenu {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

.overflow-hidden {
    overflow: hidden
}

.dialog-open {
    position: fixed;
    width: 100%
}

img {
    width: 100%
}

p {
    margin: 0
}

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50
}

#nav {
    padding: 30px
}

#nav a {
    font-weight: 700;
    color: #2c3e50
}

#nav a.router-link-exact-active {
    color: #42b983
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .35s
}

.fade-enter,
.fade-leave-active {
    opacity: 0
}

.fade-transform-enter-active,
.fade-transform-leave-active {
    transition: all .5s
}

.fade-transform-enter {
    opacity: 0;
    transform: translateX(-30px)
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px)
}

html {
    font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0
}