@charset "UTF-8";
/* CSS reset
---------------------------------------------------------------- */
*, *:before, *:after {
  box-sizing: border-box;
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, code,
em, img, q, small,
strong,
dd, dl, dt, ol, ul, li,
fieldset, form, label, table,
tbody, tr, th, td, input {
  margin: 0;
  padding: 0; }

body {
  color: #000;
  background: #fff;
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* 去掉各 Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 去除默认边框 */
fieldset, img {
  border: 0; }

/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
  border: 0;
  font-variant: normal; }

/* 一致的 del 样式 */
del {
  text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500; }

/* 去掉列表前的标识, li 会继承 */
ol, ul, dl {
  list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left; }

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

q:before, q:after {
  content: ''; }

/* 统一上标和下标 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none; }

/* 点击不弹出对话框 */
a, img {
  -webkit-touch-callout: none; }

input, select, textarea {
  font-size: 100%; }

textarea, input[type="password"], input[type="text"] {
  resize: none;
  outline: none;
  -webkit-appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fff; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

[v-cloak] {
  display: none; }

html, body {
  width: 100%;
  height: 100%;
  background: #0f133a; }
  html.show-modal-mask, body.show-modal-mask {
    overflow: hidden; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  color: #fff;
  background-color: #2D2927;
  text-align: center; }
  .loading .loading-container {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px; }

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
  .loading p {
    margin-top: 20px;
    font-size: 28px; }

.loader {
  margin: 0 auto;
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #ffffff;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  animation: rotate 1.1s infinite linear;
  -webkit-animation: rotate 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.hide {
  display: none; }

.show {
  display: block; }

.draw-loader {
  position: absolute;
  width: 80px;
  height: 80px;
  text-align: center;
  color: #fff;
  top: 45%;
  left: 50%;
  z-index: 999;
  margin-left: -40px;
  margin-top: -40px;
  font-size: 18px;
  font-weight: 600; }
  .draw-loader .loader {
    margin-bottom: 10px; }

.container-app {
  width: 100%;
  height: 100%;
  background: #1c1448 url("../img/main-bg.jpg") no-repeat 0 0;
  background-size: contain; }

.logo {
  height: 15px;
  width: 85px;
  margin: 25px 0 0 20px; }

.blank40 {
  height: 40px; }

.main-title {
  background: transparent url("../img/main-title.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 345px;
  max-width: 100%;
  height: 136px;
  margin: 0 auto; }

.surplus-number {
  font-size: 14px;
  text-align: center; }

.task-btn {
  font-size: 14px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 40%; }
  .task-btn.disable-btn {
    font-size: 14px;
    color: #a8a0d5;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAABCCAYAAACxW//mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMkNDRTAzOUVEQTExRTlCNTgxOUExMEUzMzY0RjJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMkNDRTA0OUVEQTExRTlCNTgxOUExMEUzMzY0RjJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUyQ0NFMDE5RURBMTFFOUI1ODE5QTEwRTMzNjRGMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUyQ0NFMDI5RURBMTFFOUI1ODE5QTEwRTMzNjRGMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vPWY4AAABgklEQVR42uzdMSjEcRjH4SMZZKAkGRhkkEUWbMIgIeutNzDaxWSxm1lkMlEWRcLAbLWQzWQxKPH+6gzkMLzj89R3UCxvn7r/3Q2apsbW3yvws93Ycuyt0S+cXm9++bnZzfhFLbYXa/nvHwiKv1RjB7FWQZFlKXYYaxMUWWZjx7F2QZFlMnYS6xAUWSbKm7tYl6DIMho7j/UIiizDsYvp8Y0+QZFlsB7VgKDI0l+PakhQZOktz1QR1YigyNIdOxMUmToFRSpBISgEhaBAUAgKQYGgEBSCQlAgKASFoEBQCApBgaAQFIJCUCAoBIWgQFAICkGBoBAUgkJQICgEhaBAUAgKQcG3oC6dgcygFmK3TkFWUM+xudi9c5D1DPUYm4k9OQlZD+V39Ze/F2ch613eTWwx9uo0ZH1sUP6fbC327jxkBFXsx1adh6ygiu3YlhORFVSxFttxJrKCKs9RK7EjpyIjqOItVo1dORcZQRXls6n5iq9oSAqq+PyK5sHZaORDgAEAn54uvmbOL1cAAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 100% 100%; }

.btn-bg {
  background: url("../img/button-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 65px;
  height: 27px;
  line-height: 27px;
  color: #fff; }

.task-btn {
  font-size: 16px;
  margin-top: -5px;
  height: 33px;
  line-height: 33px;
  width: 74px;
  text-align: center;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAABCCAYAAACxW//mAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACaUlEQVR42u3dvWtTYRTH8e+tlwa6qKBOpV1cRARFpAgKQgWnaqxVEMFFcHMXbW1Kq/Vt8g9wcXAQBBdBwSKt71br4ujgJs4uKZrHQZCKSZO2B25Svh84S3MLZzj8zr3PLU32aaKakOq7C5zfPV761eovZAsVB0rLug+c3VMp/Wzl4q6iu1XbOw08WKhUu1u5uCsBltWkygkefaxUe5oNVPZh3JWnlj0HhvZOlH40usCEslZShxI8nR+vbmo4UEV3aHVc7SfxbP5KdUu9gcrej7nytCqfgcP7Jkvflv7QlWettnYmmH03Vu1bOlDZ29FFE0pr8RUYHJjq/gImlLX26k8w+2Z0cQdA9vqyCaUQ34EjeXKcFGMbMJPXHCjF2Zw7T4rkylMoB0qhHCiFymtFd6B1xYRSqDylrOgetI54DqVQrjyFcqAUypWnUCaUQplQCuXLYYUyoRTKg02FMqEUyqc8hTKhFMqEUigHSqFceQplQimUCaVQHmwqlAmlUN5DKZQJpVD++YpCmVAK5T2UQjlQCuXKUygPNhXKladQ/jsfhTKhFMqBUqg8JeaAg0U3ovUhT4khYA7YVXQz6nwZwO1TtV7gBdBfdEPqbH8PoW6drG0HXgFbi25KneufU82bI7UBYAZo+mXFUj3/HZPfGKkNAo+Blr5WXVqq7nuX6yfSGeBeo8+lRhoOzPRwugDcKbpBdZZlE+jacJoGLhbdpDpHvuyniUv8eeo7V3Sj6gxN75GuHk8bgIfA0aKbVftr6aZ7qpx6gCfAgaIbVntr+Sluspw24isaNbGiY4HJY6kXeAn0Fd242tNvuG5vZERGpe4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100% 100%;
  font-weight: bold; }

.yellow-font {
  color: #fbbd18;
  font-weight: bold; }

.blue-font {
  color: #808ffc; }

.prize-list-entry {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAACoCAYAAAC4/l0aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlENjZGQkE5QkM1MTFFOUIxMUNDRDUzNzEwQjY4MzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTlENjZGQkI5QkM1MTFFOUIxMUNDRDUzNzEwQjY4MzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOUU1RTdGNTlCQzQxMUU5QjExQ0NENTM3MTBCNjgzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOUU1RTdGNjlCQzQxMUU5QjExQ0NENTM3MTBCNjgzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqELcboAAAtaSURBVHja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) no-repeat 0 0;
  background-size: 100% 100%;
  width: 31px;
  height: 84px;
  position: absolute;
  right: 0;
  top: 230px; }

.activity-main-banner {
  width: 298px;
  height: 230px;
  background: transparent url("../img/activity-main-banner.png") no-repeat 0 0;
  background-size: 100% 100%;
  margin: 30px auto;
  position: relative; }

.activity-main-banner-bg {
  background: transparent url("../img/activity-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  top: 214px;
  left: 50%;
  margin-left: -182px;
  width: 364px;
  height: 92px;
  -webkit-animation: fadeIn 0.6s ease-in-out 0s infinite alternate;
  animation: fadeIn 0.6s ease-in-out 0s infinite alternate; }

.prize-icon-ecloud {
  width: 47px;
  height: 41px;
  position: absolute;
  bottom: 78px;
  left: 175px; }

.prize-icon-aqy {
  width: 47px;
  height: 66px;
  position: absolute;
  bottom: 55px;
  left: 75px; }

.prize-icon-yk {
  width: 34px;
  height: 52px;
  position: absolute;
  bottom: 165px;
  left: 83px; }

.prize-icon-tx {
  width: 34px;
  height: 25px;
  position: absolute;
  bottom: 122px;
  left: 30px; }

.luck-draw-btn {
  width: 192px;
  height: 120px;
  background: transparent url("../img/luck-draw-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  bottom: -90px;
  left: 57px;
  -webkit-animation: heart 1.3s ease-in-out 0s infinite alternate;
  animation: heart 1.3s ease-in-out 0s infinite alternate; }
  .luck-draw-btn.distable {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
            filter: gray;
    -webkit-animation: none;
            animation: none; }

.IQYfloat {
  -webkit-animation: heart1 0.6s ease-in-out 0.025s 2 alternate;
  animation: heart1 0.6s ease-in-out 0.025s 2 alternate; }

.YKfloat {
  -webkit-animation: heart1 0.6s ease-in-out 0.05s 2 alternate;
  animation: heart1 0.6s ease-in-out 0.05s 2 alternate; }

.Ecloudfloat {
  -webkit-animation: heart1 0.6s ease-in-out 0s 2 alternate;
  animation: heart1 0.6s ease-in-out 0s 2 alternate; }

.TXfloat {
  -webkit-animation: heart1 0.6s ease-in-out 0.075s 2 alternate;
  animation: heart1 0.6s ease-in-out 0.075s 2 alternate; }

.IQYbiger {
  -webkit-animation: IQYbigger 0.9s linear 0s 1 alternate forwards;
  animation: IQYbigger 0.9s linear 0s 1 alternate forwards; }

.YKbiger {
  -webkit-animation: YKbigger 0.9s linear 0s 1 alternate forwards;
  animation: YKbigger 0.9s linear 0s 1 alternate forwards; }

.Ecloudbiger {
  -webkit-animation: Ecloudbigger 0.9s linear 0s 1 alternate forwards;
  animation: Ecloudbigger 0.9s linear 0s 1 alternate forwards; }

.TXbiger {
  -webkit-animation: TXbigger 0.9s linear 0s 1 alternate forwards;
  animation: TXbigger 0.9s linear 0s 1 alternate forwards; }

.prizeshow {
  -webkit-animation: appear 0.5s linear 0s 1 alternate forwards;
  animation: appear 0.5s linear 0s 1 alternate forwards; }

.prizebiger {
  -webkit-animation: bigger 1s ease-in-out 0s 1 alternate forwards;
  animation: bigger 1s ease-in-out 0s 1 alternate forwards; }

@-webkit-keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px); } }

@keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px); } }

@-webkit-keyframes bigger {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bigger {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes heart1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0px, 10px);
            transform: translate(0px, 10px); } }

@keyframes heart1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0px, 10px);
            transform: translate(0px, 10px); } }

@-webkit-keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes IQYbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(30px, -30px);
            transform: scale(2) translate(30px, -30px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(30px, -30px);
            transform: scale(2) translate(30px, -30px);
    opacity: 0; } }

@keyframes IQYbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(30px, -30px);
            transform: scale(2) translate(30px, -30px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(30px, -30px);
            transform: scale(2) translate(30px, -30px);
    opacity: 0; } }

@-webkit-keyframes YKbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(30px, 30px);
            transform: scale(2) translate(30px, 30px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(30px, 30px);
            transform: scale(2) translate(30px, 30px);
    opacity: 0; } }

@keyframes YKbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(30px, 30px);
            transform: scale(2) translate(30px, 30px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(30px, 30px);
            transform: scale(2) translate(30px, 30px);
    opacity: 0; } }

@-webkit-keyframes Ecloudbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(-25px, -25px);
            transform: scale(2) translate(-25px, -25px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(-25px, -25px);
            transform: scale(2) translate(-25px, -25px);
    opacity: 0; } }

@keyframes Ecloudbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(-25px, -25px);
            transform: scale(2) translate(-25px, -25px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(-25px, -25px);
            transform: scale(2) translate(-25px, -25px);
    opacity: 0; } }

@-webkit-keyframes TXbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(50px, 0px);
            transform: scale(2) translate(50px, 0px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(50px, 0px);
            transform: scale(2) translate(50px, 0px);
    opacity: 0; } }

@keyframes TXbigger {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
    /*开始为原始大小*/ }
  90% {
    -webkit-transform: scale(2) translate(50px, 0px);
            transform: scale(2) translate(50px, 0px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2) translate(50px, 0px);
            transform: scale(2) translate(50px, 0px);
    opacity: 0; } }

.task-box {
  width: 343px;
  height: 159px;
  max-width: 100%;
  background: transparent url(data:image/png;base64,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) no-repeat 0 0;
  background-size: 100% 100%;
  margin: 120px auto 0;
  padding: 20px 0 15px;
  font-size: 16px;
  color: #fff;
  position: relative; }
  .task-box .line {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmgAAAALCAYAAADLEHGUAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABDElEQVR42u3dMUoDQRiG4XeHgGglgtjOGeIdbLYzYe9h4SVUEDzGELHaOieIjRfYKmKnldFGi42dLgvCDmTfp5riK75yip//L9iqyuYYmAGnwCHwBjwCD6mOz0iSJGkQBUBVNlPgEtj/JbMBrlMdV7nLSpIkjUFRlc0JcAscdOQ+gItUx3XuwpIkSbsuAOd0f84A9oB57rKSJEljEGhnzvrom5MkSdI/FFXZLIBJ7iKSJEkC4CkArz3DX7nbSpIkjUCY0K7SOOsRXqY63uVuLEmStOsCcE+7SqPLJ7DIXVaSJGkMQqrjC3AFvP+R2QA3rtiQJEkaRvHz2F4SmANT4Ih2Nm2FlwQkSZIG9Q3Xoy8n8KIU8gAAAABJRU5ErkJggg==) no-repeat 0 0;
    background-size: 100% 100%;
    height: 5px;
    width: 308px;
    margin: 10px auto 0; }
  .task-box p {
    padding: 20px 20px 30px;
    height: 33px;
    position: relative; }
  .task-box .task-title {
    width: 149px;
    height: 29px;
    background: transparent url(data:image/png;base64,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) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: -25px;
    left: 0; }

.experience-task-box {
  width: 343px;
  height: 81px;
  font-size: 16px;
  background: transparent url(data:image/png;base64,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) no-repeat 0 0;
  background-size: 100% 100%;
  margin: 60px auto 0;
  padding: 30px 20px 25px;
  color: #fff;
  position: relative; }
  .experience-task-box .experience-task-title {
    width: 149px;
    height: 29px;
    background: transparent url(data:image/png;base64,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) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: -25px;
    left: 0; }

.activity-rule-box {
  background: transparent url(data:image/png;base64,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) no-repeat center 0;
  background-size: 339px 14px;
  padding: 35px 15px;
  font-size: 18px;
  width: 100%;
  font-size: 14px;
  margin-top: 55px; }
  .activity-rule-box .rule-number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #5d8bc9;
    border-radius: 20px;
    background: #31337d;
    text-align: center;
    position: absolute;
    left: 0px;
    top: -1px;
    margin-right: 10px; }
  .activity-rule-box p {
    padding: 0 0 12px 25px;
    text-align: justify;
    line-height: 20px;
    position: relative; }

.prize-app {
  width: 100%;
  background: #0f133a;
  padding: 20px 20px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMEAAAE3CAYAAAAT/iUsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZGZmNDM2Ni00ZGNjLTRmZTctODkxMC1iZTNlMWMwNzg3OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTA3NkZFNTBBMkJBMTFFOUJGMTA4MDcxNzQwQjJCQkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTA3NkZFNEZBMkJBMTFFOUJGMTA4MDcxNzQwQjJCQkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQzZGUyMGYtYTU3Yy0wYzQ5LWJmMWItYmFkZTM1ZDk2MDdiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJkZmY0MzY2LTRkY2MtNGZlNy04OTEwLWJlM2UxYzA3ODc5NCIv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) no-repeat 100% 29px;
  background-size: 97px 156px; }

.prize-body {
  position: relative;
  border: 1px solid #2a59cf; }

.prize-body-bborder {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACMCAYAAAAjviyyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZGZmNDM2Ni00ZGNjLTRmZTctODkxMC1iZTNlMWMwNzg3OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg2M0UwRTlBMkJCMTFFOUJCOURFODQ5RDdBQzc0OEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg2M0UwRThBMkJCMTFFOUJCOURFODQ5RDdBQzc0OEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQzZGUyMGYtYTU3Yy0wYzQ5LWJmMWItYmFkZTM1ZDk2MDdiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJkZmY0MzY2LTRkY2MtNGZlNy04OTEwLWJlM2UxYzA3ODc5NCIv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) no-repeat 0 0;
  background-size: 100% 100%;
  width: 359px;
  height: 65px;
  position: absolute;
  right: -20px;
  bottom: -15px; }

.triangle-bottom {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAIAAACLVfpIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZGZmNDM2Ni00ZGNjLTRmZTctODkxMC1iZTNlMWMwNzg3OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzJCMjZBMDJBMkJDMTFFOTgyOUNBQjM2REMzOTg1RkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzJCMjZBMDFBMkJDMTFFOTgyOUNBQjM2REMzOTg1RkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQzZGUyMGYtYTU3Yy0wYzQ5LWJmMWItYmFkZTM1ZDk2MDdiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJkZmY0MzY2LTRkY2MtNGZlNy04OTEwLWJlM2UxYzA3ODc5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpmrQ+8AAADfSURBVHjatNY/CsIwFMfxpLVFq6UFhYpVUE8g4uQBvI538A4eyVkHB68Q0bH4t9ZAQRSamOS9fIff8obP+mjUnhNB6WLNl21Wz4wRWI7kdjsf+HZmy1ozATJuPRiIbpfjzo+GXthvJJPraf96ZFYYUuRYkpTBk/4xSJICgyGpMWBJmYFJOgxA0mRMJX3GSDJi9CVTRlMCMDoSjFGWwIyahMF8pHjkhWmlhMSUEtuKJDxGKqEyYgmbEUgWmCrJDvMrBd2pNeZbavWo5B1Eibq+H48dYrkiv/O30jpT9hZgAH+jAd/dpZXxAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: 100% 100%;
  width: 17px;
  height: 14px;
  position: absolute;
  left: -5px;
  bottom: -2px; }

.triangle-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAIAAADhvA07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZGZmNDM2Ni00ZGNjLTRmZTctODkxMC1iZTNlMWMwNzg3OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTczRkMyOTBBMkJDMTFFOUIzMUZBNjBGQTNDN0VCQ0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTczRkMyOEZBMkJDMTFFOUIzMUZBNjBGQTNDN0VCQ0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQzZGUyMGYtYTU3Yy0wYzQ5LWJmMWItYmFkZTM1ZDk2MDdiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJkZmY0MzY2LTRkY2MtNGZlNy04OTEwLWJlM2UxYzA3ODc5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgXhQk8AAAE8SURBVHjazM6/TsJQFAbwax20JDJo0o2pJhAGfQ8MD8Dr+Q76EgwMsgkrDWjSRKEkpVqvXgi2UHr/nXPut3znO9PvrDsYMcY+pk+f02fmQDxRzfDhKuy5ADpPo5dsNfeD+4vrNt9p/EoMumy0smWUJQtHTL8gXu6YtiB3THuQI6YCyAVTGURuOgKiNR0HEZoqQVSmUyASUw0I31QPQjZJgXamNwSTLOjPNEMwKYBwTGogBJMyCNqkAwI1aYLgTPogIJMRCMJkCiqb8jyNJ8SggunG1GQHJExf63c/uDM0WQPxbGyYbIKsmCyDzE32QYYmEJCJCQqkbQIE6ZlgQRomcJCqCQOkZEICyZvwQJImVJCMCRt0YPoumQhARVOnZKIBnTCRgapMHiNNEg3j8SM/mrd98SEGCdP/+SPAAElFumG+O2WoAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  right: -2px;
  top: -1px; }

.prize-box-explain {
  font-size: 16px;
  text-align: center;
  margin-top: 45%; }

.prize-title {
  background: url(data:image/png;base64,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) no-repeat 0 0;
  background-size: 149px 29px;
  width: 100%;
  height: 29px;
  line-height: 29px;
  font-size: 12px;
  color: #808ffc;
  text-indent: 145px; }

.prize-box {
  padding: 10px 0; }
  .prize-box li {
    padding: 15px 20px 15px 30px;
    color: #808ffc;
    font-weight: 400;
    font-size: 14px; }
    .prize-box li:nth-child(even) {
      background: #151449; }
  .prize-box .prize-status {
    width: 65px;
    text-align: center;
    float: right;
    line-height: 27px; }
  .prize-box .back-btn {
    display: block;
    margin: 15px auto; }

.receive-tips {
  font-size: 12px;
  padding: 10px 0 0;
  text-align: center; }

.prize-list-tips {
  padding: 30px 0;
  font-size: 14px;
  text-align: justify; }

.error-tips {
  color: #fff;
  text-align: left;
  padding-top: 5px;
  height: 24px;
  font-size: 12px; }

.no-visible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.prize-modal-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100; }

.modal {
  display: none;
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -168px;
  width: 335px;
  height: 362px;
  background: url("../img/modal.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 100; }
  .modal.show {
    display: block; }

.animate-modal {
  -webkit-animation: bounceIn 2s 0 infinite;
  animation: bounceIn 2s 0 infinite; }

.modal-close {
  z-index: 1001;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNjM5REU5OUE2RTExRTlCNjFCQzMwMjlGRDNGRjRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNjM5REVBOUE2RTExRTlCNjFCQzMwMjlGRDNGRjRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI2MzlERTc5QTZFMTFFOUI2MUJDMzAyOUZEM0ZGNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI2MzlERTg5QTZFMTFFOUI2MUJDMzAyOUZEM0ZGNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VNJSHAAAA7klEQVR42pyTvRHCMAyFbU3AHFRhAzIGVeINwgbZgBGSCsYgG6SCdYIEKhyfHL+gO53/5O8k+8kfL/PgnGvZw/txGt1O4/sHHp66rElhYgMftn/CKvVOgCGKgaEJTGx83ave66FAhih+s/wM7JuYj4Ig6BZsBUSgJZgYxQu9bL6pBeP4kFbgM2+UZnplbyzYsixlYAbqrMxgoEI7Hm7R1sSwOo5JgVSQRpNsn0s6JVBnEyp+QnSmZUIdRQAslCRlfgqqM0v8LO5xBURhCNTvhZWgApz3wraglOsAxIyP+r0fe+/+NOkUyVRc5h8BBgAEBqgcPgnt7AAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: 40% 40%;
  background-position: center center;
  position: absolute;
  right: 21px;
  top: 21px; }

.modal-title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px; }

.modal-content {
  font-size: 14px;
  color: #647ddc;
  text-align: left; }

.center {
  text-align: center; }

.modal-btn {
  background: url("../img/modal-button.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px; }

.description-modal {
  text-align: center;
  padding: 75px 45px 60px; }
  .description-modal .modal-btn {
    margin-top: 50px; }

.modal-ecloud-icon {
  width: 116px;
  height: 97px;
  margin-bottom: 25px; }

.prize-content-modal {
  text-align: center;
  padding: 45px 45px 60px; }
  .prize-content-modal .modal-btn {
    margin-top: 25px; }
  .prize-content-modal .modal-content {
    text-align: center;
    font-size: 18px;
    padding-bottom: 8px; }

.modal-aqy-icon {
  width: 61px;
  margin-top: 13px;
  height: auto;
  float: left; }

.send-account-code {
  font-size: 14px;
  background: url("../img/button-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  border: 0;
  width: 104px;
  height: 34px;
  line-height: 34px;
  color: #fff; }

.prize-vip-modal {
  padding: 50px 30px 30px;
  text-align: center; }
  .prize-vip-modal .modal-title {
    font-size: 16px;
    text-align: left; }
    .prize-vip-modal .modal-title p {
      padding-bottom: 8px;
      padding-left: 67px; }
  .prize-vip-modal .modal-content {
    font-size: 14px; }
  .prize-vip-modal .account-phone {
    padding-left: 5px; }
  .prize-vip-modal .account-code-box {
    padding-top: 14px; }
    .prize-vip-modal .account-code-box .input-code {
      height: 34px;
      width: 138px;
      font-size: 14px;
      background: transparent;
      border: 0;
      border-bottom: 2px solid #264eb9;
      padding-right: 18px; }
      .prize-vip-modal .account-code-box .input-code::-webkit-input-placeholder {
        color: #282f5b; }
      .prize-vip-modal .account-code-box .input-code::placeholder {
        color: #282f5b; }
    .prize-vip-modal .account-code-box .send-account-code {
      float: right; }
  .prize-vip-modal .modal-btn {
    margin-top: 15px; }

@media screen and (width: 320px) {
  .task-box {
    width: 92%;
    height: auto; }
    .task-box .line {
      width: 92%; } }

#guide {
  width: 100%;
  height: 100%;
  padding-top: 19px; }

.wrapper {
  padding-bottom: 60px;
  padding-left: 24px;
  overflow: scroll;
  height: calc(100% - 60px); }

.guide-step {
  margin-bottom: 40px; }

.guide-title {
  font-size: 17px;
  color: #000000;
  padding-left: 20px;
  margin-bottom: 7px;
  display: block; }
  .guide-title::after {
    content: '';
    display: block;
    padding-top: 7px;
    width: 50px;
    border-bottom: 5px solid #0055FB; }

.guide-content {
  font-size: 12px;
  color: #666;
  margin-left: 20px;
  margin-bottom: 9px; }

.guide-img {
  width: 290px; }

.guide-bottom {
  position: fixed;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  z-index: 1;
  background: #FFFFFF;
  border-top: 1px solid #EEEEEE; }

.guide-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 18px;
  color: #FFFFFF;
  z-index: 1;
  background: url("../img/modal-button.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 280px;
  height: 40px; }