.sign_live{
    line-height:30px;
    padding-top:42px;
    float:right;
}
.join_free_header{
    border-bottom:1px solid #dddddd;
}
.live_color_blue{
    padding-right:20px;
}
.live_color_blue a{
    color:#00baff;
}
.live_line_center{
    padding:40px 10px 0 10px;
    color:#dddddd;
}
.w1120{
    width:1120px;
    margin:auto;
    height:58px;
    line-height:20px;
    border-bottom:2px solid #dddddd;
    font-size:18px;
    font-weight:bold;
    color:#999999;
}
.join_free_step{
    width:280px;
    height:100%;
    float:left;
    font-size:34px;
    text-align: center;
}
.join_free_step:first-child{
    margin-left:140px;
}
.join_free_step.active{
    color:#f5b800;
    border-bottom:2px solid #f5b800;
}
.join_free_step b{
    vertical-align: bottom;
}
.join_free_step span{
    font-size:18px;
    padding-left:10px;
}
.join_free_content{
    width:100%;
    height:auto;
}
.join_free_main{
    width:1160px;
    height:auto;
    margin:auto;
    margin-top:40px;
}
.join_free_words{
    width:100%;
    height:35px;
    line-height:35px;
    margin-top:20px;
}
.join_free_words>text{
    width:160px;
    display: inline-block;
    height:35px;
    line-height:35px;
    text-align: right;
    font-size:16px;
    margin-left:280px;
}
.join_free_long_input{
    width:288px;
    height:33px;
    line-height:33px;
    padding-left:10px;
    border:1px solid #dddddd;
    color:#999999;
}
.join_free_words span{
    padding-left:10px;
    color:#fe2435;
}
.join_free_words text span{
    padding-left:10px;
    color:#000;
}
.join_free_words span a{
    color:#3fc3ff;
    padding-left:5px;
}
.join_free_words span i{
    padding-right:10px;
}
.join_free_words select{
    width:58px;
    height:33px;
    line-height:33px;
    border:1px solid #dddddd;
}
.join_free_words select option{
    height:33px;
    line-height:33px;
}
#v_container{
    width: 98px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    margin-left:-137px;
    margin-top:-1px;
}
.refresh_img_login {
    margin-top: -1px;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.join_code_error{
    display: none;
}
.join_code_true{
    display: none;
    color:#5FB878 !important;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #f5b800!important;
    background-color: #f5b800;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #f5b800;
    color: #fff;
}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0px;
}
.layui-form-checkbox[lay-skin=primary] span {
    padding-right: 0;
}
.user_agreement_hover{
    color:#00baff !important;
}
.user_agreement_hover:hover{
    text-decoration: underline;
}
.join_free_next_view{
    width:100%;
    height:32px;
    line-height:32px;
    text-align: center;
    margin-bottom:70px;
}
.join_free_next_view button{
     width:140px;
     height:32px;
     border:0;
     background:#f5b800;
     border-radius: 5px;
     color:#fff;
     cursor: pointer;
    margin-left:50px;
 }
.join_free_next_view button:first-child{
    background:#cccccc;

}
.join_free_next_view button:hover{
     box-shadow: 0px 10px 10px #ccc;
 }
.join_free_next_view button:active{
    box-shadow: 0px 5px 10px #bbb;
}
.join_next_mail_btn{
    width:140px;
    height:32px;
    border:0;
    background:#f5b800;
    border-radius: 5px;
    color:#fff;
    cursor: pointer;
}
.join_next_mail_btn:hover{
    box-shadow: 0px 10px 10px #ccc;
}
.join_next_mail_btn:active{
    box-shadow: 0px 5px 10px #bbb;
}
.join_free_footer{
    width:100%;
    height:220px;
    background:#f2f2f2;
}
#join_free_style2 .join_free_words text{
    width:820px;
    text-align: left;
}
.bubble_join_free{
    display: none;
}
.bubble_join_free p{
    padding:5px 10px;
    color:#999999;
    height:25px;
    font-size:14px;
    line-height:25px;
}
.bubble_join_free p a{
    color:#00baff;
}
#join_free_style2{
    display: none;
}
#countdownHandler_time{
   padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    border: 0;
    cursor: pointer;
}
#last_join_name{
    display:none;
}
.join_free_words text>i{
    color:red;
}
#join_free_style2 .join_free_words{
    margin-top:50px;
}
.join_free_words ul li{
    float:left;
    line-height:35px;
    padding-left:10px;
}
.join_free_words ul{
    display: inline-block;
    vertical-align: middle;
}
.join_free_words ul li span{
    display: inline-block;
    width:40px;
    height:20px;
    background:#ccc;
    line-height:20px;
    text-align: center;
    padding:0;
    color:#fff;
    font-size:13px;
}
.back_blue{
    background:#00baff !important;
}
.back_yellow{
    background:#f5b800 !important;
}
.back_red{
    background:#fe2435 !important;
}
.layui-form-radio{
    margin:0;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
    color:#00baff;
}
#join_free_next_btn{
    background:#f5b800;
}
.individual_radio_show{
    display: none;
}
.join_free_ok{
    width:100%;
    height:100px;
    line-height:100px;
    text-align: center;
    margin-top:50px;
}
.join_free_ok i{
    font-size:50px;
    color:#2ecc71;
    vertical-align: middle;
    margin-right:10px;
}
.join_free_ok>span,.join_free_ok>a{
    font-size:25px;
    vertical-align: middle;
}
.join_free_ok>a{
    color:#00baff;
}
.join_free_ok p span{
    font-size:16px;
    color:#999999;
}
.join_free_ok p a{
    color:#00baff;
}
.forger_finished_btn{
    background:#f5b800;
    color:#fff;
    padding:10px 15px;
    border:0;
    border-radius: 5px;
}
.forget_home_page{
    color:#999999 !important;
    font-size:16px !important;
    margin-left:20px;
}
.forget_finished_bottom{
    width:1120px;
    margin:auto;
    margin-top:20px;
    margin-bottom:50px;
}
#bubble_join_free {
    box-shadow: 0px 0px 10px #999;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5px;
    position: absolute;
    top:45px;
    left:440px;
    background:#fff;
    border: 1px solid #CCC;
}
#bubble_join_free span {
    position: absolute;
    left: 25px;
    height: 0px;
    width: 0px;
}
/*上部小三角实现样式开始*/
#bubble_join_free span.out {
    line-height: 0;
    border-width: 10px;
    border-color: transparent transparent #CCC transparent;
    border-style: dashed dashed solid dashed;
    top: -20px;
}
#bubble_join_free span.iner {
    border-width: 10px;
    border-color: #fff transparent #FFF transparent;
    border-style: dashed dashed solid dashed;
    top: -19px;
    line-height: 0;
}