.popContact{display:flex;justify-content:center;align-items:center}.popContact .pop-body{border-radius:8px;display:flex;overflow:hidden}.popContact .pop-body.home-page-pop .contact-pop-right{padding:40px 50px;background:var(--White);border-radius:0;width:720px}.popContact .pop-body.home-page-pop .contact-pop-left{padding:60px 30px;display:flex;flex-direction:column;justify-content:space-between;background:url("../img/contact/contact-bg.png") no-repeat right top/100% auto,linear-gradient(180deg, #002766 0%, #052558 100%);width:380px}.popContact .pop-body.home-page-pop .contact-pop-left .font-box .tit{color:var(--White);font-size:30px;font-weight:600;line-height:130%}.popContact .pop-body.home-page-pop .contact-pop-left .font-box .contact-ul{display:flex;flex-direction:column;margin-top:35px;gap:10px}.popContact .pop-body.home-page-pop .contact-pop-left .font-box .contact-ul .li{display:flex;align-items:center;gap:10px;color:var(--White);font-size:14px;font-weight:400;line-height:100%}.popContact .pop-body.home-page-pop .contact-pop-left .contact-bottom{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}.popContact .pop-body.home-page-pop .contact-pop-left .contact-bottom .img-tit{color:var(--White);font-size:14px;font-weight:500;line-height:100%}.popContact .pop-body.home-page-pop .contact-pop-left .contact-bottom .imgs{display:flex;align-items:center;gap:10.32px;margin-top:15px}.popContact .pop-body.home-page-pop .contact-pop-left .contact-bottom .imgs>img{height:43px}.popContact .pop-body .contact-pop-left{display:none}.popContact .pop-body .contact-pop-right{position:relative;padding:25px;border-radius:4px;background:var(--White);width:600px}.popContact .pop-body .contact-pop-close{width:30px;height:30px;position:absolute;right:15px;top:15px;cursor:pointer}.popContact .pop-body .pop-tit{color:var(--BK_01);font-size:18px;font-weight:600;line-height:100%;margin-bottom:35px}.popContact .pop-body .luna-col{display:flex;align-items:flex-start;gap:15px}.popContact .pop-body .luna-col+.luna-col{margin-top:20px}.popContact .pop-body .luna-col .form-item{display:flex;width:calc((100% - 15px) / 2);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px}.popContact .pop-body .luna-col .form-item.use-case{width:100%}.popContact .pop-body .luna-col .form-item .label{color:var(--BK_01);font-size:14px;font-weight:400;line-height:100%}.popContact .pop-body .luna-col .form-item .label.required::after{content:" *";color:var(--Tip_01)}.popContact .pop-body .luna-col .form-item .input-box{display:flex;align-items:center;border-radius:4px;border:1px solid #E2E6ED}.popContact .pop-body .luna-col .form-item .input-box.focus{border:1px solid #D0D5DD}.popContact .pop-body .luna-col .form-item .input-box .luna-select{width:120px;flex:none;display:flex;align-items:center;gap:5px;padding-left:15px;background:#F8F9FB;border-radius:4px 0 0 4px}.popContact .pop-body .luna-col .form-item .input-box .luna-select .activeFlag{width:20px;height:20px;border-radius:50%}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-input{border:0;padding-right:29px;border-radius:4px 0 0 4px;border-right:1px solid #E2E6ED;padding-left:0;background:#F8F9FB}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box{left:-1px}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box .search-region{display:flex;align-items:center;padding:0 15px;gap:15px;border-bottom:1px solid #E2E6ED;width:100%;margin:0 auto}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box .search-region .icon{width:14px;height:14px;cursor:pointer}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box .search-region .luna-text{padding:0}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box .luna-select-option{display:flex;align-items:center;gap:5px}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box .luna-select-option .flag{width:20px;height:20px;border-radius:50%}.popContact .pop-body .luna-col .form-item .input-box .luna-select .luna-select-box.phone-code-list{width:300px}.popContact .pop-body .luna-col .form-item .input-box .luna-text{border:0}.popContact .pop-body .luna-col .form-item .luna-text{width:100%}.popContact .pop-body .luna-col .form-item .luna-textarea{background-color:#FFF}.popContact .pop-body .tips{margin-top:15px;color:var(--BK_02);font-size:12px;font-weight:400;line-height:130%}.popContact .pop-body .tips span{display:inline}.popContact .pop-body .tips>a{color:var(--VI_01);display:inline}.popContact .pop-body .btn-group{display:flex;justify-content:flex-end;align-items:flex-start;gap:10px;margin-top:30px}.popContact .pop-body .btn-group .info-btn-small,.popContact .pop-body .btn-group .primary-btn-small{padding:11px 30px}@media screen and (max-width: 1280px){.popContact .pop-body{max-height:calc(100% - 120px);border-radius:8px}.popContact .pop-body .contact-box{height:100%}.popContact .pop-body.home-page-pop .contact-pop-right{width:460px;padding:40px;overflow-y:auto}.popContact .pop-body.home-page-pop .contact-pop-right::-webkit-scrollbar{width:4px;background-color:#fff}.popContact .pop-body.home-page-pop .contact-pop-right::-webkit-scrollbar-track{border-radius:6px;background-color:transparent}.popContact .pop-body.home-page-pop .contact-pop-right::-webkit-scrollbar-thumb{border-radius:6px;background-color:#98A2BA}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col{flex-direction:column;gap:20px}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col .form-item{width:100%}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col .form-item .input-box{width:100%}.popContact .pop-body.home-page-pop .contact-pop-right .tips{margin-top:30px}.popContact .pop-body.home-page-pop .contact-pop-right .btn-group{margin-top:15px}.popContact .pop-body.home-page-pop .contact-pop-right .btn-group .cancel-btn{display:none}.popContact .pop-body.home-page-pop .contact-pop-right .btn-group .submit-btn{width:100%}.popContact .pop-body.home-page-pop .contact-pop-left{width:340px;padding:60px 30px}.popContact .pop-body.home-page-pop .contact-pop-left .font-box .tit{font-size:30px}.popContact .pop-body .contact-pop-right{width:460px;padding:40px}.popContact .pop-body .contact-pop-right .luna-col{flex-direction:column;gap:20px}.popContact .pop-body .contact-pop-right .luna-col .form-item{width:100%}.popContact .pop-body .contact-pop-right .luna-col .form-item .input-box{width:100%}.popContact .pop-body .contact-pop-right .tips{margin-top:30px}.popContact .pop-body .contact-pop-right .btn-group{margin-top:15px}.popContact .pop-body .contact-pop-right .btn-group .cancel-btn{display:none}.popContact .pop-body .contact-pop-right .btn-group .submit-btn{width:100%}}@media screen and (max-width: 960px){.popContact{align-items:flex-end}.popContact .pop-body{max-height:calc(100% - 60px);overflow-y:auto;border-radius:8px 8px 0 0}.popContact .pop-body.home-page-pop .contact-pop-right{width:100%;padding:25px 20px 40px 20px}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col{flex-direction:column}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col .form-item{width:100%}.popContact .pop-body.home-page-pop .contact-pop-right .luna-col .form-item .input-box{width:100%}.popContact .pop-body.home-page-pop .contact-pop-right .pop-tit{font-size:18px}.popContact .pop-body.home-page-pop .contact-pop-right .tips{font-size:13px}.popContact .pop-body.home-page-pop .contact-pop-left{display:none}.popContact .pop-body .contact-pop-right{width:100%;padding:25px 20px 40px 20px}.popContact .pop-body .contact-pop-right .luna-col{flex-direction:column}.popContact .pop-body .contact-pop-right .luna-col .form-item{width:100%}.popContact .pop-body .contact-pop-right .luna-col .form-item .input-box{width:100%;position:relative}.popContact .pop-body .contact-pop-right .luna-col .form-item .input-box .contact-phone-code{position:unset}.popContact .pop-body .contact-pop-right .luna-col .form-item .input-box .contact-phone-code .luna-select-icon{right:auto;left:95px}.popContact .pop-body .contact-pop-right .luna-col .form-item .input-box .contact-phone-code .phone-code-list{width:100%}.popContact .pop-body .contact-pop-right .pop-tit{font-size:18px}.popContact .pop-body .contact-pop-right .tips{font-size:13px;margin-top:30px}.popContact .pop-body .contact-pop-right .btn-group{margin-top:15px}.popContact .pop-body .contact-pop-right .btn-group .cancel-btn{display:none}.popContact .pop-body .contact-pop-right .btn-group .submit-btn{width:100%}}
