.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.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 .logo {
  margin-bottom: .4rem;
  width: 133px;
  height: 70px;
}
.pc .left h1 {
  margin-bottom: 5vw;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 48px;
  color: #333333;
  text-align: center;
}
.pc .left ul {
  width: 715px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.pc .left ul li {
  margin-top: 20px;
  margin-right: 10px;
  padding: 25px 0;
  width: 350px;
  background: #FFFFFF;
  box-shadow: 0px 2px 9px 0px rgba(127, 127, 127, 0.5);
  border-radius: 8px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 22px;
  color: #767676;
  text-align: center;
}
.pc .left ul li:nth-child(2n) {
  margin-right: 0;
}
.pc .left ul li:nth-child(1),
.pc .left ul li:nth-child(2) {
  margin-top: 0;
}
.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 .logo {
  margin-bottom: .04rem;
  width: .87rem;
  height: .46rem;
}
.h5 .left h1 {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: .2rem;
  color: #333333;
  line-height: .34rem;
  text-align: center;
}
.h5 .right {
  width: 2.97rem;
  height: 3.54rem;
  padding: .4rem .25rem 0;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.15rem 0rem rgba(149, 149, 149, 0.5);
  border-radius: .12rem;
  grid-area: two;
}
.h5 .right .tab {
  margin-bottom: .30rem;
  display: flex;
  justify-content: center;
  justify-content: space-evenly;
}
.h5 .right .tab li {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .18rem;
  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 */
}
.h5 .right .tab li:nth-last-child(1) {
  margin-right: 0;
}
.h5 .right .tab .on {
  font-weight: 500;
  color: #0D64CE;
}
.h5 .right .contentbox .content {
  display: none;
}
.h5 .right .contentbox .content form .item {
  position: relative;
  margin-top: .25rem;
  padding: .06rem .1rem;
  width: 100%;
  height: .34rem;
  background: #FFFFFF;
  border-radius: .08rem;
  border: .02rem solid #CDCDCD;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.h5 .right .contentbox .content form .item:nth-child(1) {
  margin-top: 0;
}
.h5 .right .contentbox .content form .item img {
  margin-right: .09rem;
  display: block;
}
.h5 .right .contentbox .content form .item input {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .14rem;
  color: #999999;
}
.h5 .right .contentbox .content form .user img {
  width: .14rem;
  height: .16rem;
}
.h5 .right .contentbox .content form .password img {
  width: .12rem;
  height: .16rem;
}
.h5 .right .contentbox .content form .code img {
  margin-right: .06rem;
  width: .19rem;
  height: .12rem;
}
.h5 .right .contentbox .content form .code .getcode {
  position: absolute;
  top: 50%;
  right: .07rem;
  transform: translateY(-50%);
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .14rem;
  color: #999999;
}
.h5 .right .contentbox .content .notice {
  margin-top: .28rem;
  margin-bottom: .3rem;
  display: flex;
  justify-content: space-between;
}
.h5 .right .contentbox .content .notice label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.h5 .right .contentbox .content .notice label input {
  margin-right: .03rem;
  display: block;
  width: .17rem;
  height: .17rem;
  background: #FFFFFF;
  border-radius: 50%;
  border: .01rem solid #979797;
  cursor: pointer;
}
.h5 .right .contentbox .content .notice label input[type="checkbox"]:checked {
  background: red;
}
.h5 .right .contentbox .content .notice label p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .14rem;
  color: #666666;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.h5 .right .contentbox .content .notice a {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .14rem;
  color: #666666;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard syntax */
}
.h5 .right .contentbox .content .button {
  width: 100%;
  padding: .07rem 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 */
}
.h5 .right .contentbox .content .login {
  background: #1066CF;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: .18rem;
  color: #FFFFFF;
}
.h5 .right .contentbox .on {
  display: block;
}