.mobile {
    margin: 34px 25px;
}
.div-tips {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 34px 25px;
}
.div-tips .mybtn-default {
	position: absolute;
	display: block;
	width: auto;
	left: 34px;
	right: 34px;
    bottom: 34px;
}
.tips-item-div {
	text-align: center;
	height: 100%;
	width: 100%;
	padding-top: 40%;
}
.mybtn-default {
    background: #4e7cd7;
	color: #ffffff;
    width: 100%;
    border-radius: 40px;
	font-size: 16px;
	line-height: 28px;
}
.verity-btn {
    display: inline-block;
    background: #ffffff;
    border-radius: 40px;
    color: #547ed7;
    border-color: #1863d2;
    width: 96px;
}
input.myform-control {
    border: none;
    border-bottom: 1px;
    border-bottom-color: #9fb3e5;
    border-bottom-style: solid;
    border-radius: 0px;
    padding: 0px;
    background: #ffffff;
}
.wx-tips {
	color: #949596;
	font-size: 12px;
}
.div-tips .glyphicon {
	font-size: 100px;
	margin-bottom: 16px;
}
.tips-fail {
	color: #e93c1f;
	font-size: 14px;
}
.tips-fail .glyphicon-exclamation-sign {
	color: #e93c1f;
}
.tips-ok {
	color: #4e7cd7;
	font-size: 14px;
}
.tips-ok .glyphicon-ok-circle {
	color: #4e7cd7;
}
.bottom-line {
    border-bottom: 1px;
    border-bottom-color: #4e7cd7;
    border-bottom-style: solid;
}
/* 等待 */
@keyframes move {
  from { transform: translate(0,50%); }
  to { transform: translate(0,850%); }
}

figure {
  margin: 16px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: fixed;
  /* background: rgba(0,0,0,0.3); */
}

section {
  width: 10%;
  height: 100%;
  position: absolute;
  left: 45%;
}
section:nth-child(2) { transform: rotate(22.5deg);  }
section:nth-child(3) { transform: rotate(45deg);    }
section:nth-child(4) { transform: rotate(67.5deg);  }
section:nth-child(5) { transform: rotate(90deg);    }
section:nth-child(6) { transform: rotate(112.5deg); }
section:nth-child(7) { transform: rotate(135deg);   }
section:nth-child(8) { transform: rotate(157.5deg); }
figure div {
  height: 10%;
  border-radius: 50%;
  background: #1E90FF;
  animation: move 1s ease-in-out infinite alternate;
}
figure:nth-child(1) > section:nth-child(1) > div { animation-delay: -0.5s;    }
figure:nth-child(1) > section:nth-child(3) > div { animation-delay: -0.5s;    }
figure:nth-child(1) > section:nth-child(5) > div { animation-delay: -0.5s;    }
figure:nth-child(1) > section:nth-child(7) > div { animation-delay: -0.5s;    }