@media screen and (max-width: 1920px) {
    html, body {
      font-size: 20px;
      padding: 0;
      margin: 0;
    }
   
  }
  
  @media screen and (max-width: 1872px) {
    html, body {
      font-size: 19.5px;
    }
  }
  @media screen and (max-width: 1824px) {
    html, body {
      font-size: 19px;
    }
  }
  @media screen and (max-width: 1776px) {
    html, body {
      font-size: 18.5px;
    }
  }
  @media screen and (max-width: 1728px) {
    html, body {
      font-size: 18px;
    }
  }
  @media screen and (max-width: 1680px) {
    html, body {
      font-size: 17.5px;
    }
  
  }
  
  @media screen and (max-width: 1632px) {
    html, body {
      font-size: 17px;
    }
  }
  
  @media screen and (max-width: 1584px) {
    html, body {
      font-size: 16.5px;
    }
  }
  
  @media screen and (max-width: 1536px) {
    html, body {
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 1488px) {
    html, body {
      font-size: 15.5px;
    }
  }
  
  @media screen and (max-width: 1440px) {
    html, body {
      font-size: 15px;
    }
   
  }
  @media screen and (max-width: 1395px) {
    html, body {
      font-size: 14.5px;
    }
  }
  
  @media screen and (max-width: 1344px) {
    html, body {
      font-size: 14px;
    }
  }
  
  @media screen and (max-width: 1296px) {
    html, body {
      font-size: 13.5px;
    }
  }
  @media screen and (max-width: 1248px) {
    html, body {
      font-size: 13px;
    }
  }
  html, body, header, footer{
    min-width: 100%;
    min-height: 100%;
}

main{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    
}
.user_land{
    margin: 0;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: row;
}
.uland_left{
    width: 66%;
    height: 100%;
    background: linear-gradient(90deg,#fb8928, #ffb547);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.uland_left .uland_bjt{
    width: 58.09%;
    height: auto;
    /* background-color: red; */
    /* margin-top: 14.2445rem; */
}
.uland_left .uland_bjt img{
    width: 100%;
}

.uland_logo{
  width: auto;
  height: 2.65rem;
  position: absolute;
  display: flex;
  flex-direction: row;
  left: 7%;
  top:6%;
}

.uland_right{
    /* 652px */
    width: 34%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 30px */
    font-size: 1.5rem;
}


.uland_right .urigimg{
    width: 76.68%;
    margin-top: 4.466666666666667em;
    margin-bottom: 4.1rem;
}
.uland_right .urigimg img{
    width: 100%;
}

.ulandBox{
    width: 76.68%;
}

.ulandBox .ulandBox_title{
    width: 100%;
    display: flex;
    flex-wrap: row nowrap;
}
.ulandBox .ulandBox_title div{
    width: 8rem;
    height: 2.1rem;
}

.ulandBox .ulandBox_title .ulandBox_title_left,
.ulandBox .ulandBox_title .ulandBox_title_right
{
    color: #c9c9c9;
    font-size: 1.5rem;
    font-weight: 400;
    cursor: pointer;
}
.ulandBox .ulandBox_title .ulandBox_title_left.titonclick,
.ulandBox .ulandBox_title .ulandBox_title_right.titonclick
{
    color: #4B4B4B;
    font-weight: 700;
}



.ulandinput{
    width: 100%;
    display: none;
    animation: inputdh ease 1s 1;
}
@keyframes inputdh{
  0%{
    opacity: 0.2;
    transform: translatey(20px);
  }
  100%{
    opacity: 1;
    transform: translatey(0px);
  }
}
.ulandinput div{
    padding-top: 0.2305rem;
    padding-bottom: 0.2305rem;
    border-bottom: 2px solid rgb(189, 189, 189,1);
    margin-top: 2.1895rem;
    display: flex;
    flex-direction: row;
}
.ulandinput div input{
  border: none;
  font-size: 0.9rem;
  margin: 0;
}

.reginput{
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.zhucelogo{
    width: 1.274rem;
    height: 1.4rem;
    margin-right:1.728rem;
    margin-left: 0.8765rem;
}
.warning{
  width: 1.033rem;
  height: 1.033rem;
  position: absolute;
  right:0;
  bottom: 0.75rem;
}
.warning img{
  width:100%;
  height: 100%;
  animation: cwts 1s ease 1;
  display: none;
}
.error{
  position: absolute;
  top: 2rem;
  left: 3.87rem;
  color: #C7261E;
  font-size: 0.8rem;
  font-weight: 400;
  display: none;
  animation: cwts 1s ease 1;
}
.error .active{
  animation: cwts 1s ease 1;
}
@keyframes cwts{
  0%{
    opacity:1;
  }
  25%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  75%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}

.passinput{
  align-items: center;
  position: relative;
}
.passinput div{
  border: none;
}

.vCode{
  width: 6.25rem;
  height: 1.9rem;
  background: linear-gradient(270deg,#f86200 1%, #ffa500 99%);
  border-radius: 0.95rem;
  color: #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0.2785rem;
  cursor: pointer;
  border: none;
}


.user_attribute{
    width: 76.68%;
    margin-top: 3.6rem;
}
.userpassw{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}
.userpassw span{
    font-size: 1.1rem;
    font-weight:500;
    color: #000000;
}

.userpassw span:last-child{
  color: #fd3b14;
}
.userpassw span:hover{
    color: #fd3b14;
    cursor: pointer;
}

.userdl{
    width: 100%;
    height: 3.55rem;
    border-radius: 1.8rem;
    background: #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.5rem;
    color:#ffffff;
    letter-spacing: 0.3rem;
    border: none;
}
.userxieyi{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top :0.9365rem; 
}
#radio1{
  width: 1rem;
  height:1rem;
  background: #fd3b14;
  border-radius: 0.1rem;
  margin-right: 1.0525rem;
  margin-top: 0.125rem;
}
.xieyiinner{
  font-size: 0.9rem;
  color: #000000;
  cursor: pointer;
  opacity: 0.8;
}
.xieyiinner:hover{
  color: #fd3b14;
}

.xieyizzc{
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.zzcinner{
  width:55%;
  height: 65%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  position:relative;

}
.zzcinner .colse_xiyi{
  position: absolute;
  z-index: 999;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 550;
  color:#b2b2b2;
}

.zzcinner aside{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 1.75rem;
}
.zzcinner .zzcinn{
  width: 85%;
  height: 65%;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1.75rem;
  overflow-y: scroll;
}
.trueyhxy{
  width: 40%;
  height: 3.55rem;
  background: #fd3b14;
  border-radius: 4.5rem;
  border: none;
  margin: 0 auto;
  color: white;
  font-size: 1.5rem;
  letter-spacing: 1rem;
}