.slide-fwd-center{-webkit-animation:scale-up-center 1.4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center 1.4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Helvetica,Tahoma,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.banner.banner-user{height:100%;position:relative;overflow:hidden}.banner.banner-user .banner1{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/banner/banner1.jpg) no-repeat!important;background-size:cover!important}.banner.banner-user .banner2{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/banner/banner2.png) no-repeat!important;background-size:cover!important}.banner.banner-user .banner3{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/banner/banner3.png) no-repeat!important;background-size:cover!important}.banner .banner-user-elem{text-align:center;color:#fff;position:relative;overflow:hidden}.banner .banner-user-elem .banner-user-title{font-size:32px;top:40%}.banner .banner-user-elem .banner-user-text{top:40%}.banner .banner-anim-elem .bg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.banner .banner-anim-thumb-default span{box-shadow:none;border:1px solid #d0c3ad;border-radius:4px;background:none}.banner .banner-anim-thumb-default span.active{width:16px;background:#d0c3ad;box-shadow:none;border:none;border-radius:4px}.module.join{padding:30px 15%;background:#f8f9fa}.module.join>h2{font-size:1.5em;color:#525654;text-align:center}.module.join>p{font-size:1.2em;line-height:1.5;color:#7a7d7d;text-align:center;padding:0 40px}@media only screen and (max-width:480px){.module.join{padding:30px 10%}.module.join>p{text-align:left;padding:0 20px}}a{color:#525654;text-decoration:none}.join-card{padding:20px 60px 30px;background:#fff;margin-top:30px}.join-card>.title{border-bottom:1px solid #f3e9d9;justify-content:space-between;font-size:1.3em;color:#525654;padding:20px 0}.join-card>.title,.join-card>.title .head{display:flex;align-items:center}.join-card>.title .head .icon{width:26px;margin-right:10px}.join-card>.title .btn{width:100px;height:40px;line-height:40px;text-align:center;background:#d0c3ad;cursor:pointer}.join-card>.body h3{margin-bottom:30px}.join-card>.body p{font-size:1em;line-height:1.5;color:#7a7d7d}.join-card>.body p.tips{color:#d0c3ad}@media only screen and (max-width:480px){.join-card{padding:20px 30px 30px}}.modal{position:fixed;overflow:hidden;width:100vw;height:100vh;top:0;left:0;background:#fff;z-index:999;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility 0s .4s,-webkit-transform .4s ease-in-out;transition:visibility 0s .4s,-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,visibility 0s .4s;transition:transform .4s ease-in-out,visibility 0s .4s,-webkit-transform .4s ease-in-out}.modal.open{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.modal .modal-close-btn{position:absolute;z-index:1;top:1.5em;left:1.5em;cursor:pointer;color:#333}.modal .modal-close-btn:hover{color:#000}.modal .modal-close-btn img{display:block;width:3em;height:3em}.menu{height:100px;width:100vw;display:flex;align-items:center;justify-content:center;-webkit-transition:.3s;transition:.3s}.menu.short{height:60px;background:rgba(0,0,0,.6)}.menu.hidden{height:0;overflow:hidden;visibility:hidden}.menu .menu-container{width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 120px;position:relative}.menu .menu-container .logo{width:100px;display:block}.menu .menu-container ul{list-style:none;display:block}.menu .menu-container ul li{display:inline-block;font-size:1.25em;margin:0 1em}.menu .menu-container ul li a{color:#d0c3ad;text-decoration:none;padding:5px 0}.menu .menu-container ul li a:hover{color:#f3e9d9;border-bottom:2px solid #f3e9d9}.menu cite{color:#f3e9d9;position:absolute;right:10%;-webkit-transform:translate(2em,-50%) scale(.6);transform:translate(2em,-50%) scale(.6);top:50%;border:1px solid;padding:.1em .8em;border-radius:1em;font-style:normal;cursor:pointer}.menu .h5-menu,.menu .h5-menu-expand{display:none}@media screen and (max-width:800px){.menu .menu-container{padding-right:5rem;padding-left:1rem}}@media screen and (max-width:600px){.menu{justify-content:space-between;padding:0;align-items:flex-start;flex-direction:column;height:3.5em!important}.menu .menu-container{display:none}.menu .h5-menu{display:flex;height:3.5em;padding:.5rem;position:relative;align-items:center;justify-content:space-between;width:100vw}.menu .h5-menu-expand{display:flex;width:100vw;list-style:none;padding:0}.menu .h5-menu-expand li{line-height:1.5em;height:1.5em}.menu .h5-menu-expand li a{color:#d0c3ad;text-decoration:none;padding:.3em .5em}}.brand .brand-imgs{height:calc(100vh - 300px);background:#f4f4f4;display:flex;align-items:center;justify-content:center}.brand .brand-imgs .brand-imgs-wrapper{white-space:nowrap;width:80%;height:100%}@media screen and (min-width:1550px){.brand .brand-imgs .brand-imgs-wrapper{padding-left:6%}}@media screen and (min-width:1800px){.brand .brand-imgs .brand-imgs-wrapper{padding-left:12%}}.brand .brand-imgs .brand-imgs-wrapper .brand-card{height:450px;width:390px;display:inline-flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat}.brand .brand-imgs .brand-imgs-wrapper .brand-card span{color:#fff;font-size:1.6em;font-weight:700;display:flex;align-items:center}.brand .brand-imgs .brand-imgs-wrapper .brand-card b{max-width:150px;word-wrap:normal;white-space:normal;text-align:center;display:inline-block}@-webkit-keyframes translate-bottom-left1{0%{-webkit-transform:translate(-15%,275px);transform:translate(-15%,275px)}to{-webkit-transform:translateY(75px);transform:translateY(75px)}}@keyframes translate-bottom-left1{0%{-webkit-transform:translate(-15%,275px);transform:translate(-15%,275px)}to{-webkit-transform:translateY(75px);transform:translateY(75px)}}.brand .brand-imgs .brand-imgs-wrapper .mobile-phone{background-image:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/brand/mobile-phone.png);-webkit-transform:translateY(75px);transform:translateY(75px);-webkit-animation:translate-bottom-left1 1s;animation:translate-bottom-left1 1s}@-webkit-keyframes translate-bottom-left2{0%{-webkit-transform:translate(-11%,-200px);transform:translate(-11%,-200px)}to{-webkit-transform:translate(-31%,20px);transform:translate(-31%,20px)}}@keyframes translate-bottom-left2{0%{-webkit-transform:translate(-11%,-200px);transform:translate(-11%,-200px)}to{-webkit-transform:translate(-31%,20px);transform:translate(-31%,20px)}}.brand .brand-imgs .brand-imgs-wrapper .cubes{background-image:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/brand/cubes.png);-webkit-transform:translate(-31%,20px);transform:translate(-31%,20px);-webkit-animation:translate-bottom-left2 1s;animation:translate-bottom-left2 1s}@-webkit-keyframes translate-bottom-left3{0%{-webkit-transform:translate(-82%,275px);transform:translate(-82%,275px)}to{-webkit-transform:translate(-72%,75px);transform:translate(-72%,75px)}}@keyframes translate-bottom-left3{0%{-webkit-transform:translate(-82%,275px);transform:translate(-82%,275px)}to{-webkit-transform:translate(-72%,75px);transform:translate(-72%,75px)}}.brand .brand-imgs .brand-imgs-wrapper .laptop{background-image:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/brand/laptop.png);-webkit-transform:translate(-72%,75px);transform:translate(-72%,75px);-webkit-animation:translate-bottom-left3 1s;animation:translate-bottom-left3 1s}@-webkit-keyframes translate-bottom-left4{0%{-webkit-transform:translate(-73%,-200px);transform:translate(-73%,-200px)}to{-webkit-transform:translate(-103%,20px);transform:translate(-103%,20px)}}@keyframes translate-bottom-left4{0%{-webkit-transform:translate(-73%,-200px);transform:translate(-73%,-200px)}to{-webkit-transform:translate(-103%,20px);transform:translate(-103%,20px)}}.brand .brand-imgs .brand-imgs-wrapper .atomium{background-image:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/brand/atomium.png);-webkit-transform:translate(-103%,20px);transform:translate(-103%,20px);-webkit-animation:translate-bottom-left4 1s;animation:translate-bottom-left4 1s}.brand .brand-header{height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column}.brand .brand-header>h2{font-size:1.5em;color:#525654}.brand .brand-header>p{font-size:1.2em;color:#7a7d7d}.shake-top-0{-webkit-animation:shake-top 18s cubic-bezier(.455,.03,.515,.955) infinite;animation:shake-top 18s cubic-bezier(.455,.03,.515,.955) infinite}.shake-top-1{-webkit-animation:shake-top 22s cubic-bezier(.455,.03,.515,.955) infinite;animation:shake-top 22s cubic-bezier(.455,.03,.515,.955) infinite}.shake-top-2{-webkit-animation:shake-top 24s cubic-bezier(.455,.03,.515,.955) infinite;animation:shake-top 24s cubic-bezier(.455,.03,.515,.955) infinite}@-webkit-keyframes shake-top{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% -80vh;transform-origin:50% -80vh}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes shake-top{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% -80vh;transform-origin:50% -80vh}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}.wind-chime{position:relative;height:100%;width:100%}.wind-chime .wave-card{position:absolute;outline:1px solid #d0c3ad;font-size:1.6em;width:3.2em;display:flex;justify-content:center;align-items:center;padding:1.5em .2em;color:#999;text-align:center;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));background:-webkit-linear-gradient(top,#fff,#f0f0f0);background:linear-gradient(180deg,#fff 0,#f0f0f0);border-radius:3px;flex-wrap:wrap;box-shadow:0 10px 20px -3px #ccc}.wind-chime .wave-card:before{display:block;content:"";width:2px;height:80vh;background:#fff;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);top:-1px}.wind-chime .wave-card span{white-space:nowrap}.wind-chime .pos-1{left:20%;top:20%}.wind-chime .pos-2{left:30%;top:30%}.wind-chime .pos-3{left:15%;top:50%;padding:2em 2.2em;font-size:1rem!important}.wind-chime .pos-4{left:40%;top:50%}.wind-chime .pos-5{left:66%;top:48%}.wind-chime .pos-6{left:48%;top:61%}.wind-chime .pos-7{left:44%;top:23%}.wind-chime .pos-8{left:54%;top:44%}.wind-chime .pos-9{left:69%;top:20%}.wind-chime .pos-10{left:80%;top:33%}.wind-chime .pos-11{left:86%;top:69%}.wind-chime .pos-12{left:89%;top:43%}.wind-chime .pos-13{left:92%;top:21%}.wind-chime .pos-14{left:28%;top:61%}.wind-chime .pos-15{left:56%;top:7%}.wind-chime .pos-16{left:73%;top:64%}.wind-chime .pos-0{left:59%;top:66%}.module .main-container{height:100%;width:100%}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.resource .module-main{height:66.667vh;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.resource .main-container{height:100%;width:100%;padding:0 8%}.resource .main-container .flexmain{display:flex;height:70.4%}.resource .main-container .flexmain>div{margin:0 20px;text-align:center;color:#fff;font-size:1.2rem}.resource .main-container .flexmain>div b{margin-top:-50px;display:block}.resource .main-container .flexmain .cellr1{width:22%;padding-top:70px;position:relative;-webkit-animation:slide-right 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right 1.5s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexmain .cellr1 .pic{width:100%}.resource .main-container .flexmain .cellr1 .offline{height:22%;position:absolute;right:0;bottom:0}.resource .main-container .flexmain .cellr2{height:142.04545%}.resource .main-container .flexmain .cellr2 img{height:100%;-webkit-animation:slide-right 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right 1s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexmain .cellr3{width:13%;padding-top:50px;-webkit-animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexmain .cellr3 img{height:90%}.resource .main-container .flexmain .cellr4{width:15%;padding-top:30px;-webkit-animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexmain .cellr4 img{height:90%}.resource .main-container .flexdown{height:29.6%;border-top:1px solid #d0c3ad;display:flex;justify-content:flex-end}.resource .main-container .flexdown .online{height:60%}.resource .main-container .flexdown .icons{padding-top:15px}.resource .main-container .flexdown .icons>div{display:flex;align-items:center;font-weight:500}.resource .main-container .flexdown .icons .first{margin-bottom:5px}.resource .main-container .flexdown .icons img{width:50px;margin-left:10px}.resource .main-container .flexdown .icons .icon1{-webkit-animation:slide-left .3s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .3s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon2{-webkit-animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon3{-webkit-animation:slide-left .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .7s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon4{-webkit-animation:slide-left .9s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .9s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon5{-webkit-animation:slide-left 1.1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1.1s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon6{-webkit-animation:slide-left 1.3s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1.3s cubic-bezier(.25,.46,.45,.94) both}.resource .main-container .flexdown .icons .icon7{-webkit-animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) both}.resource .module-header{height:33.333vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.resource .module-header>h2{font-size:1.8em;color:#525654}.resource .module-header>p{font-size:1.2em;line-height:1.5em;margin:0;color:#7a7d7d}.module .live-container{height:100%;width:100%;background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/live/bg1.png) no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;-webkit-animation:slide-fwd-center 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-fwd-center 1.5s cubic-bezier(.25,.46,.45,.94) both}.module .live-container .bg{width:72%}.module .channel-container{height:100%;width:100%;background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/photos.png) no-repeat;background-size:100% 100%;-webkit-animation:slide-fwd-center 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-fwd-center 1.5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes toback{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes toback{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes tofront{0%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes tofront{0%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.module .channel-container .flexmain{width:100%;display:flex}.module .channel-container .flexmain .cell{position:relative;height:100%}.module .channel-container .flexmain .cell .back,.module .channel-container .flexmain .cell .front{height:100%;width:100%;background-size:100% 100%;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.module .channel-container .flex1,.module .channel-container .flex2{height:32.1%}.module .channel-container .flex3{height:35.8%}.module .channel-container .cell1 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_01.jpg) no-repeat}.module .channel-container .cell2 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_02.jpg) no-repeat}.module .channel-container .cell3 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_03.jpg) no-repeat}.module .channel-container .cell4 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_04.jpg) no-repeat}.module .channel-container .cell5 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_05.jpg) no-repeat}.module .channel-container .cell6 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_06.jpg) no-repeat}.module .channel-container .cell7 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_07.jpg) no-repeat}.module .channel-container .cell8 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_08.jpg) no-repeat}.module .channel-container .cell9 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_09.jpg) no-repeat}.module .channel-container .cell10 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_10.jpg) no-repeat}.module .channel-container .cell11 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_11.jpg) no-repeat}.module .channel-container .cell12 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_12.jpg) no-repeat}.module .channel-container .cell13 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_13.jpg) no-repeat}.module .channel-container .cell14 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_14.jpg) no-repeat}.module .channel-container .cell15 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_15.jpg) no-repeat}.module .channel-container .cell16 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_16.jpg) no-repeat}.module .channel-container .cell17 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_17.jpg) no-repeat}.module .channel-container .cell18 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_18.jpg) no-repeat}.module .channel-container .cell19 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_19.jpg) no-repeat}.module .channel-container .cell20 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_20.jpg) no-repeat}.module .channel-container .cell21 .front{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/imgs/media_21.jpg) no-repeat}.module .channel-container .cell1 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo01.jpg) no-repeat}.module .channel-container .cell2 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo02.jpg) no-repeat}.module .channel-container .cell3 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo03.jpg) no-repeat}.module .channel-container .cell4 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo04.jpg) no-repeat}.module .channel-container .cell5 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo05.jpg) no-repeat}.module .channel-container .cell6 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo06.jpg) no-repeat}.module .channel-container .cell7 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo07.jpg) no-repeat}.module .channel-container .cell8 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo08.jpg) no-repeat}.module .channel-container .cell9 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo09.jpg) no-repeat}.module .channel-container .cell10 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo10.jpg) no-repeat}.module .channel-container .cell11 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo11.jpg) no-repeat}.module .channel-container .cell12 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo12.jpg) no-repeat}.module .channel-container .cell13 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo13.jpg) no-repeat}.module .channel-container .cell14 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo14.jpg) no-repeat}.module .channel-container .cell15 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo15.jpg) no-repeat}.module .channel-container .cell16 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo16.jpg) no-repeat}.module .channel-container .cell17 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo17.jpg) no-repeat}.module .channel-container .cell18 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo18.jpg) no-repeat}.module .channel-container .cell19 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo19.jpg) no-repeat}.module .channel-container .cell20 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo20.jpg) no-repeat}.module .channel-container .cell21 .back{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/channel/logos/logo21.jpg) no-repeat}.module .channel-container .cell1,.module .channel-container .cell8,.module .channel-container .cell15{width:13.6vw}.module .channel-container .cell2,.module .channel-container .cell9,.module .channel-container .cell16{width:12vw}.module .channel-container .cell3,.module .channel-container .cell4,.module .channel-container .cell10,.module .channel-container .cell11,.module .channel-container .cell17,.module .channel-container .cell18{width:13.1vw}.module .channel-container .cell5,.module .channel-container .cell12,.module .channel-container .cell19{width:20.5vw}.module .channel-container .cell6,.module .channel-container .cell13,.module .channel-container .cell20{width:16.9vw}.module .channel-container .cell7,.module .channel-container .cell14,.module .channel-container .cell21{width:10.8vw}.module .channel-container .cell1 .front,.module .channel-container .cell6 .front,.module .channel-container .cell21 .front{-webkit-animation:toback 7s infinite;animation:toback 7s infinite}.module .channel-container .cell1 .back,.module .channel-container .cell6 .back,.module .channel-container .cell21 .back{-webkit-animation:tofront 7s infinite;animation:tofront 7s infinite}.module .channel-container .cell2 .front,.module .channel-container .cell8 .front,.module .channel-container .cell11 .front{-webkit-animation:toback 5s infinite;animation:toback 5s infinite}.module .channel-container .cell2 .back,.module .channel-container .cell8 .back,.module .channel-container .cell11 .back{-webkit-animation:tofront 5s infinite;animation:tofront 5s infinite}.module .channel-container .cell15 .front,.module .channel-container .cell19 .front{-webkit-animation:toback 6s infinite;animation:toback 6s infinite}.module .channel-container .cell15 .back,.module .channel-container .cell19 .back{-webkit-animation:tofront 6s infinite;animation:tofront 6s infinite}.module .channel-container .cell4 .front,.module .channel-container .cell13 .front{-webkit-animation:toback 4.5s infinite;animation:toback 4.5s infinite}.module .channel-container .cell4 .back,.module .channel-container .cell13 .back{-webkit-animation:tofront 4.5s infinite;animation:tofront 4.5s infinite}.frame-view{margin-bottom:2em}.frame-view,video{height:100%;width:100%}video:focus{outline:none}.module .module-header>h2{font-size:1.5em}.film.module .module-main{width:100%}.film .main-container{width:1000px;height:100%;display:flex;padding:0 20px;align-items:center}.film .main-container .frame{height:400px;background-image:url(/static/media/bg.3c6dfe5c.png);background-repeat:no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:700px}.film .main-container .carousel{height:74%;width:78%}.film .main-container .line{height:100%;-webkit-transform:skew(-10deg);transform:skew(-10deg)}.film .main-container .line .line-bottom,.film .main-container .line .line-top{width:45px;height:50%;margin:0;border-left:1.5px solid #d0c3ad;border-bottom:1.5px solid #d0c3ad;border-right-color:#d0c3ad;border-top-color:#d0c3ad}.film .main-container .line .line-bottom{border-bottom:none;margin-left:43px}.film .main-container .carousel-menu{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:45px;padding-bottom:2.5em}.film .main-container .carousel-menu>p{position:relative;margin:5px 0;white-space:nowrap}.film .main-container .carousel-menu>p>i{position:absolute;display:block;background:#fff;width:100%;height:100%;-webkit-transform:skew(-10deg);transform:skew(-10deg)}.film .main-container .carousel-menu>p>span{position:relative;display:flex;align-items:center;justify-content:center;color:#7a7d7d;padding:2px 10px;font-size:1.4em;cursor:pointer}.film .main-container .carousel-menu>p:hover{font-size:1.2em;-webkit-transition:.2s;transition:.2s}.film .main-container .carousel-menu .item-top{margin-left:-50px}@-webkit-keyframes translate-right-left-0{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:1}}@keyframes translate-right-left-0{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:1}}.film .main-container .carousel-menu .item-0{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-0 .2s .15s;animation:translate-right-left-0 .2s .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-1{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-47px);transform:translateX(-47px);opacity:1}}@keyframes translate-right-left-1{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-47px);transform:translateX(-47px);opacity:1}}.film .main-container .carousel-menu .item-1{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-1 .2s .3s;animation:translate-right-left-1 .2s .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-2{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-54px);transform:translateX(-54px);opacity:1}}@keyframes translate-right-left-2{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-54px);transform:translateX(-54px);opacity:1}}.film .main-container .carousel-menu .item-2{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-2 .2s .45s;animation:translate-right-left-2 .2s .45s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-3{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-61px);transform:translateX(-61px);opacity:1}}@keyframes translate-right-left-3{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-61px);transform:translateX(-61px);opacity:1}}.film .main-container .carousel-menu .item-3{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-3 .2s .6s;animation:translate-right-left-3 .2s .6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-4{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-68px);transform:translateX(-68px);opacity:1}}@keyframes translate-right-left-4{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-68px);transform:translateX(-68px);opacity:1}}.film .main-container .carousel-menu .item-4{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-4 .2s .75s;animation:translate-right-left-4 .2s .75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-5{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:1}}@keyframes translate-right-left-5{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:1}}.film .main-container .carousel-menu .item-5{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-5 .2s .9s;animation:translate-right-left-5 .2s .9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-6{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-82px);transform:translateX(-82px);opacity:1}}@keyframes translate-right-left-6{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-82px);transform:translateX(-82px);opacity:1}}.film .main-container .carousel-menu .item-6{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-6 .2s 1.05s;animation:translate-right-left-6 .2s 1.05s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-7{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-89px);transform:translateX(-89px);opacity:1}}@keyframes translate-right-left-7{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-89px);transform:translateX(-89px);opacity:1}}.film .main-container .carousel-menu .item-7{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-7 .2s 1.2s;animation:translate-right-left-7 .2s 1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-8{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-96px);transform:translateX(-96px);opacity:1}}@keyframes translate-right-left-8{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-96px);transform:translateX(-96px);opacity:1}}.film .main-container .carousel-menu .item-8{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-8 .2s 1.35s;animation:translate-right-left-8 .2s 1.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-9{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-103px);transform:translateX(-103px);opacity:1}}@keyframes translate-right-left-9{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-103px);transform:translateX(-103px);opacity:1}}.film .main-container .carousel-menu .item-9{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-9 .2s 1.5s;animation:translate-right-left-9 .2s 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-10{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-110px);transform:translateX(-110px);opacity:1}}@keyframes translate-right-left-10{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-110px);transform:translateX(-110px);opacity:1}}.film .main-container .carousel-menu .item-10{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-10 .2s 1.65s;animation:translate-right-left-10 .2s 1.65s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-11{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-117px);transform:translateX(-117px);opacity:1}}@keyframes translate-right-left-11{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-117px);transform:translateX(-117px);opacity:1}}.film .main-container .carousel-menu .item-11{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-11 .2s 1.8s;animation:translate-right-left-11 .2s 1.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-12{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-124px);transform:translateX(-124px);opacity:1}}@keyframes translate-right-left-12{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-124px);transform:translateX(-124px);opacity:1}}.film .main-container .carousel-menu .item-12{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-12 .2s 1.95s;animation:translate-right-left-12 .2s 1.95s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-13{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-131px);transform:translateX(-131px);opacity:1}}@keyframes translate-right-left-13{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-131px);transform:translateX(-131px);opacity:1}}.film .main-container .carousel-menu .item-13{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-13 .2s 2.1s;animation:translate-right-left-13 .2s 2.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-14{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-138px);transform:translateX(-138px);opacity:1}}@keyframes translate-right-left-14{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-138px);transform:translateX(-138px);opacity:1}}.film .main-container .carousel-menu .item-14{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-14 .2s 2.25s;animation:translate-right-left-14 .2s 2.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-15{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-145px);transform:translateX(-145px);opacity:1}}@keyframes translate-right-left-15{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-145px);transform:translateX(-145px);opacity:1}}.film .main-container .carousel-menu .item-15{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-15 .2s 2.4s;animation:translate-right-left-15 .2s 2.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-16{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-152px);transform:translateX(-152px);opacity:1}}@keyframes translate-right-left-16{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-152px);transform:translateX(-152px);opacity:1}}.film .main-container .carousel-menu .item-16{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-16 .2s 2.55s;animation:translate-right-left-16 .2s 2.55s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-17{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-159px);transform:translateX(-159px);opacity:1}}@keyframes translate-right-left-17{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-159px);transform:translateX(-159px);opacity:1}}.film .main-container .carousel-menu .item-17{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-17 .2s 2.7s;animation:translate-right-left-17 .2s 2.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-18{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-166px);transform:translateX(-166px);opacity:1}}@keyframes translate-right-left-18{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-166px);transform:translateX(-166px);opacity:1}}.film .main-container .carousel-menu .item-18{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-18 .2s 2.85s;animation:translate-right-left-18 .2s 2.85s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-19{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-173px);transform:translateX(-173px);opacity:1}}@keyframes translate-right-left-19{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-173px);transform:translateX(-173px);opacity:1}}.film .main-container .carousel-menu .item-19{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-19 .2s 3s;animation:translate-right-left-19 .2s 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes translate-right-left-20{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-180px);transform:translateX(-180px);opacity:1}}@keyframes translate-right-left-20{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(-180px);transform:translateX(-180px);opacity:1}}.film .main-container .carousel-menu .item-20{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;-webkit-animation:translate-right-left-20 .2s 3.15s;animation:translate-right-left-20 .2s 3.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slide-fwd-center{0%{opacity:.3;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes slide-fwd-center{0%{opacity:.3;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.new-media-phone{margin:0 10px;-webkit-animation:slide-fwd-center 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-fwd-center 1s cubic-bezier(.25,.46,.45,.94) both;height:95%}.new-media-phone .media-phone{width:200px;height:90%;display:flex;align-items:center;justify-content:center;position:relative}.new-media-phone .media-phone .phone-bg{position:absolute;height:90%}.new-media-phone .media-phone .phone-content{position:relative;height:69%;max-width:185px}.new-media-phone .phone-channel{display:flex;justify-content:center;align-items:center}.new-media-phone .phone-channel img{display:block;margin-top:.8em;width:35px;height:35px}.module .module-main{height:66.667vh}.module .module-header{height:33.333vh}.new-media .main-container{width:100%;height:100%}.module .module-main,.new-media .main-container{display:flex;align-items:center;justify-content:center}.module .module-main{height:72vh;background:#f4f4f4}.module .module-header{height:28vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.module .module-header>h2{font-size:1.8em;color:#525654}.module .module-header>p{font-size:1.2em;line-height:1.5em;margin:0;color:#7a7d7d}@-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade-in{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.off-line .main-container{width:100%;height:100%;background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/components/offline/bg.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center;-webkit-animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both}.off-line .main-container .panel1,.off-line .main-container .panel2{width:250px;height:250px}.off-line .main-container .panel1{background:hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:center}.off-line .main-container .panel1 p{color:#d0c3ad;font-size:2em;font-weight:600;margin:.25em 0}.off-line .main-container .panel2{background:rgba(208,195,173,.8);display:flex;flex-direction:column;align-items:center;justify-content:center}.off-line .main-container .panel2 p{color:#fff;font-size:2em;font-weight:600;margin:.25em 0}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-list{display:flex;justify-content:center;background:#f8f9fa;padding:5em 0}.icon-list .icon-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.icon-list .icon-container .icon-box{width:127px;margin:1em;cursor:pointer}.icon-list .icon-container .icon-box:hover .icon{box-shadow:0 1px 4px 0 #d6cbb8}.icon-list .icon-container .icon-box:hover>a{color:#7a7d7d}.icon-list .icon-container .icon-box .icon{width:100%;height:127px;background:#fff;border-radius:50%;background-size:contain;display:block;-webkit-transition:.3s;transition:.3s;position:relative}.icon-list .icon-container .icon-box .icon:before{display:block;content:"";width:100%;height:100%;background:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:1s;transition:1s;position:absolute}.icon-list .icon-container .icon-box .icon:after{display:block;content:"";width:100%;height:100%;position:relative}.icon-list .icon-container .icon-box .icon.icon-1:after{background:url(/static/media/1.64893e0e.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-2:after{background:url(/static/media/2.10f28ab6.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-3:after{background:url(/static/media/3.b274db16.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-4:after{background:url(/static/media/4.8c68a73d.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-5:after{background:url(/static/media/5.6e16719d.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-6:after{background:url(/static/media/6.bf0fa665.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-7:after{background:url(/static/media/7.abbe7502.svg) no-repeat}.icon-list .icon-container .icon-box .icon.icon-8:after{background:url(/static/media/8.a709e322.svg) no-repeat}.icon-list .icon-container .icon-box a{font-size:1.2em;color:#565254;width:100%;text-align:center;display:block;margin-top:2em}@media screen and (max-width:800px){.icon-list{padding:2rem 0}}.video-carousel{position:relative;overflow:scroll;max-height:100vh}.video-carousel video{width:100vw}.video-carousel .video-item .video-info{max-width:790px;margin:auto;text-align:center}.video-carousel .video-item .video-info h2{color:#525654;font-size:1.8em}.video-carousel .video-item .video-info p{color:#7a7d7d;font-size:1.28em;line-height:1.5em}.video-carousel .control-bar{display:flex;align-items:center;justify-content:center}.video-carousel .control-bar p{width:160px;text-align:center;font-size:1.28em;color:#7a7d7d}.video-carousel .control-bar p a{color:#d0c3ad}.video-carousel .control-bar img{width:1.7em;height:1.7em;display:block;cursor:pointer}.example{display:flex;flex-direction:column;align-items:center;padding:2em}.example h4{color:#525654;font-size:1.8rem}.example .example-video{width:830px;max-width:100%;height:450px}.example .example-video .example-carousel img{height:450px}.example .example-video .nextBtn,.example .example-video .preBtn{display:block;width:3em;height:3em;cursor:pointer}.example .example-video .preBtn{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/example/medias/pre.svg) no-repeat;margin-right:4.5em}.example .example-video .nextBtn{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/example/medias/next.svg) no-repeat;margin-left:4.5em}.example>p{color:#7a7d7d;font-size:1.3rem;margin:2rem}.example .video-banner.banner-user{height:100%;position:relative;overflow:hidden}.example .video-banner.banner-user .banner1,.example .video-banner.banner-user .banner2,.example .video-banner.banner-user .banner3{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/example/cover1.png) no-repeat!important;background-size:cover!important}.example .video-banner .banner-user-elem{text-align:center;color:#fff;position:relative;overflow:hidden}.example .video-banner .banner-user-elem .banner-user-title{font-size:2.5em;top:46%;letter-spacing:6px}.example .video-banner .banner-user-elem .banner-user-text{top:40%}.example .video-banner .banner-anim-elem .bg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@media screen and (max-width:600px){.example{padding:2rem 0}.example .example-video{width:100vw;height:30vh}.example .example-video .example-carousel img{height:30vh}}.kol{height:850px;background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/kol/imgs/bg.png) no-repeat;background-size:cover;padding-top:2em}.kol .kol-header{height:200px;padding:0 1rem 1rem}.kol .kol-header>h4{color:#525654;font-size:1.8rem;text-align:center;margin:0;padding:1em 0}.kol .kol-header>p{color:#7a7d7d;font-size:1.3rem;margin:0 auto;max-width:700px;text-align:center;line-height:1.5em}.kol .kol-list .kol-list-n{margin:0 auto;display:flex;justify-content:center;padding:4em;max-width:1094px}.kol .kol-list .kol-list-n .koa-item{margin:0 5px;width:155px;height:215px;position:relative}.kol .kol-list .kol-list-n .koa-item img{position:relative;width:100%;height:100%;display:block}.kol .kol-list .kol-list-n .koa-item p{position:absolute;z-index:2;bottom:0;left:50%;-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8);width:6.5em;background:#d1c1ae;border-radius:1em;text-align:center;color:#7a7d7d;font-size:12px;padding:.2em 0}.kol .kol-list .kol-list-n .koa-item.koa-more{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.6)}.kol .kol-list .kol-list-n .koa-item.koa-more>span{letter-spacing:5px}.kol .kol-list .kol-list-s{display:flex;justify-content:center;margin-top:2em}.kol .kol-list .kol-list-s .koa-item{width:300px;height:200px;margin:0 95px}.kol .kol-list .kol-list-s .koa-item img{width:100%;height:100%;display:block}.kol .kol-list .kol-list-s .koa-item p{color:#525654;font-size:1.8rem;text-align:center;margin-top:.6em;font-weight:700}.kol .kol-list .kol-list-s .koa-item p.white{color:#fff}@media screen and (max-width:600px){.kol{height:700px}.kol .kol-list .kol-list-n{padding:0}.kol .kol-list .kol-list-s .koa-item{margin:0}}.partners{height:595px}.partners>h4{color:#525654;font-size:1.8rem;text-align:center}.partners .partners-imgs{margin:auto;width:930px;height:465px;padding:0 50px}.partners .partners-imgs img{display:block;width:100%;height:100%}.partners .nextBtn,.partners .preBtn{display:block;width:3em;height:3em;cursor:pointer}.partners .preBtn{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/example/medias/pre.svg) no-repeat;margin-right:4.5em}.partners .nextBtn{background:url(//zingimedia.oss-cn-beijing.aliyuncs.com/pc/example/medias/next.svg) no-repeat;margin-left:4.5em}@media screen and (max-width:600px){.partners{padding:0;height:260px}.partners>h4{margin-bottom:0}.partners .partners-imgs{width:412px;height:220px;padding:0}}.footer{position:relative}.footer .footer-main{height:700px;background:url(/static/media/footer-new.b6000155.png) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center;color:#fff;position:relative}.footer .footer-main .footer-left{width:450px;height:450px;background:url(/static/media/map-new.cee3ef90.png) no-repeat;background-size:100% 100%}.footer .footer-main .footer-container{margin-left:50px}.footer .footer-main .footer-container h3{font-size:1.8rem;line-height:1.5em;margin:0}.footer .footer-main .footer-container h4{font-size:1.6rem;margin:0}.footer .footer-main .footer-container .address,.footer .footer-main .footer-container .email,.footer .footer-main .footer-container .phone{display:flex;align-items:center}.footer .footer-main .footer-container .address img,.footer .footer-main .footer-container .email img,.footer .footer-main .footer-container .phone img{display:block;height:21px;margin-right:2.5em}.footer .footer-main .footer-container .address p,.footer .footer-main .footer-container .email p,.footer .footer-main .footer-container .phone p{font-size:1.3rem}.footer .footer-main .footer-container .address{margin-top:60px;max-width:400px;align-items:flex-start}.footer .footer-main .footer-container .address img{margin-top:1.5em}.footer .footer-tips{width:100%;color:#525654;display:flex;position:absolute;bottom:0;left:0;font-size:12px;align-items:center;justify-content:center;font-weight:700;height:3em;flex-wrap:wrap}.footer .footer-tips p{margin:0 8px;-webkit-transform:scale(.8) translate(4em,4px);transform:scale(.8) translate(4em,4px)}@media screen and (max-width:600px){.footer .footer-main{flex-wrap:wrap;height:700px}.footer .footer-main .footer-left{width:80vw;height:80vw}.footer .footer-main .footer-container{margin-left:1rem;padding-bottom:3rem}.footer .footer-main .footer-container .address,.footer .footer-main .footer-container .email,.footer .footer-main .footer-container .phone{display:flex;align-items:center}.footer .footer-main .footer-container .address img,.footer .footer-main .footer-container .email img,.footer .footer-main .footer-container .phone img{margin:0 1rem;width:1rem;height:1rem}.footer .footer-main .footer-container .address{margin-top:1rem}.footer .footer-tips{height:5rem;background:#000;padding:.5rem}.footer .footer-tips p{-webkit-transform:none;transform:none}}@media only screen and (max-width:480px){html{font-size:12.8px}}@media only screen and (max-width:414px){html{font-size:11.04px}}@media only screen and (max-width:412px){html{font-size:10.98667px}}@media only screen and (max-width:400px){html{font-size:10.66667px}}@media only screen and (max-width:393px){html{font-size:10.48px}}@media only screen and (max-width:375px){html{font-size:10px}}@media only screen and (max-width:360px){html{font-size:9.6px}}@media only screen and (max-width:345px){html{font-size:9.2px}}@media only screen and (max-width:320px){html{font-size:8.53333px}}.top-container{height:calc(100vh - 220px);position:relative}.top-container .menu{position:fixed;z-index:99;top:0;left:0}@media screen and (max-width:600px){.top-container{height:30vh}}.info{height:240px;padding-top:55px}.info h3{font-size:1.7rem;color:#666}.info h3,.info p{text-align:center}.info p{font-size:1.4rem;color:#999;margin:3rem auto 0;line-height:1.5rem;padding:0 1rem;max-width:1000px}