.back {
    background: url("../image/joinus.jpg") no-repeat center;
    height: 752px;
    padding-top: 176px;
}

.blue-type {
    background-color: #3E69F6;
    box-shadow: 0 4px 10px #333333;
    width: 1000px;
    height: 548px;
    margin: 0 auto;
    opacity: 0.7;
}

.menu {
    padding: 205px 40px;
    width: 920px;
    height: 138px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    margin-top: -548px;
}

.menu > div {
    width: 360px;
    color: #fff;
}

.menu > div:first-child {
    float: left;
}

.menu > div:first-child + div {
    float: right;
}

.siup div:first-child{
    font-size: 24px;
}
.siup div:first-child+div{
    font-size: 14px;
    margin: 10px 0 20px;
}
.siup div:first-child+div+div{
    font-size: 18px;
    width: 200px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #fff;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.siup div:first-child+div+div:hover{
    margin-top: -1px;
    background-color: #fff;
    color: #3E69F6;
}
.siup div:first-child+div+div:hover:active{
    margin-top: 0;
}
.huadong{
    width: 520px;
    height: 692px;
    background-color: #fff;
    box-shadow: 0 4px 10px #4a4a4a;
    margin-top: -614px;
    position: absolute;
    margin-left: -462px;
    left:50%;
    display: none;
}
.j-sin{
    width: 400px;
    margin-top: -614px;
    margin-left: -462px;
    position: absolute;
    left:50%;
    padding: 48px 60px 40px;
    display: none;
}
.j-sin>div:first-child{
    background: url("../image/Welcome to join us.png") no-repeat center;
    width: 288px;
    height: 23px;
    margin: 0 auto 20px;
}
.j-log input,.j-sin input{
    width: 384px;
    height: 38px;
    line-height: 38px;
}
.aha{
    margin-top: 10px;
}
.button-sign{
    margin-bottom: 0;
}
.j-log>div:first-child{
    background: url("../image/WELCOME.png")no-repeat center;
    width: 137px;
    height: 19px;
    margin: 123px auto 12px;
}
.j-log{
    width: 400px;
    margin-top: -614px;
    margin-left: -60px;
    position: absolute;
    left:50%;
    padding: 48px 60px 40px;
    display: none;
}
.button-log{
    width: 400px;
    margin-top: 60px;
}
.button-log:active{
    margin-top: 59px;
    margin-bottom: 15px;
}
.agree{
    margin-top: -58px;
}