@CHARSET "GBK";

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: #cce8f4 url(./admin_bg.png) repeat-x top;
    width: 100%;
    height: 100%;
    font-family: "microsoft yahei"
}

.logoin_c {
    width: 544px;
    margin: 0 auto;
}

.logoin_cont {
    width: 1000px;
    margin: 0 auto
}

.admin_logo_bg {
    width: 100%;
    overflow: hidden;
}

.logoin_top {
    width: 100%;
    height: 158px;
}

.logoinPictu{
    width: 250px;
    height: 100%;
    position: relative;
    background: #1748cb;
    margin-left: 20px;
    border-radius: 6px 0 0 6px;
    z-index: 33;
}
.logoinPicbutm{
    position: absolute;
    overflow: hidden;
    bottom: -52px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 22;
}
.logoinPicLogo{
    overflow: hidden;
    position: relative;
    padding: 25px 0 0 25px;
}
.logoinPicTips{
    position: relative;
}
.logoinTipsList{
    position: relative;
    height: 30px;
    background: rgb(255 255 255 /20%);
    border-radius: 16px;
    width: max-content;
    display: flex;
    align-items: center;
    z-index: 33;
}
.logoinTipsList img{
    width: 30px;
    height: auto;
}

.logoinTipsList span{
    overflow: hidden;
    position: relative;
    display: block;
    color: #fff;
    padding: 0 20px 0 15px;
}

.logoinTipsOne{
    margin: 30px 0 0 25px;
}

.logoinTipsTwo{
    float: right;
    margin: 20px -16px 8px 0;
}

.logoinTipsTwo span{
    padding: 0 15px 0 20px;

}

.logoinTipsTree{
    clear: both;
    margin-left: -20px;
}






.login_box {
    width: 400px;
    min-height: 440px;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 22;
    border-radius: 0 6px 6px 0;
}

.logoin_title {
    width: 100%;
    height: 57px;
    float: left;
    background: url(../images/logoin_line.png) no-repeat 70px bottom;
    text-align: center
}

.logoin_logo {
    width: 100%;
    height: 60px;
    text-align: center;
    margin-top: 15px;
    float: left
}

.logoin_title_c {
    width: 351px;
    margin: 0 auto;
}

.logoin_title img {
    display: block;
    margin: 5px auto
}

.login_iptbox {

    color: #000;
    text-align: center;
    margin-left: 15px;
    _margin-left: 0px;


}

.logoin_list {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.logoin_list li {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.logoin_list li .admin_login_s {
    width: 120px;
    color: #65635f;
    font-size: 14px;
    float: left;
    display: block;
    text-align: right;
    line-height: 38px;
}

.login_iptbox .ipt {
    width: 260px;
    height: 38px;
    display: block;
    float: left;
    border: 1px solid #ddd;
    line-height: 38px;
    color: #666
}

.login_iptbox .ipt_code {
    width: 125px;
    height: 29px;
    line-height: 29px;
    color: #666;
    display: block;
    float: left;
    background: url(./lo_yz.png) no-repeat;
    border: none;


}

.login_iptbox img {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.login_iptbox .ipt_btn {
    width: 110px;
    height: 34px;
    background: url("./lo_sub.png") no-repeat;
    border: none;
    display: block;
    float: left;
    cursor: pointer
}

#code_img {
    position: relative;
    background: url(./login_ts140x89.gif) no-repeat;
    width: 140px;
    height: 89px;
    left: 430px;
    top: -133px;
    text-align: center;
    display: none;
    color: #000;
}

.admintop {
    background-color: #3A6EA5;
    height: 81px;
}

.logodiv {
    width: 136px;
    height: 81px;
    float: left;
}

.logo_a {
    display: block;
    width: 136px;
    height: 81px;
    background: url("./logo.gif");
}

.adminshell {
    width: 600px;
    height: 81px;
    margin-left: 10px;
    float: left;
}

.admininfo {
    width: 600px;
    height: 40px;
    line-height: 40px;
}

.adminmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.adminmenu li {
    float: left;
}

.admin_login_sub {
    width: 126px;
    height: 35px;
    margin-right: 10px;
    border: none;
    background: #076893;
    color: #fff;
    float: left;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold
}

.admin_login_sub1 {
    background: #ff7300
}

.admin_verification {
    width: 262px;
    float: left
}


/*---------------------------------------------------------*/
.adminLogoAlls {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminLogoAlls .logoin_logo{
  
    position: absolute; 
    width: auto;
    top: 21px;
    left: 48px;
    z-index: 1;
}
.adminLogoAlls .logoin_logo img{
 
    height: auto;
}
.adminLogoAlls .logoin_cont {
    width: 670px;
    height: 440px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.adminLogoAlls .logoin_cont .logoin_c {
    width: calc(100% - 60px);
    overflow: hidden;
    padding: 50px 30px;
}
.adminLogoAlls .logoin_cont .logoin_c .logoinName{
    overflow: hidden;
    font-size: 24px;
    color: #141516;
    text-align: center;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox{
    overflow: hidden;
    margin: 0;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox{
    overflow: hidden;
    
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list{
    overflow: hidden;
    padding-top: 15px;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li{
    overflow: hidden;
    padding: 12px 0;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .adminLogins{
    overflow: hidden;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    background: url(./lo_user.png) 15px center no-repeat;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .adminLoginTwo{
    background: url(./lo_mm.png) 15px center no-repeat;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .adminLogins input{
    width: calc(100% - 38px);
    border: none;
    height: 50px;
    border-radius: 8px;
    background: none;
    padding-left: 38px;
    font-size: 14px;
    color: #999;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .adminLoginsButton{
    overflow: hidden;
    padding-bottom: 18px;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .adminLoginsButton .admin_login_sub{
    width: 100%;
    height: 50px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    background: #1748cb;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .loginMessage{
    overflow: hidden;
    height: 50px;
    border-radius: 26px;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(./mesuy.png) 15px center no-repeat;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .loginMessage img{
    margin: 0 10px 0 0;
    border-radius: 10px;
}
.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .loginMessage input{
    margin-left: 10px;
    border-radius: 10px;
    padding-left: 28px;
    border: none;
    font-size: 14px;
    color: #999;
    background: none;
}
/*.adminLogoAlls .logoin_cont .logoin_c .login_iptbox .logoin_list li .loginMessage input::placeholder{
    color: #bbb;
}*/





/*定位图*/
.adminLogoAlls .logoinBlock1{
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.adminLogoAlls .logoinBlock2{
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 1;
}
.adminLogoAlls .logoinBlock3{
    overflow: hidden;
    position: absolute;
    top: 13%;
    right: 20%;
    z-index: 1;
}



.adminLogoAlls .logoinContImg {
    overflow: hidden;
    width: 620px;
    height: 480px;
    margin-right: 40px;
    /*background: #f60;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 33;
}
.adminLogoAlls .logoinContImg .logoinBacimg1{
    overflow: hidden;
    position: relative;
    z-index: 22;
    padding-bottom: 77px;
}
.adminLogoAlls .logoinContImg .logoinBacimg2{
    overflow: hidden;
    position: absolute;
    top:20px;
    left: -24px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg3{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 62px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg4{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg5{
    overflow: hidden;
    position: absolute;
    top: 50px;
    right: 65px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg6{
    overflow: hidden;
    position: absolute;
    top: 246px;
    left: 0;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg7{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 190px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg8{
    overflow: hidden;
    position: absolute;
    bottom: 18px;
    left: 332px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg9{
    overflow: hidden;
    position: absolute;
    top: 220px;
    right: 95px;
    z-index: 1;
}
.adminLogoAlls .logoinContImg .logoinBacimg10{
    overflow: hidden;
    position: absolute;
    top: 172px;
    right: 355px;
    z-index: 33;
}
.adminLogoAlls .logoinContImg .logoinBacimg100{
    overflow: hidden;
    position: absolute;
    top: 175px;
    right: 357px;
    z-index: 34;
    -webkit-animation: weixindt 1.8s linear infinite;
    animation: weixindt 1.8s linear infinite;
}
@-webkit-keyframes weixindt {
    25% {
        -webkit-transform: translateY(-5px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(5px);
    }
}

/*--------------------*/
.adminLogoAlls .logoinContImg .logoinBacimg11{
    overflow: hidden;
    position: absolute;
    top: 255px;
    right: 370px;
    z-index: 33;
}
.adminLogoAlls .logoinContImg .logoinBacimg110{
    overflow: hidden;
    position: absolute;
    top: 255px;
    right: 372px;
    z-index: 34;
    -webkit-animation: xiaochengx 1.6s linear infinite;
    animation: xiaochengx 1.6s linear infinite;
}
@-webkit-keyframes xiaochengx {
    25% {
        -webkit-transform: translateY(-4px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(4px);
    }
}
/*--------------------*/
.adminLogoAlls .logoinContImg .logoinBacimg12{
    overflow: hidden;
    position: absolute;
    top: 263px;
    right: 235px;
    z-index: 33;
}
.adminLogoAlls .logoinContImg .logoinBacimg120{
    overflow: hidden;
    position: absolute;
    top: 263px;
    right: 237px;
    z-index: 34;
    -webkit-animation: douyins 1.7s linear infinite;
    animation: douyins 1.7s linear infinite;
}
@-webkit-keyframes douyins {
    25% {
        -webkit-transform: translateY(-4px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(4px);
    }
}
/*--------------------*/
.adminLogoAlls .logoinContImg .logoinBacimg13{
    overflow: hidden;
    position: absolute;
    top: 180px;
    right: 215px;
    z-index: 33;
}
.adminLogoAlls .logoinContImg .logoinBacimg130{
    overflow: hidden;
    position: absolute;
    top: 180px;
    right: 217px;
    z-index: 34;
    -webkit-animation: baiduse 2s linear infinite;
    animation: baiduse 2s linear infinite;
}
@-webkit-keyframes baiduse {
    25% {
        -webkit-transform: translateY(-6px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(6px);
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.adminLogoAlls .logoinContImg .logoinBacimg14{
    overflow: hidden;
    position: absolute;
    top: 135px;
    left: 277px;
    width: 14px;
    height: 94px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg14 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop1 4s linear infinite;
}
@keyframes fireToop1 {
  0% {bottom: 140px;}
  100%{bottom: -10px;}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.adminLogoAlls .logoinContImg .logoinBacimg15{
    overflow: hidden;
    position: absolute;
    top: 135px;
    left: 277px;
    width: 14px;
    height: 70px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg15 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop2 6s linear infinite;
}
@keyframes fireToop2 {
  0% {bottom: 120px;}
  100%{bottom: -10px;}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.adminLogoAlls .logoinContImg .logoinBacimg16{
    overflow: hidden;
    position: absolute;
    top: 153px;
    left: 303px;
    width: 14px;
    height: 70px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg16 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop3 6s linear infinite;
}
@keyframes fireToop3 {
  0% {bottom: 120px;}
  100%{bottom: -10px;}
}
.adminLogoAlls .logoinContImg .logoinBacimg17{
    overflow: hidden;
    position: absolute;
    top: 153px;
    left: 303px;
    width: 14px;
    height: 70px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg17 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop4 3s linear infinite;
}
@keyframes fireToop4 {
  0% {bottom: 120px;}
  100%{bottom: -10px;}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.adminLogoAlls .logoinContImg .logoinBacimg18{
    overflow: hidden;
    position: absolute;
    top: 173px;
    left: 333px;
    width: 14px;
    height: 70px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg18 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop6 7s linear infinite;
}
@keyframes fireToop6 {
  0% {bottom: 120px;}
  100%{bottom: -10px;}
}
.adminLogoAlls .logoinContImg .logoinBacimg19{
    overflow: hidden;
    position: absolute;
    top: 173px;
    left: 333px;
    width: 14px;
    height: 70px;
    z-index: 40;
}
.adminLogoAlls .logoinContImg .logoinBacimg19 img{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fireToop7 4s linear infinite;
}
@keyframes fireToop7 {
  0% {bottom: 120px;}
  100%{bottom: -10px;}
}