body{min-width:1900px}.contact{margin-top:90px;background-color:#fff;overflow:hidden}.contact-banner{width:100%;height:748px;padding-top:158px;background:no-repeat center;background-size:cover}.contact-banner .contact-banner-title{margin-bottom:60px}.contact-banner .contact-banner-title h1{font-family:BowlbyOne;font-size:56px;text-align:center;margin-bottom:70px}.contact-banner .contact-banner-title h2{font-family:HelveticaNeueLTPro-Md;font-size:24px;font-weight:600;text-align:center}.contact-banner .contact-banner-content ul{display:flex}.contact-banner .contact-banner-content ul>li{width:202px;box-shadow:0 2px 16px #0000001A;background-color:#fff;border-radius:14px;margin-right:40px;padding:25px 26px 25px 18px}.contact-banner .contact-banner-content ul>li .top{display:flex;width:36px;height:36px;margin-bottom:16px}.contact-banner .contact-banner-content ul>li .bottom .title{font-family:HelveticaNeueLTPro-Md;font-size:16px;font-weight:600;margin-bottom:6px}.contact-banner .contact-banner-content ul>li .bottom p{font-family:HelveticaNeueLTPro-Md;font-size:14px;color:#333;line-height:18px}.contact-form{padding-top:92px}.contact-form .form-containner{width:664px;margin:0 auto}.contact-form .contact-form-title{font-family:HelveticaNeueLTPro-Md;font-size:24px;font-weight:600;margin-bottom:66px;text-align:center}.feedback-from .from-row{display:flex;margin-bottom:30px}.feedback-from .from-row .from-item{margin-right:64px}.feedback-from .from-row .error-msg{display:none;font-family:HelveticaNeueLTPro-Md;font-size:16px;color:#f96666;margin-top:8px}.feedback-from .from-row .tip{display:block;font-family:HelveticaNeueLTPro-Md;font-size:14px;margin-bottom:16px}.feedback-from .from-row .code-input input,.feedback-from .from-row .email-input input,.feedback-from .from-row .select-category .optionVal-category,.feedback-from .from-row .select-system .optionVal-system,.feedback-from .from-row .username-input input{position:relative;padding:0 21px 0 16px;width:300px;height:60px;border-radius:14px;border:2px solid #ccc;font-size:16px;font-family:HelveticaNeueLTPro-Md;line-height:60px}.feedback-from .from-row .select-category .optionVal-category span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:97%;display:block}.feedback-from .from-row .code-input{margin-right:16px}.feedback-from .from-row .area-box .from-area{padding:20px 48px 0 24px;width:664px;height:236px;border:2px solid #ccc;font-size:16px;font-family:HelveticaNeueLTPro-Md;border-radius:14px;box-sizing:border-box;resize:none}.feedback-from .from-row .area-box .from-area::-webkit-input-placeholder{color:#bbb}.feedback-from .from-row .area-box .from-area:focus,.feedback-from .from-row .code-input input:focus,.feedback-from .from-row .email-input input:focus,.feedback-from .from-row .username-input input:focus{border:2px solid #333}.feedback-from .from-row .area-box .from-area{outline:0}.feedback-from .from-row .select-category .optionVal-category::after,.feedback-from .from-row .select-system .optionVal-system::after{content:'';position:absolute;width:11px;height:6px;right:21px;top:50%;transform:translateY(-50%);background-image:url(/dist/img/select_icon.svg)}.feedback-from .from-row .select-category .optionVal-category.active::after,.feedback-from .from-row .select-system .optionVal-system.active::after{transform:translateY(-50%) rotate(180deg)}.feedback-from .from-row .select-category .optionVal-category.active .selectOption,.feedback-from .from-row .select-system .optionVal-system.active .selectOption{display:block}.feedback-from .from-row .select-category .optionVal-category .selectOption,.feedback-from .from-row .select-system .optionVal-system .selectOption{position:absolute;top:56px;left:-2px;width:300px;border:2px solid #ccc;border-radius:14px;background-color:#fff;overflow:hidden;display:none;z-index:1}.feedback-from .from-row .select-category .optionVal-category .selectOption .select-val,.feedback-from .from-row .select-system .optionVal-system .selectOption .select-val{padding-left:14px;height:36px;font-size:16px;line-height:36px}.feedback-from .from-row .select-category .optionVal-category .selectOption .select-val:hover,.feedback-from .from-row .select-system .optionVal-system .selectOption .select-val:hover{background-color:#f2f2f2}.feedback-from .from-row .file-upload{display:flex;width:664px;border:2px solid #ccc;border-radius:14px}.feedback-from .from-row .file-upload .add-file-btn-group{display:flex;align-items:center;height:76px;margin-left:33px;margin-right:17px}.feedback-from .from-row .file-upload .add-file-btn .add-file-input{display:none}.feedback-from .from-row .file-upload .add-file-btn{width:36px;height:36px;background:no-repeat center;background-image:url(/dist/img/add_btn.svg);cursor:pointer}.feedback-from .from-row .file-upload .flie-infomation{width:100px;height:76px;position:relative;margin-right:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feedback-from .from-row .file-upload .flie-infomation .delete-file{position:absolute;width:16px;height:16px;top:4px;right:22px;background:no-repeat center url(/dist/img/del_icon.svg)}.feedback-from .from-row .file-upload .flie-infomation .file-img{display:block;background:no-repeat center url(/dist/img/img_icon.webp);width:38px;height:38px;margin:11px auto 6px;border:2px solid #000;border-radius:6px}.feedback-from .from-row .file-upload .flie-infomation .file-name{font-size:12px;height:16px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feedback-from .from-row .code-box{transform:translateY(40px);height:60px}.feedback-from .from-row .code-box #canvas-code{width:122px;height:60px;border:2px solid #ccc;border-radius:14px;box-sizing:border-box}.button{width:100%;text-align:center;justify-content:center}.button button{position:relative;width:230px;height:50px;background:#0f45f5;border-radius:11px;color:#fff;font-family:HelveticaNeueLTPro-Md;font-size:16px;cursor:pointer;transition:all .3s}.feedback-from .from-row.btn-row{margin-bottom:109px}.feedback-from .from-row .area-box.err .from-area,.feedback-from .from-row .code-input.err input,.feedback-from .from-row .email-input.err input,.feedback-from .from-row .file-box.err .file-upload,.feedback-from .from-row .select-category.err .optionVal-category,.feedback-from .from-row .select-system.err .optionVal-system,.feedback-from .from-row .username-input.err input{border:2px solid #f96666}.feedback-from .from-row .area-box.err .error-msg,.feedback-from .from-row .code-input.err .error-msg,.feedback-from .from-row .email-input.err .error-msg,.feedback-from .from-row .file-box.err .error-msg,.feedback-from .from-row .select-category.err .error-msg,.feedback-from .from-row .select-system.err .error-msg,.feedback-from .from-row .username-input.err .error-msg{display:block}@media (max-width: 979px){html{font-size:50px}body{min-width:100%}.contact{margin-top:1rem}.contact-banner{height:inherit;padding:1.92rem 0 0.2rem}.contact-banner .contact-banner-title{margin-bottom:.64rem}.contact-banner .contact-banner-title h1{font-size:38px;margin-bottom:.64rem}.contact-banner .contact-banner-title p{font-size:18px}.contact-banner .contact-banner-content .ul-containner{width:100vw;overflow:hidden}.contact-banner .contact-banner-content ul{overflow-x:scroll}.contact-banner .contact-banner-content ul::-webkit-scrollbar{display:none}.contact-banner .contact-banner-content ul>li{flex-shrink:0;margin-right:.48rem}.contact-form{padding-top:1.28rem}.contact-form .form-containner{width:100%;margin:0}.contact-form .contact-form-title{font-size:18px;margin-bottom:.6rem}.feedback-from .from-row{flex-wrap:wrap;margin:0;justify-content:center}.feedback-from .from-row .from-item{margin-right:0;margin-bottom:.44rem}.feedback-from .from-row .area-box .from-area{width:6rem;padding:.4rem .3rem 0}.feedback-from .from-row .file-upload{width:300px}.feedback-from .from-row .file-upload .add-file-btn-group{margin-left:.4rem}.feedback-from .from-row .file-upload .flie-infomation{width:54px}.feedback-from .from-row .file-upload .flie-infomation .delete-file{right:0}.feedback-from .from-row .code-box{transform:translateY(0)}.feedback-from .from-row.code-row .code-input.from-item{margin-bottom:.32rem}.feedback-from .from-row.code-row{justify-content:flex-start;margin-left:.5rem}.feedback-from .from-row.code-row .from-item{margin-bottom:.48rem}.feedback-from .from-row.btn-row{margin-bottom:1.6rem}}
