flat: init

unpackage/dist/dev/mp-weixin/pages/login/login.wxss

@@ -0,0 +1,128 @@
+.container {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(#4778ec, #002979);
+  position: relative;
+}
+.login-content {
+  position: absolute;
+  left: 50%;
+  top: 40%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  align-items: flex-end;
+  flex-wrap: nowrap;
+}
+.login-content .logo {
+  width: 266rpx;
+  height: 182rpx;
+}
+.login-content .logo-title {
+  font-size: 88rpx;
+  color: #fff;
+  width: 180rpx;
+}
+.btns {
+  position: absolute;
+  top: 70%;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+.btns .wxlogin {
+  width: 562rpx;
+  height: 140rpx;
+  border-radius: 70rpx;
+  background-color: #13c57c;
+  color: #fff;
+  text-align: center;
+  line-height: 140rpx;
+  font-size: 70rpx;
+}
+.btns .wxaddress {
+  color: #bbb;
+  margin-top: 70rpx;
+  text-align: center;
+}
+.tabtwo {
+  padding: 40rpx;
+}
+.tabtwo-top {
+  margin: 222rpx 0 0 0;
+}
+.tabtwo-sex {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 40rpx;
+  margin: 200rpx 60rpx 0 60rpx;
+}
+.tabtwo-sex .sex-img {
+  width: 184rpx;
+  height: 184rpx;
+}
+.dot {
+  width: 68rpx;
+  height: 68rpx;
+  border-radius: 50%;
+  background: #d1d1d6;
+  position: relative;
+}
+.dot:before {
+  content: '';
+  width: 44rpx;
+  height: 44rpx;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background: #1e4baa;
+}
+.doted {
+  background: #13c57c;
+}
+.doted:after {
+  content: '';
+  width: 34rpx;
+  height: 34rpx;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background: #13c57c;
+}
+.agebtn {
+  width: 630rpx;
+  height: 108rpx;
+  border-radius: 20rpx;
+  background: #d9d9d9;
+  text-align: center;
+  line-height: 108rpx;
+  font-size: 40rpx;
+  margin-top: 50rpx;
+  color: #606060;
+}
+.agebtned {
+  background: #13c57c;
+  color: #fff;
+}
+.nextstep {
+  position: absolute;
+  top: 80%;
+  left: 50%;
+  transform: translate(-50%, 0);
+  width: 630rpx;
+  height: 98rpx;
+  border-radius: 20rpx;
+  background: #13c57c;
+  text-align: center;
+  line-height: 98rpx;
+  font-size: 40rpx;
+  color: #fff;
+}
+.eduction-content {
+  display: grid;
+}