.container{
  background: linear-gradient(161deg, #D1E1FF 3%, #FFFFFF 24%);
  color: #091D40;
  text-align: center;
}
.login .title{
  font-size: 66rem;
  font-weight: bold;
  padding-top: 154rem;
  margin-left: 98rem;
  text-align: left;
}
.login .login-box{
  margin-top: 213rem;
  margin-bottom: 122rem;
}
.login-box .phone{
  font-size: 80rem;
  font-weight: bold;
}
.login-box .tip{
  font-size: 40rem;
  font-weight: 500;
  line-height: 50rem;
  margin-top: 10rem;
}
.login-btn{
  margin: 64rem auto 0;
  border: 1rem solid #A0AECB;
  width: 900rem;
  height: 150rem;
  border-radius: 100rem;
  font-size: 42rem;
  font-weight: 500;
  line-height: 150rem;
}
.login-btn.active{
  background: linear-gradient(270deg, #0D67FF 0%, #2878FF 99%);
  box-shadow: 0rem 8rem 20rem 0rem #B5C9F3;
  color: #FFFFFF;
}
.login-btn.active:hover,.login-btn.active:active{
  background: linear-gradient(270deg, #2F7CFF 0%, #4389FF 99%);
}
.login-btn.btn:hover,.login-btn.btn:active{
  border: 1px solid #1A70FF;
}
.other-way{
  border-top: 1rem solid #C1CBDD;
  width: 860rem;
  margin: 404rem auto 114rem;
}
.other-way .text{
  width: 320rem;
  margin: -25rem auto;
  background-color: #fff;
  font-size: 40rem;
  font-weight: 500;
  line-height: 50rem;
  color: #6F798B;
}
.other-way-list{
  margin: 0 auto;
  width: 180rem;
}
.other-way-list .div{
  width: 180rem;
  height: 180rem;
  background-color: #FBFCFF;
  border: 1rem solid #C1CBDD;
  border-radius: 100rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.other-way-list .div img{
  width: 116rem;
}