/*����ͷ������*/
html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.header{
    width: 100%;
}
.mainBox{
    /*width: calc(100% - 250px);*/
    width: calc(100% - 188px);
    height: calc(100% - 60px);
    /*margin-left: 250px;*/
    margin-left: 188px;
    background: #eff2f7;
    padding: 0 15px 0 15px;
    /*overflow-y: auto;*/
    position: relative;
    z-index: 1;
    margin-top: 60px;
    overflow: hidden;
}
.iframe_content{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.pagenavigation {
    margin-bottom: 0;
    height: 48px !important;
    border: 0 !important;
    /*background: #006ad2 !important;*/
    background: #ffffff !important;
    z-index: 2;
    /*border-bottom: 1px solid #435B7E!important;*/
}

.pagenavigation .pagenavigationul {
    margin-top: 6px;
}

.pagenavigation .pagenavigationul > li {
    height: 30px;
    line-height: 30px;
}

.pagenavigation .pagenavigationul > li > a {
    height: 30px;
    line-height: 30px;
    font-size: 14px !important;
    padding: 5px;
    color: #eaedff !important;
}

.pagenavigation .pagenavigationul > li > a > span.qz_exit {
    font-size: 14px !important;
    cursor: pointer;
}

.pagenavigation .header {
    margin-top: 0px;
}

.pagenavigation .header > img {
    width: 37px;
}

.pagenavigation .header > span {
    font-size: 18px;
    color: #ffffff;
    vertical-align: middle;
}

.pagenavigation #navbar .navbar-nav {
    float: right !important;
    margin-right: -26px;
}

.pagenavigation #navbar .navbar-nav > li > a {
    font-size: 16px !important;
    color: #eaedff !important;
}

.dropdown-menu {
    position: absolute !important;
    top: 44px !important;
    padding:0 !important;
    width:134px !important;
}
.dropdown .dropdown-menu {
    line-height: 30px;
    min-width:132px !important;

}
.dropdown-menu > .unread {
    border-bottom: 1px solid #eceef1;
}

.dropdown-menu > .unread a {
    color: #ff5f5f;
    font-size: 12px;
    padding: 6px 10px;
}

.dropdown-menu > .unread img {
    margin-right: 5px;
    margin-top:-3px;
}
.dropdown-menu > .notice {
    height:40px;
    line-height:40px;
}
.dropdown-menu > .notice a {
    color: #233445;
    font-size: 12px;
    padding: 12px 10px;
}

.dropdown-menu > .notice a > div {
    background: #e6fff3;
    width: 23px;
    height: 18px;
    color: #13c4a5;
    float: right;
}

/***************/
/*侧边栏*/
.navigation {
    width: 185px;
    /*width: 250px;*/
    height: calc(100% - 60px);
    position: fixed;
    padding-left: 0;
    padding-right: 0;
    /*background: #324158;*/
    background: #ffffff;
    top: 60px;
}

.navigation:before {
    display: block;
    width: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-color: inherit;
    border-style: inherit;
    border-color: inherit;
    border-width: inherit;
}

.navMenu-top {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #9CC8F5;
    font-size: 16px;
    font-weight: 700;
    background: #004284;
}

.navMenu-top .iconicon_13 {
    font-size: 22px !important;
    margin-right: 10px;
}

.navMenu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
}

.navMenu > li > a {
    display: block;
    overflow: hidden;
    padding-left: 20px;
    /*height: 60px;*/
    height: 40px;
    /*line-height: 60px;*/
    line-height: 40px;
    color: #d9e7f5;
    transition: all .3s;
    position: relative;
    text-decoration: none;
    /*font-size: 14px;*/
    font-size: 12px;
    /*border-left: 2px solid #FFFFFF;*/
}
.navMenu > li:last-child > a {
    border-bottom: 1px solid transparent;
}

.navMenu > li > a > i {
    font-size: 20px;
    float: left;
    font-style: normal;
    margin: 0 5px;
}

.navMenu li a .arrow:before {
    display: block;
    float: right;
    margin-top: 1px;
    margin-right: 15px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 300;
    text-shadow: none;
}

.navMenu li a .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 15px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
}
.navMenu > li > a.active {
    background: #ffffff;
    /*border-left: 2px solid #003972;*/
    display: block;
    overflow: hidden;
    padding-left: 20px;
    /*height: 60px;*/
    height: 40px;
    /*line-height: 60px;*/
    line-height: 40px;
    color: #303133;
    transition: all .3s;
    position: relative;
    text-decoration: none;
    font-size: 12px;
}

.navMenu > li > a:hover {
    display: block;
    overflow: hidden;
    padding-left: 20px;
    /*height: 60px;*/
    height: 40px;
    /*line-height: 60px;*/
    line-height: 40px;
    color: #303133;
    transition: all .3s;
    position: relative;
    text-decoration: none;
    /*font-size: 14px;*/
    font-size: 12px;
}
.navMenu > li > a:hover .nav_mark{
    display: none;
}
.navMenu > li > a:hover .nav_mark_h{
    display: inline-block;
}
.navMenu > li > ul.sub-menu, .navMenu > li > ul.sub-menu > li > ul.sub-menu {
    /*display: none;*/
    list-style: none;
    clear: both;
    padding-bottom: 5px;
}

.navMenu > li.active > ul.sub-menu, .navMenu > li > ul.sub-menu > li.active > ul.sub-menu {
}

.navMenu > li > ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0;
}

.navMenu > li > ul.sub-menu li > a {
    /*height: 60px;*/
    height: 40px;
    display: block;
    font-size: 14px;
    /*font-size: 16px;*/
    /*line-height: 60px;*/
    line-height: 40px;
    /*padding-left: 50px;*/
    padding-left: 20px;
    /*color: #d9e7f5;*/
    color: #9ca3af;
    clear: both;
    text-decoration: none;
}

.navMenu > li > ul.sub-menu li > a.active, .navMenu > li > ul.sub-menu li > a:hover, .navMenu > li > ul.sub-menu > li.active > a {
    color: #303133!important;
    text-decoration: none;
    border: none!important;
    /*background: #31496B!important;*/
    background: #ecf5ff!important;
    cursor: pointer;
}
.navMenu > li > a.active .upordown:after{
    content: "\f106";
    color: #909399;
}

.icon_1:before {
    content: "\f0ac";
}

.icon_2:before {
    content: "\f0ac";
}

.icon_3:before {
    content: "\f0ac";
}

.navMenu .text_name {
    /*margin-left: 10px;*/
    margin-left: 0px;
}

.navMenu .iconicon_8 {
    position: relative;
    top: 2px;
}

.navMenu .text_childrenname {
    margin-left: 15px;
}

/**************/

/*���м����*/
.bread {
    padding: 12px 20px 12px 0;
    margin-bottom: 0;
    background: none;
}

.bread a{
    display: inline-block;
    vertical-align: middle;
}
.bread img{
    display: inline-block;
    vertical-align: middle;
}

/*���������*/
.fsxgl {
    margin-left: 0px;
}

/*����*/
.fsxgl .title {
    padding: 12px 20px 12px 0;
    background: #ffffff;
}

.title > ul {
    border-left: 6px solid #498ffa;
    /*margin-bottom:0;*/
}

.title > ul > li {
    padding-left: 10px;
}

.title > ul > li > a {
    font-size: 16px;
    color: #233445;
}

/*��ҵ��Ա��Ϣ�������*/
.ctry_parent {
    border-bottom: 2px solid #eaeef2;
    position: relative;
}

.ctry_parent > .cy_title {
    width: 120px;
    border-bottom: 2px solid #006ee9;
    text-align: center;
    font-size: 14px;
    color: #233445;
    height: 46px;
    line-height: 46px;
}

.ctry_parent > .handle {
    position: absolute;
    right: 20px;
    bottom: 10px;;
}

/*��Ʒ̨�˵Ǽ�*/
.wpta_dash_board {
    background: #ffffff;
    height: 100px;
    text-align: center;
    padding-top: 12%;
}

.wpta_dash_board > .dash_board_name {
    font-size: 12px;
    color: #96a4b2;
}

.wpta_dash_board > .dash_board_num {
    font-size: 36px;
    color: #13c4a5;
}

.wpta_dash_board > .dash_board_unit {
    font-size: 12px;
    color: #13c4a5;
}

/*��ҳ�Ǳ���*/
.homepage_dash_board {
    background: #ffffff;
    position: relative;
    height: 112px;
}

.homepage_dash_board > .itembox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.homepage_dash_board > .itembox > div {
    font-size: 16px;
    color: #96a4b2;
}

.homepage_dash_board > .itembox > p {
    font-size: 24px;
    color: #ff5f5f;
}

.homepage_dash_board > img {
    position: relative;
    float: right;
}

.data_statistics {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #233445;
    padding-left: 10px;
}

.fsxgl .bgcontent {
    overflow: hidden;
    padding: 0 15px;
    background: #ffffff;
    border-radius: 12px;
}

/*��ҳechart*/
.homepage_echart {
    background: #ffffff;
    position: relative;
}

.homepage_echart .echart_item {
    height: 42px;
    line-height: 42px;
    margin-left: 20px;
}

.homepage_echart .echart_item > .company_name {
    margin-left: 10px;
}

.homepage_echart .echart_item > .total_num {
    font-size: 12px;
    color: #5e666e;
    position: absolute;
    right: 20px;
}

.homepage_echart > #bar_chartone {
    height: 242px;
}

.homepage_echart > #bar_pie {
    height: 242px;
}

.homepage_echart > #chartpie_gayj, .homepage_echart > #cyclic_pie, .homepage_echart > #bar_charttwo {
    height: 200px;
}

.homepage_echart .total_num_yj {
    font-size: 12px;
    color: #5e666e;
    position: absolute;
    bottom: 20px;
    right: 28%;
}

.homepage_echart > .kufang {
    padding: 22px 24px;
    position: relative;
}

.homepage_echart > .kufang > img {
    width: 47%;
}

.homepage_echart > .kufang > div {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.homepage_echart > .kufang > div > div {
    font-size: 48px;
    color: #333333;
    font-weight: 700;
}

.homepage_echart > .kufang > div > p {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

/*�䱸��λ����-����*/
.fsxgl .search {
    /*padding: 20px 10px;*/
    padding: 20px 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.fsxgl .search-text {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

.fsxgl .search-text > span {
    margin-top: 9px;
    display: inline-block;
    font-size: 12px !important;
    color: #233445 !important;
}

.fsxgl .dateipt {
    position: relative;
}

.fsxgl .dateipt > input {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
}

.fsxgl .dateipt > img {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 16px;
}
.padding-left0{
    padding-left: 0;
}
/*��ѯ��ť*/
.fsxgl .serach-button {
    text-align: left;
}

/*���*/
.fsxgl .handle_btn {
    font-size: 14px;
    color: #215edc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fsxgl .nav-pills > li > a {
    margin-right: 0;
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 10px;
    border: 0 !important;
}

.fsxgl .nav-pills > li.active > a {
    border: 0 !important;
    background: #2463e1 !important;
    outline: none;
    color: #ffffff;
}

.fsxgl .excel-btn > img {
    margin: 2px 4px;
}

.fsxgl .excel-btn > span {
    display: inline-block;
    margin-top: 2px;
}

.fsxgl .dynamic-table > thead {
    border-top: 1px solid #ecefef;
    border-bottom: 3px solid #006cda;
}

.fsxgl .dynamic-table > thead > tr {
    /*background: #e3ebeb;*/
    height: 42px !important;
}

.fsxgl .dynamic-table > thead > tr > th {
    text-align: center !important;
    vertical-align: middle !important;
    text-align: center;
    border: 0 !important;
    color: #233445;
    font-size: 14px;
}

.fsxgl .dynamic-table > tbody > tr, .fsxgl .dynamic-table > thead > tr {
    height: 36px;
}

.fsxgl .dynamic-table > tbody > tr > td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 !important;
    color: #333333;
    font-size: 14px;
}
.fsxgl .dynamic-table > tbody > tr > td:first-child{
    border-left: none;
}
.fsxgl .dynamic-table > tbody > tr > td:last-child{
    border-right: none;
}
/*״̬��ɫ*/
.icon_red {
    color: #FF5F5F;
}

.icon_yellow {
    color: #F4C414;
}

.icon_green {
    color: #3FCF7F;
}

.check, .revise {
    color: #4488E9;
}

.delete {
    color: #fc302d;
}

.divider {
    color: #eceff1;
}

.details-height {
    height: 54px;
    padding-top: 15px;
}

.details-line {
    border-bottom: 2px dashed #e7eff5;
    height: 54px;
    padding-top: 1.6%;
}

/*�䱸��λ����-�޸�*/
.form-group {
    margin-bottom: 12px !important;
}

.form-control, select {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #858585;
    background-color: #FFF;
}

label {
    color: #233445 !important;
    margin-top: 9px !important;
    text-align: right !important;
    font-size: 12px !important;
}

input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number] {
    border-radius: 0 !important;
    color: #96a4b2;
    background-color: #FFF;
    font-size: 12px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 36px;
    line-height: 36px;
    width: 100%;
    border: 1px solid #d6dde0;
    padding-left: 10px;
    padding-left: 0 \0
}

select {
    border-size: content-box !important;
    border-radius: 0 !important;
    color: #96a4b2;
    background-color: #FFF;
    font-size: 12px;
    line-height: 1;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 36px;
    line-height: 36px;
    width: 100%;
    border: 1px solid #d6dde0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-left: 0 \0;
    vertical-align: middle \0;
}

select > option {
    padding-left: 10px;
}

input[readonly] {
    padding-left: 10px \0;
}

/*���������ֲ�*/
/*popupwindow*/
.popupwindow {
    width: 410px;
    height: 266px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -205px;
    margin-top: -133px;
    display: none;
    z-index: 10331;
    overflow: hidden;
    background-color: #ffffff;
}

.popupwindow table tr {
    border: 1px solid #d1d1d1;
}

.popupwindow table tr td {
    border: 0px;
    height: 32px;
    /*width:25%;*/
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 0;
}

/*���ֲ�*/
.shadow {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 10330;
    display: none;
}

/*Ԥ�����?����*/
.popupwindow_yjcl {
    width: 510px;
    height: 270px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -255px;
    margin-top: -135px;
    display: none;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
}

.popupwindow_yjcl table tr td {

    height: 22px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding: 0 !important;
    margin: 0 !important;
}
.pagenavigation .hLeft > img{
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.pagenavigation .hLeft > img:nth-child(1){
    width: 40px;
    height: 40px;
}
.pagenavigation .hLeft > img:nth-child(2){
    width: auto;
    height: auto;
}
.pagenavigation ul > li > a.username{
    float: none;
}
.upordown{
    float: right;
}
.upordown:after{
    font-family: FontAwesome;
    content: "\f107";
}
/*���ֲ�*/
.shadow_yjcl {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: none;
}

/*������*/
.popupwindow_cljg {
    width: 510px;
    height: 270px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -255px;
    margin-top: -135px;
    display: none;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
}

.popupwindow_cljg table tr td {
    height: 28px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e6ebea;
    vertical-align: middle !important;
}

/*���ֲ�*/
.shadow_cljg {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: none;
}

/*��ť��ʽ*/
.reset_btn:hover{
    background: #e9f2ff;
    color: #007bff;
}
.btn_blue {
    min-width: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    white-space: normal;
    overflow: visible;
    text-overflow: inherit;
    word-break: break-all;
    margin: 5px 0;
    background: none;
    outline: none;
    border: none;
    background: #e9f2ff;
    color: #007bff;
}

.btn_blue:hover {
    background: #e9f2ff;
    color: #007bff;
}

.btn_retuen, .btn_reset {
    width: 68px;
    height: 36px;
    line-height: 36px;
    color: #5E666E;
    background: #D9E7F5;
    border-radius: 4px;
    border: 0;
}

.btn_retuen:hover, .btn_reset:hover {
    width: 68px;
    height: 36px;
    line-height: 36px;
    color: #5E666E;
    background: #d0ddeb;
    border-radius: 4px;
    border: 0;
}

.btn_green_four {
    width: 96px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    background: #13c4a5;
    border-radius: 4px;
    border: 0;
}

.btn_green_four:hover {
    width: 96px;
    height: 36px;
    line-height: 36px;
    color: #ECEEF1;
    background: #18d9b7;
    border-radius: 4px;
    border: 0;
}

.btn_green_five {
    width: 106px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    background: #4488E9;
    border-radius: 4px;
    border: 0;
}
.btn_green_five>img{
    margin-right: 5px;
}
.btn_green_five:hover {
    width: 106px;
    height: 36px;
    line-height: 36px;
    color: #ECEEF1;
    background: #4488E9;
    border-radius: 4px;
    border: 0;
}

.btn_green_six {
    width: 126px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    background: #13c4a5;
    border-radius: 4px;
    border: 0;
}

.btn_green_six:hover {
    width: 126px;
    height: 36px;
    line-height: 36px;
    color: #ECEEF1;
    background: #18d9b7;
    border-radius: 4px;
    border: 0;
}

/*ҳ���������ʽ*/
.ipt_item_md {
    height: 36px;
    height: 36px;
    border: 1px solid #d6dde0;
    padding-left: 10px;
}

/*�鿴��Ϣ����*/
.check_status {
    displaY: inline-block;
    border-radius: 0 !important;
    color: #96a4b2;
    background-color: #FFF;
    font-size: 12px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

.required_sign {
    color: red;
}

/*�˵�����*/
.option1 > li {
    padding: 10px;
}

.option2 {
    padding-left: 20px;
}

/*���֤������ʽ*/
.table_xkzsq {
    width: 100% !important;
    max-width: 100%;
    padding: 0 20px;
}

.fsxgl #iList .table_xkzsq > thead {
    border-top: 1px solid #ecefef;
    border-bottom: 2px solid #006cda;
}

.fsxgl #iList .table_xkzsq > thead > tr {
    height: 42px !important;
}

.fsxgl #iList .table_xkzsq > thead > tr > th {
    text-align: center !important;
    vertical-align: middle !important;
    text-align: center;
    border: 0 !important;
    color: #233445;
    font-size: 14px;
    padding: 8px;
}

.fsxgl #iList .table_xkzsq > tbody > tr, #iList .table_xkzsq > thead > tr {
    height: 60px;
}

.fsxgl #iList .table_xkzsq > tbody > tr > td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 !important;
    color: #5e666e;
    font-size: 12px;
}

.fsxgl #iList .table_xkzsq > tbody > tr > td > span {
    display: inline-block;
    margin-top: 3px;
}

.fsxgl #iList .table_xkzsq > tbody > tr > td > input[type="checkbox"] {
    margin: 0 !important;
}

.fsxgl #iList .table_xkzsq > tbody > tr > td > input[type="text"] {
    width: 80%;
}

/*������ʾ��Ϣ*/
.errorMsg {
    position: relative;
    color: #e4393c;
    padding: 0 10px 3px 20px;
    height: auto;
    font-size: 12px;
}

.errorMsg > img {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -8px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    vertical-align: middle;
}

.input_boder_errorMsg {
    border: 1px solid red !important;
}

/*����ѯ����*/
.more_item {
    display: none;
}

.down {
    font-size: 13px;
    cursor: pointer;
    width: 120px;
    margin: 0 auto;
    text-align: center;
}

.up {
    font-size: 13px;
    cursor: pointer;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    display: none;
}

.down > img, .up > img {
    vertical-align: middle
}

/*���Ԥ����ʽͼ��*/
.tips1 {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: url('./system/images/img/tips1bg.png') no-repeat;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.tips2 {
    display: inline-block;
    width: 24px;
    height: 16px;
    line-height: 16px;
    background: url('./system/images/img/tips2bg.png') no-repeat;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.tips3 {
    display: inline-block;
    width: 30px;
    height: 16px;
    line-height: 16px;
    background: url('./system/images/img/tips3bg.png') no-repeat;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
/*�Ƿ�ϸ�*/
.qualified {
    color:#13c4a5 !important;
}
.failed {
    color:#ff5f5f !important;
}
/** 调整css **/
.container{
    width: 100%!important;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;

}

.pagenavigation .pagenavigationul{
    margin-right: 20px;
    margin-top: 12px;
    height:76px;
}
.navMenu-top{
    color: #333333;
    background: #f7f7f7;
    border-bottom: 1px solid #f1f3fa;
}
.navMenu > li{
    /*background: #324158;*/
    background: #ffffff;
}
.navMenu > li > a{
    color: #303133;
    /*background: #f1f3fa;*/
    /*background: #324158;*/
    background: #ffffff;
    padding-right: 15px;
}
.navMenu > li > ul.sub-menu li > a{
    /*background: #324158;*/
    background: #ffffff;
    color: #303133;
    /*padding-left: 50px;*/
    padding-left: 23px;
}
.navMenu > li > ul.sub-menu, .navMenu > li > ul.sub-menu > li > ul.sub-menu{
    /*padding-top: 10px;*/
    padding-top: 0px;
    padding-bottom: 0;
}
.fsxgl{
    width: 100%;
    margin-top: 0px;
}
.bread{
    padding: 17px 20px 12px 0;
}
.homepage_dash_board > .itembox{
    left: 20px;
}
.homepage_echart > .kufang > img{
    width: 28%!important;
    float: right;
}
.homepage_echart > .kufang > div{
    right: 24%!important;
}
.navMenu > li > a{
    color: #303133;
}
.navMenu > li > a:hover {
    /*background: #435B7E;*/
    background: #ecf5ff;
    /*border-left: 2px solid #003972;*/
    color: #303133;
}
.pagenavigation{
    /*background: url("./system/images/hearder_bg.png") no-repeat !important;*/
    /*background: #324158!important;*/
    background: #ffffff!important;
    height: 60px !important;
    border: none;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
.pagenavigation .header > span{
    font-size: 30px;
}
.pagenavigation .header{
    margin-top: 0px;
}
.dropdown .dropdown-menu {
    left: 35px;
}
.tips1{
    position: absolute;
    right: -5px;
}
.navMenu > li{
    /*background: #324158;*/
    background: #ffffff;
}
.navMenu li a .arrow:before{
    margin-top: 0px;
    content: "\f107";
}
.navMenu li a .arrow.open:before{
    margin-top: 0px;
    content: "\f106";
}
.bread li{
    display: inline-block;
    padding: 0px 6px;
    font-size: 14px;
    font-weight: bolder;
}
.bread li:first-child{
    border-left: 5px solid #257bf9;
}
.homepage_dash_board_b{
    background: #257bf9;
}
.homepage_dash_board_g{
    background: #3fb27e;
}
.homepage_dash_board{
    border-radius: 6px;
    padding: 22px 24px;
}
.homepage_dash_board > .itembox > div{
    font-size: 14px;
    color: #FFFFFF;
}
.homepage_dash_board > .itembox > p a{
    font-size: 36px;
    color: #FFFFFF;
}
.homepage_dash_board > .itembox > p a:hover{
    text-decoration: none;
}
.homepage_dash_board > .itembox{
    position: relative;
    top: 0;
    left: 0;
}
.homepage_echart{
    border-radius: 6px;
}
html,body{
    width: 100%;
    height: 100%;
    background: #EFF2F7;
}
.fsxgl_content{
    width: calc(100% - 200px);
    height: calc(100% - 64px);
    margin-top: 64px;
    margin-left: 200px;
}
.fsxgl_module_line{
    width: 100%;
    overflow: hidden;
}
.fsxgl .dynamic-table > thead{
    border-bottom: none!important;
}
.fsxgl .dynamic-table > thead > tr > th{
    background: #EFF2F7;
    border-right: 1px solid #D7DBEC!important;
    color: #333333;
    font-size: 14px;
}
.fsxgl .dynamic-table > thead > tr > th:last-child{
    border-right: none!important;
}
.dynamic-table > tbody > tr:hover{
    background: #F2F7FF;
}
.increas{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
}
.increas2{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
}
.increas1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 2;
}
.detail_content{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
}

.increas_content{
    width: 863px;
    padding: 20px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 6px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.increas_content_head{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.increas_content_head span{
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 2px solid #003972;
    font-size: 16px;
    color: #003972;
    font-weight: 700;
}
.increas_content_head i{
    font-size: 20px;
    font-style: normal;
    color: #bbbbbb;
    float: right;
    cursor: pointer;
}
.increas_content_form{
    width: 100%;
    overflow: hidden;
}
.increas_content_form table{
    width: 100%;
    overflow: hidden;
    margin: 48px 0;
}
.increas_content_form table td{
    padding: 16px 0;
    font-size: 14px;
}
.increas_content_form table td:nth-child(odd){
    text-align: right;
}
.increas_content_form table td span{
    color: #F64E4E;
}
.increas_content_form table td i{
    font-style: normal;
    color: #999999;
}
.increas_content_form table td textarea{
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
}
.increas_content_form table col:nth-child(1){
    width: 13%;
}
.increas_content_form table col:nth-child(2){
    width: 37%;
}
.increas_content_form table col:nth-child(3){
    width: 13%;
}
.increas_content_form table col:nth-child(4){
    width: 37%;
}
.increas_content_row{
    width: 100%;
    overflow: hidden;
    text-align: right;
}
.increas_content_row a{
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
}
.increas_save_btn{
    background: #4488e9;
    color: #FFFFFF;
    margin-right: 8px;
}
.increas_save_btn:hover{
    color: #FFFFFF;
}

.increas_content{
    width: 863px;
    padding: 20px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 6px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.increas_content_head{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.increas_content_head span{
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 2px solid #003972;
    font-size: 16px;
    color: #003972;
    font-weight: 700;
}
.increas_content_head i{
    font-size: 20px;
    font-style: normal;
    color: #bbbbbb;
    float: right;
    cursor: pointer;
}
.increas_content_form{
    width: 100%;
    overflow: hidden;
}
.increas_content_form table{
    width: 100%;
    overflow: hidden;
    margin: 48px 0;
}
.increas_content_form table td{
    padding: 10px 0;
    font-size: 14px;
}
.increas_content_form table td:nth-child(odd){
    text-align: right;
}
.increas_content_form table td span{
    color: #F64E4E;
}
.increas_content_form table td i{
    font-style: normal;
    color: #999999;
}
.increas_content_form table td textarea{
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
}
.increas_content_form table col:nth-child(1){
    width: 13%;
}
.increas_content_form table col:nth-child(2){
    width: 37%;
}
.increas_content_form table col:nth-child(3){
    width: 13%;
}
.increas_content_form table col:nth-child(4){
    width: 37%;
}
.increas_content_row{
    width: 100%;
    overflow: hidden;
    text-align: right;
}
.increas_content_row a{
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
}
.increas_save_btn{
    background: #4488e9;
    color: #FFFFFF;
    margin-right: 8px;
}
.increas_save_btn:hover{
    color: #FFFFFF;
}

.increas1_content{
    width: 863px;
    padding: 20px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.increas1_content_head{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.increas1_content_head span{
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 2px solid #003972;
    font-size: 16px;
    color: #003972;
    font-weight: 700;
}
.increas1_content_head i{
    font-size: 20px;
    font-style: normal;
    color: #bbbbbb;
    float: right;
    cursor: pointer;
}
.increas1_content_form{
    width: 100%;
    overflow: hidden;
}
.increas1_content_form table{
    width: 100%;
    overflow: hidden;
    margin: 48px 0;
}
.increas1_content_form table td{
    padding: 16px 0;
    font-size: 14px;
}
.increas1_content_form table td:nth-child(odd){
    text-align: right;
}
.increas1_content_form table td span{
    color: #F64E4E;
}
.increas1_content_form table td i{
    font-style: normal;
    color: #999999;
}
.increas1_content_form table td textarea{
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
}
.increas1_content_form table col:nth-child(1){
    width: 13%;
}
.increas1_content_form table col:nth-child(2){
    width: 37%;
}
.increas1_content_form table col:nth-child(3){
    width: 13%;
}
.increas1_content_form table col:nth-child(4){
    width: 37%;
}
.increas1_content_row{
    width: 100%;
    overflow: hidden;
    text-align: right;
}
.increas1_content_row a{
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
}
.increas1_save_btn{
    background: #4488e9;
    color: #FFFFFF;
    margin-right: 8px;
}
.increas1_save_btn:hover{
    color: #FFFFFF;
}
.edit_btn{
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    background: #4488e9;
    color: #FFFFFF;
    float: right;
}
.edit_btn:hover{
    color: #FFFFFF;
}
.increas_cancle_btn{
    border: 1px solid #dcdcdc;
}
.increas1_cancle_btn{
    border: 1px solid #dcdcdc;
}
.edit_content_head i{
    position: absolute;
    right: 5px;
    top: -2px;
}
.map_content{
    width: 900px;
}
.map_content_head{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.map_content_head span{
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 2px solid #003972;
    font-size: 16px;
    color: #003972;
    font-weight: 700;
}
.map_content_head i{
    font-size: 20px;
    font-style: normal;
    color: #bbbbbb;
    float: right;
    cursor: pointer;
}
.permiss_content_form table{
    width: 100%;
}
.permiss_content_form table col:nth-child(1){
    width: 9%;
}
.permiss_content_form table col:nth-child(2){
    width: 37%;
}
.permiss_content_form table col:nth-child(3){
    width: 13%;
}
.permiss_content_form table col:nth-child(4){
    width: 41%;
}
.permiss_table_choose{
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.permiss_table_choose col:nth-child(1){
    width: 13%;
}
.permiss_table_choose col:nth-child(2){
    width: 21.75%!important;
}
.permiss_table_choose col:nth-child(3){
    width: 21.75%!important;
}
.permiss_table_choose col:nth-child(4){
    width: 21.75%!important;
}
.permiss_table_choose col:nth-child(5){
    width: 21.75%!important;
}
#checkboxAll{
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.permiss_content_form table tr td{
    vertical-align: top;
    padding: 12px 0;
    font-size: 14px;
}
.permiss_content_form table td>span{
    color: #F64E4E;
}
.permiss_content_form table td i{
    font-style: normal;
    color: #999999;
}
.permiss_content_form table tr td ul li input{
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.permiss_content_form table tr td ul>li{
    margin-bottom: 5px;
    font-weight: bolder;
    color: #333333;
}
.permiss_content_form table tr td ul ol{
    margin-left: 18px;
}
.permiss_content_form table tr td ul ol li{
    margin-bottom: 5px;
    color: #333333;
}
.option1{
    display: block;
    overflow: hidden;
    padding-left: 72px;
}
.option1>li{
    display: inline-block;
    width: 24%;
    vertical-align: middle;
}
.modpwd{
    width: 700px;
    padding: 24px 32px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.permiss>div:nth-child(1){
    float: left;
}
.permiss>div:nth-child(2){
    width: 91%;
    float: left;
    padding-left: 11px;
}
.permiss>div:nth-child(2) ul{
    display: inline-block;
    width: 24%;
    vertical-align: top;
    margin-bottom: 15px;
}
.permiss>div:nth-child(2) ul li{
    margin-bottom: 10px;
}
.permiss>div:nth-child(2) ul:nth-child(1){
    width: 0;
}
.modpwd_content{
    padding: 48px 138px 0 138px;
}
.modpwd_row{
    width: 100%;
    margin-bottom: 16px;
}
.modpwd_row>span{
    margin-right: 10px;
}
.modpwd_row .required{
    color: #F64E4E;
}
.modal-content{
    position: relative;
}
.modal_tips{
    width: 200px;
    padding: 12px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 5;
    display: none;
}
.modal_reset_tips{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
}
.modal_reset_tips_content{
    width: 200px;
    padding: 12px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 5;
}
.modal_tips_des{
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin-bottom: 16px;
}
.modal_tips_btn{
    text-align: center;
}
.modal_tips_btn a{
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px;
}
.modal_tips_sure{
    background: #448aea;
    border: 1px solid #448aea;
    color: #FFFFFF;
    font-size: 12px;
}
.modal_tips_sure:hover{
    color: #FFFFFF;
}
.modal_tips_qx{
    border: 1px solid #d9d9d9;
    color: #333333;
}
.modal_tips_reset_sure{
    background: #448aea;
    border: 1px solid #448aea;
    color: #FFFFFF;
    font-size: 12px;
}
.modal_tips_reset_sure:hover{
    color: #FFFFFF;
}
.modal_tips_reset_qx{
    border: 1px solid #d9d9d9;
    color: #333333;
}
.footer{
    height: 48px;
    /*background: #003972;*/
    background: #ffffff;
    z-index: 3!important;
}
.footer > div{
    height: 48px;
    padding: 0;
    text-align: center;
    color: #333333;
    line-height: 48px;
    font-size: 14px;
}
/** layui样式 **/
.layui-table-header table th{
    background: #4488E9;
    color: #FFFFFF;
}
.layui-table-cell{
    text-align: center;
}
.laytable-cell-1-id{
    padding: 0 5px!important;
}
.treeTable-empty{
   width: 15px!important;
}
.layui-form-checked[lay-skin=primary] i{
    background: #4488E9!important;
}
.layui-table-cell .layui-form-checkbox[lay-skin=primary]{
    top: 5px!important;
}
.layui-icon-layer{
    display: none!important;
}
.layui-icon-file{
    display: none!important;
}
.layui-input-block{
    margin: 0!important;
}
.layui-form-select dl dd.layui-this{
    background: #4488e9!important;
}
/** 分页  **/
.page_ctrl > div{
    display: inline-block;
    float: none;
}
.page_ctrl button{
    margin: 0 4px;
    border: 1px solid #dcdcdc;
}
.page_ctrl .current_page {
    background: #4488e9;
    color: #fff;
    border: 1px solid #4488e9;
}

/*定位信息以及定位轨迹页面的表头 by zengfanchao*/
.dw-page-header-menu{
    overflow: hidden;
    background: #FFFFFF;
    width: 100%;
    height: 50px;
    top: 0px;
    left: 0px;
    padding: 0 32px;
    z-index: 8;
    position: absolute;
}
.dw-page-header-menu a{
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 14px 14px;
}
.dw-page-header-menu a:hover{
    background: #ccd9f8;
    border-radius: 6px;
}
.dw-page-header-menu span{
    font-size: 14px;
}
.dw-page-header-menu_active{
    background: #ccd9f8;
    border-radius: 4px;
    border-bottom: 2px solid #003972;
}
/*定位信息页面输入框以及定位轨迹页面  by zengfanchao*/
.dw_type{
    border-radius:6px;
    overflow: hidden;
    background: #FFFFFF;
    position: absolute;
    top: 65px;
    left: 22px;
    z-index: 6;
    padding: 8px 22px;
}
.dw_type input{
    width: 240px;
}
.dw_type button{
    display: inline-block;
    padding: 8px 16px;
    background: #4488e9;
    border-radius: 3px;
    color: #FFFFFF;
    outline: none;
    border: none;
}
.dw_type .yjbj{
    display: inline-block;
    padding: 8px 16px;
    background: #ef0000;
    border-radius: 3px;
    color: #FFFFFF;
    outline: none;
    border: none;
}
.dw_type .normalbutton{
    display: inline-block;
    padding: 8px 16px;
    background: #1eb5d9;
    border-radius: 3px;
    color: #FFFFFF;
    outline: none;
    border: none;
}
/*右边div*/
.dw_type_right{
    border-radius:6px;
    overflow: hidden;
    position: absolute;
    top: 70px;
    right: 22px;
    z-index: 6;
    padding: 8px 22px;
}
/*下拉查询结果*/
.dw_type_next{
    border-radius:6px;
    position: absolute;
    top: 70px;
    left: 38px;
    z-index: 6;
    max-height:600px;
    overflow:auto;
}
.dw_type_next_item{
    background: #FFFFFF;
    padding: 8px 16px;
    border-radius: 6px;
}
.dw_type_next_item_active{
    background: #ccd9f8;
}
.dw_type_next_item:hover{
    background: #ccd9f8;
}
/*去掉百度地图版权申明*/
.BMap_cpyCtrl{
    display: none;
}
.anchorBL{
    display: none;
}


#gjcxForm button{
    display: inline-block;
    padding: 8px 16px;
    background: #4488e9;
    border-radius: 3px;
    color: #FFFFFF;
    outline: none;
    border: none;
}
.map_pop_box_button{
    display: inline-block;
    padding: 8px 16px;
    background: #4488e9;
    border-radius: 3px;
    color: #FFFFFF;
    outline: none;
    border: none;
}
#gjcxForm input{
    margin: 10px 0;
}
#gjcxForm>div{
    margin-top: 50px;
    text-align: center;
}
.lx_search{
    width: 400px;
    padding: 15px;
    background: #ffffff;
    position: absolute;
    border-radius: 6px;
    z-index: 8;
    top: 79px;
    left: 22px;
}
.lx_input{
    width: 220px!important;
    margin-right: 9px;
}
.lx_list{
    width: 400px;
    height: 500px;
    padding: 15px;
    background: #ffffff;
    position: absolute;
    border-radius: 6px;
    z-index: 8;
    top: 180px;
    left: 22px;
    overflow-y: auto;
}
.lx_list li{
    padding: 15px 0;
}
.lx_list .cancel{
    float: right;
    font-size: 12px;
    color: #ef0000;
}
.lx_list .cancel p{
    margin-bottom: 15px;
}
#rolelist{
    float: left;
    width: 75%;
    height: 470px;
    text-align: left;
    overflow-y: auto;
    border: 1px solid #d6dde0;
    padding: 15px 30px;
}
.option2 li{
    padding: 10px 0;
}
#rolelist>li{
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 15px;
}
#rolelist li input{
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}
#rolelist li span{
    vertical-align: middle;
    color: #333333!important;
}

#rolelist_view{
    float: left;
    width: 75%;
    height: 470px;
    text-align: left;
    overflow-y: auto;
    border: 1px solid #d6dde0;
    padding: 15px 30px;
}
#rolelist_view>ul{
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 15px;
}
#rolelist_view li input{
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}
#rolelist_view li span{
    vertical-align: middle;
    color: #333333!important;
}
/** ie8兼容 **/
.layui-col-md3{
    width: 25%\0/;
    float: left\0/;
}
.layui-col-md6{
    width: 50%\0/;
    float: left\0/;
}
.navigation{
    z-index: 3\0/;
}
.mainBox{
    padding: 0;
    margin-left: 0\0/;
    width: 100%\0/;
    height: 100%\0/;
    padding-left: 220px\0/;
}
.col-lg-2,.col-md-2,.col-sm-2{
    width: 16.66%\0/;
    float: left\0/;
}
.col-lg-3{
    width: 25%\0/;
    float: left\0/;
}

.col-lg-9{
    width: 75%\0/;
    float: left\0/;
}
.layui-table-cell [lay-skin=primary].layui-form-checkbox{
    top: 0\0/!important;
}
.increas_content_ie8{
    top: 4%\0;
    right: 0\0;
    left: 0\0;
    bottom: 0\0;
    margin: auto;
    height: 80%\0/;
}
.ie8_placeholder{
    display: none;
    display: block\0/;
    position: absolute;
    top: 10px;
    font-size: 14px;
    color: #999999;
    z-index: 0;
}
/** 切换导航栏 **/
.pagenavigation .hright{
    /*width: 400px;*/
    width: 320px;
}
.menu_type{
    display: inline-block;
    width: 20px;
    height: 67px;
    position: relative;
    vertical-align: middle;
    margin-left: 15px;
}
.menu_type_icon{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 26px;

}
.menu_event_list{
    width: 100px;
    height: 90px;
    background: #ffffff;
    position: absolute;
    top: 55px;
    left: -35px;
    border-radius: 5px;
    display: none;
}
.menu_event_list p{
    text-align: center;
    height: 32px;
}
.menu_event{
    width: 100px;
}
.nav_h{
    width: 100%;
    height: 40px;
    background: #ffffff;
    overflow: hidden;
    display: none;
    left: 0;
    /*padding-left: 15px;*/
}
.nav_h ul li{
    float: left;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
}
.nav_h_active{
    display: block;
}
.nav_h_li_active{
    border-bottom: 2px solid #003972;
    background: #F2F7FF;
}
.nav_h_li_active a{
    color: #448aea;
}
.navMenu{
    display: none;
}

.navMenu_active{
    display: block;
}
.handle_btn p{
    margin: 15px 0;
}
.p_title{
    font-size: 18px;
    color: #333333;
    font-weight: bolder;
}
.p_text{
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    text-indent: 2em;
}
.p_title_1{
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
}
.detail_btn{
    display: inline-block;
    width: 52px;
    height: 26px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    color: #1460D2;
    line-height: 26px;
}
.dynamic-table > tbody > tr:hover .detail_btn{
    border: 1px solid #1460D2;
    color: #1460D2;
}
.del_btn{
    display: inline-block;
    width: 52px;
    height: 26px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    color: #f0142f;
    line-height: 26px;
}
.dynamic-table > tbody > tr:hover .del_btn{
    border: 1px solid #f0142f;
    color: #f0142f;
}
.detail_btn:hover{
    background: #1460D2;
    color: #FFFFFF!important;
}
.del_btn:hover{
    background: #f0142f;
    color: #FFFFFF!important;
}
.search_row{
    width: 100%;
    overflow: hidden;
    margin-bottom: 12px;
}
.search_more{
    display: none;
}
.search_col4{
    width: 25%;
    float: left;
}
.search_row input{
    width: 240px;
    border: 1px solid #e6e9f4;
    border-radius: 8px!important;
    padding-left: 12px;
}
.search_row select{
    width: 240px;
    border: 1px solid #e6e9f4;
    border-radius: 8px!important;
    padding-left: 12px;
}
.search_col1{
    width: 50%;
    float: left;
    margin-bottom: 16px;
}
.search_col1 span{
    display: inline-block;
    width: 100px;
    text-align: right;
}
.more_btn{
    display: inline-block;
}
.more_btn i{
    font-style: normal;
}
.more_active i:after{
    content: "\f106";
}
.search_btn{
    display: inline-block;
    width: 90px!important;
    height: 40px;
    background: #4488e9;
    border-radius: 8px;
    color: #FFFFFF!important;
    font-size: 14px;
    text-align: center;
    padding: 0!important;
    outline: none;
}
.search_box{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}
.reset_btn{
    min-width: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    white-space: normal;
    overflow: visible;
    text-overflow: inherit;
    word-break: break-all;
    margin: 5px 0;
    background: none;
    outline: none;
    border: none;
}
.gn_btn{
    display: inline-block;
    width: 108px!important;
    height: 36px;
    background: #FBAF3B;
    border: 1px solid #FBAF3B!important;
    border-radius: 8px;
    color: #FFFFFF!important;
    font-size: 14px;
    text-align: center;
    padding: 0!important;
    outline: none;
}
.nav_type{
    position: absolute;
    left: 160px;
    /*left: 234px;*/
    top: 37%;
    z-index: 99;
}
.nav_type_btn{
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background: #324158;
    border: 4px solid #EFF2F7;
    position: absolute;
    top: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 18px;
}
.nav_mark_h{
    display: none;
}
.navMenu > li > a.active .nav_mark_h{
    display: inline-block;
}
.navMenu > li > a.active .nav_mark{
    display: none;
}
.nav_type_btn_active .nav_btn_icon{
    display: none;
}
.nav_btn_icon_h{
    display: none;
}
.nav_type_btn_active .nav_btn_icon_h{
    display: inline-block;
}
.pagenavigation .hLeft span{
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
}
.tab_nav{
    width: 100%;
    overflow: hidden;
    margin: 16px 0;
}
.tab_nav_btn{
    display: inline-block;
    padding: 6px 16px;
    color: #333333;
    background: #f8f9fa;
    /*border: 1px solid #003972;*/
}
.tab_nav_btn_active{
    background: #007bff;
    color: #FFFFFF!important;
}
/**  开关  **/
.switch_btn input{
    display: none;
}
.switch_btn_content{
    *width: 51px;
    position: relative;
    height: 22px;
    line-height: 20px;
    min-width: 35px;
    padding: 0 5px;
    margin-top: 0px;
    border: 1px solid #179ace;
    border-radius: 20px;
    cursor: pointer;
    transition: .1s linear;
    display: inline-block;
    background-color: #179ace;
    vertical-align: middle;
    line-height: 22px\0/;
    z-index: 2;
}
.switch_btn_content>em{
    font-style: normal;
    font-size: 12px;
    text-align: center;
    margin: 0;
    margin-left: 5px;
    margin-right: 22px;
    padding: 0;
    color: #ffffff;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switch_btn_content>i {
    position: absolute;
    /* left: 5px; */
    right: 5px;
    top: 3px;
    border-radius: 20px;
    background-color: #fff;
    right: 6px\0/;
    top: 6px\0/;
    width: 16px;
    height: 16px;
    width: 12px\0/;
    height: 12px\0/;
    z-index: 2;
}
.switch_btn_content_active{
    background-color: #fff;
    border: 1px solid #d2d2d2;
}
.switch_btn_content_active>em{
    color: #999;
    margin-left: 22px;
    margin-right: 5px;
}
.switch_btn_content_active>i {
    left: 5px;
    background-color: #d2d2d2;
}

.search_rq_type{
    display: inline-block;
    width: 58px;
    height: 36px;
    line-height: 36px;
    color: #333333!important;
    /*background: #4488e9;*/
    /*border-radius: 4px;*/
    /*border: 1px solid #d7dbec;*/
    text-align: center;
    cursor: pointer;
    text-decoration: underline!important;
}
.search_rq_type_active{
    color: #4488e9!important;
}
.box_loading{
    width: 200px;
    height: 250px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    display: none;
}

/* 定义一个名为spin的动画 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.box_loading div{
    text-align: center;
}
.box_loading img{
    width: 120px;
    animation-name: spin;
    animation-duration: 10s; /* 动画周期，20秒持续旋转 */
    animation-iteration-count: infinite; /* 动画无限次数执行 */
    animation-timing-function: linear; /* 线性变化 */
}
.search_show{
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}
.search_show_col{
    display: block;
    float: left;
    height: 24px;
    margin-right: 8px;
    background: url("../../images/search_bg.png") no-repeat;
    background-size: cover;
    font-size: 14px;
    color: #08417A;
    line-height: 24px;
    padding: 0 8px;
}
.search_show_col i{
    font-style: normal;
    margin-left: 12px;
    cursor: pointer;
}
.search_show a{
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #d7dbec;
    border-radius: 4px;
    font-size: 12px;
    color: #7E84A3;
}
.qbqrz_detail{
    width: 100%;
    overflow: hidden;
}
.qbqrz_detail_title{
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 1px solid #324158;
    font-size: 18px;
    margin: 12px 0;
}
.qbqrz_detail_title_sub{
    width: 100%;
    font-size: 14px;
    margin: 12px 0;
}
.qbqrz_detail_title_sub span{
    display: inline-block;
    padding: 6px 0;
    border-bottom: 3px solid #1678FF;
}
.qbqrz_detail_row{
    width: 100%;
    overflow: hidden;
}
.qbqrz_detail_col{
    width: 49.5%;
    float: left;
    border: 1px solid #dcdfe6;
    margin-bottom: 20px;
}
.qbqrz_detail_col:nth-child(odd){
    margin-right: 1%;
}
.qbqrz_detail_label{
    width: 30%;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f5f6f8;
    border-right: 1px solid #dcdfe6;
    float: left;
}
.qbqrz_detail_content{
    width: 70%;
    display: block;
    height: 40px;
    line-height: 40px;
    float: left;
    padding-left: 16px;
}
#content_com{
    padding: 30px;
}
.step_box{
    width: 40%;
    overflow: hidden;
    position: relative;
    margin: 30px auto;
}
.step_box_line{
    width: 46%;
    height: 1px;
    background: #c0c4cc;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.step_box_content{
    display: flex;
    align-items: center;
}
.step_box_content_col{
    flex: 1;
    text-align: center;
}
.step_num{
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    border: 2px solid #303133;
    color: #303133;
    border-radius: 50%;
    margin: 10px auto;
}
.step_num_active{
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    border: 2px solid #409eff;
    color: #409eff;
    border-radius: 50%;
    margin: 10px auto;
}
.step_title_active{
    color: #409eff;
}
.gm_box{
    width: 100%;
    overflow: hidden;
}
.gm_box_tab{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.gm_box_tab_btn{
    display: inline-block;
    padding: 12px 20px;
    float: left;
    border: 1px solid #dcdfe6;
    border-radius: 8px;
    cursor: pointer;
}
.gm_box_tab_btn_active{
    background: #409eff!important;
    border: 1px solid #dcdfe6!important;
    color: #ffffff!important;
}
.gm_box_jd{
   width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.gm_box_jd_item{
    float: left;
    margin-right: 10px;
}
.gm_box_jd_item_circle{
    width: 11px;
    display: inline-block;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    margin-right: 8px;
}
.gm_box_foot{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
}
.jd_tab_xzrest{
    width: 100%;
    margin-bottom: 30px;
}
.jd_tab_xzrest a{
    color: #409eff;
}
.znjd_content{
    width: 100%;
    padding: 3px 10px;
    background: #f1f0f0;
    min-height: 200px;
    display: flex;
    margin-bottom: 60px;
    justify-content: left;
    align-content: flex-start;
    flex-wrap: wrap;
}
.znjd_content_col{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    margin: 13px 0 0 9px;
    background-color: #fff;
    color: #606266;
}
.znjd_content_col span{
    color: blue;
}
.jd_input_box{
    width: 200px;
    height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 8px;
    background: #f5f7fa;
    position: relative;
}
.jd_input_box_prev{
    width: 40px;
    height: 38px;
    background: #f5f7fa;
    border-right: 1px solid #dcdfe6;
    position: absolute;
    top: 0;
    left: 0px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.jd_input_box_next{
    width: 40px;
    height: 38px;
    background: #f5f7fa;
    border-right: 1px solid #dcdfe6;
    position: absolute;
    top: 0;
    right: 0px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.jd_input_box input{
    border: none!important;
    outline: none!important;
    height: 38px;
    text-align: center;
}
.jd_content{
    width: 100%;
    overflow: hidden;
}
.jd_tab_content{
    display: none;
}
.jd_tab_content_active{
    display: block;
}
.jd_province{
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid #dcdfe6;
    display: flex;
    justify-content: left;
    align-content: flex-start;
    flex-wrap: wrap;
}

.jd_province_col{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    margin: 5px;
}
.jd_list{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.jd_list_row{
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    margin: 20px 0 70px 0;
}
.jd_list_head{
    padding: 18px 20px;
}
.jd_list_head_circle{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block
}
.green_jd{
    background: #28a745;
}
.orange_jd{
    background: orange;
}
.red_jd{
    background: red;
}
.jd_input_box_list{
    display: inline-block;
}
.jd_list_content{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.jd_list_content_col{
    flex: 1 1 24%;
}
.gm_box_foot_row{
    width: 98%;
    overflow: hidden;
    height: 60px;
    padding: 10px 10px 10px 5px;
    background-color: #f1f0f0;
}
.gm_box_foot_yk{
    float: left;
}
.gm_box_foot_yk_btn{
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    padding: 12px 20px;
    font-size: 14px;
    float: left;
}
.gm_box_foot_yk_btn_active{
    background: #409eff;
    border: 1px solid #409eff;
    color: #ffffff;
}
.goback{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 6px;
}
.gm_box_foot_yk_info{
    float: right;
}
.gm_box_foot_yk_info span{
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px
}
.gm_btn{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #f56c6c;
    border: 1px solid #f56c6c;
    color: #ffffff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.zdy_btn{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 4px;
}
.gm_box_foot_btm{
    width: 98%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4px;
    padding-left: 20px;
    background-color: #fff;
    line-height: 100%;
    margin-top: 10px;
    padding-bottom: 20px;
}
.gm_box_foot_btm_r{
    font-size: 24px;
}
.apply_box{
    max-width: 500px;
    padding: 30px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    border-radius: 12px;
    overflow: hidden;
    margin: auto;
}
.apply_box_title{
    color: #333;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}
.apply_box_title:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #409eff, #67c23a);
    margin: 10px auto 0;
    border-radius: 3px;
}
.smrz_box{
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    background: #fff;
}
.auth-card{
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.auth-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}
.section-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}
.section-tip{
    font-size: 14px;
    color: #999;
}
.section-left{
    flex: 1;
}
.bind-info{
    font-size: 14px;
    color: #666;
}

.smrz-notice{
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}
.smrz-notice p{
    margin-bottom: 8px;
}
.warning-tip{
    color: #f56c6c;
    font-weight: 500;
}
.downloadPage_title{

}
.downloadPage_title_name{
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    color: #303133;
    margin-bottom: 10px;
}
.downloadPage_title_des{
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #909399;
}
.downloadPage_box_title{
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}
.downloadPage_box_title img{
    vertical-align: middle;
    margin-right: 10px;
}
.downloadPage_box_title span{
    vertical-align: middle;
    font-size: 24px;
    font-weight: 500;
    color: #303133;
}
.downloadPage_box_content{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
}
.downloadPage_box_col{
    width: calc(25% - 20px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    padding: 10px;
    transition: all .3s;
}
.downloadPage_box_col:hover{
    transform: translateY(-5px);
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .12);
}
.downloadPage_box_name{
    margin-bottom: 10px;
}
.downloadPage_box_name img{
    vertical-align: middle;
    margin-right: 10px;
}
.downloadPage_box_name span{
    vertical-align: middle;
    font-size: 18px;
    color: #303133;
}
.downloadPage_box_des{
    font-size: 14px;
    color: #606266;
    line-height: 1.6;
    margin-bottom: 20px;
    min-height: 60px;
}
.downloadPage_box_btn{
    display: flex;
    justify-content: space-between;
}
.downloadPage_box_btn button{
    flex: 1;
    margin: 0 5px;
    padding: 12px 20px;
    outline: none;
}
.sysm_btn{
    color: #409eff;
    background: #ecf5ff;
    border: 1px solid #b3d8ff;
    font-size: 14px;
    border-radius: 4px;
}
.sysm_btn:hover{
    background: #409eff;
    border-color: #409eff;
    color: #fff;
}
.down_btn{
    color: #fff;
    background-color: #67c23a;
    border:1px solid #67c23a;
    font-size: 14px;
    border-radius: 4px;
}
.down_btn:hover{
    background: #85ce61;
    border-color: #85ce61;
    color: #fff;
}
.onlineBox_content_title{
    margin-bottom: 30px;
}
.onlineBox_content_title img{
    margin-right: 15px;
    vertical-align: middle;
}
.onlineBox_content_title span{
    font-size: 24px;
    color: #303133;
    vertical-align: middle;
}
.onlineBox_content_phone{
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.onlineBox_content_phone_content{
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ebeef5;

}
.onlineBox_content_phone img{
    vertical-align: middle;
    margin-right: 15px;
}
.onlineBox_content_phone span{
    font-size: 16px;
    color: #303133;
    vertical-align: middle
}
.onlineBox_content_phone font{
    color: #409eff;
    font-size: 18px;
    vertical-align: middle
}
.lyb_btn{
    display: inline-block;
    color: #fff;
    background-color: #409eff;
    border: 1px solid  #409eff;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
}
.bd_btn{
    margin-left: 10px;
    display: inline-block;
    color: #fff;
    background-color: #a0cfff;
    border:1px solid #a0cfff;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
}
.copy_btn{
    margin-left: 10px;
    display: inline-block;
    color: #fff;
    background-color: #67c23a;
    border:1px solid #67c23a;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
}
.onlineBox_code{
    display: flex;
    gap: 20px;
}
.onlineBox_code_col{
    width: 100px;
    text-align: center;
}
.mainPage_head{
    display: flex;
    padding: 24px 0;
}
.mainPage_head_logo{
    align-items: center;
    flex: 1 1 0%;
}
.mainPage_head_logo img{
    border-radius: 50%;
    vertical-align: middle;
}
.mainPage_head_logo_name{
    font-size: 24px;
    color: #333333;
    vertical-align: middle;
    margin-left: 12px;
    font-weight: 700;
}
.mainPage_head_gsmc{
    color: #333333;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 24px;
}
.mainPage_head_fgdq{
    color: #333333;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 24px;
    cursor: pointer;
}
.mainPage_head_help{
    color: #ffffff;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 24px;
    cursor: pointer;
}
.mainPage_head_download{
    color: #ffffff;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 24px;
    cursor: pointer;
}
.mainPage_accese{
    /*display: flex;*/
}
.mainPage_accese a{
    display: inline-block;
    padding: 10px 16px;
    background: #F64F64;
    color: #ffffff;
    font-size: 14px;
    border-radius: 8px;
}
.mainPage_container{
    overflow: hidden;
    padding-top: 60px;
}
.mainPage_container_cover_des{
    max-width: 576px;
    margin: auto;
}
.mainPage_container_cover_des img{
    width: 100%;
}
.mainPage_container_start{
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
}
.mainPage_container_start a{
    display: inline-block;
    padding: 10px 48px;
    background: #F64F64;
    color: #ffffff;
    font-size: 20px;
    border-radius: 8px;
}
.mainPage_container_des{
    text-align: center;
    margin-top: 16px;
    color:  #ffffff;
    font-size: 16px;
}
.mainPage_container_cover{
    max-width: 650px;
    margin: 20px auto;
}
.mainPage_container_cover img{
    width: 100%;
}
.mainPage_foot{
    width: 100%;
    position: fixed;
    /*background: rgba(0,0,0,0.6);*/
    background: rgba(237,242,252,0.6);
    padding: 8px 0;
    color: #333333;
    font-size: 14px;
    bottom: 0;
    text-align: center;
}
.zxqh_box{
    width: 100%;
    padding: 30px;
    background: #FFFFFF;
}
.zxqh_box_top{
    display: flex;
    align-items: center;
}
.zxqh_box_top_l{
    width: 375px;
}
.zxqh_box_top_l input{
    width: 100%;
}
.zxqh_box_top_r{
    display: flex;
    width: 150px;
    flex-direction: column;
    border: 1px solid #d3d0d0;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.zxqh_box_list_title table{
    width: 100%;
    border-collapse: collapse;
}
.zxqh_box_list_title table tr th{
    padding: 12px 0;
    color: #606266;
}
.zxqh_box_list_content{
    height: 390px;
    overflow-y: auto;
}
.zxqh_box_list_content table{
    width: 100%;
    border-collapse: collapse;
}
.zxqh_box_list_content table tr td{
    padding: 12px 0;
    color: #606266;
}
.zxqh_box_list_content table tr td:first-child{
    width: 8%;
}
.zxqh_box_list_content table tr td:last-child{
    width: 92%;
}
.zxqh_checked{
    display: inline-block;
    margin-right: 6px;
}
.zxqh_label{
    display: inline-block;
    margin-right: 3px;
}
.zxqh_num{
    width: 180px;

    border-radius: 8px;
    position: relative;
    display: inline-block;
}
.zxqh_num_add{
    width: 38px;
    position: absolute;
    height: 38px;
    background: #f5f7fa;
    right: 1px;
    display: block;
    top: 1px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    /*cursor: not-allowed;*/
    cursor: pointer;
    border-radius: 0 8px 8px 0!important;
}
.zxqh_num_reduce{
    width: 38px;
    position: absolute;
    height: 38px;
    background: #f5f7fa;
    left: 1px;
    top: 1px;
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px 0 0 8px!important;
    /*cursor: not-allowed;*/
    cursor: pointer;
}
.allowed{
    cursor: pointer;
}
.zxqh_num input{
    height: 40px;
    text-align: center;
    border: 1px solid #cccccc!important;
    border-radius: 8px!important;
}
.dzBtn{
    background: #f3f4f6;
    overflow: hidden;
    margin-bottom: 16px;
}
.dzBtn span{
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
}
.dzBtn_active:hover{
    color: #ffffff!important;
}
.dzBtn_active{
    background: #3b82f6;
    color: #ffffff;
}
.dz_content{
    display: flex;
    gap: 16px;
}
.dz_content_l{
    width: 60%;
}
.dz_content_r{
    width: calc(40% - 16px);
}
.zdfp_title{
    overflow: hidden;
    margin-bottom: 16px;
    font-size: 16px;
}
.zdfp_content_box{
    width: 320px;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    display: flex;
    padding: 0 8px;
    align-items: center;
    margin-bottom: 16px;
}
.zdfp_content_box_l{
    width: 258px;
}
.zdfp_content_box_l input{
    border: none!important;
    outline: none!important;
}
.zdfp_content_box_r span{
    cursor: pointer;
    margin: 0 3px;
    font-size: 16px;
}
.zdfp_num{
    margin-bottom: 16px;
}
