.header-container{background-color:transparent;padding:25px 0 0;box-shadow:none;-webkit-box-shadow:none}.header-banner{height:220px;background:url(../../images/contact/contactbg.png) center/cover no-repeat}.header-banner-title{font-size:30px;text-align:center;color:#fff;padding-top:56px;font-weight:400}.header-banner-text{color:#999;font-size:16px;text-align:center;padding-top:20px}.conffetibg{background:url(../../images/contact/conffeti.png) center no-repeat}.contact-content{width:970px;margin:60px auto 100px;background:#262626;border-radius:4px;padding:40px 40px 80px}.contact-content-item+.contact-content-item{margin-top:30px}.contact-content-title{font-size:14px;color:#999}.contact-content-input{margin-top:10px;width:100%;background:#333;border-radius:4px;display:block;color:#fff;height:48px;padding:0 20px;display:flex;align-items:center}.contact-content-input:focus{outline:#f3b133 solid 1px}.content input::-webkit-input-placeholder,.content textarea::-webkit-input-placeholder{color:#666;text-transform:uppercase}textarea.contact-content-input{height:144px;padding:20px}select.contact-content-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.contact-content-submit{width:480px;height:48px;display:block;margin:30px auto 0;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;padding:8px 12px;border-radius:6px;color:#fff;text-transform:uppercase}.contact-content-input-wrap{position:relative}.contact-content-input-wrap .down{color:#fff;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.contact-content-submit-tip{margin-top:12px;color:#999;font-size:14px;line-height:22px;text-align:center}.contact-content-submit-tip a{color:#2177ce;margin-left:8px;text-decoration:underline}.contact-content-submit-tip a:hover{color:#185cb1}.contact-content-upload{position:absolute;bottom:10px;right:10px;cursor:pointer}.contact-content-upload-input{width:100%;height:100%;opacity:0;position:absolute;pointer-events:none}.contact-content-upload-img{display:block;max-width:103px;max-height:54px;min-width:70px;object-fit:contain;border:1px dashed #fff;border-radius:4px}.contact-content-upload-hover{position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:rgba(51,51,51,.5);display:none;flex-direction:column;justify-content:center;align-items:center;font-size:14px;line-height:22px;color:#fff;pointer-events:none}.contact-content-upload-hover .svg-icon{font-size:20px}.contact-content-upload-hover.active{display:flex}.contact-content-upload-text{font-size:14px;line-height:22px;color:#999;display:none;align-items:center}.contact-content-upload-text .svg-icon{font-size:20px;margin-right:4px}.contact-content-upload-text:hover{color:#fff}.contact-content-upload-close,.contact-content-upload-img[src='']+.contact-content-upload-text{display:block}.contact-content-upload-close .svg-icon{position:absolute;top:-7px;left:-7px;z-index:1}.contact-content-upload-img[src=''],.contact-content-upload-img[src='']+.contact-content-upload-text+.contact-content-upload-close{display:none}.contact-success .popup-main{width:500px;height:300px;background:#fff;border-radius:4px;align-items:center;text-align:center}.contact-success-title{font-size:24px;color:#666;padding:38px 0 20px;display:flex;align-items:center;justify-content:center}.contact-success-title i{margin-right:10px;font-size:28px;color:#19bc9a;font-weight:400}.contact-success-des{font-size:16px;color:#666;line-height:22px}.contact-success-btn{width:240px;height:48px;margin:30px auto 0;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;border-radius:6px;color:#fff;text-transform:uppercase}@media (max-width:1000px){.header-container{background-color:transparent;padding:.12rem;box-shadow:none}.header-banner{height:1.5rem;padding-top:.45rem}.header-banner-title{padding-top:.4rem;font-size:.16rem;line-height:.18rem}.header-banner-text{width:3rem;margin:.1rem auto 0;font-size:.1rem;line-height:.12rem;padding-top:0}.contact-content{width:3.5rem;margin:.42rem auto .7rem;padding:.28rem .28rem .56rem}.contact-content-item+.contact-content-item{margin-top:.2rem}.contact-content-title{font-size:.11rem;color:#fff}.contact-content-input{height:.4rem;font-size:.11rem;padding:0 .1rem;border-radius:.02rem;margin-top:.07rem}.contact-content-input-wrap .down{font-size:.12rem}textarea.contact-content-input{font-size:.11rem;height:1.8rem;padding:.14rem;border-radius:.02rem}.contact-content-submit{width:2.4rem;height:.4rem;line-height:.4rem;font-size:.12rem;border-radius:.04rem;margin:.15rem auto 0}.contact-content-submit-tip,.contact-content-upload-hover,.contact-content-upload-text{font-size:.12rem;line-height:.14rem}.contact-content-submit-tip{margin-top:.08rem}.contact-content-upload-text .svg-icon{font-size:.14rem;margin-right:.03rem}.contact-content-upload-close .svg-icon{font-size:.12rem;top:-.06rem;left:-.06rem}.contact-content-upload-hover .svg-icon{font-size:.14rem}.contact-success .popup-main{width:3.5rem;height:2.1rem;border-radius:.03rem}.contact-success-title{font-size:.16rem;padding:.28rem 0 .14rem}.contact-success-title i{margin-right:.06rem;font-size:.2rem}.contact-success-des{font-size:.12rem;line-height:.15rem}.contact-success-btn{width:1.7rem;height:.32rem;margin:.2rem auto 0;font-size:.14rem;border-radius:.04rem}}