[v-cloak]{display:none !important}
*::-webkit-scrollbar{width:4px;height:4px}
body::-webkit-scrollbar{background-color:rgba(0,0,0,0.3)}
*::-webkit-scrollbar-track{border-radius:3px}
*::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(170,170,170,0.8)}
body{margin:0;min-width:1200px}
img{display:block}
ul{list-style:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;margin:0;padding:0}
p{margin:0}
a{text-decoration:none}
#app input[type='text'],#app textarea{width:336px;height:20px;border-radius:4px;border:1px solid #dadce2;padding:6px 12px}
#app input[type='text']::-webkit-input-placeholder,#app textarea::-webkit-input-placeholder{color:#bbb;font-size:14px}
#app input[type='text']:focus,#app textarea:focus{border:1px solid #e49d6a;outline:none;box-shadow:0 2px 4px 0 rgba(192,154,126,0.2)}
#app input[type='text'].vcearth:focus,#app textarea.vcearth:focus{border:1px solid #00d8ff;box-shadow:0 2px 4px 0 rgba(0,150,136,0.2)}
#app textarea{height:auto;vertical-align:top}
#app input[type='checkbox']{margin:-2px 10px 3px 0;width:14px;height:14px;display:inline-block;text-align:center;vertical-align:middle;line-height:14px;position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none}
#app input[type='checkbox']::before{content:"";position:absolute;top:0;left:0;background:#fff;border:1px solid #d9d9d9;width:100%;height:100%}
#app input[type='checkbox']:checked::before{content:"\2713";background:#e49d6a;position:absolute;top:0;left:0;width:100%;border:0;color:#fff;font-size:14px;font-weight:bold;box-shadow:0 4px 20px 0 rgba(0,0,0,0.1)}
#app input[type='checkbox'].vcearth:checked::before{background:#00d8ff}
#app input[type='checkbox']:focus{outline:none}
#app input[type='radio']{width:14px;height:14px;appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin-right:10px !important;margin-top:0 !important;margin-bottom:0 !important}
#app input[type='radio']:before{content:'';width:14px;height:14px;border:1px solid #dadce2;display:inline-block;border-radius:50%;vertical-align:middle;position:absolute;top:-1px;left:-4px}
#app input[type='radio']:checked:before{content:'';width:14px;height:14px;border:1px solid #e49d6a;display:inline-block;border-radius:50%;vertical-align:middle}
#app input[type='radio']:checked:after{content:'';width:8px;height:8px;text-align:center;background:#e49d6a;border-radius:50%;display:block;position:absolute;top:3px;left:0}
#app input[type='radio']:checked+label{color:#e49d6a}
#app input[type='radio']:focus{outline:none}
.nav-container{width:100%;background:#000;position:fixed;top:0;left:0;z-index:10000}
.nav-container .nav{width:1200px;height:60px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}
.nav-container .nav>img{height:48px}
.nav-container .nav ul{display:flex;align-items:center}
.nav-container .nav ul li{position:relative}
.nav-container .nav ul li a{font-size:16px;color:#ddd;text-decoration:none;position:relative}
.nav-container .nav ul li a:hover{color:#ebcaaa}
.nav-container .nav ul li a img{display:none !important}
.nav-container .nav ul li img.hot{width:28px !important;height:15px !important;position:absolute;top:-6px !important;right:-30px !important}
.nav-container .nav ul li.active a{color:#e49d6a;font-weight:bold;padding-bottom:16px}
.nav-container .nav ul li.active img{width:28px;height:15px;position:absolute;top:-6px;right:-30px}
.nav-container .nav ul li+li{margin-left:50px}
.nav-container.vcearth{background:transparent}
.nav-container.vcearth .nav{width:1200px;height:60px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}
.nav-container.vcearth .nav ul{display:flex;align-items:center}
.nav-container.vcearth .nav ul li{position:relative}
.nav-container.vcearth .nav ul li a{font-size:16px;color:#fff;text-decoration:none;position:relative;display:block}
.nav-container.vcearth .nav ul li a:hover{color:#00d8ff}
.nav-container.vcearth .nav ul li a img{display:none !important}
.nav-container .nav ul li .coming-coon{position:absolute;display:none;height:17px;top:-15px;right:-38px}
.nav-container.vcearth .nav ul li.active a{color:#00d8ff;font-weight:bold;padding-bottom:0}
.nav-container.vcearth .nav ul li.active img{width:100%;height:4px;position:absolute;top:36px;right:0;display:inline-block !important}
.nav-container .nav ul li .language{display:none;width:30px;height:30px;padding:2px;text-align:center;background:linear-gradient(270deg,#FFC077, #00d8ff);border-radius:50%;box-sizing:border-box;cursor:pointer}
.nav-container .nav ul li .language >div{box-sizing:border-box;width:100%;height:100%;line-height:26px;font-size:14px;color:#ffffff;background:#000;border-radius:50%}
.nav-container.vcearth .nav ul li+li{margin-left:30px}
.form-group{position:relative}
.form-group label.info{width:60px;text-align:right;display:inline-block;font-size:14px;color:#666}
.form-group label.info.req:before{content:'*';color:#f3494b;margin-right:4px}
.form-group label.error{position:absolute;left:75px;bottom:-18px;color:#f3494b;font-size:12px}
.form-group input,.form-group textarea{margin-left:15px}
.form-group+.form-group{margin-top:24px}
label.label-area{color:#333;font-size:14px}
.dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3}
.dialog .dialog-content{position:absolute;width:800px;height:80%;box-shadow:0 4px 20px 0 rgba(0,0,0,0.2);border:1px solid #979797;top:13%;left:50%;background:#fff;z-index:10;margin-left: -400px;}
.dialog .dialog-content .dialog-header{padding:14px 30px;background:#f7f7f7;display:flex;justify-content:space-between;align-items:center}
.dialog .dialog-content .dialog-header p{font-size:16px;font-weight:bold}
.dialog .dialog-content .dialog-header img{width:16px;height:16px;cursor: pointer;}
.dialog .dialog-content .dialog-body{margin:20px 20px;text-align: center;height: calc(100% - 90px);position: relative;}
.dialog .dialog-content .dialog-body .img_list{height:100%;display:flex;justify-content: center;align-items:center;overflow:scroll;text-align: center;overscroll-behavior-y: contain;}
.dialog .dialog-content .dialog-body .img_list img{max-width: 100%;display: initial;}
.dialog .dialog-content .dialog-body .button-prev{cursor: pointer;position: absolute;left:20px;top:50%; width: 20px; height: 20px; border-right: 4px solid #00d8ff; border-bottom: 4px solid #00d8ff; display: inline-block; -webkit-transform: rotate(135deg);transform: rotate(135deg);margin-bottom: 2px; margin-left: 5px;}
.dialog .dialog-content .dialog-body .button-next{cursor: pointer;position: absolute;right:20px;top:50%;width: 20px; height: 20px; border-right: 4px solid #00d8ff; border-bottom: 4px solid #00d8ff; display: inline-block; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-bottom: 2px; margin-left: 5px;}
.dialog .dialog-content .dialog-footer{display:flex;justify-content:center;padding:30px 0}
.dialog .dialog-content .dialog-footer>div{width:100px;height:32px;border-radius:4px;font-size:14px;line-height:32px;text-align:center;cursor:pointer}
.dialog .dialog-content .dialog-footer>div.save-button{background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);color:#fff}
.dialog .dialog-content .dialog-footer>div.save-button:hover{background:#ebcaaa}
.dialog .dialog-content .dialog-footer>div.save-button.vcearth{background:linear-gradient(180deg,#5eddb2 0%,#0293d3 100%)}
.dialog .dialog-content .dialog-footer>div.cancel-button{border:1px solid #c2c2c2;background:#fafafa;color:#333}
.dialog .dialog-content .dialog-footer>div.cancel-button:hover{border:1px solid #ebcaaa;color:#ebcaaa}
.dialog .dialog-content .dialog-footer>div.cancel-button.vcearth:hover{border:1px solid #00d8ff;color:#00d8ff}
.dialog .dialog-content .dialog-footer>div+div{margin-left:18px}
.dialog .masking{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5)}
.form-status{text-align:center}
.form-status img{width:98px;height:53px;display:inline-block}
.form-status p.s_one{font-size:24px;font-weight:bold;margin-top:12px;margin-bottom:20px;color:#18c584}
.form-status p.s_one.error{color:#e42d2d}
.form-status p.s_two{font-size:14px;color:#666}
.form-status>div{display:flex;justify-content:center;margin-top:38px}
.form-status>div a{display:block;width:120px;height:36px;border-radius:25px;line-height:36px;text-align:center;font-size:14px}
.form-status>div a.left{border:1px solid #c2c2c2;color:#333;margin-right:16px}
.form-status>div a.right{background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);color:#fff}
.main-loading{position:fixed;background:#000;height:100%;width:100%;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}
.main-loading.vcearth{background:#fff}
.spinner{width:40px;height:40px;position:relative;margin:300px auto}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}
}.box{display:inline-block;border-radius:3px;font-size:30px;color:rgba(200,200,200,0.5);margin-bottom:.25em;vertical-align:middle;-webkit-transition:.3s color,.3s border;transition:.3s color,.3s border}
[class*="loader-"]{display:inline-block;width:1em;height:1em;color:inherit;vertical-align:middle;pointer-events:none}
.loader{position:relative}
.loader:before,.loader:after{content:'';display:block;position:absolute;border-radius:50%;border:.1em solid transparent;border-bottom-color:#e49d6a;top:0;left:0;-webkit-animation:1s loader linear infinite;animation:1s loader linear infinite}
.loader.vcearth:before,.loader.vcearth:after{border-bottom-color:#00d8ff}
.loader:before{width:1em;height:1em}
.loader:after{width:.8em;height:.8em;top:.1em;left:.1em;-webkit-animation-direction:reverse;animation-direction:reverse}
@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.join-button-loading{top:3px;right:4px;display:inline-block !important}
.sk-fading-circle{width:14px;height:14px;position:relative;display:none}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}
40%{opacity:1}
}.d-message{display:none;width:100%;position:fixed;top:175px;z-index:10001}
.d-message.show{display:inline-flex;justify-content:center}
.d-message>div{display:inline-block;font-size:14px;color:#333;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15);border-radius:4px;padding:14px 20px 14px 52px;background-color:#fff;background-size:20px 20px;background-repeat:no-repeat;background-position:20px 50%}
.d-message>div.warning{background-image:url("../img/warning.png")}
.d-message>div.danger{background-image:url("../img/close-circle.png")}
.d-message>div.success{background-image:url("../img/yes.png")}
@-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 loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-o-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-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}
}.nav-title{position:relative}
.nav-title>img{height:62px}
.nav-title p{font-size:36px;color:#333;position:absolute;bottom:-18px;left:0;font-weight:bold}
.nav-title a{width:120px;height:36px;background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);border-radius:20px;line-height:36px;font-size:14px;color:#fff;text-align:center;position:absolute;right:0;bottom:-18px;cursor:pointer;display:block}
.nav-title a img{width:16px;height:16px;display:inline-block;vertical-align:sub}
.ajax-loading{width:100%;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;background:#fff}

.clear:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.clear{zoom:1}
.ex-container .ex-banner{ width: 100%;margin-top: 60px;}
.ex-container .ex-banner img{ width: 100%;}
.ex-container .ex-content{ width: 1200px;margin: 0 auto 62px;}
.ex-container .ex-title {text-align: center;}
.ex-container .ex-title h1{font-size: 30px;font-weight: 800; color: #333333; line-height: 52px;}
.ex-container .ex-title p{width: 975px;margin: 0 auto;font-size: 14px; font-weight: 500; color: #333333; line-height: 26px;text-align: center;}
.ex-container .ex-extent{padding: 0 110px;border-top: 8px solid #00d8ff;margin-top: 35px;}
.ex-container .ex-extent .pit{padding: 20px 0; border-bottom: 1px solid #00d8ff;height: 100%;display:flex;}
.ex-container .ex-extent .pit-left{border-right:1px solid #00d8ff;width: 242px;flex:none;}
.ex-container .ex-extent .pit-left .pit-floor{font-size: 16px; font-weight: 500;color: #333333;line-height: 26px;}
.ex-container .ex-extent .pit-left .pit-floor span:nth-child(1){position: relative;}
.ex-container .ex-extent .pit-left .pit-floor span:nth-child(1)::before{color: #999;font-size: 12px;position: absolute;content:'/'; right: -10px;bottom: -2px;}
.ex-container .ex-extent .pit-left .pit-floor span:nth-child(2){color: #999;font-size: 12px;margin-left: 10px;}
.ex-container .ex-extent .pit-left .pit-theme{height: calc(100% - 20px);display: flex;align-items: center;}
.ex-container .ex-extent .pit-left .pit-theme img{max-width: 60%;}
.ex-container .ex-extent .pit-left .pit-theme p{ margin-top: 30px; width: 100%; font-size: 14px;color: #333;}
.ex-container .ex-extent .pit-left .pit-theme a{ margin-top: 30px; width: 100%; font-size: 14px;color: #333;display: inline-block;cursor: pointer;}
.ex-container .ex-extent .pit-left .pit-theme a::after{content: ""; width: 4px; height: 4px; border-right: 1px solid #333; border-bottom: 1px solid #333; display: inline-block; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-bottom: 2px; margin-left: 5px;}
.ex-container .ex-extent .pit-right{padding: 0 44px 23px 41px;width: 650px; flex:1;}
.ex-container .ex-extent .pit-right h2{line-height: 32px;font-size: 20px; font-weight: 800; color: #333333; margin: 0;margin-top: 23px;}
.ex-container .ex-extent .pit-right p{font-size: 14px; font-weight: 500; color: #333333; line-height: 26px;margin-top: 28px;}
.ex-container .ex-extent .pit-right a{font-size: 14px; font-weight: 500; color: #00d8ff; line-height: 26px;margin-top: 28px;display: inline-block;}
.ex-container .ex-extent .pit-right a::after{content: ""; width: 4px; height: 4px; border-right: 1px solid #00d8ff; border-bottom: 1px solid #00d8ff; display: inline-block; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-bottom: 2px; margin-left: 5px;}
.ex-container .ex-extent .pit-right .pit-button{margin-top: 23px;}
.ex-container .ex-extent .pit-right .pit-button div{color: #00d8ff;border: 1px solid #00d8ff; font-size: 12px;cursor: pointer;width:67px;text-align: center;height: 26px;line-height: 26px;float: left;}
.ex-container .ex-extent .pit-right .pit-button div.active{background: #00d8ff;color: #fff;}
.ex-container .ex-extent .pit-right .ph-ul{margin-top: 6px;}
.ex-container .ex-extent .pit-right .ph-ul li{margin-top: 26px;margin-right: 14px;float: left;}
.ex-container .ex-extent .pit-right .ph-ul li:nth-child(3n){margin-right: 0;}
.ex-container .ex-extent .pit-right .ph-ul .ph-img{width: 208px; height: 130px; background: #f8f8f8;display: flex;justify-content: center;align-items: center;text-align: center;cursor: pointer;}
.ex-container .ex-extent .pit-right .ph-ul .ph-img img{max-width: 100%;max-height: 100%;}
.ex-container .ex-extent .pit-right .ph-ul p{margin-top: 10px;width: 208px;}