* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
em,
i,
s {
  font-style: normal;
}
a,
button,
input,
textarea {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  -moz-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: none;
}
body.dialog-open {
  position: fixed;
  width: 100%;
}
article {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
article section {
  flex: 1;
}
header {
  background: #d93f3f;
  color: #fff;
  height: 3.667rem;
  width: 100%;
  position: relative;
}
header .goback {
  position: absolute;
  left: 0.25rem;
  top: 0;
  background: url(/static/images/icon2.png) no-repeat left center;
  width: 2rem;
  height: 3.667rem;
  background-size: 2rem;
}
header .home {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/icon5.png) no-repeat left center / 100% 100%;
  width: 2rem;
  height: 2rem;
}
header .kjh {
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/kjh_icon_1.png) no-repeat left center / 100% 100%;
  width: 2.167rem;
  height: 2rem;
}
header .zst {
  position: absolute;
  right: 3.5rem;
  top: 0;
  margin-right: 1rem;
  height: 4rem;
  padding-top: 2.4rem;
  background: url(../static/images/zst_icon_1.png) no-repeat left center;
  width: 2.3rem;
  height: 1.9rem;
  background-size: 2.4rem;
}
header h1 {
  font-size: 1.468rem;
  line-height: 3.667rem;
  color: #fff;
  font-weight: normal;
  text-align: center;
}
header h1 a {
  color: #fff;
}
footer {
  background: #f9f8f0;
  text-align: center;
  color: #999;
  padding: 1.083rem;
  border-top: 0.083rem solid #d5d5d5;
}
footer p {
  font-size: 1.25rem;
  padding: 0.25rem 0 0.25rem 0;
}
footer p a {
  color: #45a1db;
}
footer p em {
  margin: 0 0.8rem 0 0.8rem;
  color: #666;
}
.toolbar {
  width: 100vw;
  height: 12.8vw;
  padding: 0 3.2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-sizing: border-box;
}
.toolbar .lottery {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-left: 1vw;
  overflow: hidden;
}
.toolbar .lottery a {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 4.2667vw;
  color: #181818;
  white-space: nowrap;
  margin-right: 4.8vw;
}
.toolbar .lottery a.active {
  font-size: 4.8vw;
  font-weight: bold;
  color: #d93f3f;
  position: relative;
}
.toolbar .lottery a.active::after {
  display: inline-block;
  content: "";
  width: 80%;
  height: 1.0667vw;
  background: linear-gradient(90deg, #e50000 0%, #ff4d4d 100%);
  border-radius: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.9vw;
}
.toolbar .more {
  display: block;
  width: 4.2667vw;
  height: 2.9333vw;
  margin-left: 1.3333vw;
}
.toolbar .laybox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43);
  position: fixed;
  left: 0;
  display: none;
  z-index: 2;
}
.toolbar .laybox .more_list {
  width: 100%;
  padding: 2.1333vw 4.2667vw 0;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
}
.toolbar .laybox .more_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.0667vw;
  height: 6.4vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  margin-bottom: 3.2vw;
  background: #f7f7f7;
  border-radius: 0.5333vw;
  border: 0.2667vw solid #e0e0e0;
}
.toolbar .laybox .more_list a.active {
  font-weight: bold;
  color: #c60000;
  border-color: #e24939;
}
.toolbar .laybox .more_list:not(.tools) a:not(:nth-of-type(4n)) {
  margin-right: 2.4vw;
}
.toolbar .laybox .more_list.tools {
  padding: 2.1333vw 2.9333vw 0;
}
.toolbar .laybox .more_list.tools p {
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
  margin-bottom: 2vw;
}
.toolbar .laybox .more_list.tools .t_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.toolbar .laybox .more_list.tools .t_list a {
  width: 29.8667vw;
}
.toolbar .laybox .more_list.tools .t_list a:not(:nth-of-type(3n)) {
  margin-right: 2.1333vw;
}
.fuf_article {
  display: block;
  background: #fff;
  padding: 1.09rem 0.72rem 0;
}
.fuf_article .top {
  display: flex;
  align-items: center;
}
.fuf_article .top img {
  display: block;
  width: 3.63rem;
  height: 3.63rem;
  border-radius: 50%;
  margin-right: 0.72rem;
}
.fuf_article .top .info {
  flex: 1;
}
.fuf_article .top .info .t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fuf_article .top .info .t .name {
  font-weight: bold;
  max-width: 9.63rem;
  height: 1.54rem;
  font-size: 1.27rem;
  color: #4a4a4a;
  overflow: hidden;
  word-break: break-all;
}
.fuf_article .top .info .t .acc {
  display: block;
  font-size: 1.09rem;
  color: #ce904f;
  padding: 0 0.45rem;
  height: 1.63rem;
  background: linear-gradient(180deg, #ffe9a9 0%, #ffed89 100%);
  border-radius: 0.18rem;
}
.fuf_article .top .info .t .acc i {
  color: #ff6610;
  font-weight: bold;
}
.fuf_article .top .info .b {
  display: flex;
  margin-top: 0.54rem;
}
.fuf_article .top .info .b span {
  display: block;
  height: 1.63rem;
  padding: 0 0.54rem;
  font-size: 1.09rem;
  background: #f7f7f7;
  border-radius: 4px 10px 10px 6px;
}
.fuf_article .top .info .b span:first-of-type {
  color: #ff9648;
  margin-right: 0.81rem;
}
.fuf_article .top .info .b span:last-of-type {
  color: #8d8dff;
}
.fuf_article .desc {
  font-size: 1.45rem;
  color: #181818;
  margin: 1.27rem 0 1.09rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.fuf_article .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.09rem;
}
.fuf_article .bot .l {
  display: flex;
  align-items: center;
}
.fuf_article .bot .l .time {
  display: flex;
  align-items: center;
  font-size: 1.09rem;
  color: #4a4a4a;
  margin-right: 0.72rem;
}
.fuf_article .bot .l .time .djs {
  margin-right: 0.16rem;
}
.fuf_article .bot .l .time .clock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.63rem;
  height: 1.63rem;
  background: #ffbe95;
  border-radius: 0.27rem;
  font-size: 1.09rem;
  color: #ffffff;
  margin: 0 0.18rem;
}
.fuf_article .bot .l .cz {
  font-size: 1.09rem;
  color: #999999;
}
.fuf_article .bot .l .gq_cz {
  font-size: 1.09rem;
  color: #4a4a4a;
}
.fuf_article .bot .l .read {
  font-size: 1.09rem;
  color: #999999;
}
.fuf_article .bot .l .fb {
  font-size: 1.09rem;
  color: #999999;
  margin-left: 1.9rem;
}
.fuf_article .bot .r {
  display: flex;
  align-items: center;
  font-size: 1.09rem;
  color: #e13737;
}
.fuf_article .bot .r .money {
  font-size: 1.81rem;
  font-weight: bold;
}
.fuf_article .bot .r.past {
  color: #999999;
  text-decoration: line-through;
}
.fuf_article .bot .r span:not(.money) {
  margin-top: 0.27rem;
}
.fuf_article:first-of-type {
  border-radius: 1.09rem 1.09rem 0 0;
}
.fuf_article:last-of-type {
  border-radius: 0 0 1.09rem 1.09rem;
}
.fuf_article:not(:last-of-type) .bot {
  border-bottom: 1px solid #eeeeee;
}
.fuf_article.zhong {
  position: relative;
}
    .fuf_article.zhong::after {
        display: inline-block;
        content: "";
        width: 3.27rem;
        height: 3.27rem;
        position: absolute;
        top: 2.5rem;
        right: 2.5vw;
        background: url(/static/images/win.png) no-repeat center center / 100%;
    }
.mf_article {
  display: block;
  background: #ffffff;
  padding: 3.2vw 2.6667vw 0;
}
.mf_article .top {
  display: flex;
  align-items: center;
}
.mf_article .top img {
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 50%;
  margin-right: 1.3333vw;
}
.mf_article .top .name {
  height: 4.5333vw;
  font-weight: bold;
  font-size: 3.2vw;
  color: #4a4a4a;
  margin-right: 2.1333vw;
  max-width: 21.3vw;
  word-break: break-all;
  overflow: hidden;
}
.mf_article .top span {
  display: flex;
  align-items: center;
  height: 3.7333vw;
  padding: 0 1.6vw;
  font-size: 2.6667vw;
  color: #ce904f;
  background: linear-gradient(180deg, #ffe9a9 0%, #ffed89 100%);
  border-radius: 0.5333vw;
}
.mf_article .top span i {
  font-weight: bold;
  color: #ff6610;
}
.mf_article .desc {
  font-size: 4.2667vw;
  color: #181818;
  margin: 2vw 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mf_article .bot {
  display: flex;
  align-items: center;
  padding-bottom: 3.2vw;
}
.mf_article .bot .xin {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2667vw;
  height: 4.2667vw;
  font-size: 3.2vw;
  color: #2e92da;
  border-radius: 0.5333vw;
  border: 0.2667vw solid #2e92da;
}
.mf_article .bot span:not(.xin) {
  font-size: 3.2vw;
  color: #999999;
  margin-left: 2.1333vw;
}
.mf_article:first-of-type {
  border-radius: 3.2vw 3.2vw 0 0;
}
.mf_article:last-of-type {
  border-radius: 0 0 3.2vw 3.2vw;
}
.mf_article:not(:last-of-type) .bot {
  border-bottom: 0.2667vw solid #eeeeee;
}
.mf_article.zhong {
  position: relative;
}
    .mf_article.zhong::after {
        display: inline-block;
        content: "";
        width: 3.27rem;
        height: 3.27rem;
        position: absolute;
        top: 3.4667vw;
        right: 3.2vw;
        background: url(/static/images/win.png) no-repeat center center / 100%;
    }
.zb_article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.7333vw 0vw 2.9333vw;
  margin: 0 2.667vw;
  background: #ffffff;
}
.zb_article .identifer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.8667vw;
  height: 5.3333vw;
  font-size: 3.7333vw;
  color: #181818;
  margin-right: 2.4vw;
}
    .zb_article .identifer.num1 {
        background: url(/static/images/n1.png) no-repeat center center / 100%;
    }
    .zb_article .identifer.num2 {
        background: url(/static/images/n2.png) no-repeat center center / 100%;
    }
    .zb_article .identifer.num3 {
        background: url(/static/images/n3.png) no-repeat center center / 100%;
    }
.zb_article > .info {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex: 1;
}
.zb_article > .info > img {
  display: block;
  width: 9.6vw;
  min-width: 9.6vw;
  height: 9.6vw;
  border-radius: 50%;
  margin-right: 2.1333vw;
}
.zb_article > .info .detail {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.zb_article > .info .detail .top {
  display: flex;
  align-items: center;
}
.zb_article > .info .detail .top > b {
  height: 5.3333vw;
  font-size: 3.7333vw;
  font-weight: normal;
  color: #4a4a4a;
  max-width: 25vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.zb_article > .info .detail .top > span {
  width: 16vw;
  height: 4.2667vw;
  background: #fff0e5;
  border-radius: 0vw 2.8vw 0vw 2.8vw;
  font-size: 3.2vw;
  color: #ff9648;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.6vw;
}
.zb_article > .info .detail > .bot {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8vw;
}
.zb_article > .info .detail > .bot > b {
  flex: 1;
  height: 5.6vw;
  font-size: 4vw;
  font-weight: normal;
  color: #181818;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-right: 1vw;
}
.zb_article > .info .detail > .bot > .money {
  font-size: 3.7333vw;
  color: #c60000;
  display: flex;
}
.zb_article.zhong {
  position: relative;
}
    .zb_article.zhong::after {
        display: inline-block;
        content: "";
        width: 3.27rem;
        height: 3.27rem;
        position: absolute;
        top: 1.4667vw;
        right: 0vw;
        background: url(/static/images/win.png) no-repeat center center / 100%;
    }
.zb_article:not(:last-of-type) {
  border-bottom: 0.2667vw solid #eeeeee;
}
.to_bottom {
  display: flex;
  justify-content: center;
  padding: 4vw 0;
}
.to_bottom img {
  width: 6.6667vw;
  height: auto;
}
.mt0 {
  margin-top: 0;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.zj_info {
  width: 100%;
  padding: 5.0667vw 3.2vw 4.2667vw;
  background: linear-gradient(138deg, #fdd6db 0%, #f0e7ed 48%, #f4f0f4 100%);
}
.zj_info .top {
  display: flex;
  align-items: center;
  padding: 2.6667vw;
  border-radius: 2.4vw;
  background: #fff;
}
.zj_info .top > img {
  display: block;
  width: 11.7333vw;
  height: 11.7333vw;
  border-radius: 50%;
  margin-right: 1.6vw;
}
.zj_info .top .info {
  flex: 1;
  overflow: hidden;
}
.zj_info .top .info .t {
  display: flex;
  align-items: center;
}
.zj_info .top .info .t .name {
  font-weight: bold;
  font-size: 3.7333vw;
  color: #181818;
  max-width: 16vw;
  height: 5.3333vw;
  overflow: hidden;
  word-break: break-all;
}
.zj_info .top .info .t span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.6vw;
  height: 3.7333vw;
  font-size: 2.6667vw;
}
.zj_info .top .info .t .ds {
  color: #ff9648;
  background: #f7f7f7;
  border-radius: 0 1.6333vw 1.6333vw 3.0333vw;
}
.zj_info .top .info .t .vlz {
  color: #ce904f;
  margin-left: 2.4vw;
  background: linear-gradient(180deg, #ffe9a9 0%, #ffed89 100%);
  border-radius: 0.5333vw;
}
.zj_info .top .info .pj {
  width: 100%;
  font-size: 3.7333vw;
  color: #4a4a4a;
}
.zj_info .top .info .b {
  display: flex;
  align-items: center;
  font-size: 3.2vw;
  color: #999999;
  margin-top: 1.3333vw;
}
.zj_info .top .info .b span i {
  color: #d93f3f;
}
.zj_info .top .info .b span:not(:last-of-type)::after {
  display: inline-block;
  content: "";
  width: 0.2667vw;
  height: 2.4vw;
  margin: 0 1.6vw;
  background-color: #e0e0e0;
}
    .zj_info .top .gz {
        display: flex;
        align-items: center;
        width: 13.3333vw;
        height: 6.4vw;
        font-size: 3.2vw;
        color: #ffffff;
        padding-left: 5.8667vw;
        margin-left: 2.1333vw;
        border-radius: 0.5333vw;
        background: url(/static/images/gz.png) no-repeat 1.0667vw center / 4.2667vw 4.2667vw;
        background-color: #fabf61;
    }
.zj_info .top .gz.ygz {
  width: 13vw;
  justify-content: center;
  padding-left: 0;
  color: #4a4a4a;
  background-image: none;
  background-color: #f7f7f7;
}
.zj_info .bot {
  display: flex;
  justify-content: space-between;
  padding: 3.7333vw 2.6667vw 0;
}
.zj_info .bot div,
.zj_info .bot a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zj_info .bot div span,
.zj_info .bot a span {
  font-size: 3.7333vw;
  color: #4a4a4a;
  display: flex;
}
.zj_info .bot div span i,
.zj_info .bot a span i {
  font-size: 2.6667vw;
  margin-top: 0.6667vw;
}
.zj_info .bot div span:last-of-type,
.zj_info .bot a span:last-of-type {
  margin-top: 0.5333vw;
}
.zj_info .bot div.active span,
.zj_info .bot a.active span {
  font-weight: bold;
  color: #181818;
}
.select_option {
  width: 100%;
  position: sticky;
  display: flex;
  justify-content: space-between;
  padding: 2.6667vw 2.1667vw 0;
  background: #ffffff;
  border-radius: 3.2vw 3.2vw 0 0;
}
.select_option .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.4vw;
  padding: 0 1vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  border-radius: 0.8vw;
  background: #eeeeee;
}
    .select_option .item::after {
        display: inline-block;
        content: "";
        width: 3.2vw;
        height: 3.2vw;
        margin-left: 1vw;
        background: url(/static/images/up.png) no-repeat right center / 100%;
    }
.select_option .item:nth-of-type(1) {
  min-width: 19.5vw;
}
.select_option .item:nth-of-type(2) {
  min-width: 26.6667vw;
}
.select_option .item:nth-of-type(3) {
  min-width: 15.4667vw;
}
.select_option .item:nth-of-type(4) {
  min-width: 15.2vw;
}
.select_option.around {
  justify-content: space-around;
}
.select_pop {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.select_pop .content {
  width: 100%;
  align-self: flex-end;
  text-align: center;
  padding: 6.4vw 3.2vw 3.2vw;
  border-radius: 2vw 2vw 0 0;
  background-color: #ffffff;
}
.select_pop .content .option {
  margin-bottom: 1vw;
}
.select_pop .content .option .text {
  text-align: left;
  font-size: 3.7333vw;
  font-weight: bold;
  margin-bottom: 2vw;
}
.select_pop .content .option .list {
  display: flex;
  flex-wrap: wrap;
}
.select_pop .content .option .list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20.8vw;
  height: 8.4vw;
  margin-bottom: 2.6vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  background: #f2f2f2;
  border-radius: 0.8vw;
}
.select_pop .content .option .list a:not(:nth-of-type(4n)) {
  margin-right: 3vw;
}
.select_pop .content .option .list a.active {
  color: #c60000;
  border-color: #c60000;
}
.select_pop .content .sel_btn {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: 2vw;
}
.select_pop .content .sel_btn span {
  display: flex;
  width: 35%;
  height: 10vw;
  justify-content: center;
  align-items: center;
  font-size: 3.7333vw;
  border-radius: 1.3333vw;
}
.select_pop .content .sel_btn span.cancel {
  border: 0.2667vw solid #cacaca;
}
.select_pop .content .sel_btn span.confirm {
  color: #ffffff;
  background-color: #c60000;
}
.popalert {
  width: 80%;
  padding: 4.6667vw 4vw;
  position: fixed;
  bottom: -50vw;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: #ffffff;
  border-radius: 0.6667vw;
  transition: all 0.3s;
  box-shadow: 0vw 0.5333vw 1.0667vw 0vw rgba(207, 207, 207, 0.29), 0vw -0.5333vw 1.0667vw 0vw rgba(207, 207, 207, 0.29);
  z-index: 99999;
}
.popalert.show {
  bottom: 20vw;
  transition: all 0.3s;
}
.popalert > div {
  display: flex;
}
.popalert > div .be {
  width: 5.3333vw;
  height: 5.3333vw;
  border-radius: 50%;
  color: #5398fd;
  border: 0.4vw solid #5398fd;
  line-height: 5.3333vw;
  margin-right: 2vw;
  font-size: 3.4667vw;
  font-weight: bold;
}
.popalert > div.wrong .be {
  color: #c60000;
  border: 0.1333vw solid #c60000;
}
.popalert > div.success > .be {
  color: #80c957;
  border: 0.1333vw solid #80c957;
}
.popalert > div.warn > .be {
  color: #e0a444;
  border: 0.1333vw solid #e0a444;
}
.popalert > div .mes {
  flex: 1;
  font-size: 3.2vw;
  display: flex;
  align-items: center;
}
.sempty {
  margin: 3.7333vw 3.2vw;
  text-align: center;
}
.sempty img {
  display: block;
  width: 62.1333vw;
  height: 49.8667vw;
  margin: 0 auto;
}
.sempty p {
  font-size: 3.2vw;
  color: #4a4a4a;
  margin-top: 3.2vw;
}
.con_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.con_title .left {
  font-weight: bold;
  font-size: 4.2667vw;
  color: #181818;
  padding-left: 6vw;
  background: url(/static/images/t2.png) no-repeat left center / 4.8vw 5.6vw;
}
.con_title a {
  display: block;
  width: 4.2667vw;
  height: 4.2667vw;
}
.con_title a img {
  display: block;
  width: 4.2667vw;
  height: 4.2667vw;
  transform: rotate(270deg);
}
.scoupon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 21.3333vw;
  position: relative;
  margin-bottom: 3.7333vw;
  padding: 2.6667vw 2.6667vw 2.6667vw 1.8667vw;
  background: url(/static/images/yhq_bg.png) no-repeat left center / 100% 100%;
}
.scoupon .money {
  font-weight: bold;
  font-size: 3.2vw;
  color: #d93f3f;
  display: flex;
  align-items: flex-end;
}
.scoupon .money i {
  margin-bottom: 1.6vw;
}
.scoupon .money span {
  font-size: 8.5333vw;
  letter-spacing: -0.4vw;
}
.scoupon .center {
  width: 34.1333vw;
  overflow: hidden;
  position: absolute;
  left: 18.9333vw;
}
.scoupon .center .til {
  width: 100%;
  font-size: 3.7333vw;
  color: #4a4a4a;
}
.scoupon .center .gq {
  font-size: 2.6667vw;
  color: #d93f3f;
  margin: 1.6vw 0;
}
.scoupon .center .xz {
  font-size: 2.6667vw;
  color: #4a4a4a;
}
.scoupon .sel {
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 6.1333vw;
  border-radius: 50%;
  border: 0.2667vw solid #ffffff;
}
.scoupon .handle {
  width: 18.4vw;
  height: 6.6667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 3.7333vw;
  color: #ffffff;
  border-radius: 3.3333vw;
  border: 0.2667vw solid #ffffff;
}
.scoupon.lq::after {
  display: block;
  content: "";
  width: 11.2vw;
  height: 11.2vw;
  background: url(/static/images/lq.png) no-repeat center center / 100% 100%;
  position: absolute;
  right: 27.2vw;
  bottom: 2.6667vw;
}
.scoupon.active .sel {
  border: none;
  background: url(/static/images/sel.png) no-repeat center center / 100% 100%;
}
.scoupon.gq {
  background: url(/static/images/yhq_bg2.png) no-repeat left center / 100% 100%;
}
.scoupon.gq::after {
  display: block;
  content: "";
  width: 11.2vw;
  height: 11.2vw;
  background: url(/static/images/gq.png) no-repeat center center / 100% 100%;
  position: absolute;
  right: 27.2vw;
  bottom: 2.6667vw;
}
.scoupon.gq .money span,
.scoupon.gq .money i {
  color: #999999;
}
.scoupon.gq .center .gq {
  color: #999999;
}
.pop-up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  display: none;
  z-index: 2;
}
.pop-up > .content {
  width: 81vw;
  padding: 5vw 4vw 6vw;
  background-color: #ffffff;
  border-radius: 2.3333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pop-up > .content > .til {
  font-size: 4.6vw;
  margin-bottom: 4vw;
}
.pop-up > .content > p {
  font-size: 3.8vw;
  text-align: center;
}
.pop-up > .content > .btn {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 6vw;
}
.pop-up > .content > .btn > div,
.pop-up > .content > .btn > a {
  width: 23vw;
  height: 10vw;
  background-color: #d93f3f;
  border-radius: 1.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 4vw;
}
.pop-up > .content > .btn > div.cancel,
.pop-up > .content > .btn > a.cancel {
  background-color: #ffffff;
  border: 0.4333vw solid #e7e7e7;
  color: #181818;
}
.pop-up > .content > .hint {
  display: flex;
  align-items: center;
  margin-top: 4vw;
}
.pop-up > .content > .hint > img {
  display: block;
  width: 3.2vw;
  height: 3.2vw;
  margin-right: 1.6vw;
}
.pop-up > .content > .hint > .text {
  font-size: 3.2vw;
  color: #4a4a4a;
  text-decoration: underline;
}
.pop-up > .content .paragraph p {
  font-size: 3.7333vw;
  margin: 1.6vw 0;
  line-height: 5.3333vw;
}
.pop-up > .content .paragraph p span,
.pop-up > .content .paragraph p a {
  color: #d93f3f;
}
.pop-up > .content .paragraph p a {
  text-decoration: underline;
}
.spage {
  display: flex;
  justify-content: space-evenly;
  margin: 6vw 0;
}
.spage a {
  width: 26.6667vw;
  height: 10.6667vw;
  border: 0.2667vw solid #d93f3f;
  border-radius: 5.3333vw;
  font-size: 4.2667vw;
  color: #d93f3f;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 373px) {
  html {
    font-size: 11px;
  }
}
@media screen and (min-width: 374px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 413px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 580px) {
  html {
    font-size: 15px;
  }
}