@font-face {
  font-family: 'iconfont';
  /* project id 636602 */
  src: url("//at.alicdn.com/t/font_636602_ysefipag2fb3mcxr.eot");
  src: url("//at.alicdn.com/t/font_636602_ysefipag2fb3mcxr.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_636602_ysefipag2fb3mcxr.woff") format("woff"), url("//at.alicdn.com/t/font_636602_ysefipag2fb3mcxr.ttf") format("truetype"), url("//at.alicdn.com/t/font_636602_ysefipag2fb3mcxr.svg#iconfont") format("svg"); }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  cursor: pointer; }

.header {
  background: #6c65fc;
  width: 100%;
  height: 50px; }

.wrapper {
  padding: 80px 0 20px;
  min-height: 400px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333; }

img {
  display: block;
  margin: auto; }

.un-support-tip {
  margin-top: 30px;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: wobble; }

button {
  font-family: Microsoft YaHei;
  background-color: #6c65fc;
  width: 170px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  line-height: 35px;
  margin: 30px 0;
  font-size: 18px; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }