@charset "utf-8";
body {
    overflow: auto;
}

.index {
    width: 100%;
    background: url(../LocalImages/login/bj.jpg) no-repeat;
    height: 100%;
    position: fixed;
    background-size: 1920px 960px;
    z-index: -1;
    background-position: center 0;
}

.index1 {
    width: 100%;
    background: url(../LocalImages/login/bg1.png) no-repeat;
    height: 100%;
    position: fixed;
    background-size: 1920px 960px;
    z-index: -1;
    background-position: center 0;
}

.top {
    height: 40px;
    background-color: #2784E6;
    width: 100%;
    min-width: 1200px;
    padding: 0 20px;
    box-sizing: border-box;
}
  

.top .topCont {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
}

.top .topCont .topLeft {
    color: #fff;
    float: left;
    display: inline-block;
    color: rgba( 255, 255, 255 );
}

.top .topCont .topRight span {
    color: #fff;
    float: right;
    display: inline-block;
    color: rgba( 255, 255, 255, 0.8 );
}

.top .topCont .topRight a {
    color: #375DF4;
    margin-right: 30px;
}

.title {
    font-size: 46px;
    color: #016196;
    padding-top: 110px;
    /* width: 1200px; */
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.reg {
    width: 1200px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 100px;
}

.kuang {
    width: 560px;
    height: 310px;
    background-color: rgba(237, 247, 253, 0.7);
    margin: auto;
    margin-top: 120px;
}

.kuang .kuangTl {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #1892d5;
    background-color: rgba(255, 255, 255, .6);
    text-indent: 10px;
    font-size: 16px;
    font-weight: bold;
}

.kuang form table {
    width: 100%;
    margin-top: 20px;
}

.kuang form table tr td {
    height: 40px;
}

.kuang form table tr td:nth-child(odd) {
    width: 28%;
    text-align: right;
}

.kuang form table tr td input {
    border: 1px solid #D8D8D8;
    border-right: none;
    border-bottom: none;
    background-color: #fff;
    height: 30px;
    vertical-align: middle;
}

.kuang form table tr td img {
    vertical-align: middle;
    margin-right: 10px;
}

.kuang .submitMenu {
    text-align: center;
    margin-top: 15px;
}

.kuang .submitMenu input {
    width: 200px;
    height: 40px;
    border: none;
    background-color: #1892d5;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.kuang .submitMenu input:hover {
    background: #0e81c1;
}

.kuang .forget {
    width: 300px;
    margin-top: 10px;
    margin-left: 155px;
}

.kuang .forget a {
    color: #4456DC;
}

.wzqd {
    text-align: center;
    line-height: 35px;
    margin-top: 10px;
}

.wzqd a {
    color: #1892d5;
}

.wzqd a:hover {
    color: #0c78b4;
}

.right_wz {
    position: fixed;
    right: 10%;
    top: 200px;
    width: 80px;
    height: 210px;
}

.right_wz1 {
    float: right;
    width: 25px;
    overflow: hidden;
}

.wz_1 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_1.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_1 1s ease-in-out both;
    -webkit-animation: wz_1 1s ease-in-out both;
    -o-animation: wz_1 1s ease-in-out both;
    -ms-animation: wz_1 1s ease-in-out both;
    animation: wz_1 1s ease-in-out both;
}

.wz_2 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_2.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_1 2.5s ease-in-out both;
    -webkit-animation: wz_1 2.5s ease-in-out both;
    -o-animation: wz_1 2.5s ease-in-out both;
    -ms-animation: wz_1 2.5s ease-in-out both;
    animation: wz_1 2.5s ease-in-out both;
}

.wz_3 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_3.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_1 4s ease-in-out both;
    -webkit-animation: wz_1 4s ease-in-out both;
    -o-animation: wz_1 4s ease-in-out both;
    -ms-animation: wz_1 4s ease-in-out both;
    animation: wz_1 4s ease-in-out both;
}

.wz_4 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_4.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_1 5.5s ease-in-out both;
    -webkit-animation: wz_1 5.5s ease-in-out both;
    -o-animation: wz_1 5.5s ease-in-out both;
    -ms-animation: wz_1 5.5s ease-in-out both;
    animation: wz_1 5.5s ease-in-out both;
}

.right_wz2 {
    float: right;
    width: 25px;
    overflow: hidden;
    margin-right: 30px;
}

.wz_5 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_5.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_2 3s ease-in-out both;
    -webkit-animation: wz_2 3s ease-in-out both;
    -o-animation: wz_2 3s ease-in-out both;
    -ms-animation: wz_2 3s ease-in-out both;
    animation: wz_2 3s ease-in-out both;
}

.wz_6 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_6.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_2 4s ease-in-out both;
    -webkit-animation: wz_2 4s ease-in-out both;
    -o-animation: wz_2 4s ease-in-out both;
    -ms-animation: wz_2 4s ease-in-out both;
    animation: wz_2 4s ease-in-out both;
}

.wz_7 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_3.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_2 5s ease-in-out both;
    -webkit-animation: wz_2 5s ease-in-out both;
    -o-animation: wz_2 5s ease-in-out both;
    -ms-animation: wz_2 5s ease-in-out both;
    animation: wz_2 5s ease-in-out both;
}

.wz_8 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_7.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_2 6s ease-in-out both;
    -webkit-animation: wz_2 6s ease-in-out both;
    -o-animation: wz_2 6s ease-in-out both;
    -ms-animation: wz_2 6s ease-in-out both;
    animation: wz_2 6s ease-in-out both;
}

.wz_9 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_8.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_3 5.5s ease-in-out both;
    -webkit-animation: wz_3 5.5s ease-in-out both;
    -o-animation: wz_3 5.5s ease-in-out both;
    -ms-animation: wz_3 5.5s ease-in-out both;
    animation: wz_3 5.5s ease-in-out both;
}

.wz_10 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_9.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_3 6.5s ease-in-out both;
    -webkit-animation: wz_3 6.5s ease-in-out both;
    -o-animation: wz_3 6.5s ease-in-out both;
    -ms-animation: wz_3 6.5s ease-in-out both;
    animation: wz_3 6.5s ease-in-out both;
}

.wz_11 {
    width: 25px;
    height: 30px;
    float: right;
    background: url("../LocalImages/login/wz_10.png") no-repeat;
    -moz-transform: translate(0 0);
    -webkit-transform: translate(0 0);
    -o-transform: translate(0 0);
    -ms-transform: translate(0 0);
    transform: translate(0 0);
    -moz-animation: wz_3 7s ease-in-out both;
    -webkit-animation: wz_3 7s ease-in-out both;
    -o-animation: wz_3 7s ease-in-out both;
    -ms-animation: wz_3 7s ease-in-out both;
    animation: wz_3 7s ease-in-out both;
}

@keyframes wz_1 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes wz_1 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes wz_1 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes wz_2 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    50% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes wz_2 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    50% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes wz_2 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    50% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes wz_3 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    75% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes wz_3 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    75% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes wz_3 {
    0% {
        opacity: 0;
        transform: translateY(45)
    }
    75% {
        opacity: 0;
        transform: translateY(45)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.right_nr {
    text-align: center;
    padding: 0;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.6 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
    width: 500px;
    margin: auto;
    min-height: 491px;
    margin-top: 60px;
    margin-bottom: 50px;
    box-shadow: 0px 1px 10px 0px rgba(0, 22, 42, 0.2);
    position: relative;
}

.right_nr1 {
    text-align: center;
    padding: 0;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.6 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
    width: 500px;
    margin: auto;
    min-height: 507px;
    margin-top: 60px;
    margin-bottom: 50px;
    box-shadow: 0px 1px 10px 0px rgba(0, 22, 42, 0.2);
    position: relative;
}
 
.qhxg {
    margin: auto;
    margin-top: 30px;
    background-color: #fff;
    height: 42px;
    border-radius: 20px;
    display: inline-block;
    /* position: relative;
    right: 85px; */
}
  
.qhxg .radio_box {
    display: inline-block;
    width: 119px;
    height: 42px;
    line-height: 42px;
    /* float: left; */
}


.qhxg .radio_box label {
    width: 119px;
    height: 42px;
    font-size: 16px;
    color: rgb( 158, 158, 158);
    border-radius: 20px;
    font-weight: 400;
    float: left;
    cursor: pointer;
    position: relative;
}


.qhxg .radio_box .label-active {
    background-color:  rgb( 22, 159, 246 );
    color: #fff;
    width: 119px;
    height: 42px;
    font-size: 16px;
    border-radius: 20px;
    font-weight: 400;
    /* float: left; */
    cursor: pointer;
}

.qhxg .radio_box label:hover {
    color: #fff;
}

.qhxg .radio_box label:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.qhxg .radio_box label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb( 22, 159, 246 );
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(.7,1,1);
    transform: scale3d(.7,1,1);
    -webkit-transition: -webkit-transform .7s,opacity .7s;
    transition: transform .7s,opacity .7s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
    border-radius: 20px;
}


.denglu a {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    background-color: rgb( 55, 133, 234 );
    border-radius: 4px;
    margin: 0 10px 15px 10px;
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    border-radius: 5px;
    width: 146px;
    letter-spacing: 3px;
}

/* .zhongxin a {
    width: 370px;
    height: 46px;
    margin-right: 0;
}

.zhongxin a:first-child {
    margin-right: 0 !important;
} */

.denglu a:first-child {
    margin-right: 50px;
}

.denglu a:hover {
    /* background: #1780ba; */
    opacity: .8;
}

.denglu_1 a {
    display: inline-block;
    line-height: 38px;
    padding: 2px 45px;
    background: #4598f0;
    border-radius: 3px;
    margin: 0px 30px 15px;
    font-size: 16px;
    color: #fff;
}

.denglu_1 a:hover {
    background: #115196;
}  

.yhm {
    width: 350px;
    margin: auto;
    margin-top: 20px;
    height: 220px;
}

.yhm table {
    width: 100%;
}

.yhm table th {
    line-height: 30px;
    padding: 5px 5px;
    font-weight: 400;
    text-align: right;
}

.yhm table td {
    text-align: left;
}

.input_1 {
    width: 100%;
    border-radius: 3px;
    line-height: 41px;
    height: 41px;
    border: none;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 0 10px 0 45px;
    box-sizing: border-box;
}

.input_1::-ms-clear {display:none !important;}
.input_1::-ms-reveal {display:none !important;}

.yhm table tr + tr td {
    position: relative;
}

.yhm table tr:first-child input {
    background-image: url("../LocalImages/login/01.png");
    background-repeat: no-repeat;
    background-position:10px 10px;
}

.yhm table tr + tr input {
    background-image: url("../LocalImages/login/02.png");
    background-repeat: no-repeat;
    background-position:10px 10px;
    padding-right: 35px;
}

/* .yhm table tr:nth-child(2) input {
    background-image: url("../LocalImages/login/04.png");
    background-repeat: no-repeat;
    background-position:100px 10px;
} */

#look-password {
    display: inline-block;
    background-image: url("../LocalImages/login/05.png");
    width: 20px;
    height: 14px;
    position: absolute;
    right: 8px;
    top: 30px;
    cursor: pointer;
}

.yhm table tr + tr + tr input {
    background-image: url("../LocalImages/login/03.png");
    background-repeat: no-repeat;
    background-position:10px 10px;
}


.scan-code {
    margin-top: 50px;
    height: 220px;
}

.scan-code .code {
    width: 177px;
    height: 179px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 5px;
}

.scan-code .code-tip {
    margin-top: 20px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255 );
    z-index: 80;
}

.code-tip {
    vertical-align: middle;
    text-align: center;
}

.code-tip >div{
    display: inline-block;
    vertical-align: middle;
}

/*2019-9-30 刘强 补充*/
.customer-type {
    height: 50px;
    /* border-bottom: 1px solid white; */
    background-color: rgb(234, 242, 248);
    border-radius: 10px 10px 0 0;
    position: relative;
}

.customer-type-list {
    width: 49.99%;
    float: left;
}

.customer-type-list .customer-type-click {
    height: 49px;
    line-height: 49px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;

    list-style-type: none;
}

.customer-type-list .customer-type-click.active{
    color: rgb( 46, 123, 219 );
    font-weight: 550;
}

.customer-type-list .customer-type-click.active:before {
    transition: 0s;

}
.customer-type-list .customer-type-click.active:hover:before {
    width: 0;
}

.customer-type-list .customer-type-click:before{
    content: attr(data-title);/*必要*/
    width: 0%;/*必要*/
    position: absolute;/*必要*/
    /* text-align: center; */
    float: left;
    z-index: 2;/*必要*/
    color: rgb( 46, 123, 219 );
    white-space: nowrap;
    overflow: hidden;/*必要*/
    transition: .7s;/*必要*/
}

.customer-type-list .customer-type-click:hover:before{
    width: 100%;/*必要*/
}

.active-bar {
    position: absolute;
    bottom: 0;
    /* left: 25%; */
    height: 3px;
    background-color: rgb( 46, 123, 219 );
    z-index: 1;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    list-style: none;
    margin: 0 auto;
}


/* .qhxg .radio_box input[type="radio"]:checked~ label{
    color: #1075ad;
    font-weight: bold;
} */

.denlukuan{
    margin-top: 20px;
    height: 220px;
}

.denlukuan img {
    margin-top: 30px;
}

.denlukuan p {
    margin-top: 15px;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: rgb( 43, 117, 213 );
    z-index: 23;
}


.szzs a {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255 );
}

.szzs a:hover {
    opacity: .8;
}

.szzs a:first-child {
    margin-right: 40px;
}

.szzs a:last-child {
    margin-left: 40px;
}

/*单选*/
/* .radio_box {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 16px;
    margin: 0 15px;
} */

/* .radio_box label{
    font-size: 16px;
}

input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    width: 13px;
    height: 13px;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #a2b1c6;
    text-indent: .15em;
    line-height: 1;
    margin-top: -3px;
}

input[type="radio"]:checked + label::before {
    background-color: #1075ad;
    background-clip: content-box;
    border: 1px solid #1075ad;
    padding: .2em;
    width: 8px;
    height: 8px;
}

input[type="radio"] {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0;
} */


.dialog-box {
    background-color: #333333;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -moz-opacity: 0.8;
    opacity: .3;
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
    min-width: 1795px;
}

.dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}

.dialog-header {
    padding: 0 13px 0 18px;
    height: 40px;
    background-color: #2684E6;
    border-radius: 5px 5px 0 0;
}

.dialog-header span {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
}

.dialog-header .dislog-header-close {
    width: 16px;
    height: 16px;
    fill: #ffffff;
    cursor: pointer;
    position: relative;
    top: 13px;
    float: right;
}

.dialog-header .dislog-header-close:hover {
    opacity: .8;
}

.dialog-content {
    padding: 22px;
}

.dialog-tab {
    background-color: rgb( 228, 228, 228 );
    width: 248px;
    height: 42px;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 30px;
}

.dialog-tab span {
    display: inline-block;
    width: 119px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    border-radius: 20px;
    color: rgb( 158, 158, 158);
    font-size: 16px;
}
  
.dialog-tab span:last-child {
    float: right;
}

.dialog-tab span:hover,
.dialog-tab .tab-active {
    background-color: rgb( 22, 159, 246 );
    color: #fff;
}

.dialog-tab-content {
    text-align: center;
    margin-top: 30px;
}

.tab_1 .code {
    width: 157px;
    height: 159px;
    z-index: 13;
    /* background-color: red; */
    margin: 0 auto;
    border-radius: 4px;
}

.tab_1 {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102 );
    z-index: 14;
    margin-top: 15px;
}

.tab_2 select {
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 201, 201, 201 );
    border-radius: 5px;
    background-color: rgb( 255, 255, 255 );
    width: 233px;
    height: 42px;
    z-index: 27;
}

.tab_2 select option {
    border: none;
    cursor: pointer;
}

.tab_2_btn {
    margin-top: 40px;
}

.tab_2_btn a {
    display: inline-block;
    width: 112px;
    height: 39px;
    z-index: 33;
    border-radius: 20px;
    line-height: 39px;
    cursor: pointer;
    font-size: 16px;
}

.tab_2_btn a:first-child {
    background-color: rgb( 38, 132, 230 );
    color: #fff;
    margin-right: 20px;
}


.tab_2_btn a:first-child:hover,
.tab_2_btn a:nth-child(2):hover {
    opacity: .8;
}

.tab_2_btn a:nth-child(2) {
    border: 1px solid rgb( 38, 132, 230 );
    background-color: rgb( 255, 255, 255 );
    color: rgb( 38, 132, 230 );
}

#imgQRCode {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

/* 解释说明*/
.zl-explain-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.zl-explain-box .title_1{
    color: rgb(22, 159, 246);
    cursor: pointer;
}

.zl-explain-box .zl-icon-explain {
    cursor: pointer;
}

.zl-explain-dropdown::before {
    content: "";
    position: absolute;
    top: -10px;
    background: transparent;
    height: 15px;
    width: 100%;
    left: 0;
}

.zl-explain-dropdown {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(210, 210, 210);
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 8px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    top: 24px;
    left: -16px;
    z-index: 99;
    min-width: 100px;
    color: #1a2531;
    font-size: 12px;
    /*display: block;*/
}

.zl-explain-box:hover .zl-explain-dropdown {
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 8px;
    width: 120px;
}


/* 向上箭头 默认 */
.zl-popper-bottom .popper__arrow {
    top: -6px;
    left: 48%;
    margin-right: 3px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    border-top-width: 0;
    border-bottom-color: rgb(210, 210, 210);
}

.zl-popper-bottom .popper__arrow:after {
    content: " ";
    top: 1px;
    left: -6px;
    margin-right: 3px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    border-top-width: 0;
    border-bottom-color: white;
}

.zl-explain-box span {
    vertical-align: middle;
    display: block;
}

.zl-explain-dropdown .tis{
    font-size: 14px;
    color: #1a2531;
}
.scan-box{
    padding: 10px 0;
}
.scan-box img{
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
}

/*.footer{ width:100%; background:#a30a0f; padding:20px 0 ;	margin-top:15px;
		color:#fff; text-align:center; line-height:32px;  border-top:solid 1px #e1e1e1;}	
.footer a{ color:#fff; margin:10px; font-size:12px;}	
.footer a:hover{ color:#000000;}*/

/* 背景色1 */
.yb-footer-bj {
    background: #175BA6;
}

.yb-footer {
    font-family: "Microsoft YaHei";
}

.yb-footer a {
    text-decoration: none;
}

.yb-footer-color {
    color: #f1c025;
}

.yb-footer .yb-footer-content {
    width: 1200px;
    height: 104px;
    padding: 24px 0 16px;
    margin: auto;
    font-size: 14px;
    color: white;
    line-height: 27px;
    position: relative;
    display: flex;
    align-items: center;
}

.yb-footer-left {
    float: left;
    box-sizing: border-box;
}

.yb-footer-ccrc {
    background: url("../LocalImages/login/yb-ccrc.svg") no-repeat center;
    background-size: 60px 60px;
    height: 60px;
    width: 60px;
    margin-right: 10px;
    display: inline-block;
}

.yb-footer-government-affiliated-institutions {
    background: url("../LocalImages/login/yb-government-affiliated-institutions.svg") no-repeat center;
    background-size: 60px 60px;
    height: 60px;
    width: 60px;
    display: inline-block;
    margin-right: 10px;
}

.yb-footer-jiucuo {
    background: url("../LocalImages/login/yb-jiucuo.svg") no-repeat center;
    background-size: 109px 60px;
    width: 109px;
    height: 60px;
    display: inline-block;
}

.yb-footer-mid {
    text-align: center;
    width: 600px;
    margin: auto;
}

.yb-footer-mid p {
    margin: 0;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    color: white;
}

.yb-footer-mid p:last-child {
    margin-bottom: 0px;
}

.yb-footer-icon {
    width: 80px;
    display: inline-block;
    float: left;
    margin-right: 24px;
}

.yb-footer-icon p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

/* 手机app 二维码 */
.yb-footer-app-code {
    background: url("../LocalImages/login/yb-sjapp.svg") no-repeat center;
    background-size: cover;
    height: 80px;
    width: 80px;
    float: left;
}

/* 微信公众号 二维码 */
.yb-footer-wx-code {
    background: url("../LocalImages/login/yb-wxgzh.svg") no-repeat center;
    background-size: cover;
    height: 80px;
    width: 80px;
}