@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,#fd3b14, #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 {
    max-width: 38.328%;
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 7%;
    top: 6%;
}
.uland_logo img:first-child {
  width: 49.17695%;
}
.uland_logo img:last-child {
  width: 50.823%;
}

.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 img{
    width: 1.274rem;
    margin-right:1.728rem;
    margin-left: 0.8765rem;
}
.ulandinput div input{
   border: none;
   font-size: 0.9rem;
   margin: 0;
}
.ulandinput section{
    height: auto;
    margin-top: 1.795rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 400;
    color: #000000;
}
.ulandinput section input{
  width: 1.05rem;
  height: 1.05rem;
  border: 1px solid #b2b2b2;
  margin-right:0.486rem;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}
.ulandinput:last-child .passinput{
  align-items: center;
  position: relative;
}
.ulandinput:last-child{

}
.ulandinput:last-child .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;
  border: none;
  cursor: pointer;
}


.user_attribute{
    width: 76.68%;
    margin-top: 3.6rem;
}
.userpassw{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}
.userpassw span{
    margin-bottom: 1.1rem;
    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;
}