* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.user {
  overflow: hidden;
  font-size: 16px;
  color: #626262;
padding-top:38px;
}
.user .user-box .title {
  display: inline-block;
  font-size: 18px;
  color: #222222;
  padding-left: 20px;
  position: relative;
}
.user .user-box .title::before {
  content: "";
  clear: both;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #237ffa;
  position: absolute;
  left: 0;
  top: 6px;
}
.user .user-box .user-process {
  padding-left: 44px;
  margin: 20px 0 40px 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user .user-box .user-process-item .login-image {
  display: block;
  width: 100%;
}
.user .user-box .user-process-item .user-login-process {
  display: flex;
  justify-content: space-between;
}
.user .user-box .user-process-item .user-login-process .region-image,
.user .user-box .user-process-item .user-login-process .next-region-image {
  width: 420px;
}
.user .user-box .user-process-item .user-login-process .region-image img {
  display: block;
  width: 100%;
}
.user .user-box .user-process-item .user-login-process .next-region-image img{
height:100%
}
.user .user-box .user-process-item .user-login-process .arrow {
  width: 52px;
  height: 52px;
  margin-top: 170px;
}
.user .user-box .user-process-item .user-login-process .arrow img {
  display: block;
  width: 52px;
height:52px;
}
.user-process-item img:first-child{height:368px; width:100%;}