@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,per,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;border:0;list-style:none;font-family:"Inter Regular";font-size:17px;line-height: 28px;color: #333;}
body{background: #fff;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
iframe{
    border-width: 0px;
    border-style: inset;
    border-color: initial;
    border-image: initial;}
tr{border:none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
a { outline:none;}
a {star:expression(this.onFocus=this.blur());}
a img {border: none;outline: none;}
a{color: #333;text-decoration:none;font-family:"Inter Regular";font-weight:400;}
a:hover{text-decoration:underline;}
p{color:#333;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
td {color:#333; font-size:16px; vertical-align: top;}
.clearfix {zoom:1;}
.clearfix:after {content:'';display:block;clear:both;height:0px;}
.normal_p{
    margin-bottom: 16px;
}

.left{
    float: left;
}
.right{
    float: right;
}
.page_title{
    font-size: 28px;
    font-family: 'Inter Bold';
    margin-bottom: 24px;
}
.content{
    width: 1300px;
    margin: 0px auto;
}
.first_title {
    font-family: 'Inter Bold';
    color: #333;
    font-size: 26px;
    padding-bottom: 24px;
}
.first_title:before {
    content: "";
    width: 6px;
    height: 18px;
    background: #273a5f;
    display: inline-block;
    margin-right: 10px;
}
.normal_link {
    font-family: 'Inter Bold';
    color: #00599c;
}
.normal_link i {
    font-size: 15px;
    margin-left: 4px;
}

/*header*/
.header_top{
    background: #253657;
}
.home_link{
    font-size: 14px;
    color: #d7deec;
    line-height: 36px;
    margin-right: 30px;
}


/*head_islogin start*/
.head_islogin{
    cursor: pointer;
    position: relative;
    margin-right: 30px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.head_islogin_photo{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.head_islogin_photo img{
    width: 30px;
}
.head_my{
    float: left;
    color: #d7deec;
    font-size: 15px;
}
.head_my i{
    font-size: 14px;
    margin-left: 6px;
    vertical-align: 2px;
    color: #afb8c8;
    width: 10px;
    position: relative;
    top: 3px;
}
.account{
    position: absolute;
    right: -104px;
    top: 50px;
    box-shadow: 3px 4px 16px rgb(0 0 0 / 6%);
    border-radius: 10px;
    padding: 15px;
    width: 330px;
    box-sizing: border-box;
    z-index: 9999;
    border: 1px solid #d3e8f9;
    background: #fff;
    display: none;
}
.account_item{
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
}
.account_photo{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 20px;
}
.account_photo img{
    width: 60px;
}
.account_basic{}
.account_name{}
.account_name a{
    color: #0088b5;
}
.account_email a{
    color: #888888;
}
.account_link{}
.account_link ul li a{
    font-size: 15px;
    color: #5c5c5c;
    line-height: 36px;
}
.out{
    color: #d7deec;
    font-size: 15px;
    padding-top: 15px;
}
.out i{
    margin-right: 6px;
}
.top_item{
}
.web_logo{
    font-size: 24px;
    font-family: 'Inter Bold';
    color: #253657;
    margin-top: 9px;
    display: inline-block;
}
.web_logo:hover{
    text-decoration:none;
}
.plate_nav{
    padding-top: 12px;
    float: left;
    padding-bottom: 12px;
}
.logo_img{
    vertical-align: middle;
    margin-right: 8px;
}
/*nav item*/
.nav_item{
    box-shadow: 0 4px 2px rgb(0 90 199 / 10%);
}
.link{
    margin-top: 15px;
}
.link a{
    display:inline-block;
}
.nav_container {
    margin-left: 20px;
}
.first_nav{
    float: left;
    padding: 19px 0px;
    position: relative;
    margin: 0px 33px;
    border-bottom: 4px solid #fff;
}
.first_nav:hover .first_nav_a{
    color:#0073ac;
}
.first_nav_a{
    font-size: 20px;
    font-family: 'Inter Bold';
    display: inline-block;
}
.first_nav_a:hover{
    text-decoration:none;
    color:#0073ac;
}
.first_nav:hover i{
    color:#0073ac;;
}
.nav_active{
    color: #0073ac;
    border-bottom: 4px solid #0073ac;
}
.nav_active .first_nav_a{
    color: #0073ac;
}
/*foot*/
.footer{
    background: #243556;
    padding: 40px 0px;
}
.foot_item{
    float: left;
    margin-right: 58px;
}
.foot_p{
    color: #ffffff;
    font-family: 'Inter Bold';
    font-size: 18px;
    margin-bottom: 6px;
}
.foot_link{}
.foot_link li{

    margin-bottom: 4px;
}
.foot_link ul li a{
    font-size: 14px;
    color: #b9c8d7;
}
.address{
    font-size: 14px;
    color: #b9c8d7;
}
.subscribe{
    margin-top: 15px;
}
.form_content{}
.fm_text{}
.foot_btn{
    background: #f1746a;
    line-height: 36px;
    height: 36px;
    width: 118px;
    text-align: center;
    color: #fff;
    font-family: 'Inter Bold';
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
}
.foot_p2{color:#fff; font-size: 14px; line-height: 24px;}
.foot_input {
    font-size: 12px;
    color: #333;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 10px;
    outline: none;
    width: 350px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #f8f8f8;
}
.double_box{
    margin-right: 0px!important;
}
.copyright{ text-align: center; font-size:15px; color:#8a9fb5; background: #243556; padding: 16px 0px; border-top:1px solid #415274;}
.foot_about{
    font-size: 14px;
    color: #b9c8d7;
    line-height: 24px;
}
.foot_more_link{
    margin-top:4px;
}
.foot_about_more{
    font-size: 15px;
    color: #de9b32;
    font-family: 'Inter Bold';
}
.foot_about_more:hover{
    color: #de9b32;
}
.foot_logo{
    margin-top: 14px;
}


/*second menu*/
.second_menu{
    position: absolute;
    background: #fff;
    top: 71px;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    z-index: 999;
    padding: 15px;
    width: 205px;
    border-radius: 0px 0px 6px 6px;
    display: none;
}
.second_menu ol li{}
.second_menu ol li a{
    line-height: 36px;
    font-size: 15px;
}
.second_menu ol li a:hover{
    color: #0073ac;
}
.profile{
    width: 134px;
}
/*left_track*/
.page_nav_track{
    margin: 24px 0px 40px;
}
.page_nav_track ul li{
    display: inline;
    font-size: 14px;
    padding-right: 6px;
}
.page_nav_track ul li span i{
    padding-right: 6px;
    color: #6b6b6b;
    font-size: 12px;
}
.tohead{
    color: #6b6b6b;
}
.page_nav_track ul li:last-child .tohead{
    color:#333;
}


/*left_nav*/
.left_nav{
    background: #f1f2f8;
    border-radius: 6px;
    border-top: 3px solid #1476ad;
    width: 305px;
    position: absolute;
    display: none;
}
.left_nav_title{
    font-size: 20px;
    font-family: 'Inter Bold';
    line-height: 54px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px 18px;
}
.left_nav ul{
    padding: 0px 18px;
}
.left_nav ul li{
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.left_nav ul li img{
    position: relative;
    top: 2px;
    margin-right: 4px;
    right: 2px;
}
.submission_nav{
    font-size: 16px;
    line-height: 50px;
    display: block;
}
.submission_nav:hover {
    color: #00599c;
    text-decoration: none;
}
.submission_nav:hover i{
    color: #00599c;
}

.left_nav_active .submission_nav{
    color: #00599c;
    text-decoration: none;
    font-family: 'Inter Bold';
}
.left_nav_active a img{
    position:relative;
    top:2px;
    margin-right: 4px;
    right: 2px;
}
.small_nav_active .second_submission_nav{
    color: #00599c;
    text-decoration: none;
    font-family: 'Inter Bold';
}
.submission_nav i{
    float: left;
    position: relative;
    top: 15px;
    font-size: 17px;
    color: #333333;
    margin-right: 8px;
}
.right_content{
    width: 970px;
    display: none;
}
.red{
    color: #bc0000;
    font-family: 'Inter Regular';
}
.line{
    height: 1px;

    background: #b3bbcb;
    margin: 24px 0px 36px;
}
.second_title {
    font-family: 'Inter SemiBold';
    color: #333;
    font-size: 22px;
    padding-bottom: 24px;
}
.second_title:before {
    content: "";
    width: 6px;
    height: 18px;
    background: #273a5f;
    display: inline-block;
    margin-right: 10px;
}
.grey{
    padding: 30px 0px;
    margin-top: 40px;
    background: #f6f7fa;
}

.pre_save{
    padding-top: 26px;
    border-top: 1px solid #0073ac;
    margin-top: 60px;
    margin-bottom: 60px;
}
.pre_save a{
    text-decoration:none;
}
.previous{
    font-size: 24px;
    line-height: 55px;
    padding: 0px 24px;
    border: 2px solid #007eb4;
    color: #007eb4;
    display: inline-block;
    font-family: 'Inter SemiBold';
}
.save{
    font-size: 24px;
    line-height: 55px;
    padding: 0px 24px;
    border: 2px solid #007eb4;
    color: #007eb4;
    display: inline-block;
    margin-right: 20px;
    font-family: 'Inter SemiBold';
}
.continue{
    font-size: 24px;
    line-height: 55px;
    padding: 0px 24px;
    border: 2px solid #007eb4;
    color: #fff;
    background: #007eb4;
    display: inline-block;
    font-family: 'Inter SemiBold';
}
.form_title{
    margin-bottom: 10px;
}
.fm-select{
    padding: 0px 9px;
    border: 1px solid #595959;
    outline: none;
    color: #333;
    font-size: 14px;
    height: 40px;
    width: 100%;
}
.fm_text {
    font-size: 12px;
    color: #333;
    border: 1px solid #595959;
    outline: none;
    width: 100%;
    height: 40px;
    text-indent: 10px;
}
.fm_text:hover{border: 1px solid  #595959;}
.fm_text:focus{border: 1px solid #0073ac;}
.fm-textarea {
    font-size: 12px;
    color: #333;
    border: 1px solid #595959;
    outline: none;
    padding-top: 6px;
    width: 100%;
    text-indent: 10px;
}
.fm-textarea:hover{border: 1px solid  #595959;}
.fm-textarea:focus{border: 1px solid #0073ac;}
.tip{font-size: 15px;}
.form_item{
    background: #ecf0f7;
    border-radius: 8px;
    padding: 15px;
}
.form_container{
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.form_name{
    font-size: 18px;
    font-family: 'Inter Bold';
    margin-bottom: 12px;
}
.small_p{font-size:15px; line-height: 26px;}
.add_item{
    display: inline-block;
    color: #0e9960;
    font-family: 'Inter Medium';
    cursor: pointer;
}
.add_btn{
    background: #0e9960;
    width: 46px;
    height: 46px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 23px;
    margin-right: 10px;
}
.add_btn i{
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: 8px;
}
.normal_blue_dot{
    border: 1px solid #0077c2;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    padding-left: 2px;
}
.normal_blue_dot span{
    background: #0077c2;
    display: block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 3px;
}
.basic_table_font tr td:nth-of-type(1){
    padding-right: 12px;
}
.basic_table_font tr td{
    padding-bottom: 10px;
}
.basic_table_font2 tr td:nth-of-type(1){
    padding-right: 12px;
}
.basic_table_font2 tr td{
    font-size: 15px;
    vertical-align: top;
    padding-bottom: 6px;
}
.triangle_item{}
.table{
    display: table-cell;
    width: 16px;
    line-height: 6px;
}
.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #d9edf7 transparent;
    display: inline-block;
}
.illustrate_item{
    background: #d9edf7;
    padding: 16px;
    border-radius: 6px;
}
.illustrate_item table{}
.illustrate_item table td:nth-of-type(1){

    padding-right: 10px;
}
.illustrate_item table td p{
    font-size: 15px;
}
.dot_black{
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #5b5b5b;
    display: inline-block;
    position: relative;



    bottom: 2px;
}
.row_form{
    margin-bottom: 20px;
}
.row_form2{
    margin-bottom: 10px;
}
.col1{
    width: 918px;
    margin-right: 25px;
    margin-bottom: 0px;
}
.col2{
    width: 430px;
    margin-right: 25px;
    margin-bottom: 0px;
}
.col3{
    width: 280px;
    margin-right: 25px;
}
.small_nav_active{
    color: #00599c;
    text-decoration: none;
    font-family: 'Inter Bold';
}
.delete_form_item{
    margin-left: 20px;
    color: #da4f49;
    font-size: 15px;
}
.delete_form_item span{
    display: inline-block;
    background: #da4f49;
    padding: 0px 6px;
    line-height: 26px;
    border-radius: 4px;
    margin-right: 8px;
}
.delete_form_item span i{
    color: #fff;
    font-size: 15px;
}
.error {
    color: red;
    font-size: 15px;
    margin-top: 15px;
}
.error i{
    margin-right: 10px;
}
.left_nav_item:hover{
    text-decoration:none;
    color:#00599c;
}
.left_nav_item i{
    float: right;
    position: relative;
    top: 20px;
    font-size: 12px;
    color: #a4adba;
    margin-left: 8px;
}
.left_nav_active a {
    color: #00599c;
    text-decoration: none;
    font-family: 'Inter Bold';
}
.left_nav_active a i{
    color: #00599c;
}
.eg{
    font-size: 15px;
    margin-top: 5px;
}
.save_success{
    background: #f1f7e7;
    border: 1px solid #cbd5b9;
    line-height: 64px;
    padding: 0px 16px;
    margin-bottom: 30px;
}
.save_success i{
    margin-right: 15px;
    font-size: 26px;
}
.save_success span{
    font-size: 20px;
    color: #0e9960;
}
.answer_box2 {
    display: none;
    position: absolute;
    z-index: 999;
    top: 46px;
    left: 38px;
    box-shadow: 2px 0px 10px rgb(0 0 0 / 20%);
}
.trange {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #fff transparent;
    margin-left: 175px;
    position: absolute;
    top: -8px;
    left: -29px;
}
.answer {
    background: #fff;
    border-radius: 4px;
    padding: 14px;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
    width: 217px;
    text-align: left;
    border-radius: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1AB394;
    border-color: #1AB394;
    padding: 1px 10px;
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255,255,255,0.7)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff
}
.select2-container--default .selection .select2-selection--single {
    border-radius: 0;
    border: 1px solid #595959;
}
.select2-container {
    font-size: 12px;
}
.select2-container .selection  .select2-selection--single {
    line-height: 40px;
    height: 40px;
}
.select2-container .selection .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
    line-height: 40px;
    height: 40px;
}
.select2-container--default .selection .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-results__option {
    font-size: 12px;
}
.puple_block {
    position: fixed;
    top: 50%;
    color: rgb(255, 255, 255);
    line-height: 36px;
    text-align: center;
    left: 50%;
    margin-left: -67px;
    margin-top: -48px;
    opacity: 0;
    font-size: 16px;
    z-index: 999;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
    padding: 0px 20px;
    width: auto;
    height: auto;
}
.loading{
    text-align: center;
    min-height: 780px;
    width: 1300px;
    margin: 0px auto;
}
.loading_img{
    vertical-align: middle;
}
.view_more {
    background: #00a9de;
    display: inline-block;
    line-height: 42px;
    padding: 0px 16px;
    margin-right: 20px;
    transition: 0.3s all linear;
}
.view_more a {
    color: #fff;
    font-family: 'Inter Bold';
}
.view_more i {
    margin-left: 6px;
}
.intro_normal {
    background: #d9edf7;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px;
}
.blokc_p {
    font-size: 20px;
    font-family: 'Inter SemiBold';
    padding-bottom: 10px;
}
.height_30 {
    height: 24px;
}
.second_title_blue {
    font-family: 'Inter SemiBold';
    color: #0d6f9f;
    font-size: 24px;
    padding-bottom: 24px;
}
.isradio input {
    margin-right: 6px;
}
.pro_tip {
    color: #ff4f06;
    margin-top: 10px;
    font-family: 'Inter Medium';
    font-size: 15px;
}
