﻿.nav_tabLeft>span{
    color: #666666;
    font-size: 24px;
}
.nav_tabLeft>a{
    width:76px;
    height:30px;
    border:1px solid rgba(0,140,214,1);
    border-radius:15px;
    line-height: 30px;
    text-align: center;
    color: #008CD6 !important;
    font-size: 12px;
    margin-left: 20px;
}

#register_content{
    padding-top: 80px;
    background: #f7f7f7; 
    padding-bottom: 100px;
}
.register_user{
    height: 56px;
    line-height: 56px;
    color: #434343;
    font-size: 14px;
}
.register_container{
    background: #fff;
}
.register_container{
    height: 620px;
    padding: 30px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.register_info{
    float: left;
    width: 800px;
    height: 100%;
    border-right: 1px solid rgba(230,230,230,1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
}

input[type="text"],input[type="password"]{
    width:400px;
    display: inline-block;
    height:48px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:5px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.registerForm{
    margin-top: 30px;
}
.layui-form-item .layui-input-inline{
    width: 400px;
}

.layui-form-item  .selectStyle,.selectStyle input[type="text"]{
    width: 195px;
}
.layui-form-item .inputStyle,.inputStyle input[type="text"]{
    width: 195px;
}
.mustStyle{
    color: #F08200;
    margin-right: 3px;
}

.layui-btn{
    width:200px;
    height:42px;
    background:linear-gradient(135deg,rgba(52,174,255,1),rgba(64,126,255,1));
    border-radius:21px;
    padding: 0;
    margin-top: 20px;
}
.layui-btn:hover{
    opacity: 1;
}

.layui-form-label{
    font-size: 14px;
    width: 125px;
}
.common_input>input{
    width: 190px;
}

.get_test{
    width:185px;
    height:48px;
    background:rgba(247,247,247,1);
    border:1px solid rgba(230,230,230,1);
    border-radius:5px;
    color: #008CD6;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.get_test:hover{
    color: #008CD6;
}
.layui-form-item  .identify_code{
    width: 190px;
    float: none;
    margin-left: 10px;
    margin-right: 0;
    color: #666666;
    font-size: 12px;
}
.identify_code>a{
    color: #008CD6;
}   


.register_agree{
    color: #008CD6;
}
.isAgree{
    color: #666666;
    font-size: 12px;
}


/* 复选框样式 */

.layui-form-checkbox[lay-skin=primary] i{
    width: 14px;
    height: 14px;
}

.layui-form-item .layui-form-checkbox[lay-skin=primary]{
    margin-top: 0;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: rgba(230,230,230,1);
}
.layui-form-checked[lay-skin=primary] i{
    background-color: #008CD6;
}
.quicly_register{
    margin-left: 40px
}

/* 左侧登录列表 */
.login_list{
    float: left;
    width: 400px;
    height: 100%;
    padding: 167px 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.haveAccount{
    font-size: 12px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-bottom: 20px;
    line-height: 12px;
}
.login_button{
    width:120px;
    height:36px;
    background:linear-gradient(135deg,rgba(255,91,46,1),rgba(255,143,31,1));
    border-radius:18px;
    display: inline-block;
    line-height: 36px;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    color:rgba(247,247,247,1);
    margin-bottom: 40px;
}
.login_button:hover{
    color: #fff;
}
.common_login{
    color: #666666;
    font-size: 14px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    width: 146px;
    text-align: left;
}
.common_login>img{
    margin-right: 6px;
}
.common_login:hover{
    color: #666666;
}


/* 注册成功弹窗样式 */
.layui-layer-content{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.success_register{
    text-align: center;
    padding: 42px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.perfect_userInfo{
    width:200px;
    height:48px;
    display: block;
    margin: 40px  auto 19px;
    background:linear-gradient(135deg,rgba(52,174,255,1),rgba(64,126,255,1));
    border-radius:24px;
    font-size:16px;
    font-weight:bold;
    color:rgba(247,247,247,1);
    text-align: center;
    line-height: 48px;
}
.perfect_userInfo:hover{
    color:rgba(247,247,247,1);
}
.user_register{
    font-size:14px;
    font-weight:400;
    color:rgba(19,191,105,1);
    margin-top: 30px;
    line-height: 14px;
}
.welcome_web{
    font-size:12px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-top: 9px;
    line-height: 12px;
}

.first_look{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height: 14px;
}
.first_look:hover{
    color:rgba(153,153,153,1);
}


.differStyle{
    color: rgba(240,40,0,1) !important;
    font-size: 12px;
    padding: 13px 0!important;
    display: none;
}