@charset "UTF-8";
.signup_body { background: #f5f7fa; min-height: 100vh; }
.signup_container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.signup_container .signup_header { text-align: center; margin-bottom: 40px; }
.signup_container .signup_title { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 12px; position: relative; display: inline-block; padding: 0 160px; }
.signup_container .signup_title::before, 
.signup_container .signup_title::after { content: ''; position: absolute; top: 50%; width: 143px; height: 12px;margin-top: -6px;}
.signup_container .signup_title::before { left: 0; background-image: url(../images/i-01.png);}
.signup_container .signup_title::after { right: 0; background-image: url(../images/i-02.png);}
.signup_body .signup_subtitle { font-size: 18px; color: #333; font-weight: bold; }
.signup_body .signup_form_box { background: #fff; border-radius: 8px; padding: 60px 80px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); }
.signup_body .signup_type_switch { display: flex; justify-content: center; gap: 20px; margin-bottom: 50px; }
.signup_body .type_btn { padding: 10px 60px; border: 1px solid #4CA5FF; border-radius: 6px; cursor: pointer; transition: all 0.3s; font-size: 18px; color: #4CA5FF; background: #fff;line-height: 28px;min-width: 160px;text-align: center;}
.signup_body .type_btn:hover { opacity: 0.8; }
.signup_body .type_btn.active { background: #4CA5FF; color: #fff; }
.signup_body .type_btn span { display: block; text-align: center; }
.signup_body .signup_form { max-width: 900px; margin: 0 auto; }
.signup_body .form-section-title { font-size: 18px; font-weight: bold; color: #303133; margin: 30px 0 20px; padding-left: 12px; border-left: 4px solid #4CA5FF; background: linear-gradient(to right, #f5f7fa, transparent); padding: 10px 12px; }
.signup_body .form_item { display: flex; align-items: center; margin-bottom: 24px; }
.signup_body .form_label { width: 200px; text-align: right; padding-right: 10px; font-size: 15px; color: #606266; flex-shrink: 0; }
.signup_body .required { color: #F56C6C; margin-right: 2px; }
.signup_body .form_input_box { flex: 1; max-width: 600px;display: flex;}
.signup_body .form_input { width: 100%; height: 40px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 15px; font-size: 14px; color: #606266; transition: all 0.3s; outline: none; }
.signup_body .form_input:hover { border-color: #c0c4cc; }
.signup_body .form_input:focus { border-color: #4CA5FF; box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1); }
.signup_body .form_input::placeholder { color: #c0c4cc; }
.signup_body textarea.form_input { height: 80px; resize: vertical; padding-top: 10px;padding-bottom: 10px;}
.signup_body select.form_input { cursor: pointer; }
.signup_body .radio-group, .signup_body .checkbox-group, .signup_body .bool-group { display: flex; gap: 20px; align-items: center; }
.signup_body .radio-label, .signup_body .checkbox-label { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; color: #606266; }
.signup_body .radio-label input, .signup_body .checkbox-label input { cursor: pointer; }
.signup_body .upload-box { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.signup_body .upload-btn { width: 150px; height: 120px; border: 2px dashed #d9d9d9; border-radius: 6px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s; position: relative; background: #fafafa; }
.signup_body .upload-btn:hover { border-color: #4CA5FF; background: #ecf5ff; }
.signup_body .upload-btn svg { margin-bottom: 8px; }
.signup_body .upload-text { font-size: 13px; color: #999; text-align: center; }
.signup_body .download-template-btn { display: flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1px solid #4CA5FF; border-radius: 4px; background: #fff; color: #4CA5FF; font-size: 14px; cursor: pointer; transition: all 0.3s; height: 40px; }
.signup_body .download-template-btn:hover { background: #ecf5ff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(64, 158, 255, 0.2); }
.signup_body .file-info { width: 100%; margin-top: 12px; padding: 10px 12px; background: #f5f7fa; border-radius: 4px; font-size: 13px; color: #606266; display: flex; align-items: center; gap: 10px; }
.signup_body .file-name { font-weight: 500; }
.signup_body .file-size { color: #909399; }
.signup_body .file-status { margin-left: auto; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.signup_body .file-status.success { background: #f0f9eb; color: #67c23a; }
.signup_body .file-status.error { background: #fef0f0; color: #f56c6c; }
.signup_body .file-preview { width: 100%; margin-top: 15px; border: 1px solid #ebeef5; border-radius: 4px; padding: 15px; background: #fafafa; }
.signup_body .preview-title { font-size: 14px; font-weight: bold; color: #606266; margin-bottom: 10px; }
.signup_body .preview-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.signup_body .preview-table th, .signup_body .preview-table td { border: 1px solid #ebeef5; padding: 8px 12px; text-align: left; }
.signup_body .preview-table th { background: #f5f7fa; font-weight: bold; color: #606266; }
.signup_body .preview-table tr:nth-child(even) { background: #fafafa; }
.signup_body .preview-table tr:hover { background: #ecf5ff; }
.signup_body .submit_box { text-align: center; margin-top: 60px; }
.signup_body .submit_btn { width: 180px; height: 44px; background: #4CA5FF; color: #fff; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; transition: all 0.3s; box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3); }
.signup_body .submit_btn:hover { background: #66b1ff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4); }
.signup_body .submit_btn:active { transform: translateY(0); }
.signup_body .submit_btn:disabled { background: #a0cfff; cursor: not-allowed; transform: none; box-shadow: none; }
.signup_body .empty-form { text-align: center; padding: 60px 20px; color: #909399; font-size: 14px; }

.file_preview_box{margin-left: -110px;margin-right: -110px;}

.wp {width: 100%;max-width: 1200px;margin: 0 auto;}
/*******************************
  -------[=头部]-------
********************************/
.header{border-top: 6px solid #4ca5ff;}
.header .hd{background-color: #eee;height: 92px;overflow: hidden;}
.header .hdr{float: right;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #fff;padding-left: 90px;background: #4ca5ff url(../images/i-bg1.png) no-repeat left center;-o-background-size: auto 100%;-ms-background-size: auto 100%;-moz-background-size: auto 100%;-webkit-background-size: auto 100%;background-size: auto 100%;}
.header .hdr a{color: #fff;padding: 0 5px;}
.header .hdr a:hover{opacity: .8;}
.header .hdr:after{content: '';position: absolute;top: 0;bottom: 0;left: 100%;width: 1000px;background-color: #4ca5ff;}
.logo{float: left;line-height: 92px;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;}
.nav{height: 52px;background-color: #4ca5ff;}
.nav li{float: left;margin-right: 62px;}
.nav li a{display: block;font-size: 18px;color: #fff;line-height: 52px;letter-spacing: 1px;}
.nav li:hover a{opacity: .8;}
/*******************************
  -------[=底部]-------
********************************/
.footer{text-align: center;font-size: 14px;line-height: 2;color: #fff;background-color: #4ca5ff;padding: 32px 0;}
.footer a{color: #fff;}

.signup_list ul{width: 100%;}
.signup_list li{width: 33.333%;padding:0 15px;margin-bottom: 30px;}
.signup_list li .item{height: 243px;background-color: #4ca5ff;border-radius: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding:15px 15px 35px;}
.signup_list li .item .icon{width: 136px;padding:20px;}
.signup_list li .item .icon img{width: 100%;height: 100%;object-fit: cover;}
.signup_list li .item .title{font-size: 20px;color: #fff;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;}