@charset "UTF-8";
/* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
a:visited, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img, a:visited img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 30, ../sass/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 62, ../sass/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 134, ../sass/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 166, ../sass/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/* line 11, ../sass/screen.scss */
.clearfix:after, .mycard ul:after, .rule ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/* line 20, ../sass/screen.scss */
.clearfix, .mycard ul, .rule ul li {
  *zoom: 1;
}

/* line 23, ../sass/screen.scss */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999 !important;
}

/* line 26, ../sass/screen.scss */
　　:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999 !important;
}

/* line 29, ../sass/screen.scss */
　　::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999 !important;
}

/* line 32, ../sass/screen.scss */
　　:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999 !important;
}

/* line 37, ../sass/screen.scss */
* {
  -webkit-tap-highlight-color: rgba(0, 163, 237, 0);
}

/* line 46, ../sass/screen.scss */
html {
  font-size: 10px;
  color: #fff;
  background: #ff526a;
  overflow-x: hidden;
  font-family: "microsoft yahei";
}

/* line 54, ../sass/screen.scss */
em {
  font-style: normal;
}

/* line 58, ../sass/screen.scss */
a, a:visited {
  text-decoration: none !important;
  color: #666666;
}

@media screen and (min-width: 321px) and (max-width: 374px) {
  /* line 69, ../sass/screen.scss */
  html {
    font-size: 10px;
  }
}
@media screen and (min-width: 375px) and (max-width: 413px) {
  /* line 74, ../sass/screen.scss */
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 414px) and (max-width: 639px) {
  /* line 79, ../sass/screen.scss */
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 640px) and (max-width: 719px) {
  /* line 84, ../sass/screen.scss */
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 720px) {
  /* line 89, ../sass/screen.scss */
  html {
    font-size: 24px;
  }
}
/* line 94, ../sass/screen.scss */
.bodybg {
  background: url(../images/backg.png) top center no-repeat #fd3b67;
  background-attachment: fixed;
  width: 100%;
}

/* line 101, ../sass/screen.scss */
.bodybg2 {
  background: url(../images/backg2.png) top center no-repeat;
  width: 100%;
}

/* line 106, ../sass/screen.scss */
.body {
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto !important;
  font-size: 0px;
  position: relative;
  background-size: contain;
}

/* line 115, ../sass/screen.scss */
.header_top {
  font-size: 14px;
  display: none;
}

/* line 119, ../sass/screen.scss */
.company {
  display: none;
}

/* line 125, ../sass/screen.scss */
header {
  display: none;
  background: #d24054;
  height: 3.75rem;
  height: 90px\9;
  line-height: 3.75rem;
  line-height: 90px\9;
  font-size: 1.41667rem;
  font-size: 34px\9;
  color: #fff;
  text-align: center;
}
/* line 136, ../sass/screen.scss */
header .icon-shareicon {
  margin-top: 1.08333rem;
  margin-top: 26px\9;
  margin-right: 1.66667rem;
  margin-right: 40px\9;
  width: 1.66667rem;
  width: 40px\9;
  height: 1.58333rem;
  height: 38px\9;
  background: url(../images/shareicon.png) top center no-repeat;
  background-size: contain;
  float: right;
  vertical-align: middle;
}
/* line 150, ../sass/screen.scss */
header .icon-back {
  margin-top: 1.02083rem;
  margin-top: 24.5px\9;
  margin-left: 1.66667rem;
  margin-left: 40px\9;
  width: 0.95833rem;
  width: 23px\9;
  height: 1.70833rem;
  height: 41px\9;
  background: url(../images/backicon.png) top center no-repeat;
  background-size: contain;
  float: left;
  vertical-align: middle;
}

/* line 167, ../sass/screen.scss */
.topbg {
  position: relative;
}
/* line 169, ../sass/screen.scss */
.topbg .topbg12 {
  display: none;
}
/* line 172, ../sass/screen.scss */
.topbg img {
  width: 100%;
}
/* line 175, ../sass/screen.scss */
.topbg .top1, .topbg .top2, .topbg .top3 {
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 180, ../sass/screen.scss */
.topbg .top1 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 189, ../sass/screen.scss */
.topbg .top2 {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 200, ../sass/screen.scss */
.gorule .gop {
  background: #FED071;
  background-image: -moz-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -webkit-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -ms-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  font-size: 1.16667rem;
  font-size: 28px\9;
  height: 3rem;
  height: 72px\9;
  line-height: 3rem;
  line-height: 72px\9;
  color: #fff;
  text-align: center;
  width: 40%;
  margin: 0 2%;
  margin-top: 1.45833rem;
  margin-top: 35px\9;
  display: inline-block;
  border-radius: 3rem;
  border-radius: 72px\9;
  cursor: pointer;
}

/* line 227, ../sass/screen.scss */
.mainpic {
  display: block;
}
/* line 229, ../sass/screen.scss */
.mainpic img {
  width: 100%;
}

/* line 233, ../sass/screen.scss */
.mainpic2 {
  display: none;
}
/* line 235, ../sass/screen.scss */
.mainpic2 img {
  width: 100%;
  vertical-align: bottom;
  display: block;
}

@media screen and (min-width: 720px) {
  /* line 244, ../sass/screen.scss */
  .rulebutton {
    width: auto;
  }
}
/* line 250, ../sass/screen.scss */
.content {
  background: url(../images/background.png) center top repeat-y;
  background-size: contain;
  padding-bottom: 2.375rem;
  padding-bottom: 57px\9;
}

/* line 256, ../sass/screen.scss */
.lottery {
  position: relative;
}
/* line 258, ../sass/screen.scss */
.lottery .cardbg {
  width: 100%;
}
/* line 261, ../sass/screen.scss */
.lottery .cardContent {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 13%;
  margin-top: 1.5%;
  width: 74%;
}
/* line 269, ../sass/screen.scss */
.lottery .card {
  cursor: pointer;
  background: url(../images/card.png) top center no-repeat;
  background-size: contain;
  height: 6.04167rem;
  height: 145px\9;
  float: left;
  width: 33.3%;
  margin-bottom: 3%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 283, ../sass/screen.scss */
.lottery .c1 {
  background: url(../images/c1.png) top center no-repeat;
  background-size: contain;
}
/* line 287, ../sass/screen.scss */
.lottery .c2 {
  background: url(../images/c2.png) top center no-repeat;
  background-size: contain;
}
/* line 291, ../sass/screen.scss */
.lottery .c3 {
  background: url(../images/c3.png) top center no-repeat;
  background-size: contain;
}
/* line 295, ../sass/screen.scss */
.lottery .c4 {
  background: url(../images/c4.png) top center no-repeat;
  background-size: contain;
}
/* line 299, ../sass/screen.scss */
.lottery .c5 {
  background: url(../images/c5.png) top center no-repeat;
  background-size: contain;
}
/* line 303, ../sass/screen.scss */
.lottery .c6 {
  background: url(../images/c6.png) top center no-repeat;
  background-size: contain;
}
/* line 307, ../sass/screen.scss */
.lottery .c7 {
  background: url(../images/c7.png) top center no-repeat;
  background-size: contain;
}
/* line 311, ../sass/screen.scss */
.lottery .c8 {
  background: url(../images/c8.png) top center no-repeat;
  background-size: contain;
}
/* line 315, ../sass/screen.scss */
.lottery .c9 {
  background: url(../images/c9.png) top center no-repeat;
  background-size: contain;
}

/* line 320, ../sass/screen.scss */
.box {
  background: rgba(87, 9, 51, 0.47);
  width: 85%;
  margin: 2.08333rem auto;
  margin: 50px auto\9;
  padding: 1.875rem 0;
  padding: 45px 0\9;
  font-size: 14px;
  border-radius: 10px;
  text-align: center;
}
/* line 331, ../sass/screen.scss */
.box .mytitle {
  width: 100%;
}
/* line 335, ../sass/screen.scss */
.box a img {
  width: 100%;
}

/* line 342, ../sass/screen.scss */
.mycard ul {
  width: 91%;
  background: #e863e8;
  border-radius: 5px;
  margin: 0 auto;
  text-align: center;
  padding-top: 1.04167rem;
  padding-top: 25px\9;
}
/* line 353, ../sass/screen.scss */
.mycard ul li {
  display: inline-block;
  *display: inline;
  *float: left;
  width: 30%;
  margin-bottom: 1.04167rem;
  margin-bottom: 25px\9;
  position: relative;
}
/* line 361, ../sass/screen.scss */
.mycard ul li img {
  width: 100%;
}
/* line 364, ../sass/screen.scss */
.mycard ul li .pic1 {
  display: block;
}
/* line 367, ../sass/screen.scss */
.mycard ul li .pic2 {
  display: none;
}
/* line 370, ../sass/screen.scss */
.mycard ul li span {
  display: none;
  position: absolute;
  right: 0rem;
  right: 0px\9;
  top: -0.41667rem;
  top: -10px\9;
  height: 1.45833rem;
  height: 35px\9;
  width: 1.45833rem;
  width: 35px\9;
  line-height: 1.45833rem;
  line-height: 35px\9;
  background: #ffe25a;
  border-radius: 100%;
  text-align: center;
  font-size: 1.04167rem;
  font-size: 25px\9;
  color: #e5514f;
}
/* line 392, ../sass/screen.scss */
.mycard ul .active .pic1 {
  display: none;
}
/* line 395, ../sass/screen.scss */
.mycard ul .active .pic2, .mycard ul .active span {
  display: block;
}
/* line 400, ../sass/screen.scss */
.mycard .button {
  background: #FED071;
  background-image: -moz-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -webkit-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -ms-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  font-size: 1.16667rem;
  font-size: 28px\9;
  height: 3rem;
  height: 72px\9;
  line-height: 3rem;
  line-height: 72px\9;
  color: #fff;
  text-align: center;
  width: 40%;
  margin: 0 2%;
  margin-top: 1.45833rem;
  margin-top: 35px\9;
  display: inline-block;
  border-radius: 3rem;
  border-radius: 72px\9;
  cursor: pointer;
}

/* line 425, ../sass/screen.scss */
.prize {
  text-align: left;
  margin: 0 1rem;
  position: relative;
  padding-bottom: 1.04167rem;
  padding-bottom: 25px\9;
  padding-top: 1.04167rem;
  padding-top: 25px\9;
  border-bottom: 1px solid #8d1f41;
}
/* line 434, ../sass/screen.scss */
.prize h3 {
  font-size: 1.25rem;
  font-size: 30px\9;
  color: #ffffff;
  line-height: 1.66667rem;
  line-height: 40px\9;
}
/* line 441, ../sass/screen.scss */
.prize h4 {
  font-size: 1rem;
  font-size: 24px\9;
  color: #e864e8;
  line-height: 1.66667rem;
  line-height: 40px\9;
  margin-top: 0.41667rem;
  margin-top: 10px\9;
}
/* line 450, ../sass/screen.scss */
.prize span {
  position: absolute;
  font-size: 1.16667rem;
  font-size: 28px\9;
  width: 4.91667rem;
  width: 118px\9;
  height: 1.83333rem;
  height: 44px\9;
  color: #ffffff;
  background: #FED071;
  background-image: -moz-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -webkit-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -ms-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  border-radius: 1.83333rem;
  border-radius: 44px\9;
  text-align: center;
  line-height: 1.83333rem;
  line-height: 44px\9;
  right: 0px;
  top: 2.5rem;
  top: 60px\9;
}
/* line 472, ../sass/screen.scss */
.prize .active {
  background: #a67109;
}
/* line 477, ../sass/screen.scss */
.prize:first-of-type span {
  top: 1.875rem;
  top: 45px\9;
}
/* line 482, ../sass/screen.scss */
.prize:last-of-type {
  margin-bottom: 0px;
  border: none;
}

/* line 487, ../sass/screen.scss */
.downloadapp {
  font-size: 1.25rem;
  font-size: 30px\9;
  line-height: 3.33333rem;
  line-height: 80px\9;
  height: 3.33333rem;
  height: 80px\9;
  background: #FED071;
  background-image: -moz-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -webkit-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  background-image: -ms-linear-gradient(90deg, #e59b1a 0%, #fed071 100%);
  color: #ffffff !important;
  text-align: center;
  border-radius: 3.33333rem;
  border-radius: 80px\9;
  display: block;
  margin: 0 auto;
  width: 66.6%;
  margin-top: 1.875rem;
  margin-top: 45px\9;
}

/* line 508, ../sass/screen.scss */
.content2 {
  padding-bottom: 2.5rem;
  padding-bottom: 60px\9;
  background: url(../images/page2.png) top center no-repeat;
  background-size: contain;
}

/* line 517, ../sass/screen.scss */
.rule ul {
  padding: 0% 5%;
}
/* line 519, ../sass/screen.scss */
.rule ul li {
  text-align: left;
  color: #fff;
  font-size: 1rem;
  font-size: 24px\9;
  line-height: 1.5rem;
  line-height: 36px\9;
  margin-top: 1.25rem;
  margin-top: 30px\9;
}
/* line 529, ../sass/screen.scss */
.rule ul li span {
  float: left;
  width: 10%;
  text-align: center;
  line-height: 1.04167rem;
  line-height: 25px\9;
}
/* line 535, ../sass/screen.scss */
.rule ul li span i {
  font-size: 0.66667rem;
  font-size: 16px\9;
  width: 1rem;
  width: 24px\9;
  text-align: center;
  height: 1rem;
  height: 24px\9;
  line-height: 1rem;
  line-height: 24px\9;
  border-radius: 100%;
  color: #fff;
  background: #e9a945;
  display: inline-block;
  *display: inline;
}
/* line 552, ../sass/screen.scss */
.rule ul li p {
  float: left;
  width: 90%;
}

/* line 559, ../sass/screen.scss */
.banquan {
  font-size: 1rem;
  font-size: 24px\9;
  color: #ffc0c9;
  text-align: center;
}

/* line 565, ../sass/screen.scss */
.invite, .result2 {
  position: fixed;
  width: 66%;
  top: 30%;
  left: 17%;
  border-radius: 3px;
  background: #fff;
  z-index: 20;
}
/* line 573, ../sass/screen.scss */
.invite .icon, .result2 .icon {
  width: 1.08333rem;
  width: 26px\9;
  height: 1.08333rem;
  height: 26px\9;
  background: url(../images/close.png) top center no-repeat;
  background-size: contain;
  position: absolute;
  right: 1.25rem;
  right: 30px\9;
  top: 0.83333rem;
  top: 20px\9;
  margin: 0;
  cursor: pointer;
}
/* line 588, ../sass/screen.scss */
.invite h4, .result2 h4 {
  font-weight: bold;
  color: #ea5251;
  text-align: center;
  font-size: 1.66667rem;
  font-size: 40px\9;
  height: 4.79167rem;
  height: 115px\9;
  line-height: 4.79167rem;
  line-height: 115px\9;
}
/* line 599, ../sass/screen.scss */
.invite p, .result2 p {
  line-height: 1.83333rem;
  line-height: 44px\9;
  font-size: 1rem;
  font-size: 24px\9;
  color: #5b5b5b;
  text-align: center;
}
/* line 607, ../sass/screen.scss */
.invite span, .invite button, .result2 span, .result2 button {
  border: none;
  padding: 0px;
  width: 50%;
  height: 3.16667rem;
  height: 76px\9;
  line-height: 3.16667rem;
  line-height: 76px\9;
  font-size: 1.5rem;
  font-size: 36px\9;
  text-align: center;
  border-radius: 3.16667rem;
  border-radius: 76px\9;
  color: #fff;
  margin: 1.5rem auto;
  margin: 36px auto\9;
  display: block;
  background: #ea5251;
}

/* line 628, ../sass/screen.scss */
.wxnotice {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 30;
}
/* line 633, ../sass/screen.scss */
.wxnotice img {
  width: 100%;
}

/* line 637, ../sass/screen.scss */
.result {
  width: 100%;
  position: fixed;
  left: 0%;
  top: 25%;
  z-index: 30;
  text-align: right;
}
/* line 644, ../sass/screen.scss */
.result img {
  width: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 652, ../sass/screen.scss */
.result span {
  width: 35%;
  height: 3.16667rem;
  height: 76px\9;
  line-height: 3.16667rem;
  line-height: 76px\9;
  font-size: 1.5rem;
  font-size: 36px\9;
  text-align: center;
  border-radius: 3.16667rem;
  border-radius: 76px\9;
  color: #fff;
  margin: 0 auto;
  display: block;
  background: #ea5251;
  cursor: pointer;
}
/* line 669, ../sass/screen.scss */
.result .icon {
  display: inline-block;
  width: 2.5rem;
  width: 60px\9;
  height: 2.5rem;
  height: 60px\9;
  background: url(../images/close2.png) top center no-repeat;
  background-size: contain;
  margin-right: 20%;
  cursor: pointer;
}

/* line 682, ../sass/screen.scss */
.shade, .shadeWx {
  background: #000000;
  opacity: 0.8;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  z-index: 10;
}

/* line 693, ../sass/screen.scss */
.result2 {
  left: 7.5%;
  width: 85%;
}

/* line 699, ../sass/screen.scss */
.rulebutton {
  width: 68px;
  position: fixed;
  right: 50%;
  margin-right: -440px;
  top: 100px;
  z-index: 9;
  cursor: pointer;
}
/* line 708, ../sass/screen.scss */
.rulebutton img {
  width: 100%;
}
/* line 711, ../sass/screen.scss */
.rulebutton .ruleb1 {
  display: none;
}
/* line 714, ../sass/screen.scss */
.rulebutton .ruleb2 {
  display: block;
}

@media (max-width: 750px) {
  /* line 722, ../sass/screen.scss */
  .rulebutton {
    margin-left: 0px;
    width: 8%;
    position: fixed;
    right: 0px;
    margin-right: 0px;
    top: 10vh;
    z-index: 9;
  }
  /* line 731, ../sass/screen.scss */
  .rulebutton img {
    width: 100%;
  }
  /* line 734, ../sass/screen.scss */
  .rulebutton .ruleb1 {
    display: block;
  }
  /* line 737, ../sass/screen.scss */
  .rulebutton .ruleb2 {
    display: none;
  }

  /* line 742, ../sass/screen.scss */
  .topbg .topbg1 {
    display: none;
  }
  /* line 745, ../sass/screen.scss */
  .topbg .topbg12 {
    display: block;
  }

  /* line 749, ../sass/screen.scss */
  .bodybg {
    background: #fd3b67;
  }

  /* line 752, ../sass/screen.scss */
  .bodybg2 {
    background: none;
  }

  /* line 756, ../sass/screen.scss */
  .mainpic {
    display: none;
  }

  /* line 759, ../sass/screen.scss */
  .mainpic2 {
    display: block;
  }
}
@media screen and (min-width: 750px) {
  /* line 767, ../sass/screen.scss */
  .mycard ul li span {
    font-size: 18px !important;
  }

  /* line 770, ../sass/screen.scss */
  .content {
    background: none;
  }

  /* line 774, ../sass/screen.scss */
  .result {
    width: 750px;
    position: fixed;
    left: 50%;
    margin-left: -375px;
    top: 10%;
  }

  /* line 781, ../sass/screen.scss */
  .result2 {
    width: 630px;
    position: fixed;
    left: 50%;
    margin-left: -315px;
    top: 15%;
  }

  /* line 789, ../sass/screen.scss */
  .invite {
    width: 510px;
    position: fixed;
    left: 50%;
    margin-left: -255px;
    top: 15%;
  }
}
/* line 801, ../sass/screen.scss */
.result {
  width: 750px\9;
  position: fixed\9;
  left: 50% \9;
  margin-left: -375px\9;
  top: 10% \9;
}

/* line 808, ../sass/screen.scss */
.result2 {
  width: 630px\9;
  position: fixed\9;
  left: 50% \9;
  margin-left: -315px\9;
  top: 15% \9;
}

/* line 816, ../sass/screen.scss */
.invite {
  width: 510px\9;
  position: fixed\9;
  left: 50% \9;
  margin-left: -255px\9;
  top: 15% \9;
}