*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style-type: none;
}
html,body{
    height: 100%;
}
.content{
    width: 100%;
    background: #f2f2f2;
    font-size: 14px;
    min-height: 100%;
}
/* 头部 */
.content .header{
    width: 100%;
    background:#fff;
}
.content .header .header_content{
  display: flex;
  justify-content: space-between;
  background: #fff;
  align-items: center;  
  height: 80px;
  margin: auto;
  max-width: 1020px;
  padding: 0 50px;
}
.content .header .header_content .logo{
  margin: 20px 0;
  max-width: 190px;
  max-height: 60px;
}

.content .header .header_content .right{
  color: #808080;
  display: flex;  
  cursor: pointer;
  font-size: 16px;
}
.content .header .header_content .back{
  padding-right: 20px;
  text-align: center;
  border-right: solid 1px #c9c9c9;
}
.content .header .header_content .about{
  padding-left: 20px;
  text-align: center;
}
/* 中间主要内容 */
.content .main{ 
  padding: 80px 50px 50px 50px;
  margin: auto;
  max-width: 1200px;
  /* display: flex;
  justify-content: center;
  flex-wrap: wrap; */
}
/* 图片 */
.content .main .img{
  margin: 0 auto;
  /* max-width: 450px; */
  /* height: 460px; */
  padding: 0;
  max-width: 550px;
  height: 550px;
}
.content .main .img img{
  max-width: 550px;
  height: 550px;
}
/* 图片右边的样式*/
.content .login,
.content .register,
.content .loginSuccess,
.content .crBu,
.content .reset
{
  margin: auto;
  padding: 20px 80px;
  background: #fff;
  width: 460px;
  height: 550px;
}
/* 右边头部 */
.content .login .login_header,
.content .register .register_header,
.content .loginSuccess .loginSuccess_header,
.content .crBu .crBu_header,
.content .reset .reset_header
{
  font-size: 28px;
  margin: 10px 0;
}
/* 导航 */
.content .login .login_nav,
.content .register .register_nav,
.content .reset .reset_nav
{
  border-bottom: solid 1px #c9c9c9;
  position: relative;
  height: 45px;
}
/* 导航下的div */
.content .login .login_nav div,
.content .register .register_nav div,
.content .reset .reset_nav div
{
  padding: 10px 0;
  margin-left: 2px;
  color: #808080;
  cursor: pointer;
  position: absolute;
  bottom: -1px;
}
/* 第二个导航 */
.content .login .login_nav .activeLogin{
  left: 85px;
}
/*  切换登录方式时样式的改变 */
.content .login .login_nav .active,
.content .register .register_nav .active,
.content .reset .reset_nav .active
{
  border-bottom: solid 2px #f97200;
  color: #000;
}

/* 输入框样式 */
.content .login .login_input input,
.content .register .register_input input,
.content .crBu .crBu_input input,
.content .reset .reset_input input,
.content .reset2 .reset2_input input
{
  border: none;
  outline: none;
  max-width: 100%;
  height: 40px;
  margin-top: 20px;
  background-color:#fff !important;
  padding-left: 10px;
}
/* 注册上边距偏小 */
.content .register .register_input input{
  margin-top: 10px;
}
/* 包裹输入框的样式 */
.content .login .login_input div,
.content .register .register_input div,
.content .crBu .crBu_input div,
.content .reset .reset_input div,
.content .reset2 .reset2_input div
{
  border-bottom:solid 1px #c9c9c9;
}
/* 动态密码 */
.content .login_input .actPassword,
.content .register_input .actPassword,
.content .reset_input .actPassword
{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
} 
/* 获取短信 */
.content .login_input .actPassword span,
.content .register_input .actPassword span,
.content .reset_input .actPassword span
{
  color: #fd943b;
  cursor: pointer;
} 

.content .register .re_footer,
.content .login .login_footer{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  color: #808080;
}
.content .login .login_footer .forget{
  cursor: pointer;
}
/* 勾选的样式 start*/
.content .register .re_footer label input[type="checkbox"],
.content .login .login_footer label input[type="checkbox"]{
  width:15px;
  height:15px;
  display: inline-block;
  text-align: center;
  vertical-align: middle; 
  line-height: 12px;
  position: relative;
  margin-right: 5px;
  -webkit-appearance:none;
  border: 0;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
}
.content .register .re_footer label input[type="checkbox"]::before,
.content .login .login_footer label input[type="checkbox"]::before{
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
}
.content .register .re_footer label input[type="checkbox"]:checked::before,
.content .login .login_footer label input[type="checkbox"]:checked::before{
  content: " ";
  background-color: #f97200;
  position: absolute;
  top: -5px;
  left: 0;
  width:100%;
  border: 1px solid #f97200;
  font-size: 14px;
  font-weight: bold;
}
.content .register .re_footer label input[type="checkbox"]:checked::after,
.content .login .login_footer label input[type="checkbox"]:checked::after{
  content: " ";
  background-color: #f97200;
  position: absolute;
  top: -3px;
  left: 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 9px;
  width: 5px;
  font-size: 14px;
  font-weight: bold;
  transform: rotate(45deg);
}
/* 勾选的样式 end*/

/* button 样式 */
.but .btn
{
  width: 100%;
  background: #fd7400;
  color: #fff;
}
/* 注册按钮边距 */
.content .register .but,
.content .reset .but,
.content .crBu_content .but
{
  margin: 20px 0;
}
/* 按钮底下文字样式*/
.content .toRegister,
.content .toLogin,
.content .toReset1
{
  text-align: center;
  margin: 20px;
}
.content .toRegister a,
.content .toLogin a,
.content .toReset1 a
{
  color: #fd943b;
}
.footer{
  text-align: center;
  color:#a6a6a6;
  font-size: 14px;
}
/* 注册协议的文字 */
.content .register .activeText{
  color: rgb(5, 141, 215);
  cursor: pointer;
}
/* 注册成功 */
.register_success{
  text-align: center;
} 
/* 图标  默认成功的图标*/
.icon{
  margin-top: 50px;
  margin-bottom:20px;
}
.icon .round{
  position: relative;
  background: #fd7400;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin: auto;
}
.icon .round .tick{
  position: absolute;
  border-bottom: solid 8px #fff;
  border-right: solid 8px #fff;
  transform: rotate(45deg);
  width: 25px;
  height: 50px;
  top: 10px;
  left: 28px;
}
/* 提示 */
.tip{
  color: #fd7400;
}
.tip2{
  color: #a6a6a6;
  margin: 20px 0;
}

/* 登录成功无企业时 */
.noBusiness{
  text-align: center;
}
.noBusiness .round{
  background: #e5e5e5;
  color: #fff;
  line-height: 80px;
  font-size: 60px;
}

.noBusiness .tip{
  margin: 20px;
  line-height: 10px;
}
.noBusiness .charge{
  color: #a6a6a6;
  margin-top: 50px;
  margin-bottom: 10px;
  cursor: pointer;
}

/* 有公司 */
.business{
    margin-top: 10px;
    max-height: 350px;
    overflow-y: auto;
}
.business .cards{
  height: 75px;
  border: solid 1px #e5e5e5;
  display: flex;
  margin-top: 10px;
  cursor: pointer;
}
.business .cards:hover{
  box-sizing: border-box;
  border: solid 3px #fd7400;
}
.business .cards .left{
  border-right: solid 1px #e5e5e5;
  flex-grow: 1;
  padding: 10px;
  line-height: 25px;
}
.business .cards .left .top{
  display: flex;
  
}
.business .cards .left .top .name{
  flex-grow: 1;
}
.business .cards .left .top .status{
  /* width: 75px; */
  padding: 0px 10px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
}

.business .cards .left .company{
  color: #a6a6a6;
}
.business .cards .right{
  text-align: center;
  line-height: 75px;
  width: 37px;
  color: #fff;
  background: #fd7400;
}


/* 企业创建成功 */
.crBu_success,
.reset .reset3{
  text-align: center;
}

/* 错误提示框 */
.modelText{
  height: 100px;
  line-height: 25px;
  display: flex;
  align-items: center; 
  justify-content: center;
  flex-direction: column;
}
.modelIcon span{
  transform: rotate(45deg);
  color: red;
  font-size: 50px;
}





/* 最大768时 */
@media (max-width: 768px) {  
  .content .login,
  .content .register{
    padding: 20px 30px;
  }
  .content .main{
    padding: 20px;
  }
  .content .header .header_content{
    padding: 0 10px;
  }
}

/* 最大992时 */
@media (max-width: 992px) {  
  .content .main{
    max-width: 500px;
  }
}

/* 输入框默认字体颜色 */
input::-webkit-input-placeholder {
  color: #a6a6a6;
}

/* 去掉button 点击后的边框 */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    border-color: transparent;
    box-shadow:none;
}
/* 红色背景 */
.bgOrg{
  background: #ff8d1a;
}
.bgRed{
  background: #f96868;
}

/* 注册提示 */
.register_input .tel{
  position: relative;
}
.register_input .tel i{
  position: absolute;
  right: -20px;
  top: 20px;
}
.text-red{
  color: red;
}
.text-green{
  color: green;
}
#textTip{
  font-size: 12px;
  position: absolute;
  border: none;
  bottom: -20px;
  left: 10px;
}

.mt20{
  margin-top: 20px;
}


/* 清除浏览器记忆功能填充颜色问题 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  box-shadow: 0 0 0 1000px #fff inset !important;
}