@charset "utf-8";
/*主体部分*/
*{
    padding:0;
    margin: 0;
    outline: none;
    /*box-sizing: border-box;*/
}

html,body{background-color: #f8f8f8;}
.main{width:100%;background:#f8f8f8;}
div.footer div.foot_top{background-color: #f8f8f8;}
div.footer .footboot{background: #f8f8f8;}
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;
}

.regbox{
  width: 892px;
    height: 575px;
    margin: 50px auto;
    background: #ffffff;
}
.regbox .reg-title{

        float: left;
        display: block;
        clear: both;
    /*margin-bottom: 20px;*/
    /*margin-top: 10px;*/
}
.regbox .reg-title .gologin{display: inline-block;color: #999;font-size: 12px;}
.regbox .reg-title .gologin a{
    color: #1890FF;
    text-decoration: none;
}

.regbox .con-box{
    padding-left: 60px;
    padding-top: 20px;
    padding-right: 50px;
}
.sui-form.form-horizontal .control-group{
    margin-bottom: 10px;
}
.sui-form.form-horizontal .control-group input{
    border: 1px solid #F4F4F4;
    border-radius: 2px;
    font-size: 12px;
    color: #CCCCCC;
}

/*验证码*/
.yzmwarp{position: relative;}
#yzcode{width: 290px;}
.regbox .con-box .yzmbox-repe{display:none;cursor:default; position:absolute;left:182px;top:2px;border-left: 1px solid #e0e0e0;width: 117px; height: 39px;line-height: 39px;text-align: center;color: #b8b8b8;font-size: 12px;background: #f5f5f5;}

/*验证码错误提示*/
.regbox .con-box .yzmerror{display: inline-block;}
.regbox .con-box .noshow{display: none;}

.con-box .sui-form.form-horizontal .control-label{display: inline-block; }
.con-box .sui-form input{
     height: 34px;
    line-height: 34px;
    width: 270px;
    padding: 0;
    padding-left: 20px;
}
.con-box .detailaddress{width: 537px;}
.con-box .detailinp{width: 337px;}
#city_4{margin-bottom: 21px;}
.con-box .prov,.con-box .city,.con-box .dist{  width: 90px;  height: 40px;  border: 1px solid #e8e8e8;  }
.con-box .city{margin: 0 12px;}
.con-box .modal-bot{  padding-left: 100px;  }
.controls:before,.controls:after{
    clear: both;
    display: block;
    content: '';
}
.con-box .sui-form.form-horizontal .controls button{
    width: 305px;
    height: 36px;
    /*line-height: 42px;*/
    background: #F4F4F4;
    color: #CCCCCC;
    border: none;
    font-size: 14px;
    cursor: pointer;
}

.sui-modal .modal-header .modal-title{  font-size: 20px;  color: #333;  font-weight: bold;  }



/*错误提示*/
.err-box{padding-left: 10px;}
.err-box .errinfo{margin-top: 10px;color: #ea4a36;}
.err-box .errinfo-noshow{width: 120px;margin-top: 10px;background: #ffebeb;color: #ea4a36;padding: 2px 2px;display: none;}
.err-box .errinfo i{padding-left: 5px;padding-right: 6px;}
/*后台错误提示*/
.fberr{margin-left: 110px;width:300px;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;}

/*对勾*/
.duigou{margin-left: 10px;display: none;}

img.errorimg{position: absolute;left: 3px;top: 4px;}
.sui-msg.msg-error>.msg-con{background-color: #ffffff;border: none;}
.sui-msg.msg-error>.msg-con span{color: #ea4a36;}
/*.sui-form .control-group .controls input{width: 240px;height: 38px;line-height: 38px;padding: 0;padding-left: 54px;}
.sui-form .control-group .controls input.inputPhone{background: url("../images/phone_bg.png") no-repeat 5px 7px;}
.sui-form .control-group .controls input.inputPassword{background: url("../images/pwd_bg.png") no-repeat 5px 7px;margin-top: 10px;}
.sui-form.form-horizontal .controls{padding-left: 0;}
.sui-form.form-horizontal .controls button{width: 294px;height: 40px;line-height: 40px;background: #00dc82;color: #fff;border: none;font-size: 16px;font-weight: bold;}*/







/*复选框样式*/
.checkbox-pretty span:before, .radio-pretty span:before{font-size: 170%;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;}



body,html{
    padding: 0px;
    margin: 0px;
}
.p-lbox img{
    height: 33px;
    display: block;
    float:left;
}
.p-lbox{
    display: block;
    clear: both;
    overflow: auto;
    margin-bottom: 35px;
}
#regForm{
    width: 305px;
    float: left;
    display: block;
}
.prelative{
    position: relative;
}

.prelative img{
    position: absolute;
    right: 60px;
    top: 5px;
    width: 80px;
    height: 27px;
    margin-right: -20px;
}

.prelative a{
       line-height: 34px;
       height: 34px;
       display: block;
       float: right;
       margin-right: 3px;
       color: #1890FF;
       text-decoration: none;
       position: absolute;
       right: 7px;
       top: 1px;
       background: #fff;
       z-index: 888;
       text-align: center;
       font-size: 12px;
}
.error{
    font-size: 12px;
    color: red;
    display: block;
    clear: both;
    float: left;
}
.sui-form.form-horizontal .controls{
    padding-left: 0;
    display: block;
    clear: both;

}
.regbox .con-box .yzmbox{
        position: absolute;
        left: 182px;
    top:50%;
    transform: translateY(-50%);
        text-decoration: none;
        width: 125px;
        text-align: left;
    text-indent: 32px;
        color: #1890FF;
        font-size: 12px;
        background-image: url(../../images/gallery/msgmb.png);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 13px 13px;
        /*padding-left: 5px;*/
        border-left: 1px solid #F4F4F4;
}
.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;
}
.logint{
    color: #5c5c5c;
}
#bgimg{
   width: 440px;
   height: 358px;
   display: block;
   float: right;
  margin-top: 15px;
}
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 .row2, div.footer .footboot .row3 {
    margin-top: 21px;
}
.footboot a{
    text-decoration: none;
}

input[name="regMobile"],
input[name="photoCode"],
input[name="code"],
input[name="password"],
input[name="repassword"],
input[name="nickname"]{
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 10px 14px;
}




input[name="regMobile"]{
   background-image: url(../../images/gallery/mobile.png);
}
input[name="photoCode"]{
   background-image: url(../../images/gallery/Ticon.png);
}

input[name="nickname"]{
    background-image: url(../../images/gallery/people.png);
}
.RegisterNow{
    width: 305px !important;
    height: 36px !important;
    line-height: 36px !important;
    color: #fff !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background: #1890FF !important;
    border-radius: 2px !important;
}
/*input[name="code"]{*/
    /*background-image: url(../../images/gallery/people.png);*/
/*}*/