smart-admin/rc-busness/assets/css/login.less

// 手机端
@media screen and(min-width: 320px) and(max-width:768px) {
.van-field-one{
   width: 335px;
	background: #F6F6F6;
	border-radius: 4px;
	margin: 0 auto;
  }
  .van-field-two{
    margin: 0 auto;
    width: 335px;
	height: 48px;
	background: #F6F6F6;
	margin: 0 auto;
	border-radius: 4px;
	margin-top: 24px;
  }
   .usecheck{
    display: flex;
    text-align: left;
    width: 335px;
    margin: 0 auto;
    align-items: center;
    margin-top: 18px;
 
  }
  .container {
    font-size: 0.1rem;
    .van-field__body {
      border-bottom: 1px solid red;
    }
    .content {
      margin-top: 24px;
    }
    .userfoget {
      font-size: 14px;
      color: #333333;
      border-bottom: 1px solid #333333;
      margin-left: 20px;
    }
    .rc-header {
      text-align: center;
    }
    .rc-header span:first-of-type {
      margin-right: 60px;
    }
    .rc-header span:last-child {
      margin-right: 20px;
    }
    .active {
      font-size: 18px;
      color: #666666;
    }
    .unactive {
      font-size: 18px;
      color: #999999;
    }
    .rc-use {
      width: 155px;
      height: 48px;
      opacity: 1;
      border-radius: 30px;
      outline: none;
      border: none;
      border: 2px solid #e1001a;
      color: #e1001a;
      font-size: 14px;
    }
    .rc-user {
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 40px;
    }
    .userbutton {
      width: 335px;
      height: 48px;
      background: #e2001a;
      opacity: 1;
      border-radius: 30px;
      outline: none;
      border: none;
      margin: 0 auto;
    }
    van-button {
      width: 335px;
      height: 48px;
      background: #e2001a;
      opacity: 1;
      border-radius: 30px;
    }
    input {
      border: none;
      outline: none;
    }
    button {
      outline: none;
      border: none;
      list-style: none;
      background: none;
    }
    .rc-center {
      font-size: 30px;
      color: #333333;
      text-align: center;
    }
    .rc-center input {
      color: #999999;
      font-size: 14px;
    }
    .userlogin {
      width: 92%;
      margin: 0 auto;
    }
   .rc-button {
      font-size: 14px;
       width:335px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
      color: #333333;
    }
    .rc-button span {
      border-bottom: 1px solid #333333;
    }
    .rc-button span {
      margin-left: 20px;
      margin-top: 24px;
    }
    .rc-button span:last-child {
      margin-right: 20px;
      display: block;
    }
  }
}
//    /* 最小768px最大1920 *pc端/
@media screen and (min-width: 768px) and (max-width: 1920px) {
  .usecheck{
    display: flex;
    text-align: left;
    width: 395px;
    margin: 0 auto;
    align-items: center;
    margin-top: 18px;
 
  }
  /deep/
  .van-field-one{
   width: 395px;
height: 48px;
background: #F6F6F6;
border-radius: 4px;
margin: 0 auto;
  }
  .van-field-two{
    margin: 0 auto;
    width: 395px;
height: 48px;
background: #F6F6F6;
margin: 0 auto;
border-radius: 4px;
margin-top: 24px;
  }
  .container {
    .content {
      margin-top: 24px;
    }
    .userfoget {
      font-size: 14px;
      color: #333333;
      border-bottom: 1px solid #333333;
      margin-left: 20px;
    }
    .rc-header {
      text-align: center;
    }
    .rc-header span:first-of-type {
      margin-right: 60px;
    }
    .rc-header span:last-child {
      margin-right: 20px;
    }
    .active {
      font-size: 0.1rem;
      color: #666666;
    }
    .unactive {
      font-size: 0.1rem;
      color: #999999;
    }
    .rc-use {
      width: 1.55rem;
      height: 0.48rem;
      opacity: 1;
      border-radius: 0.15rem;
      border: 2px solid #e1001a;
      color: #e1001a;
      font-size: 0.14rem;
      background: white;

    }
    .rc-user {
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 40px;
    }
    .userbutton {
      width: 3.8rem;
      height: 0.48rem;
      background: #e2001a;
      border-radius: 0.15rem;
      outline: none;
      border: none;
      margin: 0 auto;
    }
    van-button {
      width: 335px;
      height: 48px;
      background: #e2001a;
      opacity: 1;
      border-radius: 30px;
    }

    input {
      border: none;
      outline: none;
    }
    button {
      outline: none;
      border: none;
      list-style: none;
      background: none;
    }
    .rc-center {
      font-size: 30px;
      color: #333333;
      text-align: center;
    }
    .rc-center input {
      color: #999999;
      font-size: 14px;
    }
    .userlogin {
      width: 92%;
      margin: 0 auto;
    }
    .rc-button {
      font-size: 14px;
       width:395px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
      color: #333333;
    }
    .rc-button span {
      border-bottom: 1px solid #333333;
    }
    .rc-button span {
      margin-left: 20px;
      margin-top: 24px;
    }
    .rc-button span:last-child {
      margin-right: 20px;
      display: block;
    }
  }
}