@font-face{font-family:SourceHanSansCN-Regular;src:url(../font/SourceHanSansCN-Regular.ttf) format("truetype");font-style:normal;font-display:fallback}
.img_100{width:100%;height:100%}
.btn{background-color:transparent;outline:0;padding:0;border:none;cursor:pointer}
html{font-size:calc(100vw/2560 * 100);font-size:-webkit-calc(100vw/2560 * 100);min-height:0}
@media only screen and (max-width:1600px){
html{font-size:62.5px}
}
body,html{width:100%;min-width:1600px}
.wrapper{width:100%;min-width:1600px;height:100%;position:relative}
.activity-kf{position:absolute;bottom:3rem;left:.92rem;z-index:100;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:center center;transform-origin:center center}
.activity-kf:active{-webkit-transform:scale(.95);transform:scale(.95)}
.activity-kf-jiujiu{width:2.56rem;position:absolute;bottom:.5rem;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.activity-kf-btn{width:2.65rem;position:absolute;bottom:0;left:0}
.activity-kf-btn img{width:100%}
.nav{position:absolute;top:0;left:0;width:100%;height:1rem;background:rgba(2,7,23,.8);z-index:10}
.nav-logo{width:1.8rem;position:absolute;top:0;left:.7rem}
.nav-btns{padding-right:1.2rem;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.nav-btns ul{position:relative}
.nav-btns ul::before{content:"";width:2rem;height:.64rem;position:absolute;top:0;left:0;background-color:#f079ce;border-radius:.3rem;z-index:-1;-webkit-transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}
.nav-btns ul[data-index="0"]::before{-webkit-transform:translateX(.4rem);transform:translateX(.4rem)}
.nav-btns ul[data-index="1"]::before{-webkit-transform:translateX(3.2rem);transform:translateX(3.2rem)}
.nav-btns ul[data-index="2"]::before{-webkit-transform:translateX(6rem);transform:translateX(6rem)}
.nav-btns li{float:left;width:2rem;height:.64rem;line-height:.64rem;text-align:center;font-size:.3rem;color:#cfd6ef;text-transform:uppercase;font-family:SourceHanSansCN-Regular;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin:0 .4rem;position:relative}
.nav-btns li.cur{font-weight:700;color:#fff}
.nav-btns li:hover{font-weight:700;color:#fff}
.nav-btn-shop{width:2rem;height:.64rem;line-height:.64rem;text-align:center;font-size:.3rem;color:#cfd6ef;text-transform:uppercase;font-family:SourceHanSansCN-Regular;cursor:pointer;position:relative}
.nav-btn-shop:hover{font-weight:700;color:#fff}
.nav-btn-shop::after{content:"";background:url(../images/nav-icon-store.png) no-repeat center 0/100% 100%;width:.68rem;height:.38rem;position:absolute;top:.06rem;right:-.35rem}
.pageSwiper{width:100%;height:100%}
.swiper-slide{width:100%;height:100%;overflow:hidden}
.home{background:url(../images/kv.jpg) no-repeat center bottom;background-size:cover}
.home::before{content:"";background-color:rgba(0,0,0,.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.home::after{content:"";background:url(../images/home-mask-1.png) no-repeat 0 0/100% 100%;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:3.45rem;pointer-events:none;z-index:4}
.home[data-index="0"]::after{background:url(../images/home-mask-1.png) no-repeat 0 0/100% 100%}
.home[data-index="1"]::after{background:url(../images/home-mask-2.png) no-repeat 0 0/100% 100%}
.home[data-index="2"]::after{background:url(../images/home-mask-3.png) no-repeat 0 0/100% 100%}
.home[data-index="3"]::after{background:url(../images/home-mask-4.png) no-repeat 0 0/100% 100%}
.home[data-index="4"]::after{background:url(../images/home-mask-5.png) no-repeat 0 0/100% 100%}
.bgv-box{width:100%;height:100%;position:absolute;top:0;left:0}
.bgv-box video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.home-con{width:100%;height:100%;position:relative;z-index:3}
.home-playBtn{width:2.07rem;height:1.31rem;position:absolute;bottom:6.6rem;left:50%;margin-left:-1.03rem;cursor:pointer;z-index:2}
.home-playBtn .home-playBtn-box{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.home-playBtn:hover .home-playBtn-box{-webkit-transform:scale(1);transform:scale(1)}
.home-playBtn-main{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.home-playBtn-triangle{width:.17rem;height:.19rem;position:absolute;top:.52rem;left:.94rem;-webkit-transform-origin:45% 52%;transform-origin:45% 52%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.home-playBtn:hover .home-playBtn-triangle{-webkit-transform:rotate(120deg);transform:rotate(120deg)}
.home-playBtn-circle1{width:.16rem;height:.16rem;position:absolute;top:.76rem;left:.25rem;-webkit-transform:translate(.5rem,.1rem) scale(.9);transform:translate(.5rem,.1rem) scale(.9);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.home-playBtn:hover .home-playBtn-circle1{-webkit-transition:all .2s ease-in-out .2s;transition:all .2s ease-in-out .2s;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}
.home-playBtn-circle2{width:.08rem;height:.08rem;position:absolute;top:.9rem;left:.45rem;-webkit-transform:translate(.5rem,.1rem) scale(.9);transform:translate(.5rem,.1rem) scale(.9);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.home-playBtn:hover .home-playBtn-circle2{-webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}
.home-playBtn-circle3{width:.1rem;height:.1rem;position:absolute;top:.2rem;left:1.6rem;-webkit-transform:translate(-.3rem,-.1rem) scale(.9);transform:translate(-.3rem,-.1rem) scale(.9);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.home-playBtn:hover .home-playBtn-circle3{-webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
.home-slogan{width:10rem;height:3.5rem;position:absolute;bottom:3.8rem;left:50%;margin-left:-5rem}
.home-download{background:url(../images/home-donwload-bg.png) no-repeat center 0/100% 100%;width:8.56rem;height:2.36rem;position:absolute;bottom:1.9rem;left:50%;margin-left:-4.28rem;padding:0 .9rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}
.home-download-qr{background:url(../images/home-qr-bg.png) no-repeat center 0/100% 100%;width:1.3rem;height:1.3rem;position:relative;padding:.08rem}
.home-download-qr::after{content:"";background:url(../images/qr-line.png) no-repeat center 0/100% 100%;width:1.3rem;height:.2rem;position:absolute;top:0;left:0;-webkit-animation:qrAni 2s linear infinite both;animation:qrAni 2s linear infinite both}
@-webkit-keyframes qrAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(1.1rem);transform:translateY(1.1rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes qrAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(1.1rem);transform:translateY(1.1rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.home-download-btns{width:4.22rem;height:1.3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.home-download-btns a{width:2.04rem;height:.6rem;margin-right:.1rem;margin-bottom:.1rem}
.home-download-btns a:nth-child(2n){margin-right:0}
.home-download-btns a:nth-child(3),.home-download-btns a:nth-child(4){margin-bottom:0}
.home-download-btns a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.home-download-16{width:.97rem;height:1.25rem}
.home-sns{width:1.04rem;height:1.04rem;position:absolute;bottom:8rem;right:.66rem;z-index:10;background-color:#1a223f;border-radius:50%}
.home-sns-switch{width:.88rem;height:.88rem;position:absolute;top:50%;left:50%;margin-top:-.44rem;margin-left:-.44rem;position:relative;cursor:pointer;z-index:1}
.home-sns-switch::before{content:"";background:url(../images/sns-tag.png) no-repeat center 0/100% 100%;border-radius:50%;width:.88rem;height:.88rem;position:absolute;top:0;left:0;-webkit-animation:snsSwitchAni 10s linear infinite both;animation:snsSwitchAni 10s linear infinite both}
@-webkit-keyframes snsSwitchAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes snsSwitchAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.home-sns-switch::after{content:"";background:url(../images/sns-tag-icon.png) no-repeat center 0/100% 100%;width:.88rem;height:.88rem;position:absolute;top:0;left:0;-webkit-transition:-webkit-transform 1.5s;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s,-webkit-transform 1.5s}
.home-sns-switch.on::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.home-sns-btns{width:.6rem;position:absolute;top:.8rem;left:50%;margin-left:-.3rem;background-color:#1a223f;padding:.38rem 0 .2rem 0;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem);opacity:0;pointer-events:none;-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}
.home-sns-btns.on{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}
.home-sns-btn{display:block;width:.36rem;height:.36rem;margin:0 auto .2rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:relative}
.home-sns-btn span:hover{background:#ff4264}
.home-sns-btn span{display:block;background:#cfd6ef;margin:0 auto}
.home-sns-weixin span{width:.36rem;height:.29rem;-webkit-mask:url(../images/sns-weixin.png) no-repeat center 0/100% 100%;mask:url(../images/sns-weixin.png) no-repeat center 0/100% 100%}
.home-sns-qq span{width:.34rem;height:.27rem;-webkit-mask:url(../images/sns-qq.png) no-repeat center 0/100% 100%;mask:url(../images/sns-qq.png) no-repeat center 0/100% 100%}
.home-sns-kf span{width:.33rem;height:.36rem;-webkit-mask:url(../images/sns-kf.png) no-repeat center 0/100% 100%;mask:url(../images/sns-kf.png) no-repeat center 0/100% 100%}
.home-sns-moyu span{width:.33rem;height:.33rem;-webkit-mask:url(../images/sns-moyu.png) no-repeat center 0/100% 100%;mask:url(../images/sns-moyu.png) no-repeat center 0/100% 100%}
.home-sns-qr{background:url(../images/sns-bg-qr.png) no-repeat center 0/100% 100%;width:1.98rem;height:1.87rem;position:absolute;top:50%;margin-top:-.935rem;left:-2.3rem;visibility:hidden;-webkit-transform:translateX(-.3rem);transform:translateX(-.3rem);opacity:0;-webkit-transition:.3s;transition:.3s;padding:.24rem .34rem .24rem .24rem}
.home-sns-btn:hover .home-sns-qr{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}
.home-sns-qr img{width:100%;height:100%}
.chuchus{width:100%;height:100%}
.cc-con{width:100%;height:100%;position:relative;overflow:hidden}
.cc-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.cc-bg ul li{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 2s;transition:all 2s;background:url(../images/cc/cc-bg-1.png) no-repeat center top/cover}
.cc-bg ul li.cur{opacity:1}
.cc-bg ul li:first-child{background-image:url(../images/cc/cc-bg-1.png)}
.cc-bg ul li:nth-child(2){background-image:url(../images/cc/cc-bg-2.png)}
.cc-bg ul li:nth-child(3){background-image:url(../images/cc/cc-bg-3.png)}
.cc-bg ul li:nth-child(4){background-image:url(../images/cc/cc-bg-4.png)}
.cc-bg ul li:nth-child(5){background-image:url(../images/cc/cc-bg-5.png)}
.cc-title{width:4.65rem;height:1.05rem;margin:1.5rem auto 0;position:relative}
.cc-title::before{content:"";background:url(../images/title01.png) no-repeat center 0/100% 100%;width:1.76rem;height:1.32rem;position:absolute;top:50%;left:50%;margin-top:-.66rem;margin-left:-.88rem;z-index:-1;-webkit-transition:all .6s .4s;transition:all .6s .4s;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.chuchus.swiper-slide-active .cc-title::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.cc-title img{-webkit-transition:all .8s .3s;transition:all .8s .3s;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.chuchus.swiper-slide-active .cc-title img{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.cc-main{width:100%;height:9.3rem;margin:-.5rem auto 0;position:relative}
.cc-main ul.cc-lists{width:100%;height:100%;position:relative}
.cc-main ul.cc-lists li.cc-item{width:19.2rem;height:100%;position:absolute;top:0;left:50%;margin-left:-9.6rem;opacity:0;pointer-events:none;visibility:hidden}
.cc-main ul.cc-lists li.cc-item.cur{opacity:1;pointer-events:auto;visibility:visible}
.cc-txt-jiujiu{width:17.36rem;height:5.92rem;position:absolute;top:.46rem;left:.9rem;-webkit-transition:all 2s;transition:all 2s;opacity:0}
.cc-item.cur .cc-txt-jiujiu{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.cc-txt-jiujiu::after{content:"";background:url(../images/cc/cc-tag-1.png) no-repeat center 0/100% 100%;width:1.74rem;height:1.74rem;position:absolute;top:0;right:-.86rem}
.cc-item1 .cc-txt-jiujiu::after{background-image:url(../images/cc/cc-tag-1.png)}
.cc-item2 .cc-txt-jiujiu::after{background-image:url(../images/cc/cc-tag-2.png)}
.cc-item3 .cc-txt-jiujiu::after{background-image:url(../images/cc/cc-tag-3.png)}
.cc-item4 .cc-txt-jiujiu::after{background-image:url(../images/cc/cc-tag-4.png)}
.cc-item5 .cc-txt-jiujiu::after{background-image:url(../images/cc/cc-tag-5.png)}
.cc-info-left{height:1.62rem;position:absolute;bottom:2.7rem;left:1.2rem;-webkit-transform:translateX(-2rem);transform:translateX(-2rem);-webkit-transition:all 1s;transition:all 1s;opacity:0}
.cc-item.cur .cc-info-left{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.cc-info-left img{height:100%;-webkit-transform:translateX(-2rem);transform:translateX(-2rem);-webkit-transition:all .6s .2s;transition:all .6s .2s;opacity:0}
.chuchus.swiper-slide-active .cc-info-left img{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.cc-info-right{height:1.86rem;position:absolute;bottom:2.36rem;right:.4rem;-webkit-transform:translateX(2rem);transform:translateX(2rem);-webkit-transition:all 1s;transition:all 1s;opacity:0}
.cc-item.cur .cc-info-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.cc-info-right img{height:100%;-webkit-transform:translateX(2rem);transform:translateX(2rem);-webkit-transition:all .6s .2s;transition:all .6s .2s;opacity:0}
.chuchus.swiper-slide-active .cc-info-right img{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.cc-jiujiu-box{width:100%;height:8.5rem;position:absolute;top:0;left:0;pointer-events:none;display:none}
.cc-item.cur .cc-jiujiu-box{display:block}
.cc-jiujiu-box .cc-jiujiu-item{display:none}
.cc-jiujiu-box .cc-jiujiu-item.cur{display:block}
.cc-item1 .cc-jiujiu-box .cc-jiujiu-item1{width:5.5rem;position:absolute;bottom:.5rem;left:6.76rem}
.cc-item1 .cc-jiujiu-box .cc-jiujiu-item2{width:5rem;position:absolute;bottom:.4rem;left:7rem}
.cc-item1 .cc-jiujiu-box .cc-jiujiu-item3{width:8rem;position:absolute;bottom:0;left:6.36rem}
.cc-item2 .cc-jiujiu-box .cc-jiujiu-item1{width:8rem;position:absolute;bottom:1rem;left:5.6rem}
.cc-item2 .cc-jiujiu-box .cc-jiujiu-item2{width:7rem;position:absolute;bottom:0;left:5.6rem}
.cc-item2 .cc-jiujiu-box .cc-jiujiu-item3{width:9.5rem;position:absolute;bottom:-.3rem;left:4.5rem}
.cc-item3 .cc-jiujiu-box .cc-jiujiu-item1{width:4.85rem;position:absolute;bottom:.7rem;left:7.2rem}
.cc-item3 .cc-jiujiu-box .cc-jiujiu-item2{width:6.5rem;position:absolute;bottom:.6rem;left:6.1rem}
.cc-item3 .cc-jiujiu-box .cc-jiujiu-item3{width:6.5rem;position:absolute;bottom:.2rem;left:6rem}
.cc-item4 .cc-jiujiu-box .cc-jiujiu-item1{width:6rem;position:absolute;bottom:.6rem;left:6.4rem}
.cc-item4 .cc-jiujiu-box .cc-jiujiu-item2{width:5.8rem;position:absolute;bottom:.2rem;left:7.1rem}
.cc-item4 .cc-jiujiu-box .cc-jiujiu-item3{width:8.5rem;position:absolute;bottom:-.2rem;left:5.8rem}
.cc-item5 .cc-jiujiu-box .cc-jiujiu-item1{width:6.2rem;position:absolute;bottom:.7rem;left:6rem}
.cc-item5 .cc-jiujiu-box .cc-jiujiu-item2{width:5rem;position:absolute;bottom:.6rem;left:6.9rem}
.cc-item5 .cc-jiujiu-box .cc-jiujiu-item3{width:6.4rem;position:absolute;bottom:.4rem;left:6.36rem}
.cc-avatars-box{width:4.34rem;height:1.18rem;position:absolute;left:1.2rem;bottom:1.66rem;-webkit-transform:translateX(-2rem);transform:translateX(-2rem);-webkit-transition:-webkit-transform .6s .4s;transition:-webkit-transform .6s .4s;transition:transform .6s .4s;transition:transform .6s .4s,-webkit-transform .6s .4s}
.chuchus.swiper-slide-active .cc-avatars-box{-webkit-transform:translateX(0);transform:translateX(0)}
.cc-avatars{width:4.34rem;height:1.18rem;position:absolute;left:0;bottom:0;opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem);-webkit-transition:all 1s .2s;transition:all 1s .2s}
.cc-item.cur .cc-avatars{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.cc-avatars::before{content:"";background:url(../images/cc-stage-connect.png) no-repeat center 0/100% 100%;width:.88rem;height:.58rem;position:absolute;top:50%;margin-top:-.29rem;left:.9rem;z-index:-1}
.cc-avatars::after{content:"";background:url(../images/cc-stage-connect.png) no-repeat center 0/100% 100%;width:.88rem;height:.58rem;position:absolute;top:50%;margin-top:-.29rem;right:.9rem;z-index:-1}
.cc-avatars ul{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}
.cc-avatars ul li{width:1.06rem;height:1.06rem;position:relative;cursor:pointer}
.cc-avatars ul li div{width:1.06rem;height:1.06rem;overflow:hidden;border-radius:50%;position:relative}
.cc-avatars ul li div::after{content:"";width:1.06rem;height:1.06rem;border:.08rem solid #fff;border-radius:50%;position:absolute;top:0;left:0}
.cc-avatars ul li img{width:1.06rem;height:1.06rem;position:absolute;top:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:cubic-bezier(.25,.74,.22,.99) .65s;transition:cubic-bezier(.25,.74,.22,.99) .65s;-webkit-transform:scale(1.1);transform:scale(1.1)}
.cc-avatars ul li.cur img,.cc-avatars ul li:hover img{-webkit-transform:scale(1);transform:scale(1)}
.cc-avatars ul li::before{content:"";width:1.18rem;height:1.18rem;background-color:#ffc18a;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-.59rem;margin-left:-.59rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .5s cubic-bezier(.25,.74,.22,.99);transition:all .5s cubic-bezier(.25,.74,.22,.99);opacity:0}
.cc-item1 .cc-avatars ul li::before{background-color:#40d9ff}
.cc-item2 .cc-avatars ul li::before{background-color:#60f09d}
.cc-item3 .cc-avatars ul li::before{background-color:#ffaa65}
.cc-item4 .cc-avatars ul li::before{background-color:#af6fff}
.cc-item5 .cc-avatars ul li::before{background-color:#ffc18a}
.cc-avatars ul li.cur::before,.cc-avatars ul li:hover::before{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.cc-tab{width:7.7rem;height:3rem;background:url(../images/cc-tab-bg.png) no-repeat 0 100%/100% 1.43rem;position:absolute;bottom:-.3rem;right:50%;margin-right:-9.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:.6rem;-webkit-transform:translateX(2rem);transform:translateX(2rem);opacity:0;-webkit-transition:all .6s .4s;transition:all .6s .4s}
.chuchus.swiper-slide-active .cc-tab{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.cc-tab-swiper{width:5.2rem;height:2.2rem}
.cc-tab-swiper .swiper-slide{height:2.2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cc-tab-swiper .swiper-slide img{height:100%;cursor:pointer}
.cc-tab-next::after,.cc-tab-prev::after{display:none!important}
.cc-tab-prev{background:url(../images/cc-btn-prev.png) no-repeat 0 0/100% 100%;width:.63rem;height:.63rem;left:.22rem;top:auto;margin-top:auto;bottom:.44rem;-webkit-transition:all .3s;transition:all .3s}
.cc-tab-next{background:url(../images/cc-btn-next.png) no-repeat 0 0/100% 100%;width:.63rem;height:.63rem;right:.22rem;top:auto;margin-top:auto;bottom:.44rem;-webkit-transition:all .3s;transition:all .3s}
.cc-tab-next:hover,.cc-tab-prev:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.features{background:url(../images/features-bg.png) no-repeat center bottom;background-size:cover}
.features-con{width:100%;height:100%;position:relative}
.features-title{width:4.74rem;height:1.08rem;margin:1.5rem auto 0;position:relative}
.features-title::before{content:"";background:url(../images/title02.png) no-repeat center 0/100% 100%;width:2.05rem;height:1.32rem;position:absolute;top:50%;left:50%;margin-top:-.66rem;margin-left:-1.02rem;z-index:-1;-webkit-transition:all .6s .4s;transition:all .6s .4s;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.features.swiper-slide-active .features-title::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.features-title img{-webkit-transition:all .8s .3s;transition:all .8s .3s;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.features.swiper-slide-active .features-title img{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.features-featuresBox{background:url(../images/features-bg2.png) no-repeat center top;background-size:cover;width:14.47rem;height:8.31rem;margin:.3rem auto 0;position:relative}
.features-photo-left{width:4.94rem;height:5.46rem;position:absolute;top:2rem;left:-.8rem;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(3rem) rotate(80deg);transform:translateX(3rem) rotate(80deg);-webkit-transition:all .5s;transition:all .5s}
.features-photo-right{width:5.16rem;height:5.63rem;position:absolute;top:.1rem;right:-1.2rem;-webkit-transform:translate(-3rem,2rem) rotate(-80deg);transform:translate(-3rem,2rem) rotate(-80deg);-webkit-transition:all .3s;transition:all .3s}
.pageSwiper .swiper-slide-active .features-photo-left,.pageSwiper .swiper-slide-active .features-photo-right{-webkit-transition:all .3s .8s;transition:all .3s .8s;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
.features-display{background:url(../images/features-bg1.png) no-repeat center top;background-size:cover;width:11.9rem;height:6.78rem;position:absolute;top:.64rem;left:.88rem;z-index:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.features-display-con{width:11.55rem;height:6.5rem;background-color:#fff;border-radius:.2rem;padding:.1rem}
.features-display-swiper{width:100%;height:100%;border-radius:.1rem}
.features-prev{background:url(../images/features-btn-prev.png) no-repeat 0 0/100% 100%;width:.71rem;height:.84rem;left:-1.8rem;-webkit-transition:all .3s;transition:all .3s}
.features-prev:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.features-prev::after{display:none!important}
.features-next{background:url(../images/features-btn-next.png) no-repeat 0 0/100% 100%;width:.72rem;height:.84rem;right:-3.04rem;-webkit-transition:all .3s;transition:all .3s}
.features-next:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.features-next::after{display:none!important}
.features-pagination .swiper-pagination-bullet{width:.22rem;height:.22rem;border:1px solid #fff;background-color:transparent;margin:0 .3rem!important;opacity:1}
.features-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.features-jiujiu{width:6.11rem;position:absolute;bottom:-.5rem;right:-2.3rem;z-index:2;pointer-events:none}
.features-icon{width:2.4rem;height:1.75rem;position:absolute;top:1.5rem;left:0;z-index:2;pointer-events:none}
.footer{background:url(../images/footer-bg.png) no-repeat center 0/cover;width:100%;height:5rem}
.footer-jiujiuBox{width:18.55rem;height:1.6rem;margin:0 auto 0;padding-top:.34rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer-jiujiuBox img{width:9.6rem;height:1.3rem}
.footer-con{background:url(../images/footer-con.png) no-repeat center top/100% 100%;width:18.55rem;height:2.08rem;margin:0 auto 0;position:relative}
.footer-logo{width:2.16rem;height:1.35rem;position:absolute;top:50%;left:1.1rem;margin-top:-.675rem}
.footer-info{position:absolute;top:50%;right:1.1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left;color:#565e7a;font-size:.18rem;font-family:SourceHanSansCN-Regular;text-transform:uppercase}
.footer-info p{font-size:.18rem;margin-bottom:.1rem}
.footer-copy,.footer-public{color:#afb1cf}
.footer-copy p{margin-bottom:.05rem}
.footer-limit p{margin-bottom:0}
.footer-xieyi{font-size:.18rem}
.footer-xieyi a,.footer-xieyi span{margin-right:.2rem}
.footer-xieyi a:hover{text-decoration:underline}
.dialog-mask{background-color:#000;border-top:1px solid #000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.dialog-mask.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:99997}
.dialog{display:none;position:fixed;top:50%;left:50%;z-index:99999}
.dialog.on{display:block}
.dialog-close{width:.48rem;height:.48rem;position:absolute;top:0;right:-.7rem;z-index:10}
.dialog-close img{-webkit-transition:all .3s;transition:all .3s}
.dialog-close:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.dialog-video{width:16rem;height:9rem;margin-top:-4.5rem;margin-left:-8rem;background-color:#000}
.dialog-video .dialog-con,.dialog-video .dialog-con video{width:100%;height:100%}
.dialog-age{background:url(../images/dialog-bg.png) no-repeat center 0/cover;width:11.54rem;height:6.4rem;margin-left:-5.77rem;margin-top:-3.2rem}
.dialog-age .dialog-con{width:10rem;height:4rem;margin:1.4rem auto 0;font-size:.16rem;color:#777;line-height:1.8;font-family:SourceHanSansCN-Regular}