@charset "utf-8";

body, div, p, ul, li, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup, select, table, textarea {margin:0;padding:0;}
body{height:100%;font:12px/20px "Microsoft YaHei"; background-color: #ffffff;min-width:1200px;}
input,select{font:12px/20px "Microsoft YaHei";}
a img,img{border:0;vertical-align:middle;}
a {text-decoration:none;color:#666;}
a:hover {color:#e53639;}
a:focus {outline-style:none;}
ul li {list-style:none;}
table {border-collapse:collapse;}
input, select {vertical-align:middle;outline: none;}
td {word-break:break-all;}
body,.register_main{background-color: #f2f2f2;}
.register_main .login_head{background:#050505;background-color: rgba(0, 0,0, 0.8);box-shadow: 0 0 10px rgba(0, 0, 0, .8);}
.register_main .login_float_l{float: left;}
.register_main .login_float_r{float: right;}
.register_main .mar12{margin-left: 12px;}
.register_main .txt_center{text-align: center !important;}
.register_main .pd10{padding-top: 10px !important;}
.register_main .col_a{color:#2495ca !important;}
.register_main .col_a:hover{color:#01aaf9 !important;}
.register_main .pd37{padding-top: 37px !important;}
.register_main .pd50{padding-top: 50px !important;}
.register_main .registerW340{width:340px !important;}
/*注册页面页头*/
.register_main .login_head .logo_div{height:100%;}
.register_main .login_head .logo_div img:first-child{margin-bottom: 0px;float: left;}
.register_main .login_head .login_head_con{height:58px;width:1200px;margin:0 auto;line-height: 58px;}
.register_main .login_head .login_head_con_a{font-size: 14px;float: right;color: #ffffff;}
.register_main .login_head .login_head_con_a:hover{color:#00c1de;}
/*注册页面主体*/
.register_main .register_con{width:1200px;margin: 0 auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background-color: #ffffff;margin-top: 40px;height: 418px;padding:10px 0 40px 0;}
.register_main .register_con .register_con_div{width:318px;margin: 30px auto;color:#333333;}
.register_main .register_con .register_con_div h3{font-size: 26px;line-height: 26px;text-align: center;font-weight: inherit;}
.register_main .register_con .register_con_div input[type = "text"],.register_main .register_con .register_con_div input[type = "password"]{height:44px;border-radius:5px;line-height: 44px;font-size: 14px;color:#333333;border:1px solid #dfdcdc;background-color: #f9f9f9;text-indent: 12px;}
.register_main .register_con .register_con_div input:hover{cursor: pointer;border-color: #9c9c9c !important;}
.register_main .register_con .register_con_div input::-webkit-input-placeholder{color:#b0b0b0;}
.register_main .register_con .register_con_div input::-moz-input-placeholder{color:#b0b0b0;}
.register_main .register_con .register_con_div input:-ms-input-placeholder{color:#b0b0b0;}
.register_main .register_con .register_con_div p{padding-top: 14px;}
.register_main .register_con .register_con_div .p_input_01 input{width:316px;}
.register_main .register_con .register_con_div .p_input_02{width:129px;}
.register_main .register_con .register_con_div p.fir_p{color:#999999;}
.register_main .register_con .register_con_div .register_con_div_a1{width:169px;height:44px;border:1px solid #dfdcdc;text-align: center;line-height: 44px;font-size: 14px;display: inline-block;border-radius: 5px;vertical-align: middle;margin-left: 16px;background:linear-gradient(#fdfdfd, #edecec);color:#333;opacity: 0.8;}
.register_main .register_con .register_con_div .register_con_div_a1:hover{opacity: 1;}
.register_main .register_con .register_con_div .register_check{display: none;}
.register_main .register_con .register_con_div .check_lab{cursor: pointer;}
.register_main .register_con .register_con_div .check_lab:before{content: "";display: inline-block;width:16px;height:16px;border:1px solid #cecbcb;vertical-align: bottom;}
.register_main .register_con .register_con_div .register_check:checked+label:before {content:"";color:#01aaf9;font-size: 14px;text-align: center;line-height: 16px;background: url("../img/check_dui.png") no-repeat center center;}
.register_main .register_con .register_con_div .register_con_div_a3{color:#2495ca;margin-left: 8px;}
.register_main .register_con .register_con_div .register_con_div_a2 {
    display: block;
    background-color: #03a9f4;
    width: 100%;
    height: 44px;
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    color: #ffffff;
    border-radius: 6px;
}
.register_main .register_con .register_con_div .register_con_div_a2:hover {
    background-color: #03a9f4;
}


/*注册2*/
/*注册通过*/
.register_main .register_con .register_correct{border-color: #2495ca !important;}
/*注册错误*/
.register_main .register_con .register_position{position: relative;}
.register_main .register_con .register_error{border-color: #ff0000 !important;}
.register_main .register_con .register_con_div .p_input_01{position: relative;}
.register_main .register_con .register_con_div .error_txt{color: #ff0000;position: absolute;width: 80px;line-height: 46px;right: 10px;}

.register_main .register_con .register_con_div .error_txt2{color: #ff0000;position: absolute;width: 80px;line-height: 46px;left:86px;}
.register_main .register_con .register_con_div .register2_con_div_a1{width:136px;height:44px;border:1px solid #dfdcdc;text-align: center;line-height: 44px;font-size: 14px;display: inline-block;border-radius: 5px;vertical-align: middle;margin-left: 16px;background:linear-gradient(#fdfdfd, #edecec);color:#333;opacity: 0.8;}
.register_main .register_con .register_con_div .register2_con_div_a1:hover{opacity: 1;}
.register_main .register_con .register_con_div .register2_input_02{width: 162px;}
.register_main .register_con .register_con_div .register_opac{opacity: 0.3 !important;}
.register_main .register_con .register_con_div .register_opac:hover{background-color:#d61518 !important;}
.register_main .register_con .register_hint{border: 1px solid #e3e3e3;width:273px;/*height:42px;*/position: absolute;right: -330px;top: 15px;border-radius: 5px;padding: 10px 20px;}
.register_main .register_con .register_hint span{background: #ffffff url("../img/zc_title.jpg") no-repeat left top;width:10px;height:12px;position: absolute;left: -9px;top:50%;margin-top: -6px;}
.register_main .register_con div.register_hint span{margin-top: 0px;}
/*footer*/
.register_main .login_bot p{font-size: 12px;color:#b5b5b5;text-align: center;margin-top: 25px;}


/*邮箱注册*/
.register_main .register_con .txt_rig{text-align: right;}
.register_main .register_con .registerMail_p{font-size: 14px;padding-top: 50px !important;}
/*验证box*/

.register_main .register_con .slide_box{height:38px;width:100%;position: relative;background-color: #e8e8e8;margin-bottom: -10px;margin-top: 20px;}
.register_main .register_con .slide-to-unlock-bg {text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 38px;}
.register_main .register_con .slide-to-unlock-handle {background: url(../img/jt-01.jpg) no-repeat center center;position: absolute;width:42px;height:36px;border:1px solid #ddd;background-color: #ffffff;left: 0px;top:0;cursor: move;}
.register_main .register_con .slide-to-unlock-progress {position: absolute;left: 0;top: 0;border-radius: 3px;left: 1px;top: 1px;height: 100%;color:#fff;line-height: 38px;text-align: center;background-color: #2ab2e4;}
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin: 0; overflow:hidden;}
.emailist li{padding:2px 11px; cursor:pointer;}
.emailist .on, .emailist li:hover{background-color:#eee;}
/*备案信息*/
.register_main .register_con .register_warn{width: 47px;height: 47px;padding-top: 0 !important;border: 2px solid #f0ad4e;border-radius: 50%;color: #f0ad4e;font-weight:bold;font-size: 34px;line-height: 47px;margin: 20px auto 0 auto;}
.register_main .register_con .register_til{padding-top: 30px;}
.register_main .register_con .register_til p:first-child{color:#666666;}
.register_main .register_con .register_til p{padding-top: 0;color:#a9a9a9;}
.register_main .register_con .txt_ft14{font-size: 14px !important;}

/*步骤 开始*
/.for-liucheng
       {
           width: 640px;
           margin: 0px auto;
           height: 50px;
           padding: 20px 0 0 0;
           position: relative;
           font-size: 12px;
           color: #333;
           font-family: "Microsoft Yahei";
           overflow-x: hidden;
           margin-bottom: 20px;
       }
       .liulist
       {
           float: left;
           width: 25%;
           height: 7px;
           background: #ccc;
       }
       .liulist.for-cur
       {
           background: #77b852;
       }
       .liutextbox
       {
           position: absolute;
           width: 100%;
           left: 0;
           top: 10px;
       }
       .liutextbox .liutext
       {
           float: left;
           width: 25%;
           text-align: center;
       }
       .liutextbox .liutext em
       {
           display: inline-block;
           width: 24px;
           height: 24px;
           -moz-border-radius: 24px;
           -webkit-border-radius: 24px;
           border-radius: 24px;
           background: #ccc;
           text-align: center;
           font-size: 14px;
           line-height: 24px;
           font-style: normal;
           font-weight: bold;
           color: #fff;
       }
       .liutextbox .liutext strong
       {
           display: inline-block;
           height: 26px;
           line-height: 26px;
           font-weight: 400;
       }
       .liutextbox .for-cur em
       {
           background: #77b852;
       }
       .liutextbox .for-cur strong
       {
           color: #77b852;
       }
       /*步骤 结束*/.radioclass
                 {
                     border: 1px solid red;
                 }
ul
{
    list-style-type: none;
}
li
{
    display: inline-block;
}
li
{
    margin: 10px 0;
    margin-left: 60px;
}
input.labelauty + label
{
    font: 12px "Microsoft Yahei";
}
/* table */
.register-table
{
    border-top: 1px solid #eceded;
    border-left: 1px solid #eceded;
    width:636px;margin: 0 auto;
}
.registertable thead,tfoot
{
    background-color: #f8f8f8;
}
.register-table td, .register-table th
{
    border-right: 1px solid #eceded;
    border-bottom: 1px solid #eceded;
    text-align: center;
    padding: .7em .5em;
}
.code{
    width: 320px;
    margin:0 auto;
    margin-top: 14px; margin-bottom: -4px;
}
.input-val{
    width: 200px;
    background: #ffffff;
    height: 2.8rem;
    padding: 0 2%;
    border-radius: 5px;
    border: none;
    border: 1px solid rgba(0,0,0,.2);
    font-size: 1.0625rem;
}
#canvas{
    float:right;
    display: inline-block;
    border:1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}