.main {

    position: relative;

    height: 770px;

    background: url("../images/bg_login.jpg") no-repeat;

    background-size: 100% 100%;

}





.main .wrap-login {

    position: absolute;

    top: 54px;

    right: 180px;

    width: 440px;

    background-color: #ffffff;

    border: 1px solid #DDDDDD;

    padding-left: 25px;

    padding-right: 25px;

    padding-bottom: 15px;

}













.main .wrap-register {

    position: absolute;

    top: 54px;

    right: 180px;

    width: 440px;

    background-color: #ffffff;

    border: 1px solid #DDDDDD;

    padding-left: 25px;

    padding-right: 25px;

    padding-bottom: 25px;

}



.main .site {

    color: #000000;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 20px;

    padding-top: 20px;

}



.main .in {

    width: 388px;

    height: 60px;

    border: 1px solid #CCCCCC;

    margin-bottom: 15px;

}



.main .in .icon {

    position: relative;

    display: inline-block;

    width: 65px;

    height: 60px;

}



.main .username img {

    position: absolute;

    left: 20px;

    top: 15px;

    width: 25px;

    height: 25px;

}



.main .pwd img {

    position: absolute;

    left: 15px;

    top: 15px;

    width: 30px;

    height: 30px;

}



.main .in input {

    width: 300px;

    height: 40px;

    font-size: 16px;

    margin-top: 10px;

    padding-left: 10px;

    border: none;

    border-left: 1px solid #C9C9C9;

    outline: none;

}



.main .next {

    height: 25px;

    line-height: 25px;

    border: none;

    margin-bottom: 15px;

}



.main .next input{

    display: inline-block;

    width: 24px;

    height: 24px;

    border: 1px solid #CCCCCC;

    margin-right: 10px;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

}













.main .next input:checked{

    background: url(../images/img_bub_gou.png) no-repeat;

    background-size: 100%;

}



.main .next span, .main .next a{

    display: inline-block;

    height: 25px;

    line-height: 25px;

}



.main .next .rule, .main .next .contact{

    color: #CC0000;

    border-bottom: 1px solid #CC0000;

}



.main .sure {

    width: 100%;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #ffffff;

    font-size: 21px;

    background-color: #CC0000;

    border-radius: 5px;

    border: none;

    outline: none;

}



.main .sure:hover{

    background-color: #ff6666;

}



.main .errors{

    height: 25px;

    line-height: 25px;

    color: #CC0000;

    margin-bottom: 15px;

}



.layui-layer-content{

    padding: 35px;

}

















@media screen and (max-width:979px)

{

.main {

    height:auto;

    background:none;

    background-size: 100% 100%;

}	









.main .wrap-login {

    position: relative;

    top: 0px;

    right: 0px;

    width: 96%;

    background-color: #ffffff;

    border: none;

    padding-left:5px;

    padding-right:5px;

    padding-bottom: 15px; margin:0 auto

}





.main .in {

  width:100%; 

    height: 60px;

    border: 1px solid #CCCCCC;

    margin-bottom: 15px;

}



.main .in input {

   width:calc(100% - 77px); 

    height: 40px;

    font-size: 16px;

    margin-top: 10px;

    padding-left: 10px;

    border: none;

    border-left: 1px solid #C9C9C9;

    outline: none;

}

.main .wrap-register {

  position: relative;

    top: 0px;

    right: 0px;

    width: 96%;

    background-color: #ffffff;

    border: none;

    padding-left:5px;

    padding-right:5px;

    padding-bottom: 15px; margin:0 auto

}

	

}



.layui-layer-content  h4{ margin-bottom:20px; margin-top:20px;}