@font-face {
  font-family: HYQ;
  src: url('../../Content/ssonew/HYQiHei-60S.woff');
}

@font-face {
  font-family: HYQ35;
  src: url('../../Content/ssonew/HYQiHei-35S.otf');
}

input::-webkit-input-placeholder {
  color: #ADB3BF;
  background-color: transparent;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #ADB3BF;
  background-color: transparent;

}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: #ADB3BF;

  background-color: transparent;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  line-height: 0.2rem;
  color: #ADB3BF;
  background-color: transparent;
}

* {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: HYQ;
}

.sunLogin {
  width: 100%;
  /* height: 1050px; */
  /* background: url('../../images/ssonew/sunLogin.jpg'); */
  overflow: hidden;
}

/* .sumLogo{
  width: 400px;
  height: 100px;
  background: url('../../images/ssonew/sunLogo.png?v202308110001') no-repeat;
  margin: 0 auto;
  position: relative;
  top: 140px;
} */
.sunLogin .sunLeft {
  width: 100%;
  /* height:1050px; */
  height:100%;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sunLogin .sunLeft img {
  max-width: 100%;
  width: 100%;
  height:100vh;
}
.sunLogin .sunLeft .sunHeader {
  width: 100%;
  height: 0.8rem;
  position: fixed;
  top: 0;
  background-color: #fff;
  left:0;
}
.sunLogin .sunLeft .sunHeader .headerLogo {
  width: 1.73rem;
  height: auto;
  margin: 0.18rem 0 0 0.94rem;

}
.sunLogin .sunLeft .sunHeader .headerTitle {
  width: 1.89rem;
  margin: 0.32rem 0.88rem 0 0;
  height: auto;
  float: right;
}
.sunLogin .sunRightList {
  width: 7.6rem;
  /* height: 1050px; */
  box-sizing: border-box;
  background: url('../../images/ssonew/sunRightListBg.png?v202308110001') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: calc(50% + 0.58rem);        
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  flex-direction: column;
  height: 7.52rem;
}
.layui-form .registerLink {
  height: 0.18rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #6C7B96;
  line-height: 0.18rem;
  float: right;
  margin-top: 0.2rem;
}
.registerLink .registerButton {
  text-decoration: underline;
  color: #FF9E39;
}
.sunTit {
  width: 4.9rem;
  height: 0.29rem;
  margin: 0.64rem 1.36rem 0 1.34rem;
}
.sunTit .mainTitle {
  width: 4.9rem;
}
.register .sunTit{
  height: 2.3rem;
}

.register .sunLeftLight{
  margin-bottom:0.42rem;
}

.sunTit p {
  font-size: 0.32rem;
  font-weight: 900;
  margin-left: 0.5rem;
  font-family: auto;
  color: #333;
}


@media screen and (max-width:1300px) {
  .sunTit p {
      font-size: 0.33rem;
  }
}

@media screen and (max-width:1260px) {
  .sunTit p {
      font-size: 0.35rem;
  }
}

@media screen and (max-width:1220px) {
  .sunTit p {
      font-size: 0.37rem;
  }
}

@media screen and (max-width:1180px) {
  .sunTit p {
      font-size: 0.39rem;
  }
}

@media screen and (max-width:1140px) {
  .sunTit p {
      font-size: 0.41rem;
  }
}

@media screen and (max-width:1100px) {
  .sunTit p {
      font-size: 0.43rem;
  }
}

.sunTit p:nth-of-type(1) {
  margin-bottom: 0.1rem;
}

.sunLeftLight {
  width: 0.5rem;
  height: 0.05rem;
  background: #ee7800;
  margin-top: 0.3rem;
  margin-left: 0.5rem;
  margin-bottom: 0.1rem;
}

#pwd {
  position: relative;
}

.sumSee {
  /* position: absolute; */
  width: 0.16rem;
  height: 0.2rem;
  /* background-position: 0 0.1rem; */
  /* right: 0.3rem; */
  cursor: pointer;
}

.sumYesSee {
  background: url('../../images/ssonew/seeOpen.png?v202308110001') no-repeat center;
  background-size: contain;
}

.sumNoSee {
  background: url('../../images/ssonew/seeClose.png?v202308110001') no-repeat center;
  /* background-position: 0 0.08rem; */
  background-size: contain;
}

.sunListCont {
  /* width: calc(100% - 1rem); */
  margin: 0 0.8rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sunListCont .title {
  height: 0.24rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #31415F;
  line-height: 0.28rem;
  margin: 0.52rem 0 0;
}
.sunListCont .title img {
  width: 0.24rem;
  height: 0.24rem;
  vertical-align: top;
}
.sunListCont label {
  display: block;
  font-size: 0.16rem;
  margin-bottom: 0.06rem;
  color: #333;
  font-family: HYQ;
}

.sunListCont input {
  outline: none;
  height: 0.64rem;
  font-size: 0.18rem;
  box-sizing: border-box;
  border: none;
  /* vertical-align: middle; */
  width: 6rem;
  margin-left: 1.5rem;
  font-family: HYQ35;
  flex: 1;
  margin-left: -0.44rem;
  padding-left: 0.49rem;
  background-color: transparent;
  border-radius: 0.11rem;
}
.sunAccountIco {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background: red;
  vertical-align: middle;
}

.accountIco {
  background: url('../../images/ssonew/accountIco.png?v202308110001') no-repeat center;
  background-position: 0 0.01rem;
  background-size: contain;
}

.pwdIco {
  background: url('../../images/ssonew/pwdIco.png?v202308110001') no-repeat center;
  background-size: contain;
}

.companyIco {
  background: url('../../images/ssonew/companyIco.png?v202308110001') no-repeat center;
  background-position: 0 0.02rem;
  background-size: contain;
}

.sunListRow {
  border: 0.01rem solid #E4E8EB;
  display: flex;
  align-items: center;
  height: 0.64rem;
  border-radius: 0.11rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-top: 0.3rem;
}

.credenceNumIco {
  background: url('../../images/ssonew/credenceNumIco.png?v202308110001') no-repeat center;
  background-position: 0 0.02rem;
  background-size: contain;
}

.phoneIco {
  background: url('../../images/ssonew/phoneIco.png?v202308110001') no-repeat center;
  background-size: contain;
}

.codeMunIco {
  background: url('../../images/ssonew/codeMunIco.png?v202308110001') no-repeat center;
  background-size: contain;
}

.mgt15 {
  margin-top: 0.15rem;
}

.sunAccountIco.companyIco {
  position: relative;
  background-position: 0 0.01rem;
}

.sunListCont .layui-form-select {
  width: calc(100% - 0.3rem);
  height: 0.21rem;
  /* float: right;
  display:flex; */
  display: inline-block;
  margin-left: 0.04rem;
  vertical-align: middle;
  /* position: absolute; */
  /* top: 3px;
  left:-6%; */

}

.layui-select-title {
  /* margin-left:-0.16rem */
}

.sunListCont .layui-form-select input {
  width: 200%;
  padding-left: 0;
}

.sunSelect {
  overflow: hidden;
}

.layui-select-tips {
  display: none;
}

.sunCheck {
  width: 100%;
  height: 0.2rem;
  margin-top: 0.24rem;
  margin-bottom: 0.32rem;
}

.layui-form-checkbox[lay-skin="primary"] i {
  width: 0.2rem !important;
  height: 0.2rem !important;
  line-height: 0.2rem !important;
  vertical-align: middle!important;
  border-radius: 50%!important;
  box-sizing: border-box!important;
  /* top: 0.03rem */
}

.layui-form-checkbox[lay-skin="primary"] span {
  position: relative;
  height: 0.2rem !important;
  font-size: 0.2rem !important;
  font-weight: 400 !important;
  color: #6C7B96 !important;
  line-height: 0.2rem !important;
  
}

.sunCheck .layui-form-checkbox {
  padding-left: 0px;
}

.sunCheck .layui-form-checkbox span {
  margin-left: 0.06rem;
  font-family: HYQ;
}

.sunForget {
  float: right;
  font-family: HYQ;
  height: 0.2rem !important;
  font-size: 0.2rem !important;
  font-weight: 400 !important;
  color: #6C7B96 !important;
  line-height: 0.2rem !important;
}

.sumSub {
  width: 100%;
  height: 0.58rem;
  text-align: center;
  line-height: 0.58rem;
  color: #fff;
  background: #ee7800;
  font-size: 0.2rem;
  border-radius: 0.08rem;
  margin-top: 0.1rem;
  cursor: pointer;
  font-weight: bold;
  border: 0px;
  box-shadow: 0px 7px 14px 3px rgba(255,121,0,0.2);
}

.sumSub:hover {
  background: #e98825;
}

.sumSub {
  font-family: "Microsoft YaHei";
}

.sumGoNew {
  width: 100%;
  font-family: "Microsoft YaHei";
  height: 0.58rem;
  text-align: center;
  line-height: 0.58rem;
  background: #fff;
  color: #ee7800;
  font-size: 0.2rem;
  border-radius: 0.08rem;
  margin-top: 0.1rem;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #ee7800;
  font-weight: bold;
}

.sumDownUl {
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 1.6rem);
  font-size: 0.16rem;
  margin-left: 0.8rem;
}

.sumDownTit {
  font-size: 0.2rem;
  height: 0.2rem;
  color: #31415F;
  width: 6rem;
  margin: 0 0.8rem;
  display: flex;
  justify-content: space-between;
  font-family: HYQ;
}
.sumDownTit .divider {
  width: 2.4rem;
  height: 0.02rem;
  margin-top: 0.09rem;
  vertical-align: middle;
}
.summore {
  width: 0.2rem;
  height: 0.2rem;
  background: url('../../images/ssonew/sunless.png?v202308110001') no-repeat;
  background-position: 0 0.07rem;
  cursor: pointer;
}

.sumUp {
  /* background: url('../../images/ssonew/sunless.png?v202308110001') no-repeat;  */
  /* background: url('../../images/ssonew/sunmore.png?v202308110001') no-repeat; */
  background-position: 0 0.07rem;
}

.sumDown {
  /* background: url('../../images/ssonew/sunless.png?v202308110001') no-repeat; */
  /* background: url('../../images/ssonew/sunmore.png?v202308110001') no-repeat;  */
  background-position: 0 0.07rem;
}

.umDownUl li div:nth-of-type(0) {
  margin: 0 auto;
}

.sumCircel {
  width: 0.96rem;
  height: 0.96rem;
  background: red;
  margin: 0 auto;
}

.sumDownOne {
  background: url('../../images/ssonew/sumDownOne.png?v202308110001') no-repeat center;
  background-size: cover;
}

.sumDownTwo {
  background: url('../../images/ssonew/sumDownTwo.png?v202308110001') no-repeat center;
  background-size: cover;
}

.sumDownThr {
  background: url('../../images/ssonew/sumDownThr.png?v202308110001') no-repeat center;
  background-size: cover;
}

.sumDownFour {
  background: url('../../images/ssonew/sumDownFour.png?v202308110001') no-repeat center;
  background-size: cover;
}

.dumDownF {
  display: inline-block;
  height: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.16rem;
  width: 100%;
  text-align: center;
  color: #6C7B96;
  white-space: nowrap;
  transform: translateY(-14px);
}

.sumDownUl li {
  cursor: pointer;
  flex: 1;
  height: 0.98rem;
}

.sumDownUl .dumDownLi:hover a {
  text-decoration: underline;
  color: #4e88e8 !important;
}

.sumSendCode {
  display: inline-block;
  width: 1.2rem;
  height: 0.46rem;
  font-size: 0.14rem;
  background: #ee7800;
  vertical-align: bottom;
  text-align: center;
  line-height: 0.46rem;
  color: #fff;
  cursor: pointer;
}

#codeMun {
  position: relative;
}

.sumSendCode {
  margin-top: -0.24rem;
}

.sunToLogin {
  text-align: center;
  /* position: relative; */
  margin: 0.24rem 0;
  color: #7a7a7a;
}

.sunToLogin span {
  color: #ee7800;
  cursor: pointer;
}

input[type=radio] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}

input[type=radio]:after {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  content: " ";
  background-color: #ff0000;
  color: #fff;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  border-radius: 50%;
}

input[type=radio]:checked:before {
  content: "✓";
  display: block;
  position: relative;
  top: -2px;
  left: 3px;
  width: 6px;
  height: 6px;
  color: #fff;
  font-weight: 400;
  z-index: 1;
}

.sunDown {
  height: 1.4rem;
  margin-top: 0.24rem;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 0.52rem;
  position: absolute;
  bottom: 0;
  width: 7.6rem;
}

.register .sunDown {
  display: none;
}

input[type="password"]::-ms-reveal {
  display: none;
}

/* input[type="password"]::-ms-clear {
  display: none;
}

input[type="password"]::-o-clear {
  display: none;
} */