.error-message{color:#e66112;font-size:12px;line-height:17px;margin-top:8px}.error-input .el-input__inner,.error-input .phone-block{border-color:#e66112!important}.contract-mobile{display:none}.contract{background-color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:22px;padding-bottom:140px}.contract .contract-head{background-image:url(https://resources1.interface003.com/web20/img/contract/bg.jpg);background-size:cover;height:100%;position:relative;width:100%}.contract .contract-head .head-top{margin:0 auto;padding:100px 0 93px;text-align:center;width:1200px}.contract .contract-head .head-top :first-child{color:#3d3d3d;font-size:55px;font-weight:600;line-height:77px;margin-bottom:8px}.contract .contract-head .head-top :last-child{color:#636976;font-size:16px;font-weight:300;line-height:22px}.contract .contract-head .head-bottom{background:hsla(0,0%,100%,.6);border-radius:10px 10px 0 0;margin:0 auto;padding:30px 60px;width:1200px}.contract .contract-head .head-bottom .head-bottom-ul{align-items:center;display:flex;justify-content:space-between}.contract .contract-head .head-bottom .head-bottom-ul li{display:flex;justify-content:space-between}.contract .contract-head .head-bottom .head-bottom-ul li p{display:flex;flex-direction:column;margin-left:10px}.contract .contract-head .head-bottom .head-bottom-ul li p :first-child{color:rgba(42,98,255,.7);font-size:18px;line-height:25px}.contract .contract-head .head-bottom .head-bottom-ul li p :last-child{color:rgba(101,110,133,.5);font-size:14px;line-height:20px}.contract .contract-head .head-bottom .head-bottom-ul .vertical-line{border:1px solid rgba(0,0,0,.06);height:0;transform:rotate(90deg);width:38px}.contract .contract-tabs{margin:0 auto;width:100%}.contract .contract-tabs .tabs-btn{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.05);text-align:center}.contract .contract-tabs .tabs-btn .tabs-btn-ul .wiki-nav-item{color:#a3a3a3;font-size:20px;font-style:normal;font-weight:400;line-height:34px;margin:0 33px;padding:20px 0;white-space:nowrap}.contract .contract-tabs .tabs-btn .tabs-btn-ul .home-tab-active{border-bottom:1px solid #3d3d3d;color:#3d3d3d;font-size:24px;font-weight:600;text-align:center}.contract .contract-tabs main{margin:20px auto 0;width:1200px}.contract .contract-tabs main .el-input .el-select-dropdown__item.selected{align-items:center;color:#000}.contract .contract-tabs main .el-input .el-input__inner:focus{border-color:#3d3d3d}.contract .contract-tabs main .el-input .el-input__inner{border-color:#e6e6e6;border-radius:5px;font-size:16px;font-style:normal;font-weight:400;height:44px;line-height:22px;padding:7px 16px;width:540px}.contract .contract-tabs main .el-input .el-input__suffix{align-items:center;display:flex;margin-right:16px}.contract .contract-tabs main h1{color:rgba(61,61,61,.3);font-size:32px;font-weight:600;line-height:45px;margin:50px auto;text-align:center}.contract .contract-tabs main .basic-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.contract .contract-tabs main .basic-info .company-name{margin-bottom:46px}.contract .contract-tabs main .basic-info .company-name label{color:#3d3d3d;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:20px}.contract .contract-tabs main .basic-info .company-name .error-input .el-input .el-input__inner{border-color:#e66112}.contract .contract-tabs main .basic-info .nationality-box .nationality-block{border:1px solid #e6e6e6;border-radius:5px;cursor:pointer;height:44px;margin-top:20px;padding:11px 16px;position:relative;width:540px}.contract .contract-tabs main .basic-info .nationality-box .nationality-block .country-block{align-items:center;color:#3d3d3d;display:flex;font-family:DIN;font-size:16px;font-style:normal;font-weight:400;z-index:1}.contract .contract-tabs main .basic-info .nationality-box .nationality-block .country-block img{border-radius:2px;height:15px;width:25px}.contract .contract-tabs main .basic-info .nationality-box .nationality-block .country-block i{color:#3d3d3d;margin:0 8px;transition:.28s ease-in-out}.contract .contract-tabs main .basic-info .nationality-box .nationality-block .country-block .rotate{transform:rotate(-180deg)}.contract .contract-tabs main .basic-info .nationality-box .nationality-block .el-input .el-input__inner{border:0;height:38px;width:400px}.contract .contract-tabs main .kol-info{flex-direction:row;flex-wrap:wrap}.contract .contract-tabs main h6{width:1200px}.contract .contract-tabs main h6 label{color:#3d3d3d;font-size:16px;font-weight:600;line-height:22px}.contract .contract-tabs main .input-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:1200px}.contract .contract-tabs main .input-info .input-info-li{cursor:default;margin-top:46px;position:relative;width:540px}.contract .contract-tabs main .input-info .input-info-li .error-input .el-input__inner{border-color:#e66112!important}.contract .contract-tabs main .input-info .input-info-li label{color:#3d3d3d;display:flex;font-size:16px;font-weight:500;line-height:22px;margin-bottom:17px}.contract .contract-tabs main .input-info .input-info-li label .iconfont{font-size:24px;margin-right:10px}.contract .contract-tabs main .input-info .input-info-li .phone-block{align-items:center;border:1px solid #e6e6e6;border-radius:5px;display:flex;height:44px;position:relative;width:540px}.contract .contract-tabs main .input-info .input-info-li .phone-block .country-block{align-items:center;color:#3d3d3d;cursor:pointer;display:flex;font-family:DIN;font-size:16px;font-style:normal;font-weight:400;z-index:1}.contract .contract-tabs main .input-info .input-info-li .phone-block .country-block img{border-radius:2px;height:15px;margin:0 6px 0 16px;width:25px}.contract .contract-tabs main .input-info .input-info-li .phone-block .country-block i{color:#3d3d3d;margin-left:8px;transition:.28s ease-in}.contract .contract-tabs main .input-info .input-info-li .phone-block .country-block .rotate{transform:rotate(-180deg)}.contract .contract-tabs main .input-info .input-info-li .phone-block .el-input .el-input__inner{border:0;height:38px;width:400px}.contract .contract-tabs main .input-info .error-input .el-input .el-input__inner{border-color:#e66112}.contract .contract-tabs main h5{color:#3d3d3d;font-size:16px;font-weight:500;line-height:22px;margin:46px auto 0}.contract .contract-tabs main .textarea{height:100%;margin:20px auto 46px;position:relative;width:100%}.contract .contract-tabs main .textarea .el-textarea__inner{border-color:#dcdfe6;color:#3d3d3d;font-size:14px;font-style:normal;font-weight:400;height:220px;line-height:20px;padding:20px;width:1200px}.contract .contract-tabs main .textarea .el-textarea__inner:focus{border-color:#3d3d3d}.contract .contract-tabs main .textarea .err-textarea .el-textarea__inner{border-color:#e66112!important}.contract .contract-tabs main .textarea .el-textarea .el-input__count{color:#ccc;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.contract .upload-img{border-bottom:1px solid #e6e6e6;height:168px;margin:0 auto;width:1200px}.contract .upload-img h6{color:#3d3d3d;font-size:16px;font-weight:500;line-height:22px;margin-bottom:20px}.contract .upload-img div{align-items:center;display:flex;position:relative}.contract .upload-img div .call-word{align-items:center;color:#7a7a7a;display:flex;font-size:14px;font-weight:400;height:26px;line-height:26px;margin-left:20px}.contract .upload-img div .is-upload-err{color:#e66112}.contract .upload-img .el-upload-list__item-actions{height:80px;width:80px}.contract .upload-img .el-upload--picture-card{background:#fafafa;border:1px solid #e1e3e6;border-radius:5px;float:left;height:80px;margin-right:8px;width:80px}.contract .upload-img .default-img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.contract .upload-img .el-upload__tip{display:inline-block;font-size:14px;line-height:26px;margin-left:20px;width:354px}.contract .upload-img .el-upload-list--picture-card .el-upload-list__item{height:80px;margin:3px 8px 0 0;width:80px}.contract .submit-btn{margin:50px auto 0;text-align:center}.contract .submit-btn button{background:#323947;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:50px;width:220px}.contract .dialog .el-dialog{border-radius:12px;gap:30px;padding:30px 40px;width:534px;z-index:9999}.contract .dialog .el-dialog__header{padding:0}.contract .dialog .el-dialog__header .dialog-header-title{align-items:center;display:flex}.contract .dialog .el-dialog__header .dialog-header-title .iconfont{font-size:23px}.contract .dialog .el-dialog__header span{color:#3d3d3d;font-size:20px;font-weight:600;line-height:28px;margin-left:10px}.contract .dialog .el-dialog__body{padding:24px 0 30px}.contract .dialog .el-dialog__body span{color:#7a7a7a;display:block;font-size:18px;font-weight:400;line-height:25px;width:456px}.contract .dialog .el-dialog__footer button{background:#323947;border:none;border-radius:4px;gap:10px;height:38px;padding:8px 50px;width:132px}.contract .dialog .el-dialog__footer button span{font-size:16px;font-weight:400;line-height:22px}@media screen and (max-width:1199px){.contract .contract-head .head-bottom,.contract .contract-head .head-top{width:940px}.contract .contract-head .head-bottom .head-bottom-ul .last-li-block,.contract .contract-head .head-top .head-bottom-ul .last-li-block{display:none}.contract .contract-tabs main{width:940px}.contract .contract-tabs main .el-input .el-input__inner{width:445px}.contract .contract-tabs main .input-info{width:940px}.contract .contract-tabs main .input-info .input-info-li,.contract .contract-tabs main .input-info .input-info-li .phone-block{width:445px}.contract .contract-tabs main .input-info .input-info-li .phone-block .el-input .el-input__inner{border:0;height:38px;width:310px}.contract .contract-tabs main .basic-info .nationality-box,.contract .contract-tabs main .basic-info .nationality-box .nationality-block{width:445px}.contract .contract-tabs main .textarea .el-textarea__inner,.contract .upload-img{width:940px}}@media screen and (max-width:999px){.contract .contract-head .head-bottom,.contract .contract-head .head-top{width:760px}.contract .contract-head .head-bottom .head-bottom-ul .last-li-block,.contract .contract-head .head-bottom .head-bottom-ul .longlanguage,.contract .contract-head .head-top .head-bottom-ul .last-li-block,.contract .contract-head .head-top .head-bottom-ul .longlanguage{display:none}.contract .contract-tabs main{width:760px}.contract .contract-tabs main .el-input .el-input__inner{width:357px}.contract .contract-tabs main .input-info{width:760px}.contract .contract-tabs main .input-info .input-info-li,.contract .contract-tabs main .input-info .input-info-li .phone-block{width:357px}.contract .contract-tabs main .input-info .input-info-li .phone-block .el-input .el-input__inner{border:0;width:220px}.contract .contract-tabs main .basic-info .nationality-box,.contract .contract-tabs main .basic-info .nationality-box .nationality-block{width:357px}.contract .contract-tabs main .textarea .el-textarea__inner,.contract .upload-img{width:760px}.contract .upload-img div .call-word{width:230px}}@media screen and (max-width:799px){label{color:#3d3d3d;font-size:14px;height:20px;line-height:20px}.error-input .el-input .el-input__inner{border-color:#e66112}.el-autocomplete{display:block;z-index:1!important}.el-input__inner{font-size:16px;font-style:normal;font-weight:400;height:48px;line-height:22px;position:relative}.el-input__inner::focus{border-color:#000}.icon-search{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.contract{display:none}.contract-mobile{display:block;font-style:normal;font-weight:400}.contract-mobile .tabs-btn{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05);margin-bottom:24px;width:100%}.contract-mobile .tabs-btn .tabs-btn-ul .wiki-nav-item{color:#a3a3a3;font-size:16px;font-style:normal;font-weight:400;gap:10px;line-height:22px;margin:0 13.16px;padding:9px 0;white-space:nowrap}.contract-mobile .tabs-btn .tabs-btn-ul .wiki-nav-item:first-child{margin:0 13.16px 0 20px}.contract-mobile .tabs-btn .tabs-btn-ul .home-tab-active{border-bottom:1px solid #3d3d3d;color:#3d3d3d;font-size:16px;font-style:normal;font-weight:600;line-height:22px}.contract-mobile .main{padding:0 20px}.contract-mobile .main .margin-block{margin:12px 0 24px}.contract-mobile .main .margin-block .el-input .el-input__inner:focus{border-color:#000}.contract-mobile .main .nationality-block{margin:12px 0 24px;position:relative}.contract-mobile .main .nationality-block .country-block{align-items:center;border:1px solid #dcdfe6;border-radius:4px;display:flex;height:48px;padding:0 15px;width:100%}.contract-mobile .main .nationality-block .country-block img{height:16px;width:24px}.contract-mobile .main .nationality-block .country-block span{color:#3d3d3d;font-size:16px}.contract-mobile .main .nationality-block .country-block i{margin:0 10px}.contract-mobile .main .four-contact-way{margin-bottom:24px}.contract-mobile .main .four-contact-way .ico-mobile{align-items:center;display:flex;justify-content:space-between;margin:12px 0}.contract-mobile .main .four-contact-way .ico-mobile li{align-items:center;background:rgba(61,61,61,.01);border:1px solid hsla(0,0%,45%,.05);border-radius:6px;display:flex;flex-direction:column;flex-wrap:wrap;height:63px;justify-content:center;width:72.75px}.contract-mobile .main .four-contact-way .ico-mobile li i{font-size:22px}.contract-mobile .main .four-contact-way .ico-mobile li p{color:#3d3d3d;font-size:12px;height:17px;line-height:17px;margin-top:4px}.contract-mobile .main .four-contact-way .ico-mobile .actived{border-color:#ffd733}.contract-mobile .main .four-contact-way .phone-block{align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:5px;display:flex;height:48px;justify-content:center;position:relative;width:100%}.contract-mobile .main .four-contact-way .phone-block .country-block{align-items:center;display:flex;justify-content:space-between}.contract-mobile .main .four-contact-way .phone-block .country-block img{height:16px;margin:0 6px 0 16px;width:24px}.contract-mobile .main .four-contact-way .phone-block .country-block span{color:#3d3d3d;font-family:DIN;font-size:17px;font-weight:500}.contract-mobile .main .four-contact-way .phone-block .country-block i{margin-left:8px}.contract-mobile .main .four-contact-way .phone-block .el-input .el-input__inner{border:0;height:46px;padding-left:10px}.contract-mobile .main .four-contact-way .el-input .el-input__inner:focus{border-color:#000}.contract-mobile .main .four-contact-way .error-input .el-input__inner{border-color:#e66112!important}.contract-mobile .main .textarea{height:100%;position:relative;width:100%}.contract-mobile .main .textarea h5{color:#3d3d3d;font-size:14px;font-style:normal;font-weight:400;height:20px;line-height:20px}.contract-mobile .main .textarea .el-textarea__inner{color:#3d3d3d;font-size:14px;font-style:normal;font-weight:400;height:126px;margin:12px 0 24px;padding:12px 16px;width:100%}.contract-mobile .main .textarea .el-textarea__inner:focus{border-color:#3d3d3d}.contract-mobile .main .textarea .el-textarea .el-input__count{color:#ccc;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.contract-mobile .main .el-input__inner :focus{border-color:#3d3d3d}.contract-mobile .main .el-select-dropdown__item.selected{align-items:center;color:#000}.contract-mobile .upload-img{padding:0 20px}.contract-mobile .upload-img h6{color:#3d3d3d;font-size:14px;font-style:normal;font-weight:400;height:20px;line-height:20px;margin-bottom:12px}.contract-mobile .upload-img .el-upload--picture-card{background:#fafafa;border:1px solid #e1e3e6;border-radius:5px;height:72px;position:relative;width:72px}.contract-mobile .upload-img .el-upload-list--picture-card .el-upload-list__item{height:72px;margin:0 12px 12px 0;width:72px}.contract-mobile .upload-img .is-upload-success{display:none}.contract-mobile .upload-img .is-upload-err{color:#e66112;display:block;font-size:12px;font-style:normal;font-weight:400;line-height:26px}.contract-mobile .submit-btn{text-align:center}.contract-mobile .submit-btn button{border:.5px solid rgba(0,0,0,.05);border-radius:6px;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:27px auto 70px;padding:13px 0;width:327px}.contract-mobile .submit-btn .not-allow{background:#fafafa;color:#ccc}.contract-mobile .submit-btn .allow{background:#323947;color:#fff}.contract-mobile .dialog .el-dialog{border-radius:16px;gap:30px;width:327px}.contract-mobile .dialog .el-dialog__header{padding:24px 24px 14px}.contract-mobile .dialog .el-dialog__header .dialog-header-title{align-items:center;color:#3d3d3d;display:flex;font-size:17px;font-weight:600;justify-content:center;line-height:24px}.contract-mobile .dialog .el-dialog__header span{color:#3d3d3d;font-size:20px;font-weight:600;line-height:28px;margin-left:10px}.contract-mobile .dialog .el-dialog__body{padding:0 24px 24px;text-align:center}.contract-mobile .dialog .el-dialog__body span{color:#7a7a7a;font-size:14px;font-weight:400;line-height:20px}.contract-mobile .dialog .el-dialog__footer{box-shadow:0 -1px 0 #f2f2f2;padding:0}.contract-mobile .dialog .el-dialog__footer button{background:#fff;border:none}.contract-mobile .dialog .el-dialog__footer button span{color:#323947;font-size:17px;font-style:normal;font-weight:600;height:24px;line-height:24px}html[dir=rtl] .contract-mobile .upload-img .el-upload-list--picture-card .el-upload-list__item{margin:0 0 12px 12px}html[dir=rtl] .contract-mobile .el-input__suffix,html[dir=rtl] .contract-mobile .icon-search{left:2%;right:unset}html[dir=rtl] .contract-mobile .main .four-contact-way .phone-block .country-block i{margin:unset;margin-right:8px}}html[dir=rtl] .el-scrollbar__bar.is-vertical>div{width:0}html[dir=rtl] .contract .contract-tabs main .el-input .el-input__suffix{left:0;position:absolute}html[dir=rtl] .contract .contract-tabs main .el-input .el-input__suffix .el-input__suffix-inner .icon-search{left:3%;position:absolute;top:50%;transform:translateY(-50%)}html[dir=rtl] .contract .contract-tabs main .input-info .input-info-li .phone-block .country-block i{margin:unset;margin-right:8px}html[dir=rtl] .contract .contract-tabs main .input-info .input-info-li label .iconfont{margin:unset;margin-left:10px}html[dir=rtl] .contract .contract-tabs main .textarea .el-textarea .el-input__count{left:unset;position:absolute;right:93.5%}html[dir=rtl] .contract .upload-img div .call-word{margin:unset;margin-right:20px}html[dir=rtl] .contract .dialog .el-dialog__header span{margin:unset;margin-right:10px}html[dir=rtl] .contract .user-country{left:unset!important;right:0!important}@media screen and (max-width:1199px){html[dir=rtl] .contract .contract-tabs main .textarea .el-textarea .el-input__count{right:92%}}@media screen and (max-width:999px){html[dir=rtl] .contract .contract-tabs main .textarea .el-textarea .el-input__count{right:90%}}