.main {
width: 100%;
    height: 100vh;
    
    background:#fff url(../images/login/login.d83901bd.png) no-repeat;
    background-size: contain;
}
.logoo[data-v-07f8bd43] {
    width: 100%;
    padding: .533333rem;
    display: flex
;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    /*margin-top: .533333rem;*/
}
.form{
     padding: .533333rem;
         border-radius: .266667rem;
    /*margin-top: .533333rem;*/
    background: #fff;
}
.logoo .r[data-v-07f8bd43] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.logoo .r img[data-v-07f8bd43] {
    width: 90px;
    height:90px
}

.logoo .r .s[data-v-07f8bd43] {
    background: #a9d8f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAABUCAYAAACldgPlAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKkSURBVHgB7d3NcRNJGIDhr8feu6nd4qwNYGuVwYoIdjcCTAQUETBEAEQAZEAGQARMkQC+A4XPFJqmx+Yfe/Tz3eB5Dta4pdJNb33qniqV2NGyf7Wq0d2MKMuIugjgZ3faPu9DLeXhi9tXHn3/ZNn2XZb920WN+qCFYxXAr+qkRL019H88/rSwVUTOAzI+aZeLAH55pXTHw8epZGNEWkCOWkCeh4AAX5yWWF8b+qtDt+mVY0Tb/xAQ4BttuDi8O11snET+7t+8DBEBLlDi3Z+zk0j7KtNOYAQEuNg6fltt+Drz/igALtFOahYb90QA5ogIkCIiQIqIACkiAqSICJAiIkCKiAApIgKkiAiQIiJAiogAKSICpIgIkCIiQIqIACkiAqSICJAiIkCKiAApIgKkiAiQIiJAiogAKSICpIgIkCIiQIqIACkiAqSICJAiIkCKiAApIgKkiAiQIiJAiogAKSICpIgIkCIiQIqIACkiAqSICJAiIkCKiAApIgKkiAiQIiJAiogAKSICpIgIkCIiQIqIACmzEVlHOQqAGbMRKXVcBMCM+YiUg38CYMalEVn2bxft4b8AmHFpRMZY9wGwwYURmaaQEuV6AGxwYURq1AcBsIUfIvJX//q4ZWQVAFvoflwotwNgS99E5HwKiUUAbOlzRKbNVFMIsKvPERkjptOYRQDs4Cwi50e6Yx8AOzqLiBvLgH11biwDMrp1rJcBsKeuRBURYG9d1HoaAHvoyuHLritlCIB91HjWTmcOp4iYRoAd1adDf+Wka39OS407AbCDEgc3psez+0SGO7/fa0tPA2ALJdY3pilkuu6+LJb/a4z3A+ByJyXGa0N/9eGnhfL9K5b9q9UY5bhF5d/2r5+MANqeaR1KOXjcNlIfTVsgXz/5ARLneyD/r73jAAAAAElFTkSuQmCC) top no-repeat;
    background-size: 100% 100%;
    width: 2.6rem;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.logoo .r .s p[data-v-07f8bd43] {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-left: .266667rem
}

.logoo .ms[data-v-07f8bd43] {
    width: 100%;
    font-size: 17px;
    color: #000;
    margin-top: .266667rem
}
.title h3 {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: .72rem;
  color: #FFFFFF;
}
/* 表单 */
.form .formItem {
  display: flex;
  align-items: center;
  height: .76rem;
  margin-top: .5rem;
  background:#f5f5f5;
  border-radius: .04rem;
}
.form .formItem img {
  width: .32rem;
  height: .38rem;
  margin-left: .2rem;
  margin-right: .1rem;
}
.form .formItem input {
  width: 90%;
  background-color: unset
}
.form .submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .76rem;
  margin-top: .8rem;
  border-radius: .04rem;
  font-size: .32rem;
  color: #FFFFFF;
  background: #1f7dfe;
}
.tip {
  padding-top: .64rem;
  text-align: center;
  font-size: .32rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .44rem;
  color: #000;
}
/* 更多操作 */
.more {
  position: absolute;
  bottom: .45rem;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.more .moretit, .rel .moretit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.more .moretit i:nth-child(1), .rel .moretit i:nth-child(1) {
  width: 2.08rem;
  height: .04rem;
  background: linear-gradient(225deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
}
.more .moretit h3, .rel .moretit h3 {
  white-space: nowrap;
  padding: 0 .44rem;
  font-size: .32rem;
  line-height: .44rem;
  color: #FFFFFF;
}
.more .moretit i:last-child, .rel .moretit i:last-child {
  width: 2.08rem;
  height: .04rem;
  background: linear-gradient(150deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
}
.more .morelist, .rel .morelist {
  display: flex;
  justify-content: space-around;
  margin-top: .3rem;
}
.more .morelist .moreitem, .rel .morelist .moreitem {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.more .morelist .moreitem img, .rel .morelist .moreitem img {
  width: .92rem;
  height: .92rem;
}
.more .morelist .moreitem span, .rel .morelist .moreitem span {
  padding-top: .2rem;
  font-size: .26rem;
  font-weight: 500;
  line-height: .36rem;
  color: #FFFFFF;
}

/* 协议 */
.xieyi {
  display: flex;
  align-items: center;
  margin-top: .3rem;
}
.xieyi .checkbox {
  width: .28rem;
  height: .28rem;
  margin-right: .05rem;
}
.xieyi span {
  font-size: .26rem;
  color: #000;
}


.rel {
  margin-top: .66rem;
}