@charset "utf-8";

*{
    margin: 0;
    padding: 0;
}

body { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* background-color: #72c7f3; */
}
body a {
    text-decoration: none;
}

.header {
    width: 100%;
    height: 100px;
    background-color: #fff;
}
.header .logo {
    width: 1190px;
    margin: 10px auto;
}
.header .logo img {
    vertical-align: middle;
}
.header .logo span {
    border-left: 1px solid #00abff;
    vertical-align: middle;
    font-size: 28px;
    font-family: "黑体";
    color: #00abff;
    padding-left: 20px;
}

.container {
    /* border: 1px solid black; */
    width: 100%;
    background-color: #72c7f3;
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
}

.container .content {
    width: 1190px;
    height: 650px;
    margin: 0px auto;
}

.container .content .login-img{
     float: left;
     margin-left: 20px;
     margin-top: 32px;
}

.container .content .login {
    /* border: 1px solid black; */
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 3px 4px 5px #f8f8f8;
    width: 380px;
    /* height: 475px; */
    float: right;
    margin-right: 105px;
    margin-top: 20px;
    padding-bottom: 30px;
}
.login-content .login-back {
    margin-top: 16px;
    text-align: center;
}
.login-content .login-back a{
    /* border: 1px solid black; */
    /* margin-left: 60px; */
    color: #6b6b6c;
}
.login-back a:hover {
    color: #00abff;
}
.login-content .login-input input {
    width: 80%;
    height: 30px;
    font-size: 16px;
   border-style: none; 
    margin-left: 40px;
    margin-top: 4px;
    border: 1px solid #00abff;
}
.login-content .login-code input {
    border: 1px solid #00abff;
    width: 52%;
    height: 35px;
    font-size: 16px;
    margin-top: 14px;
    margin-left: 40px;

    /* border-style: none; */
}
#slideBar{
margin:6px -3px;
}
.login-content .login-code .button-code {
    width: 25%;
    margin-left: 2px;
    background-color: #00abff;
    color: #fff;

}
.login-content .login-code .button-code :hover {
    width: 25%;
    margin-left: 2px;
    background-color: #00abff;
    color: #fff;

}

.login-content .login-code1 .button-code :hover #sliderBar{
  display: block;

}
.login-code input:hover {
    /* border: 2px solid #00abff; */
    box-shadow: 1px 1px 2px rgba(67,191,252,0.75);
}
.login-code .button-code:hover {
    border: 1px solid #a4dffc;
    box-shadow: 2px 2px 2px rgba(0,171,255,0.75);

}
.button-captha{
    margin: 2px 10px;
}
.checkbtn {
    margin-top: 5px;
    margin-left: 31px;
    color: #6b6b6c;
}
.checkbtn a {
    color: #6b6b6c;
}
.checkbtn a:hover {
    color: #00abff;
}
#check{
    width:20px;
    margin-top: -6px;
    text-align: center;
    vertical-align: middle;
}
.login-input .button {
    background-color: #00abff;
    color: #fff;
}
.login-input input:hover {
    box-shadow: 1px 1px 2px rgba(67,191,252,0.75);
}
.login-input .button:hover {
    box-shadow: 2px 2px 2px rgba(0,171,255,0.75);
}

.forget {
    text-align: center;
    margin-top: 20px;
    color: #fff;
}



.login .other-login {
    margin-top: 20px;
    color: #6b6b6c;
}
.other-login img {
    vertical-align: middle;
}
.other-login a {

color: #7e7f7c;
    vertical-align: middle;
}
.other-login a:hover{ 
 text-decoration: underline;
color: #fff;
    cursor: pointer;
    }
.other-login .qq {
    float: left;
    margin-left: 42px;

}
.other-login .weixin {
    float: right;
    margin-right: 33px;
} 


.footer {
    width: 100%;
    margin-top: 20px;
}
.footer .foot {
    width: 1190px;
    margin: 0 auto;
    text-align: center;
}
.footer .foot  a {
    padding: 0 15px 0 15px;
    color: #000;
}
.foot a:hover {
    color: #00abff;
}
.foot-bottom {
    margin-top: 30px;
}