body,html{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.login{
    width: 100%;
    height: 100%;
    background: url("../img/login/bg2.png") no-repeat;
    background-size: cover;
    position: relative;
}
.lgBox{
    width: 7.85rem;
    background-color: #ffffff;
    box-shadow: 0 .02rem .18rem 0
    rgba(21, 91, 137, 0.1);
    border-radius: .1rem;
    position: absolute;
    top: 50%;
    right: 1.62rem;
    transform: translate(0,-50%);
}
.logo{
    width: .62rem;
    position: absolute;
    left: .57rem;
    top: .65rem;
}
.title{
    letter-spacing: 0px;
    color: #004372;
    font-size: .3rem;
    text-align: center;
    /*padding-left: 1.49rem;*/
    font-weight: 600;
    padding-top: .64rem;
}
.subTitle{
    letter-spacing: 0px;
    color: #737f94;
    font-size: .12rem;
    /*text-align: center;*/
    padding-left: 1.49rem;
}
.lgForm{
    width: 100%;
    margin-top: .41rem;
    text-align: center;
}
.lgInput{
    width: 5.04rem;
    height: .65rem;
    /*background: rgba(188,192,201,0.3);*/
    box-shadow: rgba(188,192,201,0.3) 0 0 .15rem .05rem;
    border: none;
    outline: none;
    color: #0a153e;
    font-size: .18rem;
    border-radius: .1rem;
    text-align: left;
    margin-bottom: .25rem;
    padding-left: .2rem;
    font-weight: 600;
    letter-spacing: 0.015rem;
}
.lgInput::placeholder{
    color: #4d576e;
    font-weight: normal;
}
.lgInput::-webkit-input-placeholder {
    color: #4d576e;
      font-weight: normal;
}
.lgInput:-moz-placeholder {/* Firefox 18- */
    color: #4d576e;
      font-weight: normal;
}
.lgInput::-moz-placeholder{/* Firefox 19+ */
    color: #4d576e;
      font-weight: normal;
}
.lgInput:-ms-input-placeholder {
    color: #4d576e;
      font-weight: normal;
}

.lgInput.blur{/*聚焦效果*/
    box-shadow: rgba(188,192,201,0.6) 0 0 .15rem .05rem;
    border: solid 1px #0060a4;
    border-left: .08rem solid #0060a4;
}  

#verify-wrap{
    width: 5.12rem;
    height: .6rem;
    display: inline-block;
    border-radius: .04rem;
    overflow: hidden;
}

/*滑块验证*/
.verify-wrap{width:350px;height:40px;background-color:#e5e5e5;border:1px solid #e0e0e0;margin:0px auto;position:relative}
.verify-wrap .drag-btn{position:absolute;left:.05rem;top:50%;transform:translate(0,-50%);width:.72rem;height:.61rem;background:url("../img/login/huadong.png") no-repeat center center;background-size:100% 100%;z-index:2;cursor:move;}.verify-wrap .suc-drag-btn{background: url("../img/login/huadong2.png") no-repeat center center;background-size:100% 100%}
.verify-wrap .drag-progress{position:absolute;left:0;top:-1px;height:.6rem;border-top:1px solid #60d7f9;border-top:1px solid #60d7f9;width:0;background-color:#60d7f9;color:#fff;font-size:18px;text-align:center;line-height:40px}
.verify-wrap .fix-tips,.verify-msg{width:100%;position:absolute;right:0;left:1px;height:100%;color:#4d576e;z-index:1;line-height:.6rem;font-size:.18rem;text-align:center}
.verify-wrap .verify-msg{background-color:#60d7f9;color:#fff;display:none}

.tips{
    color: #d53e32;
    font-size: .12rem;
    text-align: left;
    padding: .2rem 0 .1rem 1.36rem;
    visibility: hidden;
}
.lgBtn{
    width: 5.12rem;
    background-color: #288ed1;
    height: .7rem;
    border-radius: .04rem;
    color: #ffffff;
    font-size: .22rem;
    border: none;
    outline: none;
}
.lgDes{
    margin-top: .19rem;
    overflow: auto;
}
.call{
    color: #4d576e;
    font-size: .16rem;
    float: left;
    margin-left: 1.36rem;
}
.register{
    color: #2189ce;
    font-size: .16rem;
    float: right;
    margin-right: 1.37rem;
}
.line{
    width: 4.65rem;
    margin-top: .52rem;
}
.lgDw{
    color: #8e979d;
    font-size: .12rem;
    padding: .27rem 0 .5rem;
}

/*2022-10-21  ly*/
.unitContent{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}
.unitContainer{
    width: 60%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #000000;
    height: 80%;
}
.unitTitle{
    line-height: 50px;
    text-align: center;
    font-size: 24px;
}
.unitBox{
    width: 100%;
    height: calc(100% - 50px);
}
.unitHead{
    width: calc(100% - 10px);
    margin-left: 5px;
    background-color: #f4f4f4;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
}

.tableScroll{
    width: calc(100% - 10px);
   height: calc(100% - 43px);
    margin-left: 5px;
    overflow-y: auto;
    font-size: 18px;
}
.unitTable{
    width: 100%;

}
.unitTr td{
    padding: 10px 0;
}
.unitTable tr:nth-child(even){
    background-color: #f4f4f4;
}
.unitTr td:first-child, .unitHead th:first-child{
    padding-left: 20px;
}
.closeIcon{
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer;
}
/*轮播图*/
.carouselContent{
    width: 380px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #ffffff;
    text-align: center;
    padding-bottom: 10px;
}
.carouselTitle{
    font-size: 21px;
    padding: 15px 0;
}
.carouselContainer{
    width: 100%;
    height: 216px;
    position: relative;
    overflow: hidden;
}
.carouselUnit{
    font-size: 16px;
    padding: 5px 0 15px;
    cursor: pointer;
}
.carouselList{
    position: relative;
}