body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: '微软雅黑',-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#333; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:100%}}
@media screen and (min-width:640px) {html {font-size:100%}}
.nav_secondary{ position: fixed; top: 0; left: 0; width: 100%; background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index: 999; padding: 10px 0;}
    .nav_content{max-width: 1800px; width: 96%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
    .nav_secondary .nav_logo{ display: flex; align-items: center;}
    .nav_secondary .nav_logo a{display: block;width: 220px;}
    .nav_secondary .nav_logo img{width: 100%;}
    .nav_secondary .nav_logo_text{margin-left: 10px; padding-left: 20px; border-left: 2px solid #999;}
    .nav_secondary .nav_logo_text h1{font-size: 20px; font-weight: bold; color: #333;}
    .nav_secondary .nav_logo_text h2{font-size: 14px; color: #666;}
    .nav_secondary .nav_right{display: flex; align-items: center;}
    .nav_secondary .nav_right ul{display: flex; gap:0 40px;}
    .nav_secondary .nav_right ul li{ font-size: 16px;}
    .nav_secondary .nav_right ul li a{display: flex; align-items: center; width: 160px; justify-content: center; height: 46px; border-radius: 40px; background: #cfd8ff; color: #5873e8;}
    .nav_secondary .nav_right ul li a span{font-weight: bold;}
    .nav_secondary .nav_right ul li i{ font-size: 22px; margin-right: 10px;}
    .nav_secondary .nav_right_text{margin-left: 40px; font-size: 18px; display: flex; align-items: center;}
    .nav_secondary .nav_right_text i{font-size: 20px; margin-right: 10px;}
    .nav_secondary .nav_right_text a{color: #666;}
    .nav_secondary .nav_right ul li a:hover{background: #5873e8; color: #fff;}
    .banner_secondary{width: 100%; height: 700px; position: relative; overflow: hidden;}
    .banner_secondary img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}
    .banner_secondary .banner_secondary_text{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 9;display: flex;flex-direction: column; align-items: center; justify-content: center;}
    .banner_secondary .banner_secondary_text h2{font-size: 70px; color:#fff; font-weight: bold;}
    .banner_secondary .banner_secondary_text h3{font-size: 40px; color: #fff; margin-top: 14px; margin-top: 40px; position: relative;}
    .banner_secondary .banner_secondary_text h3::after{ content: ''; width: 120px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: -180px;}
    .banner_secondary .banner_secondary_text h3::before{ content: ''; width: 120px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; right: -180px;}
    .logon_secondary{width: 96%; max-width: 1200px; margin: -80px auto 0 auto; position: relative; z-index: 9; background: #fff; border-radius: 30px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); padding: 40px 0;}
    .logon_secondary_content{max-width: 1000px; width: 80%; margin: 40px auto;}
    .logon_secondary .logon_list{ display: flex; flex-direction: column; gap: 30px 0;}
    .logon_secondary .logon_list .logon_input{display: flex; align-items: center; gap:10px 20px;}
    .logon_secondary .logon_input  label{font-size: 16px; color: #333;}
    .logon_secondary .logon_input input{flex: 1; height: 40px; background: #f5f5f5; border-radius: 4px; border: 1px solid #e5e5e5; padding: 0 20px;}
    .logon_tishi{margin-left: 100px;display: flex;}
    .logon_tishi span{background: rgba(222,62,62,.2); color: #de3e3e; display: inline; padding:0 20px; height: 36px; line-height: 36px; border-radius: 4px;}
    .logon_button{margin-left: 100px; display: flex; align-items: center; gap: 20px 60px; margin-top: 40px;}
    .logon_button button{width: 200px; height: 54px; border-radius: 6px; background: #5873e8; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; outline: none;}
    .logon_button .logon_button_c{width: 200px; height: 54px; border-radius: 6px; background: rgba(88,115,232,.6); color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; outline: none;}
    .logon_secondary_content h3{ font-size: 20px; font-weight: bold; color: #666;}
    .logon_secondary_content p{font-size: 16px; color: #666; margin-top: 10px;}
    .logon_secondary_width{width: 95%; margin: 80px auto; background: #e5e5e5; height: 2px;}
    .footer_secondary{margin: 0 auto; padding: 40px 0; text-align: center;}
    .footer_secondary h3{font-size: 16px; color: #333; margin-top: 10px;}
    .footer_secondary h4{font-size: 28px; font-weight: bold; color: #333; margin-top: 20px;}
    .footer_secondary h5{font-size: 18px; font-weight: bold; color: #666; margin-top: 10px;}
    .footer_secondary h2{font-size: 30px; font-weight: bold; color: #333; margin-top: 10px;}
    .query{width: 95%; margin: 0 auto;}
    .query_title{width: 100%; display: flex; align-items: center; font-size: 26px; color: #333; position: relative; justify-content: space-between;}
    .query_title::after{ content: '';  position: absolute;bottom: -16px; height: 4px; width: 150px; background: #dd3f3f;}
    .query_title i{ font-size:30px; margin-right: 14px;}
    .query_title span{font-weight: bold;}
    .query_content{margin-top: 50px; display: flex; gap:0 30px;}
    .query_content .query_head{ width: 110px;}
    .query_content .query_head_img{width: 100%; height: 0; position: relative; padding-top: 140%;}
    .query_content .query_head_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .query_content .query_head_table{flex: 1;}
    .query_content .query_head_table table{width: 100%;}
    .query_content table tr{height: 50px;}
    .query_content table th{background: rgba(88,115,232,.1); text-align: right; width: 120px; padding: 0 20px; color: #333;}
    .query_content table td{padding: 0 20px; color: #333;}
    .query_title_top{margin-top: 50px;}
    .query_title_right{height: 40px; border-radius: 40px; background: #dd3f3f; display: flex; align-items: center; justify-content: center; padding: 0 18px; font-size: 16px; color: #fff; cursor: pointer;}
    .query_title_he{margin: 40px auto; font-size: 20px; font-weight: bold; color: #5873e8; text-align: center; font-weight: bold;}
    .query_title_he h3{font-weight: bold; margin-top: 10px;}
    .fixed{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 9999; display: none;}
    .fixed_back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
    .fixed_content{ position: absolute; top: 50%; left: 50%; width: 94%; max-width: 800px; transform: translate(-50%,-50%); z-index: 9;}
    .fixed_content_img{ background: #fff; padding: 20px; border-radius: 20px;}
    .fixed_content_img img{width: 100%;}
    .fixed_content_button{margin-top: 30px;}
    .fixed_content_button ul{display: flex; align-items: center; justify-content: center; gap: 30px;}
    .fixed_content_button ul li{background: #fff; width: 200px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333; font-weight: bold; cursor: pointer;}
    .form_content{ display: flex; padding-top: 80px; min-height: 100vh;}
    .form_left{background: #fff; width: 290px; padding-top: 40px;}
    .form_left ul{margin: 0 auto; width: 80%;}
    .form_left ul li{margin: 30px auto; font-size: 18px;}
    .form_left ul li a{height: 54px; width: 100%; border-radius: 4px; display: flex; align-items: center; text-indent: 20px; overflow: hidden; position: relative;}
    .form_curr a{color: #5873e8; background: #5872e82a;}
    .form_curr a::after{ position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #5873e8; content:'';}
    .form_curr span{font-weight: bold;}
    .form_left ul li a i{font-size: 26px; }
    .form_left ul li a:hover{background: #5872e82a; color: #5873e8;}
    .form_right{margin-top: 14px; flex: 1;}
    .form_right_list{margin: 20px; background: #fff; padding: 40px;  border-radius: 10px; box-sizing: border-box;}
    .form_right_title{font-size: 18px; font-weight: bold; color: #222;}
    .form_list_input{margin-top: 36px; display: flex; align-items: center; gap:10px 20px;}
    .form_input_text{width: 30%; max-width: 250px; text-align: right; color: #4d4e51;}
    .form_input_text span{color: #de3e3e;}
    .form_input_input{flex: 1;}
    .form_input_input input,.form_input_input select{height: 44px; font-size: 16px; padding: 0 18px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 4px; width: 100%; max-width: 400px;}
    .form_list_input_button{margin-top: 80px;}
    .form_list_button{display: flex; gap: 20px 80px; flex-wrap: wrap;}
    .form_list_button button{width: 240px; height: 60px; background: #5873e8; border-radius: 4px; font-size: 18px; display: flex; align-items: center; justify-content: center; color: #fff; border: none; cursor: pointer; outline: none;}
    .form_list_button .form_list_q{width: 180px; height: 60px; background: #f88011; border-radius: 4px; font-size: 18px; display: flex; align-items: center; justify-content: center; color: #fff; border: none; cursor: pointer; outline: none;}
    .form_input_div{ padding:18px; box-sizing: border-box; border-radius: 4px; width: 100%; max-width: 600px; background: #f4f5f9;}
    .form_input_div p{font-size: 14px; color: #8f93a3; position: relative; text-indent: 14px; margin-top: 8px;}
    .form_input_div p::after{content:''; width: 6px; height: 6px; background: #8f93a3; border-radius: 50%; margin-right:10px; position: absolute; top:8px; left: 0;}
    .form_leading{margin-top: 30px;}
    .form_leading h3{font-size: 20px; font-weight: bold;}
    .form_leading_temp{background: #f4f5f9; border: 1px solid #dcdfec; padding: 28px; margin-top: 20px; border-radius: 6px;}
    .form_leading_temp .form_leading_text{font-size: 18px; color: #5f6478;}
    .form_leading_download{width: 130px; display: flex; align-items: center; justify-content: center; height: 40px; background: #5873e8; border-radius: 4px; border: none; cursor: pointer; outline: none; font-size: 16px; color: #fff; margin-top: 14px;}
    .form_leading_download i{font-size: 20px; display: block; margin-right: 6px;}
    .form_leading_file{background: #f4f5f9; border: 1px solid #dcdfec; padding: 28px; margin-top: 20px; border-radius: 6px;}
    .form_leading_file_text{color: #5f6478;}
    #fileInput{ width: 0; height: 0; opacity: 0;}
    .form_leading_file label{ width: 100%; margin-top: 0px; background: #fff; display: block; height: 0; padding-top: 30%; overflow: hidden; border: 1px solid #dcdfec; border-radius: 4px; position: relative;}
    .form_leading_file_label{ position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
    .form_leading_file_label .iconfont{font-size: 40px; color: #333; margin: 0 auto; text-align: center; color: #666;}
    .form_leading_file_label h3{font-size: 20px; text-align: center; margin-top: 14px; color: #666;}
    .form_leading_file_label p{font-size: 15px; text-align: center; margin-top: 8px; color: #5f6478;}
    .file-item{margin-top: 10px; padding:16px 28px; background: #fff; border-radius: 5px; display: flex; justify-content: space-between; align-items: center;}
    .file-info{flex: 1; display: flex; align-items: center;}
    .file-name{font-size: 16px; color: #333; font-weight: bold;}
    .file-size{font-size: 14px; color: #5f6478; margin-top: 4px;}
    .file-img{width: 50px; margin-right: 16px;}
    .file-img img{width: 100%;}
    .delete-btn{width: 80px; height: 40px; border-radius: 4px; background: #f88011; display: flex; align-items: center; justify-content: center; color: #fff;}
    .form_leading_button{margin-top: 50px;}
    .form_leading_button button{width: 200px; display: flex; align-items: center; justify-content: center; height: 54px; background: #5873e8; border-radius: 4px; border: none; cursor: pointer; outline: none; font-size: 16px; color: #fff; margin-top: 14px;}
    .form_leading_describe{ margin-top: 50px; background: rgba(255,139,45,.2); border: 1px solid #ff8b2d; border-radius: 6px; padding:20px}
    .form_leading_describe h3{font-size: 18px; color: #de3e3e; font-weight: bold;}
    .form_leading_describe p{margin-top: 10px;}
    .form_leading_describe_top{margin-top: 30px;}
    .form_leading_describe b{ font-weight: bold; color: #de3e3e;}
    .form_leading_describe span{font-weight: bold; color: #5873e8;}
    .manage_table{margin-top: 30px;}
    .manage_table table{}
    .manage_table th{background: #f4f5f9; color: #333; text-align: left;white-space: nowrap;}
    .manage_table tr{height: 58px; font-size: 16px;}
    .mange_table_div{  width: 100%; height:100%; display: flex; align-items: center; justify-content: center;}
    .mange_table_title{width: 100%; height:100%; display: flex; align-items: center; justify-content: center;}
    .manage_table input{width: 16px; height: 16px;}
    .manage_table td{font-size: 16px; color: #5f6478;white-space: nowrap;}
    .manage_table th:nth-child(1){width: 40px;}
    .manage_table td:nth-child(1){width: 40px;}
    .manage_table button{width: 60px;height: 26px; font-size: 14px; cursor: pointer; outline: none; background: #f00;border: none; border-radius: 4px; color: #fff;}
    .manage_table .manage_editor{background: #1aad3d; margin-right: 10px;}
    .manage_table .manage_dele{background:#ff8831}
    .page{margin-top: 50px; display: flex; align-items: flex-end; justify-content: space-between;}
    .page .page_data{ font-size: 16px; color: #5f6478;}
    .page ul{display: flex; gap: 20px; align-items: center;}
    .page ul li{ width: 34px; height: 34px; text-align: center;}
    .page ul li a{display: flex; align-items: center; height: 100%;width: 100%; color: #5f6478; border-radius: 4px; justify-content: center; font-size: 16px; border: 1px solid #dcdfec;}
    .page ul .page_curr a{ color: #fff; background: #5873e8; border-color: #5873e8;}
    .page ul li a:hover{ color: #fff; background: #5873e8; border-color: #5873e8;}
    .nav_logon{ display: flex; align-items: center;}
    .nav_logon img{width: 46px; margin-right: 10px;}
    .nav_logon span{font-weight: bold; color: #333;}
    .error-field{border-color: #f00 !important;}
    @media screen and (max-width:640px) {
        .banner_secondary .banner_secondary_text h2{font-size: 40px; width: 90%; margin: 0 auto; text-align: center;}
        .banner_secondary .banner_secondary_text h3{font-size: 26px;}
        .banner_secondary .banner_secondary_text h3::before{width: 20px; right: -36px;}
        .banner_secondary .banner_secondary_text h3::after{width: 20px; left: -36px;}
        .banner_secondary{height: 500px;}
        .logon_secondary .logon_list .logon_input{flex-wrap: wrap;}
        .logon_secondary .logon_input input{width: 100%; flex: none; box-sizing: border-box;}
        .logon_secondary_content{margin: 0 auto;}
        .logon_tishi{margin-left: 0;}
        .logon_tishi span{background: none; line-height: 1.5; padding: 0;}
        .logon_button{margin: 0; flex-wrap: wrap;}
        .logon_button button{width: 100%;}
        .logon_button .logon_button_c{width: 100%;}
        .logon_secondary_width{margin: 40px auto;}
        .query_content{overflow-x: auto;}
        .form_content{flex-wrap: wrap;}
        .form_left{width: 100%;}
        .form_left ul{display: flex; gap: 10px; width: 90%;}
        .form_left ul li a{text-indent: 0;}
        .form_curr a::after{display: none;}
        .form_left ul li{margin: 16px auto; width: 100%;}
        .form_left ul li a{width: 100%; justify-content: center;}
        .form_list_input{flex-wrap: wrap;}
        .form_input_text{text-align: left;}
        .form_input_input{flex: none; width: 100%;}
        .form_list_input{margin-top: 16px;}
        .form_input_text{width: 100%; font-weight: bold;}
        .form_list_button button{width: 100%;}
        .form_list_button .form_list_q{width: 100%;}
        .form_right_list{padding: 24px; overflow: hidden;}
        .form_leading_file label{padding-top: 80%;}
        .form_leading_file_label{width: 90%;}
        .form_leading_button button{width: 100%;}
        .page{flex-wrap: wrap;}
        .page ul{margin-top: 10px;gap: 10px;}
        .page ul li{width: 28px; height: 28px;}
        .manage_table{overflow-x: auto;}
        .manage_table td:last-child{position: sticky;right: 0; background: #fff; box-shadow:-2px 0 -4px rgba(0, 0, 0, 0.1);}
        .manage_table th:last-child{position: sticky;right: 0; background: #f4f5f9;}
        .nav_secondary .nav_logo_text h1{font-size: 13px;}
        .nav_logo_text{display: none;}
        .nav_secondary .nav_right ul li a span{display: none;}
        .nav_secondary .nav_right ul li a{width: 46px;}
        .nav_secondary .nav_right ul li i{margin-right: 0;}
        .nav_secondary .nav_right ul{gap: 20px;}
        .nav_secondary .nav_logo a{width: 150px;}
        
    }