*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: none; }

body {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */ }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea:focus, input[type="number"]:focus {
  border-color: #02a9ec;
  box-shadow: none;
  outline: medium none; }

textarea {
  overflow: auto; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td, th {
  padding: 0; }

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

ul, ol, li, dl, dd {
  padding: 0px;
  margin: 0px;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px;
  font-weight: normal; }

p {
  padding: 0px;
  margin: 0px;
  font-weight: normal; }

em, address {
  font-style: normal; }

a {
  color: #428bca;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a:active {
  color: #3071a9; }

.clear:after, .clear:before {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #c8c8c8; }

input:placeholder, textarea:placeholder {
  color: #c8c8c8; }

@charset "UTF-8";
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: none; }

body {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */ }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea:focus, input[type="number"]:focus {
  border-color: #02a9ec;
  box-shadow: none;
  outline: medium none; }

textarea {
  overflow: auto; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td, th {
  padding: 0; }

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

ul, ol, li, dl, dd {
  padding: 0px;
  margin: 0px;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px;
  font-weight: normal; }

p {
  padding: 0px;
  margin: 0px;
  font-weight: normal; }

em, address {
  font-style: normal; }

a {
  color: #428bca;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a:active {
  color: #3071a9; }

.clear:after, .clear:before {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #c8c8c8; }

input:placeholder, textarea:placeholder {
  color: #c8c8c8; }

body {
  width: 100%;
  background: #f0eff4; }

/***** loading ***/
.loading {
  position: absolute;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f0eff4; }

.three-bounce {
  opacity: 0;
  text-align: center;
  font-size: 26px;
  position: relative;
  width: 100px;
  height: 60px;
  margin: 60% auto 0;
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0; }

.selected {
  opacity: 1; }

.three-bounce > div {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both; }

.three-bounce .one {
  background-color: #f5d453;
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s; }

.three-bounce .two {
  background-color: #f57162;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.three-bounce .three {
  background-color: #39a85b;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.three-bounce .four {
  background-color: #7139a8; }

.couponV2empty {
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/couponV2-empty2-31b211fb67.jpg") center no-repeat;
  background-size: cover; }

.scroller-loading {
  display: none; }

.scroller-loading .three-bounce {
  margin: 0 auto;
  height: 40px; }

.coupon-v2-Bar {
  position: fixed;
  z-index: 13;
  left: 0;
  top: 0;
  width: 100%;
  height: 4rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.coupon-v2-Bar ul {
  width: 90%;
  height: 4rem;
  margin: 0 auto; }

.coupon-v2-Bar ul li {
  display: inline-block;
  width: 49%;
  line-height: 4rem;
  text-align: center; }

.coupon-v2-Bar ul li a {
  font-size: 1.5rem;
  color: #666; }

.coupon-v2-Bar ul li.active a {
  color: #02a9ec;
  border-bottom: 2px solid #02a9ec;
  padding-bottom: .75rem; }

.coupon-v2-Bar ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

#JS_wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden; }

#JS_scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

ul.coupon-list-v2 {
  width: 30rem;
  margin: 5.2rem auto 1.5rem; }

ul.coupon-list-v2 li {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 11rem;
  margin-bottom: 1rem; }

ul.coupon-list-v2 li > a.coupon-list-v2-pro {
  position: relative;
  z-index: 11;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 7px; }

ul.coupon-list-v2 li > a.coupon-list-v2-del {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  display: block;
  width: 6.3rem;
  height: 11rem;
  background: url("../images/del-08a60157a8.png") left center no-repeat;
  background-size: cover;
  border-radius: 7px; }

ul.coupon-list-v2 li h2 {
  position: absolute;
  z-index: 1;
  left: 1.7rem;
  top: .5rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 23rem;
  white-space: nowrap; }

ul.coupon-list-v2 li h1 {
  position: absolute;
  z-index: 1;
  left: 1.7rem;
  top: 2.4rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 23rem;
  white-space: nowrap; }

ul.coupon-list-v2 li em {
  position: absolute;
  z-index: 1;
  top: 1.4rem;
  right: 1.8rem;
  color: #fff;
  font-size: 1.4rem;
  font-size: 2rem;
  font-weight: bold; }

ul.coupon-list-v2 li time {
  position: absolute;
  z-index: 1;
  left: 1.7rem;
  top: 6.85rem;
  color: rgba(102, 102, 102, 0.9);
  font-size: 1rem;
  padding-left: 1.4rem; }

ul.coupon-list-v2 li time i {
  position: absolute;
  z-index: 1;
  left: 0;
  top: .2rem;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  background: url("../images/shopClass-icon-001-b3ba6223bf.png") left center no-repeat;
  background-size: cover; }

ul.coupon-list-v2 li address {
  position: absolute;
  z-index: 1;
  left: 1.7rem;
  top: 8.4rem;
  color: rgba(102, 102, 102, 0.9);
  font-size: 1rem;
  padding-left: 1.4rem; }

ul.coupon-list-v2 li address i {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 1.1rem;
  height: 1.4rem;
  background: url("../images/shopClass-icon-002-dcb6a998cb.png") left center no-repeat;
  background-size: cover; }

ul.coupon-list-v2 li b.coupon-list-v2-activation {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 6.2rem;
  width: 10.7rem;
  height: 3.5rem;
  background: url("../images/shopClass-activation-9c8197af84.png") left center no-repeat;
  background-size: cover; }

ul.coupon-list-v2 li .alert-vip-modal .coupon-list-v2-activation {
  display: block; }

ul.coupon-list-v2 li.coupon-list-v2-chi a.coupon-list-v2-pro {
  background: url("../images/shopClass-chi-e2b5459296.png") left top no-repeat;
  background-size: 100% auto; }

/*#ffc437*/
ul.coupon-list-v2 li.coupon-list-v2-he a.coupon-list-v2-pro {
  background: url("../images/shopClass-he-a0437e78fb.png") left top no-repeat;
  background-size: 100% auto; }

/*#2caaf2*/
ul.coupon-list-v2 li.coupon-list-v2-wan a.coupon-list-v2-pro {
  background: url("../images/shopClass-wan-b033bc5d8f.png") left top no-repeat;
  background-size: 100% auto; }

/*#fb5c41*/
ul.coupon-list-v2 li.coupon-list-v2-le a.coupon-list-v2-pro {
  background: url("../images/shopClass-le-4762bb374f.png") left top no-repeat;
  background-size: 100% auto; }

/*#1f78e5*/
ul.coupon-list-v2 li.coupon-list-v2-gou a.coupon-list-v2-pro {
  background: url("../images/shopClass-gou-fc9cde5f77.png") left top no-repeat;
  background-size: 100% auto; }

/*#79bd4d*/
ul.coupon-list-v2 li.coupon-list-v2-Invalid a.coupon-list-v2-pro {
  background: url("../images/shopClass-Invalid-4a59109b85.png") left center no-repeat;
  background-size: cover; }

/*#a4a4a4*/
ul.coupon-list-v2 li.coupon-list-v2-Invalid-ysy a.coupon-list-v2-pro {
  background: url("../images/shopClass-Invalid－ysy-b4de33e22e.png") left center no-repeat;
  background-size: cover; }

/*#a4a4a4*/
ul.coupon-list-v2 li.coupon-list-v2-Invalid-ygq a.coupon-list-v2-pro {
  background: url("../images/shopClass-Invalid－ygq-4b55041df2.png") left center no-repeat;
  background-size: cover; }

/*#a4a4a4*/
.modal-vip-activation {
  position: fixed;
  z-index: 14;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal-vip-activation-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.modal-vip-activation-box {
  position: absolute;
  z-index: 2;
  width: 27.3rem;
  height: 31.5rem;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  background: #fff;
  border-radius: 2rem; }

.modal-vip-activation-box > h3 {
  text-align: center;
  color: #555;
  font-size: 1.4rem;
  padding-top: 2.2rem;
  margin-bottom: 1rem; }

.modal-vip-activation-box a.btn-close {
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/shopClass-close-18b8421eec.png") center no-repeat;
  background-size: cover;
  text-indent: -99999px; }

.modal-vip-activation-box .modal-vip-activation-box-pic {
  width: 17rem;
  height: 14.75rem;
  margin: 0 auto;
  background: url("../images/shopClass-icon-003-c9c82160b7.png") center no-repeat;
  background-size: cover; }

.modal-vip-activation-box > p {
  text-align: center;
  color: #888;
  font-size: 1.2rem;
  padding: 1rem 2rem; }

.modal-vip-activation-box-btn {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6rem;
  background: #02a9ec;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  padding-top: 1.3rem; }

.modal-vip-activation-box-btn > a {
  display: block;
  width: 13.7rem;
  height: 3.4rem;
  margin: 0 auto;
  line-height: 3.2rem;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 1.8rem;
  border: 1px solid #fff;
  color: #fff; }

.coupon-v2-info {
  margin-bottom: 2rem; }

.coupon-v2-infoCopon {
  position: relative;
  z-index: 1;
  height: 15.5rem; }

.coupon-v2-infoCopon h2 {
  position: absolute;
  z-index: 1;
  left: 2rem;
  top: 1.2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.9);
  max-width: 23.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.coupon-v2-infoCopon h1 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 6.5rem;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold; }

.coupon-v2-infoCopon em {
  position: absolute;
  z-index: 1;
  top: 1rem;
  right: 2rem;
  color: #fff;
  font-size: 1.4rem;
  font-size: 2rem;
  font-weight: bold; }

.coupon-v2-infoCopon time {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 1.2rem;
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.2rem; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-chi {
  background: url("../images/shopClass-info-chi-277798daf3.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-he {
  background: url("../images/shopClass-info-he-0a6337cdff.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-wan {
  background: url("../images/shopClass-info-wan-2e43e35bf4.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-le {
  background: url("../images/shopClass-info-le-d72d7ecb7e.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-gou {
  background: url("../images/shopClass-info-gou-b58ee7dc67.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-Invalid-ysy {
  background: url("../images/shopClass-info-Invalid-01-31b339e0f4.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon.coupon-v2-infoCopon-Invalid-ygq {
  background: url("../images/shopClass-info-Invalid-02-a7130ed5c5.jpg") left center no-repeat;
  background-size: cover; }

.coupon-v2-infoCopon-code {
  background: #fff;
  padding: 1.6rem 0;
  text-align: center;
  height: 6.5rem;
  overflow: hidden; }

.alwaysShow {
  background: #fff;
  padding: 1.6rem 0;
  text-align: center;
  height: 14rem;
  overflow: hidden; }

.alwaysShow2 {
  background: #fff;
  padding: 1.6rem 0;
  text-align: center;
  height: 18.5rem;
  overflow: hidden; }

.coupon-v2-infoCopon-code h2 {
  color: rgba(51, 51, 51, 0.9);
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: .5rem; }

.coupon-v2-infoCopon-code p {
  color: rgba(102, 102, 102, 0.8);
  font-size: 1.1rem; }

.coupon-v2-infoCopon-code a {
  color: rgba(255, 255, 255, 0.9);
  background: #357ddd;
  width: 17rem;
  height: 3.3rem;
  border-radius: .5rem;
  line-height: 3.3rem;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  margin-top: 1rem; }

.coupon-v2-infoCopon-code a.btn_invalid {
  background: #a4a4a4; }

.coupon-v2-infoCopon-code .coupon-v2-infoCopon-pwd {
  border-radius: .5rem;
  display: block;
  width: 17rem;
  height: 3.3rem;
  margin: 1.5rem auto;
  padding: 1rem;
  border: 1px solid #999;
  font-size: 12px;
  color: #666; }

.coupon-v2-infoCopon-title {
  padding: .5rem 0 .5rem 2rem;
  color: rgba(102, 102, 102, 0.8);
  font-size: 1.3rem; }

.coupon-v2-infoCopon-massage {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  color: rgba(51, 51, 51, 0.8);
  line-height: 1.6rem; }

.coupon-v2-infoCopon-massage > h3 {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: .5rem; }

.coupon-v2-infoCopon-massage > p {
  width: 25rem; }

.coupon-v2-infoCopon-massage > a.coupon-v2-infoCopon-massage-call {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.8rem;
  height: 1.75rem;
  background: url("../images/icon-call-b04612bf03.png") center no-repeat;
  background-size: cover; }

.wrap-rules {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem; }

.wrap-rules > ul {
  width: 90%;
  margin: 0 auto; }

.wrap-rules > ul li {
  padding: 1rem 0;
  border-bottom: 1px solid #d1d1d1;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem; }

.wrap-rules > ul li:last-child {
  border-bottom: 0px; }

.wrap-rules > ul li em {
  font-weight: bold;
  color: #1f78e5; }

.wrap-rules > ul li .wrap-rules-Q {
  margin-bottom: 1rem;
  font-weight: bold; }

.coupon-V2-exchange {
  display: none;
  position: absolute;
  z-index: 13;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/*.coupon-V2-exchange-bg{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8);}*/
/*.coupon-V2-exchange-box{ position: absolute; z-index: 10; left: 5%; top: 2%; width: 90%; height: 96%; background: rgba(255, 255, 255, 1); border-radius: 10px;}*/
.coupon-V2-exchange-box {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.coupon-V2-exchange-code {
  display: block;
  width: 80%;
  height: 4rem;
  margin: 6rem auto 1.5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #c9c9c9;
  border-radius: 6px;
  font-size: 1.4rem;
  color: #666; }

.coupon-V2-exchange-code-btn {
  display: block;
  width: 80%;
  height: 4rem;
  margin: 0 auto;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #02a9ec;
  background: #02a9ec;
  border-radius: 6px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  cursor: pointer; }

.coupon-V2-exchange-code-btn.coupon-V2-exchange-code-btn-disabled {
  background: #c8c8c8;
  border-color: #c8c8c8; }

.coupon-V2-rules {
  position: absolute;
  z-index: 1;
  right: 10%;
  top: 17rem;
  display: block;
  font-size: 1.4rem;
  color: #666; }

.coupon-V2-rules img {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: 0 .2rem .3rem 0; }

.handle-menu {
  position: fixed;
  z-index: 14;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.handle-menu-bg {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8; }

.handle-menu dl {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #e0e0e0;
  text-align: center; }

.handle-menu dl dd {
  background-color: #fff;
  height: 5rem;
  line-height: 5rem;
  border-bottom: 1px solid #e0e0e0; }

.handle-menu dl dt {
  background-color: #fff;
  height: 4.6rem;
  line-height: 4.6rem;
  margin-top: 0.4rem; }

.handle-menu dl a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  color: #02a9ec; }

.sk-fading-box {
  display: none;
  position: absolute;
  z-index: 13;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sk-fading-box-bg {
  position: absolute;
  z-index: 13;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }

.sk-fading-circle-bg {
  position: absolute;
  z-index: 14;
  left: 50%;
  top: 40%;
  display: inline-block;
  height: 90px;
  width: 90px;
  border-radius: 10px;
  background: rgba(50, 50, 50, 0.9);
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%); }

.sk-fading-circle {
  position: absolute;
  z-index: 15;
  left: 50%;
  top: 40%;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

.mbt-15 {
  margin-bottom: 1.5rem !important; }

a.btn {
  display: block;
  width: 80%;
  height: 4rem;
  margin: 0 auto;
  padding: 1.2rem 1rem 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #02a9ec;
  background: #02a9ec;
  border-radius: 6px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  cursor: pointer; }

a.btn.default {
  background: #c8c8c8;
  border-color: #c8c8c8;
  pointer-even: none; }

.V2-registered {
  padding-top: 6rem; }

.V2-registered-tel {
  width: 100%;
  margin: 0 auto; }

.form-group {
  position: relative;
  z-index: 1;
  width: 80%;
  height: 4.4rem;
  margin: 0 auto;
  border-bottom: 1px solid #ccc; }

.form-group input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.15rem .5rem 1rem;
  font-size: 1.6rem;
  color: #555;
  border: 0;
  background: transparent; }

.form-group a.V2-registered-code {
  position: absolute;
  z-index: 2;
  top: .7rem;
  right: 0;
  height: 3rem;
  padding: .5rem .5rem .5rem;
  width: 40%; }

.V2-registered-info .form-control {
  width: 80%;
  margin: 0 auto;
  text-align: right; }

.V2-registered-info-label {
  position: absolute;
  z-index: 2;
  top: 1.15rem;
  font-size: 1.6rem;
  color: #555; }

.V2-registered-info .form-group > em {
  position: absolute;
  z-index: 2;
  top: 1.2rem;
  right: 0;
  width: 1rem;
  height: 2.1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAfCAYAAAA4AJfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMjIwMEEyOTI0MDhFNTExQjFEOENENEQ2QTBDRjIwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RUQxNTVGQTk3RjgxMUU1QTIxQkUyQUEwNEU3NEJBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RUQxNTVGOTk3RjgxMUU1QTIxQkUyQUEwNEU3NEJBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NGY4NGRlMi1jMTdhLTRmNDQtYjg2NC0wNzhiNzY3Zjc0MDAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1YmE4NDZlOS05ZjFmLTExZTUtYmIyYy1lOTU4MDZkNGYxM2IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yA5QIAAABw0lEQVR42pSVTyiDYRjAv32TmgMl5CAnuTk4OexiIqkVKbQDDnayKKfZzYntwGmRk+KgXRCmFpZEcdhJlDInJ5Q/aUppfq+ew1rftvf96tdz2H7P+77P9z7P54pGo++WZT2CLxwOf1gGjw370AnJWCxWYyoH4QC8sEeCam2Zrf4QxyANfZAggVt3ZYsE34RBuIYh2CCBS0uWBF+EAbiBcYhry5LgjdALDzDN6kvasiR4JvTAE8yTIFJKduXzeccfkNoIl9AEIZKuasuSoINwDnUwSYItbVkSdBFOwAMjJNjVliWBqkFSauQnwbFjwZwe/pyWi2TJLfRqr1ywgwBBnVvdCZ9t0gjsYFu9f6iFlJEszxXkoMFIZtvtUnnVuiHbQGwlnEIjRDjCmq0pNovYAouIMd1LUk84A3Xb4ogzJRujSFRVPRJxE2Z1G0MV5VC9T9iBUVb9LduSIqo5lhAxBYFi0VGW+aW26IcLGJY5V34YyNxal3uckSbI6U6SZZiCOzXPKn0E7IJVFwhzkIV+xJdK7/+/2ohKWpG51Y2Y1bk8bo/HE5Qx+6qGPuK9yedGiZ9yxluTRqmCCXVOxIxpb/4JMAA5160q/HNQhAAAAABJRU5ErkJggg==") center no-repeat;
  background-size: cover; }

.V2-registered-sex {
  position: absolute;
  z-index: 2;
  right: 3.1rem;
  display: block;
  padding: 1.2rem 0;
  height: 4.3rem;
  background: transparent;
  border: 0;
  font-size: 1.6rem;
  text-align: right;
  color: #555; }

.V2-registered-sex option {
  padding-left: 10rem; }

.pointer-events {
  pointer-events: none; }

.handle-menu-bg {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.handle-menu-bg-item {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.handle-menu-animate-show .handle-menu-bg {
  -webkit-animation: fadeIn 0.2s ease-in-out both;
  animation: fadeIn 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.handle-menu-animate-show .handle-menu-bg-item {
  -webkit-animation: fadeInUp 0.2s ease-in-out both;
  animation: fadeInUp 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.handle-menu-animate-hide {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.handle-menu-animate-hide .handle-menu-bg {
  -webkit-animation: fadeOut 0.2s ease-in-out both;
  animation: fadeOut 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.handle-menu-animate-hide .handle-menu-bg-item {
  -webkit-animation: fadeInDown 0.2s ease-in-out both;
  animation: fadeInDown 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

a.coupon-list-v2-pro {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

a.coupon-list-v2-pro-swipeLeft {
  -webkit-animation: swipeLeft 0.2s ease-in-out both;
  animation: swipeLeft 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

a.coupon-list-v2-pro-swipeLeftHide {
  -webkit-animation: swipeLeftHide 0.2s ease-in-out both;
  animation: swipeLeftHide 0.2s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.swipeDel {
  -webkit-animation: swipeDel 0.5s ease-in-out both;
  animation: swipeDel 0.5s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.swipeInsert {
  -webkit-animation: swipeInsert 0.5s ease-in-out both;
  animation: swipeInsert 0.5s ease-in-out both; }

.coupon-v2-infoCopon-code {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.coupon-v2-infoCopon-code.fadeShow18 {
  -webkit-animation: fadeShowH18 0.5s ease-in-out both;
  animation: fadeShowH18 0.5s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.coupon-v2-infoCopon-code.fadeShow14 {
  -webkit-animation: fadeShowH14 0.5s ease-in-out both;
  animation: fadeShowH14 0.5s ease-in-out both;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.iScrollLoneScrollbar {
  width: 6px !important; }

.iScrollIndicator {
  background: rgba(0, 0, 0, 0.3) !important; }

/* 绑定手机号 */
.register_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998; }

.register_modal .register_container {
  position: relative;
  width: 100%;
  height: 100%; }

.register_modal .title {
  width: 28.5rem;
  display: block;
  position: absolute;
  top: 6.4rem;
  z-index: 999;
  left: 50%;
  margin-left: -14.25rem; }

.register_content {
  position: relative;
  margin: 14.5rem auto 3rem auto;
  padding-top: 8.5rem;
  width: 28rem;
  height: 25.6rem;
  background-color: #fff;
  border-radius: 0.6rem; }

.register_content .register_phone_box, .register_content .register_code_box {
  width: 25rem;
  height: 4.5rem;
  border-bottom: 1px solid #e1e1e1;
  padding: 1.5rem 0.8rem 0; }

.register_content .register_phone_box {
  margin: 0 auto 0 auto;
  font-size: 1.6rem;
  color: #3d4245; }

.register_content .register_phone_box .register_phone {
  font-size: 1.6rem;
  color: #3d4245;
  border: none;
  line-height: 2.4rem;
  padding: 0; }

.register_content .register_code_box {
  margin: 0 auto; }

.register_content .register_code_box .register_code {
  font-size: 1.6rem;
  color: #3d4245;
  width: 15rem;
  border: none;
  line-height: 2.4rem;
  padding: 0;
  vertical-align: middle; }

.register_content .register_code_box .register_get_code {
  font-size: 1.2rem;
  color: #3b93ff;
  padding: 0;
  text-align: center;
  border: 1px solid #3b93ff;
  border-radius: 0.4rem;
  height: 2.4rem;
  width: 7.8rem;
  background: transparent;
  -webkit-appearance: none;
  vertical-align: middle; }

.register_commit_box input {
  width: 25rem;
  height: 3.35rem;
  font-size: 1.4rem;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  border-radius: 0.6rem;
  margin: 2rem auto 0;
  display: block;
  background-color: #3b93ff;
  color: #fff; }

.register_commit_box input:active {
  background-color: #357ed9; }

.register_modal_container .register_close_btn {
  width: 4.9rem;
  height: 4.9rem;
  display: block;
  margin: 2rem auto 0;
  background-image: url("../images/register_close_btn-590d837548.png");
  background-size: 100% 100%; }

.register_content .register_code_box .register_get_code_disabled {
  color: #d6d6d6;
  border: 1px solid #d6d6d6; }

.register_commit_box .bind_phone_disabled {
  background-color: #d6d6d6; }

.register_content .prompt {
  width: 12.2rem;
  height: 7.1rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 8.5rem;
  border-radius: 0.6rem;
  z-index: 1000;
  left: 50%;
  margin-left: -6.1rem;
  padding: 1.4rem 0;
  text-align: center;
  display: none; }

.register_content .prompt img {
  width: 2.3rem;
  height: 2.3rem;
  display: none;
  margin: 0 auto; }

.register_content .prompt span {
  display: inline-block;
  margin-top: 0.6rem;
  color: #fff;
  font-size: 1.3rem; }

/* 赠送者或领取者信息*/
.owner_info {
  height: 5.5rem;
  background-color: #fff;
  padding: 1rem 2.5rem; }

.owner_info img {
  display: block;
  float: left;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%; }

.owner_info > div {
  margin-left: 0.7rem;
  float: left;
  width: 19rem; }

.owner_info > div span {
  display: inline-block; }

.owner_info .owner_name {
  color: #2b2b2b;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2rem; }

.owner_info .owner_desc {
  color: #7a7a7a;
  font-size: 1rem;
  line-height: 1.6rem; }

/*new coupon 券的转增状态*/
.js_coupon_status {
  position: relative;
  z-index: 9;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.js_coupon_status_grey {
  border: 1px solid #e1e1e1;
  color: #7a7a7a;
  display: block;
  width: 17rem;
  height: 3.3rem;
  border-radius: 0.5rem;
  background-color: #f4f4f4;
  margin: 0 auto;
  padding: 0rem 0.5rem;
  font-size: 1.4rem; }

.js_coupon_status_blue {
  border: 1px solid #e1e1e1;
  color: #fff;
  display: block;
  width: 17rem;
  height: 3.3rem;
  border-radius: 6px;
  background-color: #357ddd;
  margin: 0 auto 0.8rem;
  padding: 0.7rem 0.5rem;
  font-size: 1.4rem; }

.js_coupon_status_desc {
  color: #999;
  font-size: 1.1rem;
  display: inline-block;
  margin-top: 1rem; }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

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

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: .5; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: .5; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: .5; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInUp20 {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp20 {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes swipeLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-7.3rem, 0, 0);
    transform: translate3d(-7.3rem, 0, 0); } }

@keyframes swipeLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-7.3rem, 0, 0);
    transform: translate3d(-7.3rem, 0, 0); } }

@-webkit-keyframes swipeLeftHide {
  0% {
    -webkit-transform: translate3d(-7.3rem, 0, 0);
    transform: translate3d(-7.3rem, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes swipeLeftHide {
  0% {
    -webkit-transform: translate3d(-7.3rem, 0, 0);
    transform: translate3d(-7.3rem, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes swipeDel {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0); } }

@keyframes swipeDel {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0); } }

@-webkit-keyframes swipeInsert {
  0% {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes swipeInsert {
  0% {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeShowH18 {
  0% {
    height: 8rem; }
  100% {
    height: 18rem; } }

@keyframes fadeShowH18 {
  0% {
    height: 8rem; }
  100% {
    height: 18rem; } }

@-webkit-keyframes fadeShowH14 {
  0% {
    height: 8rem; }
  100% {
    height: 12.5rem; } }

@keyframes fadeShowH14 {
  0% {
    height: 8rem; }
  100% {
    height: 12.5rem; } }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.boxTest {
  width: 300px;
  height: 100px;
  background-color: #333;
  background-image: radial-gradient(white 50%, #333 10%);
  background-size: 50px 50px;
  background-repeat: repeat-x;
  background-position: 0 75px; }

.enter_btn {
  position: fixed;
  z-index: 999;
  display: block;
  width: 7.1rem;
  height: 7.1rem;
  background: url("../images/enter_btn@2x-d203054c98.png") center no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0; }