@charset "utf-8";
/*主体*/
.main {
  width: 832px;
  min-height: 521px;
  margin-top: 15px;
  margin-bottom: 40px;
  color: #494f65;
  /*扫码注册*/
  /*右边*/
}
.main .title {
  padding-top: 50px;
  font-size: 24px;
  font-weight: 700;
}
.main .icon {
  width: 101px;
  height: 101px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin: 40px auto 35px;
  background: #4561ec url("../images/1.png") 31px center no-repeat;
  -webkit-box-shadow: 0 0 20px 3px #a0aff5;
  -moz-box-shadow: 0 0 20px 3px #a0aff5;
  box-shadow: 0 0 20px 3px #a0aff5;
}
.main .fl {
  width: 267px;
  height: 520px;
  background: url("../images/bgk.png") no-repeat;
  text-align: center;
}
.main .fl .step h5 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 18px;
}
.main .fl .step ul > li {
  font-size: 14px;
  width: 142px;
  height: 34px;
  line-height: 28px;
  margin: 12px auto;
}
.main .fl .step ul > li.one {
  background: url("../images/li1.png") no-repeat;
}
.main .fl .step ul > li.two {
  background: url("../images/li2.png") no-repeat;
}
.main .fl .step ul > li.two span {
  width: 46px;
  height: 29px;
  margin-left: 3px;
  background: url("../images/zf.png") center no-repeat;
}
.main .fl .step ul > li.three {
  background: url("../images/li3.png") no-repeat;
}
.main .fl .step ul > li.four {
  background: url("../images/li4.png") no-repeat;
}
.main .zizhu a {
  width: 100%;
  height: 100%;
  display: block;
  color: #494f65;
  padding: 0 10px;
  box-sizing: border-box;
}
.main .zizhu:hover {
  background: url("../images/bgkk.png") no-repeat;
}
.main .saoma .ewm {
  width: 101px;
  height: 101px;
  margin: 40px auto 35px;
  -webkit-box-shadow: 0 0 20px 5px #bac4f8;
  -moz-box-shadow: 0 0 20px 5px #bac4f8;
  box-shadow: 0 0 20px 5px #bac4f8;
}
.main .saoma .ewm img {
  cursor: pointer;
  transition: all 0.5s ease;
}
.main .saoma .ewm img:hover {
  transform: scale(1.4);
  -webkit-box-shadow: 0 0 20px 5px #bac4f8;
  -moz-box-shadow: 0 0 20px 5px #bac4f8;
  box-shadow: 0 0 20px 5px #bac4f8;
}
.main .right-part {
  position: relative;
  text-align: center;
  /*隐藏部分*/
}
.main .right-part a {
  width: 267px;
  height: 265px;
  display: block;
  color: #494f65;
  padding: 0 10px;
  box-sizing: border-box;
  background: url("../images/bgk2.png") no-repeat;
}
.main .right-part a:hover {
  background: url("../images/bgkk2.png") no-repeat;
}
.main .right-part .title {
  padding-top: 35px;
  font-size: 24px;
}
.main .right-part .icon {
  width: 102px;
  height: 102px;
  background: #8c68c6 url("../images/1.png") 31px center no-repeat;
  -webkit-box-shadow: 0 0 20px 5px #ded3ee;
  -moz-box-shadow: 0 0 20px 5px #ded3ee;
  box-shadow: 0 0 20px 5px #ded3ee;
  margin: 22px auto;
}

.main .right-part .two .title {
  padding-top: 45px;
}
.main .right-part .two .icon {
  background: #e04c85 url("../images/2.png") 31px center no-repeat;
  -webkit-box-shadow: 0 0 20px 5px #f6cadb;
  -moz-box-shadow: 0 0 20px 5px #f6cadb;
  box-shadow: 0 0 20px 5px #f6cadb;
  margin: 30px auto;
}
.main .right-part .yincang {
  width: 252px;
  background: none;
  text-align: center;
  position: absolute;
  left: 0;
  top: 267px;
  z-index: -1;
}
.main .right-part .yincang .ewm img {
  width: 169px;
  height: 169px;
}
.main .right-part .yincang h4 {
  font-weight: 700;
  font-size: 16px;
  color: #848ca1;
  margin-bottom: 5px;
}
.main .right-part .yincang p {
  width: 169px;
  margin: 0 auto;
  font-size: 13px;
  color: #848ca1;
}
    .main .right-part .one {
        margin-bottom: -11px;
    }