.layout {
  height: 100%;
  overflow-y: scroll;
}
.layout * {
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.layout body,
.layout html {
  height: 100%;
  margin: auto;
  overflow: hidden;
}
.layout .width-full {
  width: 100%;
}
.layout .height-full {
  height: 100%;
}
.layout img {
  -webkit-touch-callout: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layout img[events] {
  pointer-events: auto;
}
.layout .pos-relative {
  position: relative;
}
.layout .pos-absolute {
  position: absolute;
}
.layout .block {
  display: block;
}
.layout .inline-block {
  display: inline-block;
}
.layout .p-md {
  padding: 1rem;
}
.layout .pt-sm {
  padding-top: 1rem;
}
.layout .pb-md {
  padding-bottom: 1rem;
}
.layout .pl-lg {
  padding-left: 1.5rem;
}
.layout .mt-md {
  margin-top: 1rem;
}
.layout .mb-md {
  margin-bottom: 1rem;
}
.layout .v-middle {
  vertical-align: middle;
}
.layout .text-left {
  text-align: left !important;
}
.layout .text-center {
  text-align: center !important;
}
.layout .font-0 {
  font-size: 0;
}
.layout .bg-contain {
  background-size: contain;
}
.layout .bg-contain,
.layout .bg-cover {
  background-position: 50%;
  background-repeat: no-repeat;
}
.layout .bg-cover {
  background-size: cover;
}
.layout .z-index-1 {
  z-index: 1;
}
.layout .home {
  background-position: center 10.667vw;
  background-repeat: no-repeat;
  background-size: 57.333vw 60.8vw;
  overflow-y: scroll;
  padding-bottom: 21.333vw;
  padding-top: 66.667vw;
  position: relative;
}
.layout .home .complaint {
  background-color: #4c4c4c;
  border-bottom-left-radius: 11.733vw;
  border-top-left-radius: 11.733vw;
  color: #fff;
  font-size: 4.267vw;
  height: 8vw;
  line-height: 8vw;
  position: absolute;
  right: 0;
  text-align: right;
  top: 5.333vw;
  width: 20.533vw;
}
.layout .home .adv {
  height: 23.067vw;
  width: 100%;
}
.layout .home .price-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16vw;
  justify-content: space-between;
  margin: 1.333vw auto;
  padding: 0 2.667vw;
  width: 92.8vw;
}
.layout .home .price-info .price {
  font-size: 3.2vw;
  font-weight: 700;
  height: 8.8vw;
  line-height: 8.8vw;
}
.layout .home .price-info .price font {
  font-size: 6.4vw;
}
.layout .home .price-info .timer {
  font-size: 4.267vw;
  text-align: right;
}
.layout .home .price-info .timer .yellow {
  color: #fae353;
}
.layout .home .price-info .timer .timer {
  font-size: 3.733vw;
}
.layout .home .prize-name {
  padding-left: 4vw;
}
.layout .home .prize-name font {
  background-color: #000;
  border-radius: 0.533vw;
  color: #fff;
  font-size: 3.2vw;
  padding: 0.267vw;
}
.layout .home .apple {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 4.667vw 4.933vw;
  border-top: 1px solid #f7f7f7;
  height: 10.667vw;
  line-height: 10.667vw;
  margin: 0 4vw;
  padding-left: 6.667vw;
}
.layout .home .phone-area {
  background-color: #f9f9f9;
  margin: 0 4vw;
  padding: 0.533vw 1.333vw;
}
.layout .home .phone-area .content {
  padding-top: 1.333vw;
}
.layout .home .phone-area .phone {
  border: 1px solid #e4e4e4;
  font-size: 4.533vw;
  height: 14.4vw;
  line-height: 14.4vw;
  padding-left: 2.667vw;
  width: 100%;
}
.layout .home .phone-area .tip {
  color: #f95959;
  font-size: 3.2vw;
  margin-top: 1.067vw;
}
.layout .home .zfb {
  background-position: 0, 100%;
  background-repeat: no-repeat;
  background-size: 4.8vw 4.8vw, 4.667vw 4.667vw;
  border-bottom: 1px solid #f7f7f7;
  font-size: 4vw;
  height: 15.467vw;
  line-height: 15.467vw;
  margin: 0 4vw;
  padding-left: 8vw;
}
.layout .home .zfb .pay-tip {
  border: 1px solid #f50000;
  color: #f50000;
  font-size: 3.467vw;
  margin-left: 5.333vw;
  padding: 0.533vw;
}
.layout .home .prize-more {
  border-bottom: 2.667vw solid #ececec;
  margin: 0 4vw;
  padding-bottom: 5.333vw;
  padding-top: 5.333vw;
}
.layout .home .prize-more .title {
  color: #7e7e7e;
  font-size: 2.667vw;
}
.layout .home .prize-more .list-area {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.layout .home .prize-more .list-area .list,
.layout .home .prize-more .list-area {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout .home .prize-more .list-area .list .prize-icon {
  border: 1px solid #e4e4e4;
  border-radius: 1.333vw;
  height: 7.467vw;
  margin-right: 1.067vw;
  width: 7.467vw;
}
.layout .home .prize-more .list-area .more {
  color: #373737;
  font-size: 3.467vw;
}
.layout .home .evaluate-title {
  margin: 5.333vw 4vw;
}
.layout .home .evaluate-list {
  margin: 0 4vw;
}
.layout .home .evaluate-list .eva .eva-top {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 10.667vw 10.667vw;
  border-bottom: 1px solid #f7f7f7;
  height: 16vw;
  padding-left: 13.333vw;
  padding-top: 1.333vw;
}
.layout .home .evaluate-list .eva .eva-top .detail {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.733vw;
  justify-content: space-between;
}
.layout .home .evaluate-list .eva .eva-content {
  font-size: 3.733vw;
  margin: 2.667vw;
}
.layout .home .evaluate-list .eva .eva-imgs .img {
  border-radius: 1.333vw;
  height: 53.333vw;
  margin-bottom: 2.667vw;
  width: 53.333vw;
}
.layout .home .bottom-tip {
  color: #b1b1b1;
  font-size: 3.2vw;
  text-align: center;
  width: 100%;
}
.layout .home .bottom-tip a {
  color: #b1b1b1;
}
.layout .home .bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  background-color: #000;
  bottom: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16vw;
  justify-content: space-between;
  position: fixed;
  width: 100%;
}
.layout .home .bottom .price {
  font-size: 4.267vw;
  padding-left: 4vw;
}
.layout .home .bottom .confirm {
  background-color: #e10229;
  -webkit-clip-path: polygon(9.333vw 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(9.333vw 0, 100% 0, 100% 100%, 0 100%);
  font-size: 5.333vw;
  height: 100%;
  line-height: 16vw;
  text-align: center;
  width: 58.667vw;
}
.layout .home .modal {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.layout .home .modal .close {
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: 6.667vw;
  width: 6.667vw;
}
.layout .home .timerBuy {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.layout .home .timerBuy .main,
.layout .home .timerBuy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout .home .timerBuy .main {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  height: 127.733vw;
  justify-content: space-between;
  padding-bottom: 6.667vw;
  width: 83.333vw;
}
.layout .home .timerBuy .main .left-time {
  -webkit-box-flex: 1;
  color: #fff;
  -ms-flex: 1;
  flex: 1;
  font-size: 6.667vw;
  font-weight: 700;
  margin-top: 17.333vw;
}
.layout .home .timerBuy .main .left-time a {
  display: inline-block;
  width: 8.8vw;
}
.layout .home .timerBuy .main .buy {
  height: 10.667vw;
  width: 80vw;
}
.layout .home .allgoods {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  justify-content: flex-end;
}
.layout .home .allgoods .main,
.layout .home .allgoods {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout .home .allgoods .main {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: a-4e1bacdb;
  animation-name: a-4e1bacdb;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  height: 133.333vw;
  justify-content: space-between;
  margin-bottom: -133.333vw;
  width: 100%;
}
.layout .home .allgoods .main .close {
  margin-right: 2.667vw;
}
.layout .home .allgoods .main .list-area {
  background-color: #fff;
  height: 113.867vw;
  overflow-y: scroll;
  width: 100%;
}
.layout .home .allgoods .main .list-area .line {
  background-image: linear-gradient(-90deg, #ead020, #fd8a71, #bc459a);
  height: 2.667vw;
}
.layout .home .allgoods .main .list-area .top {
  background-position: 34.667vw;
  background-repeat: no-repeat;
  background-size: 6.933vw 6.933vw;
  height: 16vw;
  line-height: 16vw;
  padding: 0 2.667vw;
}
.layout .home .allgoods .main .list-area .top .title {
  font-size: 5.333vw;
}
.layout .home .allgoods .main .list-area .top .att {
  background-image: linear-gradient(-90deg, #2e3132, #5b5b5b);
  border-bottom-right-radius: 16vw;
  border-top-right-radius: 16vw;
  color: #fff;
  font-size: 3.2vw;
  margin-left: 8vw;
  padding: 0 1.333vw;
}
.layout .home .allgoods .main .list-area .rat-title {
  font-size: 5.067vw;
  margin-top: 2.667vw;
  text-align: center;
}
.layout .home .allgoods .main .list-area .rat-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-pack: distribute;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  margin-top: 4vw;
  padding: 0 5.333vw;
}
.layout .home .allgoods .main .list-area .rat-list .rat {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 9.333vw 6.933vw;
  font-size: 3.2vw;
  height: 14.667vw;
  padding-top: 8vw;
  text-align: center;
  width: 13.867vw;
}
.layout .home .allgoods .main .list-area .prize {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-position: 5.333vw;
  background-repeat: no-repeat;
  background-size: 21.6vw 21.6vw;
  border-top: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 32.8vw;
  justify-content: center;
  padding: 5.333vw 7.2vw 5.333vw 32vw;
}
.layout .home .allgoods .main .list-area .prize .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout .home .allgoods .main .list-area .prize .title .type {
  -ms-flex-negative: 0;
  background-image: linear-gradient(-30deg, #ffe9c0, #ffbd2b);
  color: #975500;
  flex-shrink: 0;
  font-size: 3.2vw;
  height: 4.8vw;
  line-height: 4.8vw;
  text-align: center;
  width: 12vw;
}
.layout .home .allgoods .main .list-area .prize .title .name {
  line-height: 4.267vw;
  margin-left: 2.667vw;
}
.layout .home .allgoods .main .list-area .prize .price {
  color: #fb4f2b;
  font-weight: 700;
}
@-webkit-keyframes a-4e1bacdb {
  0% {
    margin-bottom: -1000px;
  }
  to {
    margin-bottom: 0;
  }
}
@keyframes a-4e1bacdb {
  0% {
    margin-bottom: -1000px;
  }
  to {
    margin-bottom: 0;
  }
}
.pay-status {
  padding-top: 8vw;
}
.pay-status .tip {
  font-size: 7.2vw;
  margin: 0 auto;
  text-align: center;
  width: 80vw;
}
.pay-status .btn {
  background-color: #d76048;
  border-radius: 1.333vw;
  color: #fff;
  font-size: 4.8vw;
  height: 13.333vw;
  line-height: 13.333vw;
  margin: 5.333vw auto;
  text-align: center;
  width: 72vw;
}
.pay-status .modal {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1.067vw;
  color: #fff;
  font-size: 3.733vw;
  margin: 0 auto;
  padding: 1.067vw;
  text-align: center;
  width: 53.333vw;
}