page {
  background: #f5f8fe;
}

.topimg {
  width: 750rpx;
  height: 342rpx;
  font-size: 0;
  position: relative;
}

.logoimg {
  width: 180rpx;
  height: 84rpx;
  font-size: 0;
  position: absolute;
  top: 24rpx;
  left: 32rpx;
}

.startbanner {
  width: 690rpx;
  height: 256rpx;
  font-size: 0;
  position: absolute;
  top: 132rpx;
  left: 32rpx;
}

.startbox {
  margin-top: 70rpx;
  padding: 0 32rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.startitem {
  width: 336rpx;
  height: 352rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  border-radius: 8rpx;
  overflow: hidden;
  margin-bottom: 16rpx;
}

.startimg {
  width: 336rpx;
  height: 228rpx;
  font-size: 0;
}

.startitemtop {
  color: #000;
  font-size: 32rpx;
  font-weight: bold;
  margin-top: 32rpx;
  text-align: center;
}

.register {
  color: #1c8fff;
  font-size: 24rpx;
  text-align: center;
  margin-top: 12rpx;
}

.jiaotop {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  bottom: 40rpx;
  right: 0;
}

.botjiao {
  width: 80rpx;
  height: 80rpx;
  background: rgba(28, 143, 255, 1);
  border: 2rpx solid rgba(28, 143, 255, 1);
  opacity: 1;
  border-radius:50%;
  display: flex;
  align-items: center;
  justify-content: center;
 
}

.codeimg {
  width: 50rpx;
  height: 50rpx;
  font-size: 0;
}

button {
  background: rgba(0, 194, 95, 1);
}

button::after {
  outline: none;
}

.codewrap {
  width: 606rpx;
  height: 696rpx;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 24rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.codetop {
  width: 606rpx;
  height: 186rpx;
  font-size: 0;
  position: relative;
  top: 0;
  left: 0;
}

.codename {
  color: #fff;
  font-size: 40rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.closeimg {
  width: 72rpx;
  height: 72rpx;
  font-size: 0;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.ansave {
  color: #06121e;
  font-size: 36rpx;
  font-weight: bold;
  margin-top: 40rpx;
  text-align: center;
}

.codekimg {
  width: 260rpx;
  height: 260rpx;
  font-size: 0;
  margin: 80rpx auto 0;
}
.toastwrap{
      width:586rpx;
      height:318rpx;
      border-radius:20rpx;
      background: #fff;
      position: absolute;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
      padding: 40rpx;
      line-height: 1.5;
      box-sizing: border-box;
      color:#3D444D;
      font-size: 30rpx;
}
.textbtn {
  padding: 0 40rpx;
  box-sizing: border-box;
 position: fixed;
 bottom:40rpx;
 left:0;
 width:100%;
}


.textbtnleft{
    width:230rpx;
    height:68rpx;
    line-height: 68rpx;
    text-align: center;
    border-radius: 12rpx;
    color:#1C8FFF;
    font-size: 28rpx;
    border:1rpx solid #1C8FFF;
}
.textbtnright{
  width:230rpx;
  height:68rpx;
  line-height: 68rpx;
  text-align: center;
  border-radius: 12rpx;
  color:#fff;
  font-size: 28rpx;
  background:#1C8FFF;
}