html,body{height:100%}
body{background: url("../images/lg_bg.jpg") center center;background-size: contain;overflow: hidden;}
.card-body{
    color: #333;
    width: 390px;
    font-size: 18px;
    border: 1px solid #ddd;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -243px 0 0 35px;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .1875rem;
    padding: 20px 0 20px;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 45%);
}
.card-body.zc{
    margin: -220px 0 0 -265px;
}
.nav {

}
.nav-link {
    display:block;
    padding: 0;
}
.nav-link:focus, .nav-link:hover {
    text-decoration:none
}
.nav-link.disabled {
    color:#999
}
.nav-tabs {
    border-bottom:1px solid #ddd;
    /* width: 89%; */
    /* display: flex; */
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    padding: 0;
    margin: 0 39px;
    list-style: none;
    overflow: hidden;
}
.nav-tabs .nav-item {
    margin-bottom:-1px;
    background: none;
    float: left;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
    background: none !important;
}
.nav-tabs .nav-item.weixin{
    background: url("../images/weixin_icon.png") top right no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 64px;
}
.nav-tabs .nav-item.weixin.active{
    width: 150px;
    height: 94px;
}
.nav-tabs .nav-item.weixin a{display:none}
.ml-auto a{/* color: #999 !important; *//* font-size: 14px !important; */}
.nav-tabs .nav-link {
    border:1px solid transparent;
    border-top-left-radius:.1875rem;
    border-top-right-radius:.1875rem;
    color: #333;
    font-size: 18px;
    position: relative;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    padding-top: 10px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:transparent
}
.nav-tabs .nav-link.disabled {
    color:#999;
    background-color:transparent;
    border-color:transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .active .nav-link {
    color:#333;
    font-size: 20px;
    padding-top: 5px;
    cursor: pointer;
    border: 0;
    border-bottom: 2px solid;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0;
    border-bottom: 2px solid;
}
.nav-tabs .dropdown-menu {
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
}

.active .nav-link:before {
    background-color: #0285d5;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    transition: background-color ease-in-out .15s;
    height: 2px;
    top: auto;
    bottom: -1px;
}
.tab-content{clear:both;padding: 30px 0 0;}
.form-group {
    margin: 0 0 30px;
    display: flex;
    white-space: nowrap;
    justify-content: flex-start;
    align-items: center;
}
label {
    display: inline-block;
    margin: 0 10px .5rem 0;
    width: 80px;
    text-align: right;
    text-align: unset;
}
label i{
    font-size: 14px;
    font-style: normal;
    color: #939393;
}
.form-control {
    display: block;
    width: 192px;
    height: 34px;
    padding: .4375rem .875rem;
    font-size: 15px;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: .1875rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0;
}

.btn{
    background-color: #0289da;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.4375rem 1.875rem;
    font-size: 18px;
    line-height: 1.5385;
    border-radius: .1875rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn_line{
    text-align: center;
    padding: 0;
}

footer{
    margin-top: 700px;
}

.zc .form-control{}
.zc .zc_line{
    display: inline-block;
    width: 344px;
    position: relative;
}
.zc .control-label{
    width: 90px;
    text-align: right;
}

*{
    box-sizing: border-box;
}
.yzm_box{
    margin: 0;
    display: flex;
    align-items: center;
}
.form-control.error{
    border: 1px solid #f44336;
}


.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label,.error{
    color: #df1612;
}
label.error{
    position: absolute;
    margin: 0;
    width: 78%;
    font-size: 12px;
    line-height: 11px;
}
.tableA td label.error{

    position: inherit;
}
.weixin_dl{
    position: absolute;
    right: 20px;
    bottom: 60px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
}
.weixin_dl img{
    width: 22px;
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.weixin_dl:hover{
    border: 1px solid #9dd8ff;
}

.forget{position:fixed;left:0;right:0;top:0;bottom:0;display:none}


.tan{position:fixed;left:0;right:0;top:0;bottom:0;display:none}
.tan_bg{z-index:5;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5)}
.tan_box{position:absolute;left: 50%;top: 50%;/* bottom:25%; */background:#f8f8f8;z-index:9;border-radius:10px;width: 410px;margin: -230px 0 0 -205px;/* overflow: auto; *//* height: 750px; */top: 50%;/* bottom: 5%; */}
.tan_tt{height:57vw;margin:7vw 0 0;background:url(../image/home/qian_ico.png) center center no-repeat;background-size:contain}
.tan_cont{text-align:center;font-size: 15px;height: 100%;overflow: auto;padding: 20px 20px;}
.tan_cont .tt{line-height:44px}
.closeX{position:absolute;width: 30px;height: 30px;background: rgb(255 255 255 / 63%);display:block;top: -11px;right: -11px;border-radius:999px;border:1px solid red;margin:0 0 0 -22px;z-index:99}
.closeX::before{content:"";display:block;border:1px solid red;width:55%;transform:rotate(45deg);position:absolute;top:47%;left:22%}
.closeX::after{content:"";display:block;border:1px solid red;width:55%;transform:rotate(-45deg);position:absolute;top:47%;left:22%}
.closeX:hover{
    background: rgb(255 181 181 / 60%);
}

.linex{overflow: hidden;text-align: left;display: flex;justify-content: space-evenly;align-items: center;padding: 0 0 0 20px;border-bottom: 1px dashed #ddd;margin-bottom: 10px;flex-direction: column;}
.linex li{margin: 5px 0;width: 100%;position: relative;display: flex;align-items: center;}
.linex .control-label{
    min-width: 110px;
    text-align: right;
    font-weight: bold;
}
.linex .zc_line{
    display: inline-block;
    width: calc(100% - 84px);
}

.tableA{
    background: #fff;
    table-layout:fixed;
    margin: auto;
}
.tableA input{
    border: none;
    background: #e8f0fe;
    width: calc(100% - 0px);
    padding: 4px 5px;
}
.tableA input[type="text"] {
    min-width: 166px;
}
.tableA select{
    min-width: 99%;
}
.tableA colgroup col:nth-child(1){width: 126px;}
.tableA colgroup col:nth-child(2){width: 150px;}
.tableA colgroup col:nth-child(3){width:100px}
.tableA colgroup col:nth-child(4){width: 128px;}
.tableA colgroup col:nth-child(5){width: 0;}
.tableA colgroup col:nth-child(6){width:100px}
.tableA colgroup col:nth-child(7){width: 150px;}
.tableA colgroup col:nth-child(8){width:100px}
.tableA colgroup col:nth-child(9){width:100px}
.tableA colgroup col:nth-child(10){width:100px}
.tableA th,
.tableA td{
    border: 1px solid #ddd;
}
.tableA th{
    font-weight: normal;
    text-align: right;
    padding: 0 5px 0 0;
}
.tableA td{
    text-align: left;
    padding: 2px 5px;
    vertical-align: middle;
    margin: auto;
    position: relative;
}

.text-area{
    border: none;
    background: #e8f0fe;
    width: calc(100% - 4px);
    padding: 4px 5px;
    min-height: 100px;
}
.ts{
    color: #e98400;
    font-size: 12px;
    display: block;
    /* background: #ffd3d3; */
    text-align: center;
}
.tx_img{ width: 100%}



.top_line {
    height: 55px;
    color: #333;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
    box-shadow: 2px 2px 2px #0000001f;
    justify-content: flex-start;
    align-items: center;
    background: #ffffffad;
}
.top_wdh {
    width: auto;
    padding: 0 10px;
    margin: 0;
}
.logo {
    /* padding-top: 2px; */
    /* float: left; */
    /* display: inline; */
    /* line-height: 52px; */
    margin: 0;
}
.logo img {
    width: 300px;
    height: auto;
    vertical-align: middle;
}
.lg_zc{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lg_zc a{
    font-size: 13px;
}
.cuowu{
    background: #fff0d5;
    border: 1px solid #ff6262;
    font-size: 16px;
    padding: 4px 0;
}




.bx_legt{    position: absolute;
    top: 17%;
    left: 11%;
    width: 34vw;
    height: 28vw;}
.bx_legt img{ width: 100%}