a{
    color: #333;
}
.login{
    width: 1322px;
    box-sizing: border-box;
    position: relative;
}
.login_img>img{
    width: 375px;
    float: left;
}
/* header部分开始 */
/* 左边 */
.login_header{
    display: block;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    border-bottom: 1px solid #f4f2f2;
}
.login_title{
    display: block;
}

#registerIframe {
    position: absolute;
    top: 65%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 450px;
    visibility: hidden;
    z-index: 9999;
    border: solid 1px rgba(0, 0, 0, .3);
    background: RGB(255,103,0);
}


.logo{
float: left;
width: 55px;
height: 55px;
background: url(../images/logo.png);
background-color: #ff6700;
background-position: 50%;
margin-top: 20px;
margin-left: 15px;
}
.logo_text{
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    color: #333;
}
.logo_text h2{
font-weight: 400;
}
/* 左边结束 */
/* 右边开始 */
.login_nav{
    display: block;
    float: right;
    box-sizing: border-box;
}
.login_nav li{
    position: relative;
    float: left;
    height: 100px;
    padding:40px 10px ;
    cursor: pointer;
}
.login_nav_item span{
    margin-right:20px ;
}
.login_nav li>a{
    color: #6b6969;
    font-size: 14px;
}
.login_nav li>a:hover {
    color: #ff6700;
}
/* 下拉列表开始 */
.login_list{
display: none;
width: 110px;
box-shadow: 0 3px 4px rgba(0, 0, 0, .10);
position:absolute;
right: 10px;
top: 70px;
/* padding: 16px; */
z-index: 300;
background-color: #fff;
}
.login_nav li:nth-child(4):hover>.login_list{
    display: block;
}
/* 下拉列表内容 */
.login_list a{
    display: block;
    width: 100%;
    height: 30px;
    padding:6px 10px;
    box-sizing: border-box;
    color: #333;
    text-align: center;
    font-size: 14px;
}
.login_list a:hover{
    background-color:#eef1f9;
}
/* 右边结束 */
/* header部分结束 */
/* 中间开始 */
.login_container{
    position: relative;
    height: 588px;
}
.user{
    position: absolute;
    top: 130px;
    right: 210px;
    width: 410px;
    height: 420px;
    background-color: #fff;
    box-shadow: 4px 4px 6px #aeacac;
}
.user_header{
    height: 82px;
    text-align: center;
    line-height: 82px;
    font-size: 18px;
    font-weight: bolder;
    margin-top: 28px;
}
.user_header a:hover{
    color: #ff6700;
}
.line{
    width: 1px;
    height: 24px;
    margin: 0 35px 0 42px;
    border: 1px solid #e0e0e0;
    background: #e0e0e0;
}
.user_middle{
    position: relative;
}
.user_middle input{
    width: 306px;
    height: 25px;
    border: 1px solid #e0e0e0;
    padding: 13px 16px 13px 14px;
    margin: 0 0 20px 0;
    outline: none;
}
.user_middle li{
    width: 308px;
    margin: 10px 0 10px 45px;
    padding-bottom: 20px;
    font-size: 14px;
    text-align: center;
}
/* 隐私协议 */
.agree_wrap{
    width: 340px;
    height: 50px;
    position: relative;
    font-size: 14px;
    margin-left: 35px;
    margin-bottom: 10px;
}
.agree_wrap>input{
    margin-left: 10px;
    margin-top: 12px;
    width: 20px;
    float: left;
}
.agree_wrap a{
    color: #ff6700;
}
p.agree{
    margin-top: 15px;
    position: absolute;
    left: 40px;
    
}
/* 登录按钮 */
.user_middle button{
display: block;
width: 80%;
background-color: #ff6700;
padding: 10px 14px 10px 14px;
margin: 0 0 20px 40px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 25px;
}
/* 忘记密码等 */
.user_middle li>span{
    margin:0 10px;

}
.user_middle li a{
    color: #757575;
}
.user_middle li a:hover{
    color: #ff6700;
}
/* 其他方式登录 */
.user_footer{
    display: block;
}
.user_footer i{
    margin: 20px 15px 5px 5px;
    font-size: 35px;
}
.icon1{
    color: rgb(91, 153, 192);
}
.icon2{
color: rgb(219, 118, 118);
}
.icon3{
    color: rgb(80, 80, 249);
}
.icon4{
    color: rgb(3, 162, 3);
}
/* 中间结束 */
/* 结尾 开始*/
.login_footer{
    display: block;
    height: 30px;
    margin: 100px 0 0 500px;
}
.login_footer>p{
    font-size: 14px;
    color: #adaaaa;
}