* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
body.dialog-open {
  position: fixed;
  width: 100%;
}
a,
img,
button,
input,
textarea,
div,
span,
select {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
li {
  list-style: none;
}
em,
i,
s {
  font-style: normal;
}
html,
body {
  width: 100%;
}
body > article {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.flex-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-cen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hidden {
  display: none !important;
}
.aborder {
  box-shadow: 0px 2px 4px 0px #e0e0e0;
}
.logtop,
.un-logtop {
  width: 100vw;
  height: 10.6667vw;
  background: #f7f7f7;
  padding: 0 4vw;
}
.logtop > .left-wrap,
.un-logtop > .left-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.logtop > .left-wrap > .left,
.un-logtop > .left-wrap > .left {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 3.7333vw;
  color: #c60000;
  background: url(/m8300/images/lq2.png) no-repeat left center;
  background-size: 6.2vw 6.2vw;
  padding-left: 6.5vw;
}
.logtop > .left-wrap > .envelope,
.un-logtop > .left-wrap > .envelope {
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  position: relative;
  margin-left: 2.2667vw;
}
.logtop > .left-wrap > .envelope > img,
.un-logtop > .left-wrap > .envelope > img {
  width: 100%;
  height: 100%;
}
.logtop > .left-wrap > .envelope > span,
.un-logtop > .left-wrap > .envelope > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.0667vw;
  height: 5.3333vw;
  border-radius: 2.6667vw;
  background: #c60000;
  font-size: 4.8vw;
  color: #ffffff;
  position: absolute;
  top: -2.6vw;
  right: -4.6vw;
  transform: scale(0.5);
}
.logtop > .left,
.un-logtop > .left {
  font-size: 3.7333vw;
}
.logtop > .right,
.un-logtop > .right {
  display: flex;
  align-items: center;
  position: relative;
}
.logtop > .right > .avatar,
.un-logtop > .right > .avatar {
  width: 8.5333vw;
  height: 8.5333vw;
  margin-right: 2.1333vw;
  border-radius: 50%;
}
.logtop > .right > .mark,
.un-logtop > .right > .mark {
  position: absolute;
  bottom: 0;
  left: 5.3333vw;
  width: 3.2vw;
  height: 3.2vw;
}
.logtop > .right > .name,
.un-logtop > .right > .name {
  display: block;
  max-width: 35.8vw;
  height: 5.4vw;
  line-height: 5.4vw;
  overflow: hidden;
  word-break: break-all;
  font-size: 3.7333vw;
  color: #181818;
}
.logtop > .right > .m-top,
.un-logtop > .right > .m-top,
.logtop > .right > .m-bot,
.un-logtop > .right > .m-bot {
  width: 3.2vw;
  height: 3.2vw;
}
.logtop > .right > .m-top.m-bot,
.un-logtop > .right > .m-top.m-bot,
.logtop > .right > .m-bot.m-bot,
.un-logtop > .right > .m-bot.m-bot {
  display: none;
}
.logtop > .right > .pull-down,
.un-logtop > .right > .pull-down {
  width: 22.2vw;
  background: url(/m8300/images/pull-down.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 9.1vw;
  right: 2.3333vw;
  display: none;
  box-shadow: 0.2667vw 2.3vw 2.7333vw -1.4333vw #b8b8b8;
  z-index: 9;
}
.logtop > .right > .pull-down > li,
.un-logtop > .right > .pull-down > li {
  height: 8.6667vw;
}
.logtop > .right > .pull-down > li > a,
.un-logtop > .right > .pull-down > li > a {
  font-size: 3.2vw;
  color: #181818;
}
.logtop > .right > .pull-down > li:not(:last-child),
.un-logtop > .right > .pull-down > li:not(:last-child) {
  border-bottom: 0.1333vw solid #e7e7e7;
}
.logtop > .right > .pull-down > li:first-of-type,
.un-logtop > .right > .pull-down > li:first-of-type {
  margin-top: 2vw;
}
.logtop > .right > a,
.un-logtop > .right > a {
  font-size: 3.7333vw;
  color: #000000;
}
.logtop > .right > .login,
.un-logtop > .right > .login {
  color: #c60000;
  font-size: 3.7333vw;
  margin-right: 4.2667vw;
}
.logtop > .right .help,
.un-logtop > .right .help {
  font-size: 3.7333vw;
  color: #181818;
  margin-right: 4.2667vw;
}
.logtop.hidden,
.un-logtop.hidden {
  display: none;
}
header {
  width: 100vw;
  height: 9.6vw;
  background: #c60000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4vw;
  font-size: 3.7333vw;
  color: #ffffff;
  box-shadow: 0px 2px 4px 0px #e0e0e0;
}
header .left {
  display: flex;
  align-items: center;
}
header .left > a {
  font-size: 3.7333vw;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-right: 1.3333vw;
}
header .left > a:first-of-type::before {
  display: inline-block;
  content: "";
  width: 4.2667vw;
  height: 4.2667vw;
  background: url(/m8300/images/home.png) no-repeat center center;
  background-size: 100% 100%;
  margin-right: 1.2vw;
}
header .left > a:not(:first-of-type)::before {
  display: inline-block;
  content: ">";
  margin-right: 1.7333vw;
}
header .left > b {
  font-size: 3.7333vw;
  color: #ffffff;
}
header .left > b::before {
  display: inline-block;
  content: ">";
  margin-right: 1.7333vw;
}
header > .right {
  font-size: 3.7333vw;
  color: #ffffff;
}
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #f7f7f7;
  padding: 2.6667vw 4vw;
}
nav > a {
  width: 21.6vw;
  height: 10.6667vw;
  background: #ffffff;
  border-radius: 1.3333vw;
  font-size: 3.7333vw;
  color: #181818;
  text-align: center;
  line-height: 10.6667vw;
  border: 0.2667vw solid #c60000;
  overflow: hidden;
}
nav > a.active {
  background: #c60000;
  color: #ffffff;
}
nav > a.icon {
  background-image: url(/m8300/images/niu_logo.png);
  background-repeat: no-repeat;
  background-position: 2.5vw 2.8vw;
  background-size: 4.3333vw 4.3333vw;
  padding-left: 3.8vw;
}
nav.bor-bot {
  margin-bottom: 4vw;
}
.page {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: 4vw;
}
.page > a {
  width: 26.6667vw;
  height: 10.6667vw;
  border: 0.2667vw solid #c60000;
  border-radius: 5.3333vw;
  font-size: 4.2667vw;
  color: #c60000;
}
.page.mb32 {
  margin-bottom: 4vw;
}
footer {
  width: 100vw;
  height: 19.4667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: #f7f7f7;
}
footer > p {
  font-size: 3.2vw;
}
footer > p:first-of-type > em:first-of-type {
  color: #cecece;
}
footer > p:first-of-type > em:nth-of-type(2),
footer > p:first-of-type > em:last-of-type {
  margin-left: 8vw;
}
footer > p:first-of-type > em:nth-of-type(2) > a,
footer > p:first-of-type > em:last-of-type > a {
  color: #c60000;
}
footer > p:last-child {
  color: #cecece;
}
footer > p:nth-of-type(2) a {
  color: #cecece;
}
footer.mb13 {
  margin-bottom: 13vw;
}
.top-side {
  position: fixed;
  right: 4.2667vw;
  bottom: 1.6vw;
  width: 14.4vw;
  height: 16vw;
  background: #f2f2f2;
  border-radius: 0.8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  color: #181818;
}
.top-side::before {
  content: "";
  display: block;
  width: 7.2vw;
  height: 7.2vw;
  background: url(/m8300/images/dingbu.png) no-repeat center center;
  background-size: 100%;
}
.fbtw {
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
  position: fixed;
  bottom: 38vw;
  right: 5vw;
}
.fbtw > img {
  width: 100%;
  height: 100%;
}
.zx-service {
  width: 14.4vw;
  height: 16vw;
  background: #f2f2f2;
  border-radius: 0.8vw;
  position: fixed;
  bottom: 17vw;
  right: 4.2667vw;
  font-size: 3.2vw;
  color: #181818;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.zx-service.zx-service::before {
  content: "";
  display: block;
  width: 7.2vw;
  height: 7.2vw;
  background: url(/m8300/images/lq.png) no-repeat center center;
  background-size: 100%;
}
.zj_information > .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.2667vw dashed #e0e0e0;
  padding-top: 3.2vw;
  padding-bottom: 3.2vw;
  margin-left: 4.2667vw;
  margin-right: 4.2667vw;
}
.zj_information > .info > .left {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.zj_information > .info > .left > .img_wrap {
  display: flex;
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
  margin-right: 1.6vw;
}
.zj_information > .info > .left img {
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
}
.zj_information > .info > .left > .desc {
  flex: 1;
  overflow: hidden;
}
.zj_information > .info > .left > .desc > .top {
  width: 100%;
  height: 5.3333vw;
  display: flex;
  align-items: center;
  margin-bottom: 0.8vw;
}
.zj_information > .info > .left > .desc > .top > h3 {
  max-width: 70%;
  font-size: 3.7333vw;
  font-weight: normal;
  color: #181818;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.zj_information > .info > .left > .desc > .top > span {
  padding: 0 2.1333vw;
  height: 4.2667vw;
  background: #fff3e0;
  border-radius: 2.5333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a4a4a;
  font-size: 3.2vw;
  margin-left: 2.1333vw;
}
.zj_information > .info > .left > .desc > .bot {
  width: 100%;
  font-size: 3.7333vw;
  color: #4a4a4a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.zj_information > .info > .gz {
  background: #c60000;
  width: 12vw;
  height: 5.8667vw;
  border-radius: 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7333vw;
  color: #ffffff;
  margin-left: 3.2vw;
}
.zj_information > .info > .ygz {
  width: 12vw;
  height: 5.8667vw;
  border-radius: 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7333vw;
  color: #ffffff;
  margin-left: 3.2vw;
  background: #e0e0e0;
}
.zj_information > .record {
  display: flex;
  justify-content: space-between;
  padding: 2.1333vw 3.2vw;
  border-bottom: 1.3333vw solid #e2e2e2;
}
.zj_information > .record > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zj_information > .record > .item > .num {
  display: flex;
  align-items: center;
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
  margin-bottom: 0.5333vw;
}
.zj_information > .record > .item > .num.red_text {
  color: #c60000;
}
.zj_information > .record > .item > .num i {
  font-size: 2.6667vw;
  color: #4a4a4a;
}
.zj_information > .record > .item > .text {
  font-size: 3.7333vw;
  color: #4a4a4a;
}
.zj_information > .record > .item.active .num,
.zj_information > .record > .item.active .text {
  color: #c60000;
  font-weight: bold;
}
.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.error .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;
}
.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;
}
.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: #c60000;
  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;
}
.pay-pop,
.pay-pop1 {
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
}
.pay-pop > .con,
.pay-pop1 > .con {
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5.3333vw 5.3333vw 0 0;
  max-height: 60vh;
}
.pay-pop > .con > .close-pop,
.pay-pop1 > .con > .close-pop {
  width: 4vw;
  height: 4vw;
  position: absolute;
  top: 2.8667vw;
  right: 4.3667vw;
}
.pay-pop > .con > .close-pop > img,
.pay-pop1 > .con > .close-pop > img {
  width: 100%;
  height: 100%;
}
.pay-pop > .con > .conent,
.pay-pop1 > .con > .conent {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
  margin-top: 10vw;
}
.pay-pop > .con > .conent::-webkit-scrollbar,
.pay-pop1 > .con > .conent::-webkit-scrollbar {
  display: none;
}
.pay-pop > .con > .conent > .type,
.pay-pop1 > .con > .conent > .type {
  width: 100vw;
  font-size: 4.8vw;
  font-weight: bold;
  color: #333333;
  padding-bottom: 4vw;
  text-align: center;
  border-bottom: 0.2667vw solid #f4f4f4;
}
.pay-pop > .con > .conent > .mon-cou,
.pay-pop1 > .con > .conent > .mon-cou {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 4vw 5.3333vw;
  border-bottom: 0.2667vw solid #f4f4f4;
}
.pay-pop > .con > .conent > .mon-cou > span,
.pay-pop1 > .con > .conent > .mon-cou > span {
  font-size: 3.7333vw;
  font-weight: bold;
  color: #333333;
}
.pay-pop > .con > .conent > .mon-cou > .money,
.pay-pop1 > .con > .conent > .mon-cou > .money {
  font-size: 3.7333vw;
  color: #c60000;
}
.pay-pop > .con > .conent > .y-coupon,
.pay-pop1 > .con > .conent > .y-coupon {
  width: 100vw;
}
.pay-pop > .con > .conent > .y-coupon > .text,
.pay-pop1 > .con > .conent > .y-coupon > .text {
  display: flex;
  justify-content: space-between;
  padding: 0 5.3333vw 0 6vw;
  margin-top: 2.6667vw;
}
.pay-pop > .con > .conent > .y-coupon > .text > .left,
.pay-pop1 > .con > .conent > .y-coupon > .text > .left {
  font-size: 3.2vw;
  color: #999999;
  text-align: left;
}
.pay-pop > .con > .conent > .y-coupon > .text > img,
.pay-pop1 > .con > .conent > .y-coupon > .text > img {
  width: 3.4vw;
  height: 3.4vw;
  display: none;
}
.pay-pop > .con > .conent > .y-coupon > .text > img.fold,
.pay-pop1 > .con > .conent > .y-coupon > .text > img.fold {
  display: block;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 29vw;
  overflow: hidden;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item {
  width: 80vw;
  min-height: 21.3333vw;
  background: url(/m8300/images/coupon-bg.png) no-repeat center center;
  background-size: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 5.3333vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon {
  color: #c60000;
  margin-left: 2vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon > text,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon > text {
  font-size: 5.6vw;
  margin-right: -2.3333vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon > span,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .y-mon > span {
  font-size: 12.5333vw;
  letter-spacing: -1.2vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .dea,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .dea {
  display: flex;
  flex-direction: column;
  margin-left: 2.8667vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .dea > .name,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .dea > .name {
  font-size: 4vw;
  color: #181818;
  max-width: 36vw;
  height: 5.3333vw;
  overflow: hidden;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .dea > .des,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .dea > .des {
  font-size: 2.6667vw;
  color: #999999;
  margin-top: 2.6667vw;
  max-width: 36vw;
  height: 3.6vw;
  overflow: hidden;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item > .lq,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item > .lq {
  width: 6.6667vw;
  height: 6.6667vw;
  border: 0.2667vw solid #ffffff;
  border-radius: 50%;
  position: absolute;
  right: 7.4666vw;
}
.pay-pop > .con > .conent > .y-coupon > .con-wrap > .item.active > .lq,
.pay-pop1 > .con > .conent > .y-coupon > .con-wrap > .item.active > .lq {
  background: url(/m8300/images/selected.png) no-repeat center center;
  background-size: 100%;
  border: none;
}
.pay-pop > .con > .conent > .w-coupon,
.pay-pop1 > .con > .conent > .w-coupon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pay-pop > .con > .conent > .w-coupon > .text,
.pay-pop1 > .con > .conent > .w-coupon > .text {
  width: 100vw;
  font-size: 3.2vw;
  color: #999999;
  text-align: left;
  padding-left: 6vw;
  margin-top: 2.6667vw;
}
.pay-pop > .con > .conent > .w-coupon > img,
.pay-pop1 > .con > .conent > .w-coupon > img {
  width: 46.1333vw;
  height: 24.8vw;
  margin-top: 2.6667vw;
}
.pay-pop > .con > .conent > .need,
.pay-pop1 > .con > .conent > .need {
  width: 100vw;
  padding: 0 5.3333vw;
  margin-top: 8vw;
  margin-bottom: 4vw;
}
.pay-pop > .con > .conent > .need > span,
.pay-pop1 > .con > .conent > .need > span {
  font-size: 3.7333vw;
  font-weight: bold;
  color: #333333;
}
.pay-pop > .con > .conent > .need > .money,
.pay-pop1 > .con > .conent > .need > .money {
  font-size: 3.7333vw;
  color: #c60000;
}
.pay-pop > .con > .conent > .line,
.pay-pop1 > .con > .conent > .line {
  width: 100vw;
  height: 2.6667vw;
  background: #f4f4f4;
}
.pay-pop > .con > .conent > .s-type > .pay-s,
.pay-pop1 > .con > .conent > .s-type > .pay-s {
  width: 100vw;
  padding: 0 6.6667vw;
  margin-top: 5.2vw;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left {
  display: flex;
  align-items: center;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > img,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > img {
  width: 9.6vw;
  height: 9.6vw;
  margin-right: 4.6667vw;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > span,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > span {
  font-size: 3.7333vw;
  color: #333333;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > .ye,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > .ye {
  display: flex;
  flex-direction: column;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > .ye > .y,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > .ye > .y {
  font-size: 3.7333vw;
  color: #333333;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > .ye > .m,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > .ye > .m {
  font-size: 3.2vw;
  color: #999999;
  margin-top: 1.5vw;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left > .ye > .m > text,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left > .ye > .m > text {
  color: #c60000;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .left .qcz,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .left .qcz {
  font-size: 3.2vw;
  margin-left: 1rem;
  color: #c60000;
  font-weight: bold;
  text-decoration: underline;
}
.pay-pop > .con > .conent > .s-type > .pay-s > .cire,
.pay-pop1 > .con > .conent > .s-type > .pay-s > .cire {
  width: 4.8667vw;
  height: 4.8667vw;
  border: 0.2667vw solid #8a8a8a;
  border-radius: 50%;
  position: relative;
}
.pay-pop > .con > .conent > .s-type > .pay-s.active .cire,
.pay-pop1 > .con > .conent > .s-type > .pay-s.active .cire {
  border: 0.2667vw solid #c60000;
}
.pay-pop > .con > .conent > .s-type > .pay-s.active .cire::before,
.pay-pop1 > .con > .conent > .s-type > .pay-s.active .cire::before {
  display: inline-block;
  content: "";
  width: 3vw;
  height: 3vw;
  background: #c60000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pay-pop > .con > .confirm,
.pay-pop1 > .con > .confirm,
.pay-pop > .con > .cz,
.pay-pop1 > .con > .cz {
  width: 85.3333vw;
  padding: 2.9333vw 0;
  background: #c60000;
  border-radius: 5.3333vw;
  margin: 8vw 0;
  font-size: 4.8vw;
  color: #ffffff;
}
.pay-pop > .con > .confirm span,
.pay-pop1 > .con > .confirm span,
.pay-pop > .con > .cz span,
.pay-pop1 > .con > .cz span {
  font-size: 3.7333vw;
}
.zjjx_czqh {
  width: 100%;
  height: 7.4667vw;
  padding-left: 4.2667vw;
}
.zjjx_czqh > .cut {
  width: 100%;
  height: 7.4667vw;
  display: flex;
  overflow-x: scroll;
  border-bottom: 0.5333vw solid #c60000;
}
.zjjx_czqh > .cut::-webkit-scrollbar {
  display: none;
}
.zjjx_czqh > .cut > a {
  min-width: 13.3333vw;
  height: calc(7.4667vw - 0.5333vw);
  font-size: 3.7333vw;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zjjx_czqh > .cut > a.active {
  background: #c60000;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0.9333vw 0.9333vw 0vw 0vw;
}
.navigation_bar {
  height: 9.0667vw;
  background-color: #ffffff;
  padding: 0 3.2vw;
}
.navigation_bar > .cut {
  display: flex;
  height: 9.0667vw;
  width: 100%;
  border-bottom: 0.5333vw solid #c60000;
  overflow-x: scroll;
}
.navigation_bar > .cut::-webkit-scrollbar {
  display: none;
}
.navigation_bar > .cut > a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 17.5333vw;
  height: calc(9.0667vw - 0.5333vw);
  font-size: 4.2667vw;
  font-weight: normal;
  color: #181818;
}
.navigation_bar > .cut > a.active {
  background: #c60000;
  border-radius: 1.0667vw 1.0667vw 0vw 0vw;
  font-size: 4.2667vw;
  color: #fff;
  font-weight: bold;
}
.jp_master {
  position: relative;
}
.jp_master::after {
  display: block;
  content: "";
  width: 11.3333vw;
  height: 3.4667vw;
  background: url(/m8300/images/jp_master.svg) no-repeat left center / 100%;
  position: absolute;
  bottom: 0;
  left: 0vw;
}
.sx_master {
  position: relative;
}
.sx_master::after {
  display: block;
  content: "";
  width: 11.3333vw;
  height: 3.4667vw;
  background: url(/m8300/images/sx_master.svg) no-repeat left center / 100%;
  position: absolute;
  bottom: 0;
  left: 0vw;
}
.pt_master {
  position: relative;
}
.pt_master::after {
  display: block;
  content: "";
  width: 11.3333vw;
  height: 3.4667vw;
  background: url(/m8300/images/pt_master.svg) no-repeat left center / 100%;
  position: absolute;
  bottom: 0;
  left: 0vw;
}
.toolbar {
  width: 100vw;
  height: 13vw;
  padding: 0 1.2vw 0 4.2667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-bottom: 0.2667vw solid #e0e0e0;
}
.toolbar .search {
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 3vw;
}
.toolbar .search img {
  width: 4.8vw;
  height: 4.8vw;
}
.toolbar .lottery {
  width: 100%;
  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: 3.7333vw;
}
.toolbar .lottery a.active {
  font-size: 4.8vw;
  font-weight: bold;
  color: #c60000;
  position: relative;
}
.toolbar .lottery a.active::after {
  display: inline-block;
  content: "";
  width: 6.1333vw;
  height: 1.3333vw;
  background: url(/m8300/images/arc.png) no-repeat bottom left / 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.9vw;
}
.toolbar .more {
  display: block;
  width: 5.3333vw;
  height: 5.3333vw;
  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;
}
.switcher {
  display: flex;
  align-items: center;
  padding: 3.4667vw 5.3333vw 1vw;
  background-color: #ffffff;
}
.switcher .search {
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 3vw;
}
.switcher .search img {
  width: 4.8vw;
  height: 4.8vw;
}
.switcher .right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.switcher .right a {
  font-size: 4.2667vw;
  color: #181818;
}
.switcher .right a.active {
  font-size: 4.8vw;
  font-weight: bold;
  color: #c60000;
  padding-bottom: 1.0667vw;
  border-bottom: 0.8vw solid #c60000;
}
.zj_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6667vw 0;
}
.zj_item > .identifer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.8667vw;
  height: 5.8667vw;
  font-size: 3.7333vw;
  color: #181818;
  margin-right: 2.6667vw;
}
.zj_item > .identifer.num1 {
  background: url(/m8300/images/num1.png) no-repeat center center / 100%;
}
.zj_item > .identifer.num2 {
  background: url(/m8300/images/num2.png) no-repeat center center / 100%;
}
.zj_item > .identifer.num3 {
  background: url(/m8300/images/num3.png) no-repeat center center / 100%;
}
.zj_item > .info {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex: 1;
}
.zj_item > .info > img {
  display: block;
  width: 9.6vw;
  min-width: 9.6vw;
  height: 9.6vw;
  border-radius: 50%;
  margin-right: 2.6667vw;
}
.zj_item > .info > .detail {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.zj_item > .info > .detail > .top {
  display: flex;
  align-items: center;
}
.zj_item > .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;
}
.zj_item > .info > .detail > .top > span {
  width: 16vw;
  height: 4.2667vw;
  background: #eeeeee;
  border-radius: 0vw 2.8vw 0vw 2.8vw;
  font-size: 3.2vw;
  color: #c60000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2.6667vw;
}
.zj_item > .info > .detail > .top > span.bzf {
  background: #fbecec;
}
.zj_item > .info > .detail > .bot {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.3333vw;
}
.zj_item > .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;
}
.zj_item > .info > .detail > .bot > .money {
  font-size: 3.2vw;
  color: #c60000;
  display: flex;
}
.zj_item.zhong {
  position: relative;
}
.zj_item.zhong::after {
  display: inline-block;
  content: "";
  position: absolute;
  width: 8.9333vw;
  height: 8.9333vw;
  background: url(/m8300/images/win.png) no-repeat center center / 100%;
  right: 0.5333vw;
  top: 50%;
  transform: translateY(-80%);
}
.zj_item:not(:last-of-type) {
  border-bottom: 0.2667vw solid #eeeeee;
}
.mf_article {
  padding: 4.2667vw 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.2667vw solid #eeeeee;
}
.mf_article .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mf_article .left .title {
  width: 100%;
  height: 12vw;
  font-size: 4vw;
  color: #181818;
  line-height: 6vw;
  overflow: hidden;
  word-break: break-all;
}
.mf_article .left .info {
  height: 4.4vw;
  display: flex;
  align-items: center;
}
.mf_article .left .info b {
  font-size: 3.2vw;
  font-weight: normal;
  color: #999999;
  margin-right: 2.5vw;
}
.mf_article .left .info span {
  font-size: 3.2vw;
  color: #999999;
}
.mf_article .left .info span i {
  font-size: 3.2vw;
  color: #c60000;
}
.mf_article .left .info span:not(:last-of-type) {
  margin-right: 2.5vw;
}
.mf_article .left .info > img {
  display: block;
  width: 3.7333vw;
  height: 3.7333vw;
  margin-right: 1.6vw;
}
.mf_article > img {
  display: block;
  width: 30.6667vw;
  height: 18.6667vw;
  margin-left: 2.1333vw;
  border-radius: 1.0667vw;
}
.mf_article:last-of-type {
  border-bottom: none;
}
.mf_article.zhong .left {
  position: relative;
}
.mf_article.zhong .left::after {
  display: inline-block;
  content: "";
  width: 10.6667vw;
  height: 10.6667vw;
  background: url(/m8300/images/win.png) no-repeat right bottom / 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fuf_article {
  display: flex;
  flex-direction: column;
  border-bottom: 0.2667vw solid #eeeeee;
  padding: 4vw 0 3.6vw;
}
.fuf_article .detail {
  width: 100%;
  display: flex;
  align-items: center;
}
.fuf_article .detail .avatar {
  display: block;
  width: 9.6vw;
  height: 9.6vw;
  border-radius: 50%;
  margin-right: 2.6667vw;
}
.fuf_article .detail .name {
  flex: 1;
}
.fuf_article .detail .name b {
  display: inline-block;
  font-size: 3.7333vw;
  font-weight: normal;
  color: #181818;
  background: url(/m8300/images/2_star.png) no-repeat right center / 3.3333vw 4vw;
  padding-right: 4.6667vw;
  margin-bottom: 0.9333vw;
  max-width: 60vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.fuf_article .detail .name .de {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.fuf_article .detail .name .de .le {
  display: flex;
}
.fuf_article .detail .name .de .le .ide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 4.2667vw;
  font-size: 3.2vw;
  color: #ffffff;
  background: url(/m8300/images/2_o_icon.png) no-repeat left center / 16vw 4.2667vw;
  margin-right: 2.2667vw;
}
.fuf_article .detail .name .de .le .record {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 4.2667vw;
  font-size: 3.2vw;
  color: #ffffff;
  background: url(/m8300/images/2_r_icon.png) no-repeat left center / 16vw 4.2667vw;
}
.fuf_article .detail .name .de .mz {
  padding: 0vw 1.3333vw;
  height: 4.2667vw;
  line-height: 4.2667vw;
  font-size: 3.2vw;
  background: linear-gradient(180deg, #fff3d1 0%, #ffea77 100%);
  border-radius: 4px;
  align-self: flex-end;
}
.fuf_article .detail .name .de .mz .text {
  color: #ce904f;
}
.fuf_article .detail .name .de .mz .sum {
  font-weight: bold;
  color: #ff6610;
}
.fuf_article .middle {
  width: 100%;
  max-height: 11.8667vw;
  font-size: 4vw;
  color: #181818;
  line-height: 6vw;
  overflow: hidden;
  word-break: break-all;
  margin: 3.2vw 0;
}
.fuf_article .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fuf_article .bot .l {
  display: flex;
}
.fuf_article .bot .l .time {
  display: flex;
  font-size: 3.2vw;
  color: #4a4a4a;
  margin-right: 2vw;
}
.fuf_article .bot .l .time .djs {
  margin-right: 0.9333vw;
}
.fuf_article .bot .l .time .clock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2667vw;
  height: 4.2667vw;
  background: #dc0000;
  border-radius: 0.4vw;
  font-size: 2.6667vw;
  color: #ffffff;
  margin: 0 0.6667vw;
}
.fuf_article .bot .l .cz {
  font-size: 3.2vw;
  color: #e13737;
}
.fuf_article .bot .l .gq_cz {
  font-size: 3.2vw;
  color: #4a4a4a;
}
.fuf_article .bot .l .qi {
  font-size: 3.2vw;
  color: #999999;
  margin-right: 2.6667vw;
}
.fuf_article .bot .l .read {
  font-size: 3.2vw;
  color: #999999;
}
.fuf_article .bot .r {
  display: flex;
  align-items: center;
  font-size: 3.2vw;
  color: #e13737;
}
.fuf_article .bot .r .money {
  font-size: 4.2667vw;
  font-weight: bold;
}
.fuf_article .bot .r.past {
  color: #999999;
  text-decoration: line-through;
}
.fuf_article:last-of-type {
  border-bottom: none;
}
.fuf_article.zhong {
  position: relative;
}
.fuf_article.zhong::after {
  display: inline-block;
  content: "";
  width: 11.7333vw;
  height: 11.7333vw;
  position: absolute;
  bottom: 3.6vw;
  right: 0vw;
  background: url(/m8300/images/win.png) no-repeat center center / 100%;
}
.head_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.select_option {
  width: 100%;
  padding-top: 3.2vw;
  padding-bottom: 1.6vw;
  position: sticky;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
}
.select_option .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.4vw;
  padding: 0 1.6vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  border-radius: 0.8vw;
  background: #f7f7f7;
  border: 0.2667vw solid #e0e0e0;
}
.select_option .item::after {
  display: inline-block;
  content: "";
  width: 3.2vw;
  height: 3.2vw;
  margin-left: 1vw;
  background: url(/m8300/images/up.png) no-repeat right center / 100%;
}
.select_option .item:nth-of-type(1) {
  min-width: 20.8vw;
}
.select_option .item:nth-of-type(2) {
  min-width: 26.6667vw;
}
.select_option .item:nth-of-type(3) {
  min-width: 15.2vw;
}
.select_option .item:nth-of-type(4) {
  min-width: 20.8vw;
}
.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;
}
.to_bottom {
  display: flex;
  justify-content: center;
}
.to_bottom img {
  display: block;
  width: 21.6667vw;
  height: auto;
}
.empty_state {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 9.7333vw;
}
.empty_state img {
  display: flex;
  width: 75.7333vw;
  height: 44.5333vw;
}
.empty_state p {
  font-size: 3.7333vw;
  color: #999999;
  margin-top: 1.0667vw;
}
.empty_state .btn {
  width: 29.6vw;
  height: 9.6vw;
  background: #e13737;
  border-radius: 0.8vw;
  font-size: 4.2667vw;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6.2667vw;
}
.page_bottom {
  flex: 1;
}