@media only screen and (min-width: 1242px) {
    .banner-img{
        width: 100%;
        height: 35.4vw;
        padding-top: 12.7vw;
        background: url("../imgs/vipserve/banner.jpg") no-repeat 0 0/cover;
    }
    .banner-img > h1{
        font-size: 3.5vw;
        font-weight: 100;
        text-align: center;
        color: #ffffff;
    }
    .banner-img > p{
        margin: 2.2vw auto 4.4vw;
        text-align: center;
        font-size: 0.9vw;
        color: #ffffff;
    }
    .banner-button{
        display: none;
        width: 9vw;
        height: 2.8vw;
        margin: 0 auto;
        font-size: 0.9vw;
        letter-spacing: 0.2vw;
        color: #ffffff;
        border: solid 2px #ffffff;
        cursor: pointer;
        background: rgba(0,0,0,0);
        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
    }

    .business{
        width: 100%;
        /*height: 380px;*/
     }
    .business-nav{
        display: block;
        margin: 23px auto 22px;
        text-align: center;
    }
    .business-nav > li{
        display: inline-block;
        margin: 0 43px;
        font-size: 14px;
        color: #a6acaa;
        cursor: pointer;
    }
    #selectNacLi{
        font-weight: 100;
        color: #107086;
    }
    .business-img{
        width: 100%;
        height: 320px;
        background-image: linear-gradient(30deg,
        #87b4c1 0%,
        #83b2be 100%);
    }
    .business-img-div{
        width: 1242px;
        height: 100%;
        margin: 0 auto;
        padding-top: 106px;
        background: url("../imgs/vipserve/vidicon.jpg") no-repeat 625px 0/531px 320px;
    }
    .business-img-div > h2{
        font-size: 40px;
        ine-height: 48px;
        color: #ffffff;
    }
    .business-img-div > p{
        margin-top: 28px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 48px;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .vip-discont{
        width: 100%;
        padding-top: 64px;
        padding-bottom: 52px;
    }
    .vip-discont > h1{
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
        color: #4a4a4a;
    }
    .vip-discont > p{
        margin-top: 33px;
        font-size: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: #3d3d3d;
    }
    .business-icon-list{
        margin-top: 34px;
        /*margin-bottom: 77px;*/
        text-align: center;
    }
    .business-icon-list > li{
        display: inline-block;
        margin: 0 68px;
        font-size: 18px;
        color: #107086;
    }
    .business-icon-list > li > img{
        vertical-align: bottom;
    }
    .activities-by{
        width: 100%;
        height: 27vw;
        letter-spacing: -8px;
    }
    .activities-by > div{
        display: inline-block;
        width: 25%;
        height: 27vw;
        white-space: nowrap;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .activities-by > div:hover{
        /*transform: scale(1.1);*/
        /*-ms-transform: scale(1.1);*/
        /*-moz-transform: scale(1.1);*/
        /*-webkit-transform: scale(1.1);*/
        background-size: 110% 110%;
        /*background-position: -5% -5%;*/
    }
    .activities-by > div > div{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 9.1vw;
        background: rgba(0,0,0,.5);
    }
    .activities-by h3{
        margin-top: 2.4vw;
        font-size: 1.3vw;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.1vw;
        color: #ffffff;
    }
    .activities-by p{
        margin: 0.7vw auto 0;
        font-size: 0.7vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.1vw;
        color: #ffffff;
    }
    .act1{
        background: url("../imgs/vipserve/festival.jpg");
    }
    .act1-back{
        width: 3.8vw;
        height: 3.6vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/festivalicon.png") no-repeat 0 0/cover;
    }
    .act2{
        background: url("../imgs/vipserve/solarterms.jpg");
    }
    .act2-back{
        width: 3.8vw;
        height: 3.6vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/solartermsicon.png") no-repeat 0 0/cover;
    }
    .act3{
        background: url("../imgs/vipserve/specialday.jpg");
    }
    .act3-back{
        width: 3.8vw;
        height: 3.6vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/specialdayicon.png") no-repeat 0 0/cover;
    }
    .act4{
        background: url("../imgs/vipserve/firstorder.jpg");
    }
    .act4-back{
        width: 3.8vw;
        height: 3.6vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/firstordericon.png") no-repeat 0 0/cover;
    }
    .anaphase{
        width: 1242px;
        height: 894px;
        margin: 0 auto;
        padding-top: 66px;
        background-color: #ffffff;
    }
    .anaphase > h1{
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
        color: #4a4a4a;
    }
    .anaphase > p{
        width: 491px;
        margin: 33px auto 0;
        font-size: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: #3d3d3d;
    }
    .anaphase-slideshow{
        width: 100%;
        height: 471px;
        margin: 103px 0 66px;
    }
    .last-icon{
        float: left;
        display: inline-block;
        width: 18px;
        height: 32px;
        margin: 238px 0 0 30px;
        background: url("../imgs/vipserve/last.png") no-repeat 0 0/cover;
        cursor: pointer;
    }
    .next-icon{
        float: right;
        display: inline-block;
        width: 18px;
        height: 32px;
        margin: 238px 30px 0 0;
        background: url("../imgs/vipserve/next.png") no-repeat 0 0/cover;
        cursor: pointer;
    }
    .anaphase-video{
        position: relative;
        width: 836px;
        height: 471px;
        margin: 0 auto;
    }
    .anaphase-video > li{
        position: absolute;
        top: 0;
        left: 0;
        width: 836px;
        height: 471px;
        transition: all 0.3s ease;
    }
    .anaphase-video > li > img{
        width: 100%;
        z-index: 1;
    }
    .anaphase-video > li > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 69px;
        height: 69px;
        margin: auto;
        background: url("../imgs/mobile/common/play.png") no-repeat 0 0/cover;
        cursor: pointer;
        z-index: 2;
    }
    .p3 {
        transform: translate3d(190px, 0, 0) scale(0.78);
        opacity: 0.4;
        z-index: 1;
    }
    .p2 {
        transform: translate3d(-100px, 0, 0) scale(0.78);
        transform-origin: 0 50%;
        opacity: 0.8;
        z-index: 3;
    }
    .p1 {
        transform: translate3d(0px, 0, 0) scale(1);
        opacity: 1;
        z-index: 4;
    }
    .platform-promotion{
        width: 1242px;
        height: 700px;
        margin: 10px auto 10px;
        padding-top: 67px;
        text-align: center;
        background: url("../imgs/vipserve/PlatformpromotionBG.jpg") no-repeat 0 0/cover;
    }
    .platform-promotion > h1{
        font-size: 22px;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .platform-promotion > ul{
        margin-top: 34px;
        text-align: center;
        background: rgba(0,0,0,0);
    }
    .platform-promotion > ul > li{
        display: inline-block;
        width: 160px;
        height: 46px;
        margin: 0 12px;
        line-height: 42px;
        border-radius: 4px;
        border: solid 2px #ffffff;
        font-size: 16px;
        letter-spacing: 3px;
        color: #ffffff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        cursor: pointer;
    }
    .platform-promotion > ul > li:hover{
        color: #000;
        background-color: white;
    }
    .platform-promotion > p{
        width: 351px;
        margin: 33px auto 0;
        font-size: 16px;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .vip-buy{
        width: 1242px;
        height: 909px;
        margin: 10px auto 0;
        padding-top: 65px;
        background-color: #ffffff;
    }
    .vip-buy > h1{
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
        color: #4a4a4a;
    }
    .vip-buy > p{
        width: 560px;
        margin: 33px auto 0;
        font-size: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: #3d3d3d;
    }
    .vip-buy > div{
        display: flex;
        margin-top: 69px;
        width: 100%;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .vip-buy > div > figure{
        width: 33.3%;
    }
    .vip-buy > div > figure > img{
        display: block;
        margin: 0 auto;
    }
    .vip-buy > div > figure >figcaption{
        margin-top: 20px;
        font-size: 18px;
        text-align: center;
        letter-spacing: 1px;
        color: #3d3d3d;
    }
    .vip-buy > div > figure > p{
        margin-top: 47px;
        padding: 0 20px;
        font-size: 14px;
        letter-spacing: 1px;
        color: #3d3d3d;
        border-right: solid 2px #dddddd;
    }
    .vip-buy > div > figure > div{
        display: none;
    }
    .vip-buy > div > figure:last-child > p{
        border-right: none;
    }
    .vip-buy > button{
        display: block;
        width: 420px;
        height: 66px;
        margin: 78px auto 0;
        border-radius: 4px;
        border: solid 2px #107086;
        font-size: 20px;
        letter-spacing: 2px;
        color: #107086;
        background: rgba(0,0,0,0);
    }
    .vip-order{
        width: 1242px;
        height: 773px;
        margin: 10px auto;
        padding-top: 65px;
        background-color: #ffffff;
    }
    .vip-order > h1{
        font-size: 22px;
        text-align: center;
        letter-spacing: 1px;
        color: #4a4a4a;
    }
    .vip-order > p{
        margin: 34px auto 62px;
        font-size: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: #3d3d3d;
    }
    .vip-order > div{
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 50px;
    }
    .vip-order > div > figure{
        width: 33.3%;
    }
    .vip-order > div > figure >img{
        display: block;
        margin: 0 auto;
    }
    .vip-order > div > figure >figcaption{
        margin-top: 26px;
        font-size: 24px;
        text-align: center;
        letter-spacing: 2px;
        color: #434f5c;
    }
    .vip-order > div > figure > p{
        margin-top: 30px;
        padding: 0 20px;
        font-size: 14px;
        letter-spacing: 2px;
        color: #434f5c;
    }
    .vip-order > button{
        display: block;
        width: 235px;
        height: 66px;
        border: solid 2px #262d34;
        margin: 65px auto 0;
        background-color: #fcfcfc;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 3px;
        color: #262d34;
        cursor: pointer;
    }
}
@media only screen and (max-width: 1242px) {
    .banner-img{
        width: 100vw;
        height: 111.9vw;
        padding-top: 32.9vw;
        background: url("../imgs/mobile/vipserve/banner.jpg") no-repeat 0 0/cover;
    }
    .banner-img > h1{
        font-size: 4.8vw;
        font-size: 4.8vmin;
        text-align: center;
        line-height: 2.9vw;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .banner-img > p{
        margin: 10.6vw auto 22.9vw;
        width: 87.4vw;
        font-size: 3.1vw;
        font-size: 3.1vmin;
        font-weight: normal;
        font-stretch: normal;
        line-height: 4.8vw;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    .banner-img > button{
        display: block;
        width: 30.4vw;
        height: 7.4vw;
        margin: 0 auto;
        border-radius: 0.6vw;
        border: solid 0.2vw #ffffff;
        font-size: 3.9vw;
        font-size: 3.9vmin;
        font-weight: normal;
        font-stretch: normal;
        line-height: 7vw;
        letter-spacing: 0.4vw;
        color: #ffffff;
        background: rgba(0,0,0,0);
    }
    .business{
        width: 100vw;

    }
    .business-nav{
        width: 100%;
        text-align: center;
    }
    .business-nav > li{
        display: inline-block;
        width: 20.9vw;
        height: 10vw;
        line-height: 10vw;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0vw;
        color: #a6acaa;
    }
    #selectNacLi{
        position: relative;
        color: #107086;
    }
    #selectNacLi:after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.2vw;
        margin: auto;
        width: 8.1vw;
        height: 0.2vw;
        background-color: #107086;
    }
    .business-img{
        width: 100vw;
        height: 42.1vw;
        padding: 13.7vw 0 0 6vw;
        background: url("../imgs/mobile/vipserve/vidicon.jpg") no-repeat 43.5vw 4.8vw/56.4vw 37.2vw #84b3be;
    }
    .business-img-div > h2{
        font-size: 3.9vw;
        font-weight: 100;
        line-height: 4.8vw;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .business-img-div > p{
        margin-top: 4.1vw;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        line-height: 4.8vw;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .vip-discont{
        width: 100vw;
        padding: 7.3vw 0 9.9vw;
        margin-top: 1.6vw;
        background: #ffffff;
    }
    .vip-discont > h1{
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #4a4a4a;
    }
    .vip-discont > p{
        margin: 4.1vw auto 8.9vw;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0vw;
        color: #3d3d3d;
    }
    .business-icon-list{
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .business-icon-list > li{
        width: 11vw;
    }
    .business-icon-list > li > figure{
        width: 100%;
    }
    .business-icon-list > li > figure >img{
        display: block;
        width: 100%;
        height: 11vw;
    }
    .business-icon-list > li > figure > figcaption{
        margin-top: 2vw;
        font-size: 3.2vw;
        font-size: 3.2vmin;
        text-align: center;
        color: #107086;
    }
    .activities-by{
        width: 100vm;
        display: flex;
        flex-wrap: wrap;
    }
    .activities-by > div{
        width: 50vw;
        height: 52.4vw;
    }
    .activities-by > div > div{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 14.3vw;
        background: rgba(0,0,0,.5);
    }
    .activities-by h3{
        margin-top: 5.2vw;
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .activities-by p{
        margin: 3.9vw auto 0;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .act1{
        background: url("../imgs/vipserve/festival.jpg") no-repeat 0 0/cover;
    }
    .act1-back{
        width: 8.9vw;
        height: 8.5vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/festivalicon.png") no-repeat 0 0/cover;
    }
    .act2{
        background: url("../imgs/vipserve/solarterms.jpg") no-repeat 0 0/cover;
    }
    .act2-back{
        width: 6.8vw;
        height: 7.7vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/solartermsicon.png") no-repeat 0 0/cover;
    }
    .act3{
        background: url("../imgs/vipserve/specialday.jpg") no-repeat 0 0/cover;
    }
    .act3-back{
        width: 8.1vw;
        height: 7.7vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/specialdayicon.png") no-repeat 0 0/cover;
    }
    .act4{
        background: url("../imgs/vipserve/firstorder.jpg") no-repeat 0 0/cover;
    }
    .act4-back{
        width: 8.1vw;
        height: 7.7vw;
        margin: 0 auto;
        background: url("../imgs/vipserve/firstordericon.png") no-repeat 0 0/cover;
    }
    .anaphase{
        width: 100vw;
        padding: 7.2vw 0 9.1vw;
        background-color: #ffffff;
        overflow-x: hidden;
    }
    .anaphase > h1{
        font-size: 3.6vw;
        font-size: 3.6vmin;
        text-align: center;
        letter-spacing: 0.2vw;
        color: #4a4a4a;
    }
    .anaphase > p{
        width: 79.1vw;
        margin: 4.1vw auto 0;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0vw;
        color: #3d3d3d;
    }
    .anaphase-slideshow{
        width: 81vw;
        height: 45.7vw;
        margin: 9.2vw auto 5.2vw;
    }
    .last-icon,.next-icon{
        display: none;
    }
    .anaphase-video{
        white-space: nowrap;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .anaphase-video > li{
        display: inline-block;
        position: relative;
        width: 81vw;
        height: 45.7vw;
        margin-right: 3.5vw;
    }
    .anaphase-video > li > img{
        width: 100%;
        height: auto;
    }
    .anaphase-video > li > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 10vw;
        height: 10vw;
        margin: auto;
        background: url("../imgs/mobile/common/play.png") no-repeat 0 0/cover;
    }
    .platform-promotion{
        width: 100vw;
        height: 115.1vw;
        padding-top: 6.6vw;
        margin-top: 1.6vw;
        background: url("../imgs/mobile/vipserve/PlatformpromotionBG.jpg") no-repeat 0 0/cover;
    }
    .platform-promotion > h1{
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0.2vw;
        color: #4a4a4a;
    }
    .platform-promotion > ul{
        margin-top: 4.1vw;
        text-align: center;
    }
    .platform-promotion > ul > li{
        display: inline-block;
        width: 20.1vw;
        height: 5.8vw;
        line-height: 5.4vw;
        margin: 0 0.95vw;
        border-radius: 0.3vw;
        border: solid 0.2vw #ffffff;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .platform-promotion > p{
        width: 58.1vw;
        margin: 4.1vw auto;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #3d3d3d;
    }
    .vip-buy{
        overflow-x: hidden;
        width: 100vw;
        padding-top: 7.2vw;
        background-color: #ffffff;
    }
    .vip-buy > h1{
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0.2vw;
        color: #4a4a4a;
    }
    .vip-buy > p{
        width: 75vw;
        margin: 4.1vw auto 5.9vw;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #3d3d3d;
    }
    .vip-buy > div{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 234.1vw;
        height: 114vw;
        padding: 0 21.35vw;
        background-color: #f2f2f2;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .vip-buy > div > figure{
        position: relative;
        width: 61.2vw;
        height: 108vw;
        padding: 2vw 4.4vw 0;
        background-color: #ffffff;
    }
    .vip-buy > div > figure > img{
        display: block;
        width: 21.7vw;
        height: 21.7vw;
        margin: 0 auto;
    }
    .vip-buy > div > figure > figcaption{
        margin: 4.1vw auto;
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        color: #3d3d3d;
    }
    .vip-buy > div > figure > p{
        font-size: 2.9vw;
        font-size: 2.9vmin;
        color: #3d3d3d;
    }
    .vip-buy > div > figure > div{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 6.9vw;
        width: 52.4vw;
        height: 8.9vw;
        margin: auto;
        line-height: 8.5vw;
        border-radius: 0.3vw;
        border: solid 0.2vw #3d3d3d;
        font-size: 3.5vw;
        text-align: center;
        letter-spacing: 0.4vw;
        color: #3d3d3d;
    }
    #selectDiv{
        color: #107086;
        border-color: #107086;;
    }
    .vip-buy > button{
        display: none;
    }
    .vip-order{
        width: 100vw;
        /*height: 89.3vw;*/
        padding-top: 7.2vw;
        padding-bottom: 4vw;
        margin-bottom: 1.6vw;
        background-color: #ffffff;
    }
    .vip-order > h1{
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #4a4a4a;
    }
    .vip-order > p{
        margin: 4.1vw auto 5.8vw;
        font-size: 2.9vw;
        text-align: center;
        letter-spacing: 0.3vw;
        color: #3d3d3d;
    }
    .vip-order > div{
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .vip-order > div > figure{
        width: 26.8vw;
    }
    .vip-order > div > figure > img{
        display: block;
        width: 15vw;
        margin: 0 auto;
    }
    .vip-order > div > figure > figcaption{
        margin: 2.2vw auto 4.2vw;
        font-size: 3.2vw;
        text-align: center;
        letter-spacing: 0vw;
        color: #434f5c;
    }
    .vip-order > div > figure > p{
        font-size: 2.4vw;
        color: #3d3d3d;
    }
    .vip-order > button{
        display: block;
        width: 34.5vw;
        height: 8.9vw;
        margin: 7.2vw auto 0;
        background-color: #fcfcfc;
        border-radius: 0.3vw;
        border: solid 0.2vw #262d34;
        font-size: 3.5vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0vw;
        color: #262d34;
    }
}