@-moz-keyframes sk-bounce{
    0%,100%{transform:scale(0);-webkit-transform:scale(0)}
    50%{transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes sk-bounce{
    0%,100%{transform:scale(0);-webkit-transform:scale(0)}
    50%{transform:scale(1);-webkit-transform:scale(1)}
}
@-o-keyframes sk-bounce{
    0%,100%{transform:scale(0);-webkit-transform:scale(0)}
    50%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes sk-bounce{
    0%,100%{transform:scale(0);-webkit-transform:scale(0)}
    50%{transform:scale(1);-webkit-transform:scale(1)}
}
@-moz-keyframes sk-circleFadeDelay{
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
@-webkit-keyframes sk-circleFadeDelay{
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
@-o-keyframes sk-circleFadeDelay{
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
@keyframes sk-circleFadeDelay{
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
.number-animate{line-height:36px;height:36px;font-size:36px;color:#e49d6a;font-weight:bold;overflow:hidden;display:inline-block;position:relative}
.number-animate .number-animate-dot{width:21px;float:left;text-align:center}
.number-animate .number-animate-dom{width:22px;text-align:center;float:left;position:relative;top:0}
.number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float:left;width:100%;height:36px;line-height:1}
.Odometer.vcearth .number-animate{color:#50d7a8}
@media (max-height:720px){.page2 .grid,.page3 .speakers-container,.page4 .forum-container,.page9 .org{zoom:.75}
.page8 .nav-title{transform:translateY(30px)}
.page8 .address{transform:scale(.8)}
.forum-gird>a p,.forum-gird>div p{max-width:240px !important}}
#canvas{position:fixed;top:0;left:0;height:100%;width:100%;z-index:-2}
#canvas_page0{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;}
#canvas_page0 canvas{height:100% !important;width:100%}
.content{width:1200px;margin:0 auto;position:relative;z-index:1;}
.nav-title{position:relative;}.nav-title img{height:42px}
.nav-title p{font-size:36px;color:#fff;position:absolute;bottom:-18px;left:0;font-weight:bold}
.custom-button{position:absolute;background-position:center;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;}
.custom-button-prev{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrownormalleft.png");}
.custom-button-prev:hover{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrowhoverleft.png") !important}
.custom-button-next{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrownormal.png");}
.custom-button-next:hover{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrowhover.png") !important}
.custom-button.vcearth.custom-button-prev{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrownormalleft2.png");}
.custom-button.vcearth.custom-button-prev:hover{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrowhoverleft2.png") !important}
.custom-button.vcearth.custom-button-next{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrownormal2.png");}
.custom-button.vcearth.custom-button-next:hover{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/arrowhover2.png") !important}
.vcearth-left-bg{position:absolute;width:32.736842105263vh;height:29.263157894736vh;left:0;bottom:0}
.vcearth-right-bg{position:absolute;width:21.78947368421vh;height:56.421052631578vh;right:0;top:13.333333333333334vh}
#app .column-nav{position:fixed;left:calc((100% - 1200px) / 2);height:100%;display:flex;align-items:center;z-index:2;transition:all 1s;transform:translateX(-100px);opacity:0;}
#app .column-nav.active{transform:translateX(0);opacity:1}
#app .column-nav li{opacity:.5;font-size:14px;color:#fff;cursor:pointer;position:relative;padding-left:30px;}
#app .column-nav li:hover{color:#ebcaaa}#app .column-nav li.active{font-weight:bold;color:#e49d6a;opacity:1}
#app .column-nav li.vcearth{opacity:.7;}
#app .column-nav li.vcearth:hover{color:#0DE2B8;opacity:1}
#app .column-nav li.vcearth.active{color:#0DE2B8}
#app .column-nav li.vcearth .color-span{background:#0DE2B8}
#app .column-nav li .color-span{width:16px;height:4px;position:absolute;top:7px;left:0;background:#e49d6a}
#app .column-nav li+li{margin-top:18px}
#app .page0,#app .page1,#app .page2,#app .page3,#app .page4,#app .page5,#app .page6,#app .page7,#app .page8,#app .page9,#app .page10{position:relative;}
#app .page0 .fade *,#app .page1 .fade *,#app .page2 .fade *,#app .page3 .fade *,#app .page4 .fade *,#app .page5 .fade *,#app .page6 .fade *,#app .page7 .fade *,#app .page8 .fade *,#app .page9 .fade *,#app .page10 .fade *{transition:all 1s;transform:translateY(100px);opacity:0}
#app .page0 .fade-in *,#app .page1 .fade-in *,#app .page2 .fade-in *,#app .page3 .fade-in *,#app .page4 .fade-in *,#app .page5 .fade-in *,#app .page6 .fade-in *,#app .page7 .fade-in *,#app .page8 .fade-in *,#app .page9 .fade-in *,#app .page10 .fade-in *{transform:translateY(0);opacity:1}
#app .page-slide{display:flex;align-items:center}
#app .main{width:100%;}
#app .main.vcearth{ background:-webkit-gradient(linear, 0% 25%, 75% 100%, from(#013993), to(#1F2577));}
#app .main .page-slide{width:100%}
#app .main .page0{position:relative;
}#app .main .page0 .content >img{width:72.22222222222221vh;height:21.85185185185185vh;margin-left:120px}
#app .main .page0 .content p{text-align:center}
#app .main .page0 .content .title{font-size:60px;color:#fff;font-weight:bold}
#app .main .page0 .content .address{opacity:.7;font-weight:bold;font-size:24px;color:#fff;margin-top:20px}
#app .main .page0 .content .banner-container{margin-top:9.25925925925926vh;padding:0 100px;position:relative;}
#app .main .page0 .content .banner-container .swiper-slide{display:flex;align-items:center;-webkit-transition:transform .5s;overflow:hidden;}
#app .main .page0 .content .banner-container .swiper-slide img{box-shadow:0 2px 20px 0 rgba(0,0,0,0.6);border-radius:8px;width:500px;height:200px}
#app .main .page0 .content .banner-container .swiper-slide{transform:scale(.85);z-index:1}
#app .main .page0 .content .banner-container .swiper-slide-active{justify-content:center;transform:scale(1);z-index:3;overflow:inherit}
#app .main .page0 .content .banner-container .swiper-slide-prev{flex-direction:row;z-index:2}
#app .main .page0 .content .banner-container .swiper-slide-next{flex-direction:row-reverse;z-index:2}
#app .main .page0 .content .banner-container .banner-button{width:8px;height:14px;top:calc(50% - 7px);}
#app .main .page0 .content .banner-container .banner-button-prev{left:40px}
#app .main .page0 .content .banner-container .banner-button-next{right:40px}
#app .main .page0 .content.vcearth{position:relative;z-index:10;}
#app .main .page0 img.banner{height:100%;width:100%;}
#app .main .page0 .content.vcearth >img.main-img{width:107.40740740740742vh;height:47.037037vh;margin-left:0;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
#app .main .page0.vcearth{background-image:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/banner.png");background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;}
#app .main .page0.vcearth img.an-img{position:absolute;animation-duration:5s;animation-iteration-count:infinite;}
#app .main .page0.vcearth img.an-img1{animation-delay:1s;animation-name:move1}
#app .main .page0.vcearth img.an-img2{animation-delay:2s;animation-name:move2}
#app .main .page0.vcearth img.an-img3{animation-delay:3s;animation-name:move3}
#app .main .page0.vcearth img.an-img11{animation-delay:.5s;animation-name:move11}
#app .main .page0.vcearth img.an-img12{animation-delay:1.5s;animation-name:move12}
#app .main .page0.vcearth img.an-img13{animation-delay:2.5s;animation-name:move13}
#app .main .page1 .content-container{padding-left:200px;}#app .main .page1 .content-container .desc{margin-top:64px;font-size:16px;color:#e9e9e9;letter-spacing:0;line-height:28px;}
#app .main .page1 .content-container .desc.vcearth p+p{margin-top:10px}
#app .main .page2 .content-container{padding-left:200px;}
#app .main .page2 .content-container .grid{margin-top:5.925925925925926vh;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-row-gap:3.703703703703703vh;}
#app .main .page2 .content-container .grid .item{text-align:center;}
#app .main .page2 .content-container .grid .item .num{margin:10px 0;font-size:26px;color:#fff;font-weight:bold}
#app .main .page2 .content-container .grid .item .text{opacity:.5;font-size:14px;color:#fff;}
#app .main .page2 .content-container .grid .item .text.vcearth{opacity:.7}
#app .main .page2 .content-container .grid .item img{height:44px;margin:0 auto}
#app .main .page3 .content-container{display:none;padding-left:200px;}
#app .main .page3 .content-container .speakers-tab{display:flex;justify-content:flex-end;}
#app .main .page3 .content-container .speakers-tab p{font-size:16px;color:#999;cursor:pointer;}
#app .main .page3 .content-container .speakers-tab p:hover{color:#ebcaaa}#app .main .page3 .content-container .speakers-tab p.active{color:#e49d6a;font-weight:bold}
#app .main .page3 .content-container .speakers-tab p.ge{color:rgba(255,255,255,0.2);margin:0 10px}
#app .main .page3 .content-container .speakers-container{margin-top:5.555555555555555vh;position:relative;padding:0 30px;}
#app .main .page3 .content-container .speakers-container .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
#app .main .page3 .content-container .speakers-container .swiper-slide >div{text-align:center;height:200px;padding-bottom:1.851851851851852vh;position:relative;}
#app .main .page3 .content-container .speakers-container .swiper-slide >div img{border-radius:50%;width:115px;height:115px;margin:0 auto}
#app .main .page3 .content-container .speakers-container .swiper-slide >div .name{margin:5px 0;font-size:16px;color:#fff;font-weight:bold}
#app .main .page3 .content-container .speakers-container .swiper-slide >div .title{opacity:.7;font-size:12px;color:#fff;padding:0 10px}
#app .main .page3 .content-container .speakers-container .swiper-slide >div .desc{position:absolute;bottom:20px;left:0;width:100%;height:0;font-size:14px;color:#fff;line-height:22px;background:#d58750;overflow-y:scroll;transition:all .5s;}
#app .main .page3 .content-container .speakers-container .swiper-slide >div .desc.vcearth{background:#009688}
#app .main .page3 .content-container .speakers-container .swiper-slide >div .desc p{margin:20px}
#app .main .page3 .content-container .speakers-container .swiper-slide >div:hover .desc{height:200px;z-index:100}
#app .main .page3 .content-container .speakers-container .speakers-button{width:8px;height:14px;top:calc(50% - 14px);}
#app .main .page3 .content-container .speakers-container .speakers-button-prev{left:10px}
#app .main .page3 .content-container .speakers-container .speakers-button-next{right:10px}
#app .main .page3 .content-container .more-button{margin:.9259259259259258vh auto 0 auto;border:1px solid #e49d6a;border-radius:18px;width:100px;height:36px;line-height:36px;font-size:14px;color:#e49d6a;text-align:center;display:block;}
#app .main .page3 .content-container .more-button:hover{border:1px solid #ebcaaa;color:#ebcaaa}
#app .main .page3 .content-container .more-button.vcearth{color:#50d7a8;border:1px solid #50d7a8;}
#app .main .page3 .content-container .more-button.vcearth:hover{color:#80cbc4;border:1px solid #80cbc4}
#app .main .page4 .content-container{padding-left:200px;display:none;}
#app .main .page4 .content-container .forum-container{margin-top:6.296296296296296vh;}
#app .main .page4 .content-container .forum-container >div+div{margin-top:2.962962962962963vh}
#app .main .page5 .content-container{padding-left:200px;display:none;}
#app .main .page5 .content-container .form-eve{width:251px;height:61px;background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-7.png") no-repeat;background-size:100% 100%;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear;}
#app .main .page5 .content-container .form-eve:hover{box-shadow: 4px 8px 20px 0px rgba(0, 0, 0, 0.3);}
#app .main .page5 .content-container .form-eve p{text-align: center;font-size: 18px;font-weight: 700;color: #FFD700;line-height: 61px;color: #fff;}
#app .main .page5 .content-container .vcearth{margin-top:3.5vh;}
#app .main .page5 .content-container .vcearth .vcearth-form{border-radius: 10px;cursor: pointer;margin-right:25px;margin-top:25px;width:315px;height:22.736842105263vh;display: flex; justify-content: center; align-items: center;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(3n){margin-right: 0;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(1){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-1.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(2){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-2.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(3){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-3.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(4){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-4.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(5){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-5.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:nth-child(6){background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/agande-6.png") no-repeat;background-size:100% 100%;}
#app .main .page5 .content-container .vcearth .vcearth-form:hover{box-shadow: 4px 8px 20px 0px rgba(0, 0, 0, 0.3);}
#app .main .page5 .content-container .vcearth .vcearth-form-item{width:100%;background-position:center;text-align: center;}
#app .main .page5 .content-container .vcearth .vcearth-form-item p{ font-size: 24px;font-weight: 500; color: #FFFFFF; line-height: 36px;}
#app .main .page5 .content-container .vcearth .vcearth-form-item .form-desc{font-size: 14px; font-weight: 500; color: #FFFFFF; line-height: 24px;}
#app .main .page5 .content-container .agenda{margin-top:3.703703703703703vh;height:46.2962962962963vh;border:2px solid #323232;display:flex;}
#app .main .page5 .content-container .agenda .left{display:flex;flex-direction:column;height:100%;overflow-y:scroll;overflow-x:visible;width:214px;}
#app .main .page5 .content-container .agenda .left >div{display:flex;align-items:center;width:208px;flex:1;border-right:2px solid #323232;cursor:pointer;position:relative;min-height:60px;}
#app .main .page5 .content-container .agenda .left >div p{max-width:154px;margin:auto;font-size:14px;color:#fff;font-weight:bold;}
#app .main .page5 .content-container .agenda .left >div p:hover{color:#ebcaaa}
#app .main .page5 .content-container .agenda .left >div p.active{color:#e49d6a}
#app .main .page5 .content-container .agenda .left >div img{width:12px;height:28px;position:absolute;top:50%;right:-12px;transform:translateY(-14px)}
#app .main .page5 .content-container .agenda .left >div .mask-block{width:2px;height:24px;position:absolute;top:50%;right:-2px;transform:translateY(-12px);background:#000}
#app .main .page5 .content-container .agenda .left >div+div{border-top:2px solid #323232}
#app .main .page5 .content-container .agenda .right{flex:1;overflow-y:scroll;}
#app .main .page5 .content-container .agenda .right .c .t-theme{padding:20px 45px;}
#app .main .page5 .content-container .agenda .right .c .t-theme >p{font-size:16px;color:#ebcaaa;font-weight:bold;line-height:24px;margin-bottom:1.851851851851852vh}
#app .main .page5 .content-container .agenda .right .c .item{display:flex;}
#app .main .page5 .content-container .agenda .right .c .item .time{font-size:14px;color:#ebcaaa;min-width:60px}
#app .main .page5 .content-container .agenda .right .c .item .desc{margin-left:20px;}
#app .main .page5 .content-container .agenda .right .c .item .desc .title{font-size:14px;color:#fff}
#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item{display:inline-flex;align-items:center;margin-right:40px;margin-top:6px;}
#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item img{width:28px;height:28px;min-width:28px;min-height:28px;margin-right:10px;border-radius:50%}
#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item p{opacity:.4;font-size:14px;color:#fff}
#app .main .page5 .content-container .agenda .right .c .t-theme+.t-theme{border-top:2px solid #323232}
#app .main .page5 .content-container .agenda .right .c .item+.item{margin-top:2.777777777777778vh}
#app .main .page5 .content-container .vcearth-agenda-container{position:relative;}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table{position:absolute;top:0;left:0;border-collapse:collapse;width:100%;}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th{color:#fff;padding:16px 0;text-align:center;font-weight:bold;font-size:16px}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(1){background:#009688}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(1){width:133px}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(2){width:132px}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(3){width:132px}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(4){width:301px}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th+th{border-left:1px solid rgba(255,255,255,0.5)}
#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr:nth-child(1){background:#80cbc4}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda{margin-top:4.62962962962963vh;height:50.92592592592593vh;overflow-y:auto;border:1px solid rgba(255,255,255,0.5);}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda.second-day{height:auto}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table{border-collapse:collapse;width:100%;}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th,#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td{color:#fff;padding:16px 0;text-align:center}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th{font-weight:bold;font-size:16px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td{font-size:14px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(1){background:#009688}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(1),#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(1){width:100px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(2),#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(2){width:100px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(3),#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(3){width:100px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.last{padding:16px 40px;line-height:24px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.ve-last{padding:16px 40px;line-height:24px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.two{height:210px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th+th,#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td+td{border-left:1px solid rgba(255,255,255,0.5)}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr.other{background:#027db3}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr.second-day td{padding-top:24px;padding-bottom:24px}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr:nth-child(1){background:#80cbc4}
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr+tr{border-top:1px solid rgba(255,255,255,0.5)}
#app .main .page6 .content-container{padding-left:200px;display:none;}
#app .main .page6 .content-container .join-peo{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:-20px;}
#app .main .page6 .content-container .join-peo >p{opacity:.7;font-weight:bold;font-size:14px;color:#fff;padding-bottom:5px}
#app .main .page6 .content-container .join-peo .Odometer{margin:0 12px}
#app .main .page6 .content-container .tickets{margin-top:7.407407407407407vh;position:relative;}
#app .main .page6 .content-container .tickets >a img{width:100%;height:70px;margin-top:1.851851851851852vh}
#app .main .page6 .content-container .tickets .ticket-item{background:url("https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Vcearth2020/img/index/ticketbg.png") no-repeat;background-size:100% 100%;padding:1px 35px;height:232px;position:relative;}
#app .main .page6 .content-container .tickets .ticket-item .one{margin-top:20px;color:#fff;display:flex;justify-content:space-between;min-height:50px;}
#app .main .page6 .content-container .tickets .ticket-item .one >div{display:flex;flex-direction:column;justify-content:center;}
#app .main .page6 .content-container .tickets .ticket-item .one >div:nth-child(2){align-items:flex-end}
#app .main .page6 .content-container .tickets .ticket-item .one .type1{font-size:24px;font-weight:bold;color:#fff}
#app .main .page6 .content-container .tickets .ticket-item .one .type2{font-size:14px;font-weight:bold;color:#565656;line-height:20px;}
#app .main .page6 .content-container .tickets .ticket-item .one .type2.line{text-decoration:line-through;}
#app .main .page6 .content-container .tickets .ticket-item .one .type2.line.vcearth{color:rgba(255,255,255,0.5)}
#app .main .page6 .content-container .tickets .ticket-item .two{margin-top:10px;border-top:1px dashed rgba(255,255,255,0.5)}
#app .main .page6 .content-container .tickets .ticket-item .three{margin-top:18px;}
#app .main .page6 .content-container .tickets .ticket-item .three p{font-size:14px;color:#fff;line-height:22px}
#app .main .page6 .content-container .tickets .ticket-item a{display:block;font-size:14px;color:#fff;font-weight:bold;width:90px;height:36px;line-height:36px;text-align:center;background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);position:absolute;bottom:30px;right:35px;}
#app .main .page6 .content-container .tickets .ticket-item a.vcearth{background:linear-gradient(180deg,#3ce57f 0%,#25bbf4 100%);}
#app .main .page6 .content-container .tickets .ticket-item a.vcearth.yes:hover{background:#80cbc4}
#app .main .page6 .content-container .tickets .ticket-item a.no{background:#bbb;cursor:default}
#app .main .page6 .content-container .tickets .ticket-item a.yes:hover{background:#ebcaaa}
#app .main .page6 .content-container .tickets .tickets-button-group{position:absolute;bottom:-9.25925925925926vh;width:80px;height:20px;display:flex;justify-content:space-between;align-items:center;left:calc(50% - 40px);}
#app .main .page6 .content-container .tickets .tickets-button-group .tickets-button{width:8px;height:14px;position:relative}
#app .main .page6 .content-container .tickets .tickets-button-group .y-axis{color:rgba(255,255,255,0.2)}
#app .main .page7 .content-container{padding-left:200px;}
#app .main .page7 .content-container .faq{margin-top:5.925925925925926vh;position:relative;}
#app .main .page7 .content-container .faq .faq-button-group{position:absolute;bottom:-9.25925925925926vh;width:80px;height:20px;display:flex;justify-content:space-between;align-items:center;left:calc(50% - 40px);}
#app .main .page7 .content-container .faq .faq-button-group .faq-button{width:8px;height:14px;position:relative}
#app .main .page7 .content-container .faq .faq-button-group .y-axis{color:rgba(255,255,255,0.2)}
#app .main .page7 .content-container .faq-item{padding:0 28px;height:166px;border:2px solid rgba(255,255,255,0.5);}
#app .main .page7 .content-container .faq-item .title{font-size:16px;color:#fff;font-weight:bold;margin-top:28px}
#app .main .page7 .content-container .faq-item .desc{opacity:.7;font-size:14px;color:#fff;line-height:22px}
#app .main .page7 .content-container .faq-item img{margin:14px 0;width:33px;height:2px}
#app .main .page8 .content-container{padding-left:200px;}
#app .main .page8 .content-container .address{margin-top:5.925925925925926vh;position:relative;display: flex;flex-flow: row nowrap;}
#app .main .page8 .content-container .address img{height:417px}
#app .main .page8 .content-container .address img + img{margin-left: 20px;}
#app .main .page8 .content-container .address-circle{position:absolute;top:120px;left:470px;width:30px;height:30px;border-radius:50%;background-color:#e7141a;opacity:.5;animation:scale 2s infinite cubic-bezier(0,0,.49,1.02);animation-delay:400ms;transition:.5s all ease;transform:scale(1);}
#app .main .page8 .content-container .address-circle.vcearth{top: 185px;left: 233px;}
#app .main .page9 .content-container{padding-left:200px;display:none;}
#app .main .page9 .content-container .org{margin-top:7.407407407407407vh;max-height:450px;overflow-y:scroll;}
#app .main .page9 .content-container .org .org-group p{opacity:.7;font-size:18px;color:#fff;padding-left:10px;border-left:4px solid #e49d6a;margin-bottom:18px;line-height:20px;}
#app .main .page9 .content-container .org .org-group p.vcearth{border-color:#50d7a8;opacity:1}
#app .main .page9 .content-container .org .org-group .img{width:120px;height:48px;margin-right:10px;margin-bottom:10px;display:inline-block;line-height:44px;background:#fff;border:1px #d5d5d5 solid;text-align:center;}
#app .main .page9 .content-container .org .org-group .img a{width: 100%;height: 100%;display: inline-block;}
#app .main .page9 .content-container .org .org-group .img a:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
#app .main .page9 .content-container .org .org-group .img img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}
#app .main .page9 .content-container .org .org-group+.org-group{margin-top:30px}
#app .main .page10 .content-container{padding-left:200px;}
#app .main .page10 .content-container .contact{margin-top:3.525925925925926vh;}
#app .main .page10 .content-container .contact .contact-item{width: 322px;; height: 216px; margin-right: 15px;margin-top: 15px; border-radius: 10px;background: #FFFFFF;}
#app .main .page10 .content-container .contact .contact-item:nth-child(3n){margin-right: 0;}
#app .main .page10 .content-container .contact .contact-item .title{ text-align: center;font-size: 20px;font-weight: 500;color: #0DE2B8;width:100%;line-height: 40px;padding-top:20px;}
#app .main .page10 .content-container .contact .contact-item .line{ width: 36px;height: 4px; background: #0DE2B8; border-radius: 2px;}
#app .main .page10 .content-container .contact .contact-item .contact-content-left{width: 100px;height: 100px;}
#app .main .page10 .content-container .contact .contact-item .contact-content-left img{max-width: 100px;max-height: 100px;}
#app .main .page10 .content-container .contact .contact-item .contact-content-right{position: relative;padding-left: 15px;}
#app .main .page10 .content-container .contact .contact-item .contact-content-right p{  font-size: 14px;font-weight: 500;color: #333333; line-height: 33px;}
#app .main .page10 .content-container .contact .contact-item .contact-content-right p i{margin-right:5px;}
#app .main .page10 .content-container .contact .contact-item .contact-foot{width:100%;height: 20px;background-image: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/vcearth/img/vbdata-ban2.png"); background-repeat: repeat;background-size: 55px auto; }



#app .main .page10 .content-container .entry-group{display:flex;justify-content:center;margin-top:9.25925925925926vh;}
#app .main .page10 .content-container .entry-group >a{width:130px;height:36px;background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);font-size:14px;font-weight:bold;text-align:center;line-height:36px;color:#fff;display:block;}
#app .main .page10 .content-container .entry-group >a:hover{background:#ebcaaa}
#app .main .page10 .content-container .entry-group >a+a{margin-left:20px}
@-moz-keyframes move1{ from{top:45%;right:58%;transform:scale(0.5);}to{top:50%;right:100%;transform:scale(1.2);}}
@-webkit-keyframes move1{from{top:45%;right:58%;transform:scale(0.5);}to{top:50%;right:100%;transform:scale(1.2);}}
@-o-keyframes move1{from{top:45%;right:58%;transform:scale(0.5);}to{top:50%;right:100%;transform:scale(1.2);}}
@keyframes move1{from{top:45%;right:58%;transform:scale(0.5);}to{top:50%;right:100%;transform:scale(1.2);}}

@-moz-keyframes move2{from{top:45%;right:58%;transform:scale(0.5);}to{top:10%;right:100%;transform:scale(1.2);}}   
@-webkit-keyframes move2{from{top:45%;right:58%;transform:scale(0.5);}to{top:10%;right:100%;transform:scale(1.2);}}
@-o-keyframes move2{from{top:45%;right:58%;transform:scale(0.5);}to{top:10%;right:100%;transform:scale(1.2);}}
@keyframes move2{from{top:45%;right:58%;transform:scale(0.5);}to{top:10%;right:100%;transform:scale(1.2);}}

@-moz-keyframes move3{from{top:45%;right:58%;transform:scale(0.5);}to{top:90vh;right:130%;transform:scale(1.2);}}
@-webkit-keyframes move3{from{top:45%;right:58%;transform:scale(0.5);}to{top:90vh;right:130%;transform:scale(1.2);}}
@-o-keyframes move3{from{top:45%;right:58%;transform:scale(0.5);}to{top:90vh;right:130%;transform:scale(1.2);}}
@keyframes move3{from{top:45%;right:58%;transform:scale(0.5);}to{top:90vh;right:130%;transform:scale(1.2);}}

@-moz-keyframes move12{ from{top:45%;left:58%;transform:scale(0.5);}to{top:50%;left:100%;transform:scale(1.2);}}
@-webkit-keyframes move12{from{top:45%;left:58%;transform:scale(0.5);}to{top:50%;left:100%;transform:scale(1.2);}}
@-o-keyframes move12{from{top:45%;left:58%;transform:scale(0.5);}to{top:50%;left:100%;transform:scale(1.2);}}
@keyframes move12{from{top:45%;left:58%;transform:scale(0.5);}to{top:50%;left:100%;transform:scale(1.2);}}

@-moz-keyframes move13{from{top:45%;left:58%;transform:scale(0.5);}to{top:10%;left:100%;transform:scale(1.2);}}   
@-webkit-keyframes move13{from{top:45%;left:58%;transform:scale(0.5);}to{top:10%;left:100%;transform:scale(1.2);}}
@-o-keyframes move13{from{top:45%;left:58%;transform:scale(0.5);}to{top:10%;left:100%;transform:scale(1.2);}}
@keyframes move13{from{top:45%;left:58%;transform:scale(0.5);}to{top:10%;left:100%;transform:scale(1.2);}}

@-moz-keyframes move11{from{top:45%;left:58%;transform:scale(0.5);}to{top:90vh;left:130%;transform:scale(1.2);}}
@-webkit-keyframes move11{from{top:45%;left:58%;transform:scale(0.5);}to{top:90vh;left:130%;transform:scale(1.2);}}
@-o-keyframes move11{from{top:45%;left:58%;transform:scale(0.5);}to{top:90vh;left:130%;transform:scale(1.2);}}
@keyframes move11{from{top:45%;left:58%;transform:scale(0.5);}to{top:90vh;left:130%;transform:scale(1.2);}}


@-moz-keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(4)}78%,100%{opacity:0}}
@-webkit-keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(4)}78%,100%{opacity:0}}
@-o-keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(4)}78%,100%{opacity:0}}
@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(4)}78%,100%{opacity:0}}  


/******抛物线******/
/* .join{position:absolute;display: block;text-align: center;line-height: 40px;    width: 148px;    height: 40px;    color: #fff5d1;border-radius: 20px;
border: 1px solid #fff;    font-size: 20px;    text-decoration: none;    top: 247px;left: 0px;} */
/*光点*/
.spark {position: absolute;width:30px;height:41px;
    background: #e42d2d;top:227px;
left: 6px;-webkit-animation-name: spark;-webkit-transform-origin:50% 100%;    -webkit-animation-duration: 8s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;}
/*动画*/
@-webkit-keyframes spark {    
    0% {  left: 6px;

        /* transform:rotate(0deg)  */
    }
    25% { left: 100px;
        top:400px;
        transform:rotate(0deg)
        }
    50%{  left:200px;
        top:500px;
        /* transform:rotate(180deg) */
    }   
    75% {left:300px;
        top:700px;
        /* transform: rotate(180deg) */
    }
    100%{
        left:300px;
        top:700px;
        /* transform:rotate(360deg) */
    }

}