@charset "UTF-8";
body,
html {
  min-height: 100vh;
  background: url(img/bg.png) no-repeat 100% 100%;
}

#main {
  padding: 70px 0;
}

#noticeBox {
  width: 516px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0.2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

#noticeBox h2 {
  color: #f45e4d;
}

#noticeBox ol {
  margin: 20px 0 0;
  padding: 0;
  line-height: 30px;
}

#noticeBox li {
  counter-increment: index;
}

#noticeBox li:before {
  content: counter(index) "、";
}

#signinBox .formBox {
  width: 500px;
  background-color: #fff;
  box-shadow: 0 0.2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  /* overflow: hidden; */
}

#signinBox .title {
  border: none;
  background-color: #f45e4d;
  line-height: 50px;
  color: #fff;
}

#signinBox .form {
  padding: 20px 0;
}

#signinBox .form input,
#signinBox .form .select {
  width: 40%;
  height: 30px;
}

#signinBox .form label {
  width: 30%;
  text-align: right;
}

#signinBox .form .select {
  margin-left: 4px;
}

#signinBox .form .select:after {
  line-height: 40px;
}

#signinBox .form .row {
  line-height: 50px;
}

#signinBox .form .link {
  margin-left: 30%;
  line-height: 30px;
  font-size: 14px;
}

#signinBox .form .link a {
  color: #333;
  text-decoration: underline;
}

#signinBox .form .link .r {
  margin-right: 40%;
}

#signinBox .form .btnBox {
  margin: 20px 0;
}

#signinBox .form .btnBox button {
  width: 40%;
  margin-left: 4px;
}

#signinBox .qrcode {
  margin-top: 60px;
}

#signinBox .qrcode> span {
  float: left;
  width: 50%;
  text-align: center;
}

#signinBox .qrcode .name {
  line-height: 40px;
}

#signinBox .qrcode .imgBox {
  width: 180px;
  height: 160px;
  margin: 0 auto;
}

#signinBox .qrcode .imgBox img {
  width: 100%;
  height: 100%;
}

#signinBox .tab {
  position: relative;
}

#signinBox .tabTitle {
  position: absolute;
  top: 0;
  width: 470px;
  /*border-left: 1px solid #f45e4d;*/
  line-height: 1rem;
  text-align: center;
}

#signinBox .tabTitle a {
  display: block;
  padding: 20px 0;
  background-color: #fff;
}

#signinBox .tabTitle a {
  color: #747474;
  border:1px solid #AAA;
}

#signinBox .tabTitle> .active a {

  color: #fff;
  background-color: #f45e4d;

}

#signinBox .tabTitle div:nth-of-type(1) a {
  /*padding-top: 30px;*/
}
/*
#signinBox .tabTitle div:nth-of-type(1):before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 32px 0 0;
  border-color: #f45e4d transparent transparent transparent;
}

#signinBox .tabTitle div:nth-of-type(1):after {
  position: absolute;
  top: -1px;
  left: -2px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 32px 0 0;
  border-color: #ebeff0 transparent transparent transparent;
}
*/
#signinBox .tabTitle div:nth-of-type(2) a {
  /* padding-bottom: 30px;*/
}
/*
#signinBox .tabTitle div:nth-of-type(2):before {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 0 30px;
  border-color: transparent transparent transparent #f45e4d;
}

#signinBox .tabTitle div:nth-of-type(2):after {
  position: absolute;
  bottom: -1px;
  left: -2px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 0 30px;
  border-color: transparent transparent transparent #ebeff0;
}
*/
#personalDiv{
  float:left;
  width:200px;
  text-align:center
}

#groupDiv{
  float:left;
  width:200px;
  text-align:center
}



#signinBox .tabContent> * {
  display: none;
}

#signinBox .tabContent> .active {
  display: block;
}