.warp{
  background-color: #F5F5F5;
}
/*首页头部 start*/
.home-page-title-box{
  background-color: #FFFFFF;
}
.home-page-title {
  box-sizing: border-box;
  height: 60px;
  background-color: #FFFFFF;
  line-height: 60px;
  width: 1200px;
  margin: auto;
}
.home-page-title-left{
  float: left;
  overflow: hidden;
  height: 60px;

}
.home-page-title-right{
  float: right;
}
/*首页 end*/

/* 底部 start*/
.home-page-footer{
  width: 100%;
  box-sizing: border-box;
  height: 210px;
  background-color: #F5F5F5;
/*  padding-left: 360px;
  padding-right: 360px;*/
  text-align: center;
}
.home-page-footer .icon-warp{
  overflow: hidden;padding-bottom: 49px;padding-top: 24px;
  display: inline-block;
}
.home-page-footer .icon {
  float: left;
  overflow: hidden;
  margin-right: 120px;
  width: 209px;
}
.home-page-footer .icon-img{
  float: left;
  /* width: 91px;
  height: 72px */
}
.home-page-footer .icon-title{
  float: left;
  overflow: hidden;
  margin-top:3px;
  margin-bottom:15px;
  margin-left:9px;
  text-align: left;
}

.home-page-footer .icon-title-top{
  color: #222222;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.home-page-footer .icon-title-bottom{
  font-weight: 400;
  font-size: 14px;
  color: #808080;
}
.home-page-footer .icon-content{
  font-weight: 400;
  font-size: 14px;
  color: #AAAAAA;
}

.home-page-footer .icon-content a {
  font-size: 14px;
  color: #AAAAAA;
}

.home-page-footer .icon-content a:hover {
  color: #FF0D35;
}

.home-page-footer .icon-content-img{
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
.register-warp-box{

}
.register-warp{
  box-sizing: border-box;
  margin: 0 auto;
  min-height: 500px;
  position: relative;
  width: 1200px;
}
.step-content{
  margin: 0 auto;
  width: 504px;
  margin-top: 30px;
  color: #AAAAAA;
  position: relative;
  left: 50%;
  margin-left: -184px;
}
.step-content .step-item{
  position: relative;
}
.step-content .step-item::after{
  position: absolute;
  content: '';
  height: 0;
  left: 0;
  right: -2px;
  border-top:1px dashed #AAAAAA ;
  top: 13px;
  z-index: -1;
}
.step-content .step-item:last-of-type::after{
  display: none;
}
.step-content .step-name{    
  display: inline-block;
  text-align: center;
  width: 80px;
  margin-left: -26px;
  margin-top: 6px;
}
.step-content .step-icon{
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #e2e2e2;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  text-align: center;
}
.step-content .step-icon .step-item.num{
  font-weight: 700;
}
.step-content .step-icon .icon{
  display: none;
  font-size: 32px;
  position: relative;
  top: 0;
  left: -4px;
}
.step-content .step-item.active{
  color: #FF0D35;
}
.step-content .step-item.active .step-icon{
  background: #FFFFFF;
  border-color:#FF0D35 ;
  position: relative;
}
.step-content .step-item.active .step-icon::before{
  content: "\e64e";
  font-family: "iconfont xfslogo" !important;
  position: absolute;
  top: -20px;
  color: #FF0D35;
  font-size: 20px;
  left: 50%;
  margin-left: -10px;
}

.step-content .step-item.finish::after{
  border-top:1px solid #36B36A
}
.step-content .step-item.finish{
  color: #36B36A;
  border-color:#36B36A ;
 
}
.step-content .step-item.finish .step-icon{
  background: #FFFFFF;
}
.step-content .step-item.finish .num{
  display: none;
}
.step-content .step-item.finish .icon{
  display: inline-block;
}


#register,#attestation,#examine{
  box-sizing: border-box;
  width: 652px;
  min-height: 538px;
  border-radius: 8px;
  background: #FFFFFF;
  /* behavior:url(resource/PIE.htc); */
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  margin: 24px auto;
  position: relative;
  display: none;
}

.login-title {
  text-align: center;
  height:70px;
  line-height: 70px;
  font-size: 18px;
  color: #222222;
  border-bottom: 1px solid #f5f5f5;
}


.login-content{
  padding: 0 165px;
  text-align: center;
}
/* 注册 */
.from-line{
  position:relative; margin: 24px 0 ;
}
.line{
  border-top:1px solid #F5F5F5;
  margin-top: 15px;
}
.login-phone, .login-code {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  opacity: 1;
  background: #F5F5F5;
  border: none;
  outline: none;
  padding-left: 8px;
  font-size: 14px;
}


.login-phone-img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.login-button {
  padding: 0 36px;
}

.sign-in-button {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  opacity: 1;
  background: #FF0D35;
  color: #FFFFff;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  margin: 16px 0;
  text-align: center;
  cursor: pointer;
}
.sign-in-button.disable{
  background: #e2e2e2;
  color: #FFFFFF;
  cursor: not-allowed;
}

.register-link {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  width: 294px;
  height: 36px;
  border-radius: 4px;
  opacity: 1;
  border: 1px solid #FF0D35;
  line-height: 36px;text-align:
  center;color: #FF0D35;
}

/* 认证 */
#attestation{
  text-align: left;
}
.pop_window_td{
  padding: 0 44px 64px;
}
.corporate_name_box {margin-top: 16px;}
.corporate_name_box_last{ margin: 16px 0 16px 0;}
/* .business_license{overflow: hidden;} */
.corporate_name {
    color: #808080;
    width: 100%;
    clear: both;
    margin-bottom: 4px;
}
.corporate_name_error {
    margin: 4px 0;
    color:#FF0D35;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    height: 18px;
}

.corporate_name_error img {
  position: relative;
  top: 4px;
  margin-right: 3px;
}
form#uploadForm {
    display: inline-block;
    margin-top: 4px;
}
.upimg-left{
    width: 66px;
    height: 66px;
    position: relative;
    float: left;
}
.up_btn {
    width: 64px;
    height: 64px;
    line-height: 64px;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
    text-align: center;
}
.up_btn img.bitmap_img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: text-bottom;
}
img.bitmap_img:before{
  content: "\e635";
  font-family: "iconfont xfslogo" !important;
  font-size: 24px;
  color: #808080;
}

.up_btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    opacity: 0;
    background:#f5f5f5;
}
.deletHtml{
  color: #FC1E33;
}
.personal-icon{
width: 56px;
height: 36.97px;
opacity: 1;
margin: 26px 16px;
}

.categorylist li {
    float: left;
    margin: 3px 0;
    width: 37%;
}
.categorylist li:nth-of-type(3n){
  width: 26%;
}


/* css 复选框 */
.categorylist li input[type=checkbox] {
  cursor: pointer !important;
  position: relative !important;
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 1px;
}
.categorylist li input[type=checkbox]::after {
  position: absolute !important;
  top: 0 !important;
  background-color: #fff !important;
  color: #fff !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  visibility: visible !important;
  padding-left: 0px !important;
  text-align: center !important;
  content: ' ' !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  border: 1px solid #ddd !important;
}
.categorylist li input[type=checkbox]:checked::after {
  content: "" !important;
  background-color: #FC1E33 !important;
  border-color: #FC1E33 !important;
  background-color: #FC1E33 !important;
}
.categorylist li input[type=checkbox]:checked::before {
  content: '' !important;
  position: absolute !important;
  top: 1px !important;
  left: 5px !important;
  width: 3px !important;
  height: 8px !important;
  border: solid white !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  z-index: 1 !important;
}
.business_img ,.business_img-error{

  float: left;
  padding:0 8px;
  color: #808080;

 }
 .business_img-error{
  color: #FF0D35;
  display: none;
 }
 .image-up{
  position: relative;
 }
 .image-up .ret-upload{
  position: absolute;
  left: 74px;
  bottom: 0;
  width: 55px;
  color: #295FCC;
  cursor: pointer;
 }
.enterprise_list li:hover,.provice_list li:hover,.city_list li:hover,.area_list li:hover,.street_list li:hover{
  background-color: #F2E6E8;
}
.enterprise_list li {
  padding: 8px 0 9px 12px;
  margin: 0;
}
.enterprise_list {
  margin: 0;
  position: absolute;
  top: 36px;
  left: 0px;
  width: 160px;
  height: 96px;
  border-radius: 0 0 4px 4px;
  background:#FFFFFF;
  filter: drop-shadow(0px 0px 3px #000000);
}
.enterprise_select_box {
  width: 552px;
  height: 32px;
  border-radius: 4px;
  opacity: 1;
  background: #F5F5F5;
  position: relative;
  display: inline-block;
  color: #606266;
  cursor: pointer;
}

img.select_down_icon {
  float: right;
  width: 16px;
  height: 16px;
  margin: 8px;
}
.enterprise_type {
  margin: 8px;
  display: inline-block;
  width: 90%;
  border: none;
  background: #F5F5F5;
  outline: none;
}
.enterprise_type option.enterprise_list_li{
  padding: 8px 0 9px 12px !important;
  margin: 0;
}
.area_box .area > li.area_li {
  position: relative;
  float: left;
  margin: 0;
  width: 90px;
  padding: 6px 0 3px 15px;
  height: 20px;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  background: #F5F5F5;
  border-radius: 4px;
}
.area_box .area > li.dash {
  float: left;
}
.area_box .area {
  margin: 0;
  font-size: 14px;
  color: #606266;
}
.area_box .area > li span {
  display: inline-block;
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
}
.area_box .area > li i {
  position: absolute;
  right: 2px;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url(../../icon/distributeMyAccount/select_down.png) no-repeat;
}
.area_box .area > li ul:last-child {
  width: 105px;
}
.area_box .area > li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: -1px;
  z-index: 10;
  max-height: 260px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dcdfe6;
}
.area_box .area > li ul li {
  height: auto;
  padding: 5px 5px 5px 13px;
  margin: 0;
}
.area_box .area .dash {
  width: 12px;
  margin: 0 5px;
  border: none;
  color: #d3d3d3;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.companyinfo_list .tipmsg {
  color: #ff1b1b;
  clear: both;
}
.area_box {margin-top: 4px;}
.input_text{
  display: inline-block;
  width: 537px;
  padding:0 0 0 8px;
  height: 32px;
  border-radius: 4px;
  background: #F5F5F5;
  border: none;
}
.gatehead_img {margin-right: 24px; width: 132px; float: left;}
.submit_footer_btn {
 width: 300px;
 margin: 60px auto 0;
}
.pop_window_td .login-agreement{
width: 315px;
margin: 0 auto;
}

/*  */
/* 提交审批 */
#examine{
  width: 652px;
  height: 500px;
}
.examine-content{

  text-align: center;
  line-height: 25px;
  color: #000000;

}
.examine-content img{
  width: 52px;
  height: 53px;
  margin:64px 0 44px;
}
.examine-content .sign-in-button{
  margin: 100px auto 0;
  width: 294px;
}
.login-agreement {
  overflow: hidden;
}

.agree-box{
  float: left;
}
.unselected-agreement,.selected-agreement{
  vertical-align: bottom;
  width: 13px;
  height: 13px;
  margin-bottom: 1px;
}

.agree-content {
  color: #808080;
  font-size: 12px;
  float: left;
  margin-left: 8px
}

.get-verification-code-button {
  position: absolute;
  top: 4px;
  right: 0;
  width: 76px;
  height: 24px;
  border-radius: 4px;
  opacity: 1;
  border: 1px solid #FF0D35;
  background: #FFFFff;
  font-size: 12px;
  font-weight: 400;
  color: #FF0D35;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  margin-right: 4px;
}

.disable-button {
  border: 1px solid #AAAAAA;
  color: #808080;
}
.account-message {
  overflow: hidden;
  padding-bottom: 80px;
}



.warn-icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.warn-words {
  font-size: 12px;
  color: #FF0D35;
}

.warn-warp {
  position: absolute;
  top: 90px;
}
.order-placeholder{
  display: block;
  position: absolute;
  left: 10px;
  color: #b7b7b7;
  font-size: 14px;
  top:6px;
}


.s-canvas canvas{width:86px;}
.checkbox{width:18px!important;height: 18px!important;margin-left: 124px;}

.text-bold {
  font-weight: bold;
}
/* 滑块验证 */

.huak_content{
  width: 366px;
  height: 468px;
  border-radius: 8px;
  opacity: 1;
  background: rgba(255,255,255,1);
  box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);  
  position: absolute;
  left: 50%;
  margin-left: -183px;
  top: 0px;
}
.huak_content .huak_tit{
  height: 51px;
  line-height: 51px;
  padding-left:12px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  border-bottom: 1px solid #F5F5F5;
}
.huak_content .huak_close{
  display: inline-block;
  position: absolute;
  right: 11px;
  width: 24px;
  height: 24px;
  background: url(../../icon/distribution/close_24.png) no-repeat center;  
  top:12px;
}
.huak_content .huak_inn{
  width:300px;
  margin: 60px auto;
  height: 32px;
}

.huak_content .huak_reflesh{
  padding-top:36px;
  text-align: center;
  background: url(../../icon/distributionImage/refresh.png) no-repeat center top;
  color: #aaa;
  font-size: 12px;
  width:108px;
  margin: 0 auto;
  margin-top:207px;
  cursor: pointer;
}