*{
    padding:0;
    margin: 0;
    outline: none;
    /*box-sizing: border-box;*/
}
input::-webkit-input-placeholder{
    color: #cccccc!important;
}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #cccccc!important;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #cccccc!important;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #cccccc!important;
}
input:active,input:focus,input:hover{
    border: 1px solid #F4F4F4!important;
    outline:none!important;
}
input{
    color: #333!important;
    border: 1px solid #F4F4F4!important;
}


.sui-steps .current .triangle-right{border-color:transparent transparent transparent #f39800}
.sui-steps .current .round{color: #f39800;}


.sui-steps .finished .triangle-right{border-color:transparent transparent transparent #31cb96}
.sui-steps .finished .round{color: #31cb96;}
.sui-steps .finished .round>i{color: #31cb96;}

.regbox .reg-title .title{font-size: 20px;font-weight: bold;color: #333;}
.regbox .reg-title .gologin{display: inline-block;padding-top: 15px;color: #999;}
.regbox .reg-title .gologin a{color: #31cb96;text-decoration: underline;}



.con-box  .sui-form  .getbox input{
    background-image: url(../../images/gallery/mobile.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 10px 14px;
}
.con-box  .sui-form  .getbox-yzm input{
    background-image: url(../../images/gallery/locks.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 10px 14px;
}
.con-box  .sui-form  .getbox span{padding-left: 10px;}
.con-box  .sui-form  .getbox-yzm{position: relative}

.con-box  .sui-form  .getbox-yzm span{padding-left: 10px; }

/*.con-box  .sui-form  .yzmbox{display:inline-block;border: 1px solid #31cb96;margin-right: 10px;width: 120px; height: 40px;  line-height: 40px;text-align: center;color: #31cb96;margin-left: 15px;}*/
.con-box  .sui-form  .yzmbox-gray{display:inline-block;margin-right: 10px;width: 120px; height: 40px;  line-height: 40px;text-align: center;color: #999999;margin-left: 15px;}
.con-box  .sui-form  .gray{border: 1px solid #999999;color: #999999;/*display: inline-block;*/display: none;}

.regbox .con-box .yzmerror{

    display: none;
}


.con-box  .sui-form  .getbox-setup span{padding-left: 10px;}

.setupbox span{

    color: #31cb96;
    padding-left: 50px;
    line-height: 60px;
    height: 60px;
    display: block;
    float: right;
    font-size: 30px;
}
.setupbox img{
    position: relative;
    top: 5px;
}






.checkbox-pretty span:before, .radio-pretty span:before{font-size: 150%;position: relative;top:1px;}
.checkbox-pretty.checked>span:before, .radio-pretty.checked>span:before{color: #f39800;}
.checkbox-pretty:hover span:before, .radio-pretty:hover span:before{color: #f39800;}
/*主体部分*/
.main{
    width:100%;
    background: #f8f8f8;
}
div.footer div.foot_top {
    background-color: #f8f8f8;
}
/*主体内容*/
.regbox{
    width: 892px;
    height: 575px;
    margin: 50px auto;
    background: #ffffff;
}
.regbox .reg-title, #myForm, #regForm{
    width: 305px;
    display: block;
    float: left;
    clear: left;
}

/*步骤条*/

.sui-steps .current .triangle-right{border-color:transparent transparent transparent #f39800}
.sui-steps .current .round{color: #f39800;}



.sui-steps .finished .triangle-right{border-color:transparent transparent transparent #31cb96}
.sui-steps .finished .round{color: #31cb96;}
.sui-steps .finished .round>i{color: #31cb96;}

.regbox .reg-title .title{font-size: 20px;font-weight: bold;color: #333;}
.regbox .reg-title .gologin{display: inline-block;padding-top: 15px;color: #999;}
.regbox .reg-title .gologin a{color: #31cb96;text-decoration: underline;}


.regbox .con-box .control-group-spe{margin-bottom: 10px;}

.con-box  .sui-form  .getbox span{padding-left: 10px;}

.con-box  .sui-form  .getbox-yzm span{padding-left: 10px;}
/*获取短信验证码*/
.con-box  .sui-form  .yzmbox{display:inline-block;margin-right: 10px;width: 120px; height: 40px;  line-height: 40px;text-align: center;color: #31cb96;margin-left: 15px;}
.con-box  .sui-form  .gray{border: 1px solid #999999;color: #999999;/*display: inline-block;*/display: none;}
/*验证码错误提示*/
.regbox .con-box .yzmerror{/*display: inline-block;*/display: none;}

.con-box .sui-form button{
    width: 303px;
    height: 40px;
    line-height: 40px;
    background: #F4F4F4;
    color: #CCCCCC;
    border: none;
    font-size: 14px;
    margin-top: 20px;
    cursor: pointer;
}
.footboot a {
    text-decoration: none;
}
#bgimg {
    width: 440px;
    height: 358px;
    display: block;
    float: right;
    margin-top: 50px;
}

.setupbox{

    height: 60px;
    line-height: 60px;
    width: 250px;
    margin-left: 40px;
    display: block;
    float: left;
    clear: both;;

}


/*后台错误提示*/
/*.fberr{margin-left: 100px;width:294px;height: 16px;margin-top: -10px;margin-bottom: 10px;color:#ea4a36; }*/
.fberr .fberr-box{background: #ffebeb;color: #ea4a36;padding: 2px 2px;}
.fberr .noshow{display: none;}
.fberr .fberr-box i{margin-left: 10px;}


 .con-box .sui-form .forgetPass {

     /*display: inline-block;*/
     /*margin-right: 4px;*/

     /*height: 32px;*/
     /*line-height: 32px;*/
     color: #1890FF;
     /*margin-left: 15px;*/
     position: absolute;
     top:50%;
     right: 0;
     transform: translateY(-50%);
     text-decoration: none;
     cursor: pointer;
     /*z-index: 999;*/
     /*background: #fff;*/
     width: 125px;
     text-align: left;
     text-indent: 32px;
     font-size: 12px;
     border-left: 1px solid #F4F4F4;
     background-image: url(../../images/gallery/msgmb.png);
     background-repeat: no-repeat;
     background-position: 10px center;
     background-size: 13px 13px;
}


/*复选框样式*/
.checkbox-pretty span:before, .radio-pretty span:before{font-size: 150%;position: relative;top:1px;}
.checkbox-pretty.checked>span:before, .radio-pretty.checked>span:before{color: #f39800;}
.checkbox-pretty:hover span:before, .radio-pretty:hover span:before{color: #f39800;}


div.footer{width: 100%;overflow: hidden;}



div.footer .footboot{
    clear: both;
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    background: #f8f8f8;
    border: none;

}
div.footer .footboot .common{color: #bdbdbd;text-align: center;font-size: 12px;}
div.footer .footboot .common a{color: #bdbdbd;font-size: 12px;margin-right: 15px;}

div.footer .footboot .row1{}
div.footer .footboot .row2{margin-top: 21px;}
div.footer .footboot .row3{margin-top: 12px;}

img.errorimg{position: absolute;left: 3px;top: 4px;}


.headerBox{width:100%;}

/*登录页头部导航*/
.login-nav{height: 88px;width: 1200px;margin: 0 auto;overflow: hidden;line-height: 88px;}
.login-nav .p-lbox{/*margin-top: 25px;*/}
.login-nav .p-lbox img{width: 160px;height: 60px;}
.login-nav .shuxian{width: 1px;height: 80px;border-left: 1px solid #e0e0e0;margin-top: 45px;}
.login-nav .p-mbox{width: 130px;font-size: 20px;font-weight: bold;color: #666666;text-align: center;/*padding-top: 50px;*/margin-left: 25px;text-align: left;}

.login-nav .p-rbox{}
.login-nav .p-rbox span{color: #666666;font-size: 12px;}
.login-nav .p-rbox a{color: #6493d4;font-size: 12px;}
.login-nav .p-rbox a.kefu{padding-left: 100px;}
.login-nav .p-rbox a.kefu:hover{text-decoration: underline;}
.login-nav .p-rbox img{width: 467px;height: 28px;}



body,html{
    padding: 0px;
    margin: 0px;
}
.p-lbox img{
    height: 33px;
    display: block;
    float:left;
}
.p-lbox{
    display: block;
    clear: both;
    overflow: auto;
}
.regbox .con-box {
    padding-left: 60px;
    padding-top: 20px;
    padding-right: 60px;
}
.flr{
    display: block;
    float: right;
    line-height: 33px;

}
i{
  font-style: normal;
}
.flr  .grey{
    color: #a8a8a8;
    font-size:12px;
}
.flr .contacts{
    color: #1890FF;
    font-size: 12px;
    margin-right: 20px;
    cursor: pointer;
}
.reg-title .wrap{
    display: block;
    float: left;
    width: 33.3%;
}
.reg-title .wrap span{
    width: 100%;
    display: block;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 35px;
}
.reg-title .wrap:nth-child(1) span{
    text-align: left;
}

.reg-title .wrap:nth-child(2) span{
    text-align: center;
}

.reg-title .wrap:nth-child(3) span{
    text-align: right;
}
.sui-form.form-horizontal .control-group input {
    border: 1px solid #F4F4F4;
    border-radius: 2px;
    font-size: 12px;
    color: #CCCCCC;
}

.con-box .sui-form input {
    height: 34px;
    line-height: 34px;
    width: 269px;
    padding: 0;
    padding-left: 10px;
}
.regbox .reg-title{
    margin-bottom: 30px;
}

.sui-form.form-horizontal .controls {
    padding-left: 0;
    display: block;
    clear: both;
    height: 36px;
    position: relative;
}

#errorMsg{
    font-size: 12px;
    color: red;
    display: block;
    clear: both;
    float: left;
    line-height: 35px;
}
.error {
    font-size: 12px;
    color: red;
    display: block;
    clear: both;
    float: left;
    line-height: 35px;
}
html, body {
    background-color: #f8f8f8;
}
.leftwrap{
    display: block;
    float: left;
}
.crossicon{
    margin-top: 100px;
}
.crossicon i, .crossicon  span {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
}
.crossicon i{
    width: 26px;
    text-align: center;
    border-radius: 26px;
    background: #cccccc;
    color: #fff;
}
.crossicon i.cur{
    background: #1890FF;
}
 .crossicon  span{
    position: relative;
    width: 100px;
 }
 .crossicon  span.linecc:before{
    width: 100px;
    height: 1px;
    content: "";
    position: absolute;
    top: 12px;
 }
.crossicon  span.linecur:before{
    width: 91px;
    height: 1px;
    content: "";
    position: absolute;
    top: 12px;
}


  .crossicon  span.linecc:before{
        background-color: #cccccc;
  }

  .crossicon  span.linecur:before{
     background-color: #1890FF;
  }