.LineHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
.main .left .logo {
  display: block;
}
.pc {
  width: 100%;
  height: 100vh;
  min-width: 10rem;
  background: url(../images/background_pc.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .layout {
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.pc .left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pc .left img {
  display: block;
}
.pc .left .logo1 {
  width: 2.07rem;
  max-width: 270px;
  margin-bottom: .75rem;
}
.pc .left .logo2 {
  width: 7.92rem;
  max-width: 792px;
  margin-bottom: 1.6rem;
}
.pc .left .logo3 {
  width: 6.55rem;
  max-width: 655px;
}
.pc .right {
  max-width: 630px;
  padding: 70px 50px 0px 20px;
  max-height: 800px;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.15rem 0rem rgba(149, 149, 149, 0.5);
  border-radius: .22rem;
  grid-area: two;
  overflow: hidden;
  flex-shrink: 0;
}
.pc .right .tab {
  margin-bottom: .75rem;
  display: flex;
  justify-content: center;
  justify-content: space-evenly;
}
.pc .right .tab li {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .28rem;
  color: #737373;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.pc .right .tab li:nth-last-child(1) {
  margin-right: 0;
}
.pc .right .tab .on {
  font-weight: 500;
  color: #0D64CE;
}
.pc .right .contentbox .content {
  display: none;
}
.pc .right .contentbox .content form .item {
  position: relative;
  margin-top: .54rem;
  padding: .22rem .28rem;
  width: 100%;
  height: .72rem;
  background: #FFFFFF;
  border-radius: .08rem;
  border: .02rem solid #CDCDCD;
  display: flex;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.pc .right .contentbox .content form .item:nth-child(1) {
  margin-top: 0;
}
.pc .right .contentbox .content form .item img {
  margin-right: .2rem;
  display: block;
}
.pc .right .contentbox .content form .item input {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .2rem;
  color: #999999;
}
.pc .right .contentbox .content form .user img {
  width: .24rem;
  height: .26rem;
}
.pc .right .contentbox .content form .password img {
  width: .22rem;
  height: .26rem;
}
.pc .right .contentbox .content form .code img {
  margin-right: .18rem;
  width: .29rem;
  height: .22rem;
}
.pc .right .contentbox .content form .code .getcode {
  position: absolute;
  top: 50%;
  right: .3rem;
  transform: translateY(-50%);
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .2rem;
  color: #999999;
}
.pc .right .contentbox .content .notice {
  margin-top: .9rem;
  margin-bottom: .4rem;
  display: flex;
  justify-content: space-between;
}
.pc .right .contentbox .content .notice label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pc .right .contentbox .content .notice label input {
  margin-right: .1rem;
  display: block;
  width: .17rem;
  height: .17rem;
  background: #FFFFFF;
  border-radius: .03rem;
  border: .01rem solid #979797;
  cursor: pointer;
}
.pc .right .contentbox .content .notice label input[type="checkbox"]:checked {
  background: red;
}
.pc .right .contentbox .content .notice label p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .2rem;
  color: #666666;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.pc .right .contentbox .content .notice a {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .2rem;
  color: #666666;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.pc .right .contentbox .content .button {
  width: 100%;
  padding: .19rem 0;
  border-radius: .08rem;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.pc .right .contentbox .content .login {
  background: #1066CF;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .2rem;
  color: #FFFFFF;
}
.pc .right .contentbox .on {
  display: block;
}
.h5 {
  width: 100%;
  height: 100vh;
  background: url(../images/background_h5.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.h5 .left {
  width: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: .24rem;
}
.h5 .left .logo1 {
  width: .98rem;
  margin-bottom: .18rem;
}
.h5 .left .logo2 {
  width: 2.8rem;
  margin-bottom: .18rem;
}
.h5 .left .logo3 {
  width: 2.7rem;
}
.h5 .right {
  width: 2.97rem;
  height: 3.54rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.15rem 0rem rgba(149, 149, 149, 0.5);
  border-radius: .12rem;
  overflow: hidden;
  grid-area: two;
}