html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body,
nav,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
ul,
ol,
li,
input,
button,
textarea,
footer {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

img {
  vertical-align: middle;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

img:not([src]) {
  opacity: 0;
}

em,
i {
  font-style: normal;
}

img {
  max-width: 100%;
  border: 0;
}

input:focus {
  outline: 0;
}

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

ol,
ul,
li {
  list-style: none;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  color: #333;
}

.cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  min-height: 1%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.break {
  word-break: break-all;
  word-wrap: break-word;
}

html {
  font-size: calc(750px/7.5);
  font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
  html {
    font-size: calc(320px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: calc(360px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: calc(375px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: calc(393px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: calc(412px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: calc(414px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: calc(480px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: calc(540px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: calc(640px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: calc(720px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 721px) and (max-width: 750px) {
  html {
    font-size: calc(750px/7.5);
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: calc(750px/7.5);
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
  body {
    width: 750px;
    margin: 0 auto;
  }
  [data-dpr='1'] body {
    width: 750px;
    margin: 0 auto;
  }
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .24rem;
  background-color: #142024;
}

.head {
  background: url(../images/head.jpg?v=1) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 7.5rem;
  height: 5.2rem;
  position: relative;
}

.head .menu {
  background: url(../images/menu.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .56rem;
  height: .58rem;
  position: fixed;
  top: .57rem;
  right: 50%;
  transform: translate(3.4rem);
  z-index: 999;
}

.head .hside {
  background: url(../images/hside1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .45rem;
  height: 1.28rem;
  position: absolute;
  top: 2.08rem;
  right: 0.12rem;
}

.head .htime {
  position: absolute;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
  width: 5.52rem;
  height: 0.32rem;
  left: 50%;
  bottom: 0.24rem;
  margin-left: -2.76rem;
  text-align: center;
  background: url("../images/time-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  line-height: 0.32rem;
  box-sizing: border-box;
  padding-left: 0.08rem;
}

.head .htime span {
  margin-left: 0.04rem;
  width: 1.84rem;
  text-align: center;
}

.content {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.content::after {
  content: "";
  position: absolute;
  width: 7.5rem;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../images/bg1.png") no-repeat 0 0;
  background-size: 100% auto;
}

.h-nav-box {
  width: 7.5rem;
  height: 0.8rem;
  margin-bottom: -0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h-nav {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  z-index: 0;
}

.h-nav::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.52rem;
  background: url("../images/hnav-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 7.04rem;
  height: 0.64rem;
  z-index: -1;
  margin-top: -0.32rem;
}

.h-nav a {
  position: relative;
  font-size: 0.24rem;
  color: #000000;
  font-weight: bold;
  width: 1.75rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  box-sizing: border-box;
  background: url("../images/hbtn2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-nav a.on {
  background: url("../images/hbtn1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-nav2 {
  display: flex;
  margin-top: 0.24rem;
}

.h-nav2 a {
  width: 1rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.9);
}

.h-nav2 a:nth-child(1) {
  margin-left: 0.25rem;
}

.h-nav2 a.on {
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  color: #0FF796;
  background: url("../images/nav1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-nav-fixed {
  position: fixed;
  width: 7.5rem;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 999;
  height: 0.8rem;
  background-color: #142024;
}

.ls-con {
  position: relative;
}

.data-un {
  margin-top: 0.66rem;
  margin-bottom: 0.6rem;
}

.data-un img {
  display: block;
  margin: 0 auto;
  width: 1.48rem;
  height: 1.48rem;
}

.data-un p {
  margin-top: 0.24rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
}

.data-un a {
  width: 2.6rem;
  height: 0.72rem;
  text-align: center;
  line-height: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  color: #0FF796;
  margin: 0.32rem auto 0;
  background: url("../images/sbtn1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.data-un a i {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.1rem;
  background: url("../images/icon-r2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.data-un-box {
  width: 7.02rem;
  height: 4.17rem;
  background-color: rgba(229, 239, 243, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin: 0.24rem auto 0;
  box-sizing: border-box;
  padding-top: 1.08rem;
}

.data-un-box::before {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: 0.03rem;
  background: url(../images/btips1.png) no-repeat 0 0;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
}

.data-un-box::after {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: 0.03rem;
  background: url(../images/btips1.png) no-repeat 0 0;
  background-size: 100% 100%;
  left: 0;
  top: 0;
}

.data-un-box img {
  display: block;
  margin: 0 auto;
  width: 1.48rem;
  height: 1.48rem;
}

.data-un-box p {
  margin-top: 0.24rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
}

.lbox {
  position: relative;
  width: 7.02rem;
  margin: 0.24rem auto 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background-color: rgba(35, 48, 51, 0.3);
  z-index: 0;
  box-sizing: border-box;
}

.lbox::after {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: 0.03rem;
  background: url("../images/btips1.png") no-repeat 0 0;
  background-size: 100% 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.lbox .ltit {
  display: flex;
  align-items: center;
  padding: 0.11rem 0.18rem;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.06);
}

.lbox .ltit::before {
  content: "";
  position: absolute;
  width: 7.02rem;
  height: 1px;
  background: url("../images/line1.png") no-repeat 0 0;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
}

.lbox .ltit .lt-input {
  display: flex;
  align-items: center;
  margin-bottom: 0.32rem;
}

.lbox .ltit .lt-input div {
  display: flex;
  align-items: center;
  width: 5.02rem;
  height: 0.64rem;
  background: url("../images/lt-input.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 0.12rem;
  position: relative;
}

.lbox .ltit .lt-input div i {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-search.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-input div input {
  border: 0;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 0.12rem;
  background-color: transparent;
}

.lbox .ltit .lt-input div input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.26rem;
}

.lbox .ltit .lt-input div em {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -0.15rem;
  right: 0.17rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url("../images/i-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-input div.on em {
  display: block;
}

.lbox .ltit .lt-input a {
  margin-left: 0.32rem;
  width: 1.2rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.lbox .ltit .lt-input a span {
  color: #fff;
  font-size: 0.24rem;
}

.lbox .ltit .lt-input a i {
  width: 0.21rem;
  height: 0.2rem;
  margin-left: 0.04rem;
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-tit1 {
  flex-shrink: 0;
  flex: 1;
  display: flex;
  align-items: center;
}

.lbox .ltit .lt-tit1 span {
  font-size: 0.26rem;
  color: #FFFFFF;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  height: 0.44rem;
  padding: 0 0.12rem;
  line-height: 0.44rem;
  white-space: nowrap;
}

.lbox .ltit .lt-tit1 span.lt-c1 {
  background-color: rgba(15, 247, 150, 0.1);
  position: relative;
}

.lbox .ltit .lt-tit1 span.lt-c1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0.44rem;
  width: 0.03rem;
  background-color: rgba(15, 247, 150, 0.5);
}

.lbox .ltit .lt-tit1 span.lt-c2 {
  background-color: rgba(255, 81, 81, 0.1);
  position: relative;
}

.lbox .ltit .lt-tit1 span.lt-c2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0.44rem;
  width: 0.03rem;
  background-color: rgba(255, 81, 81, 0.5);
}

.lbox .ltit .lt-tit1 .gd-btn {
  margin-left: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.82rem;
  height: 0.4rem;
  background-color: rgba(255, 255, 255, 0.08);
}

.lbox .ltit .lt-tit1 .gd-btn em {
  font-size: 0.22rem;
  color: #FFFFFF;
}

.lbox .ltit .lt-tit1 .gd-btn i {
  width: 0.21rem;
  height: 0.2rem;
  margin-left: 0.02rem;
  margin-right: 0;
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-ref {
  margin-left: 0.16rem;
  width: 1.28rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #fff;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  white-space: nowrap;
}

.lbox .ltit .lt-ref i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-ref.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-map {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}

.lbox .ltit .lt-map span {
  font-size: 0.24rem;
  color: #0FF796;
}

.lbox .ltit .lt-map i {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.04rem;
  background: url("../images/icon-down2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-tit2 {
  display: flex;
}

.lbox .ltit .lt-tit2 span {
  width: 1.48rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 0.24rem;
}

.lbox .ltit .lt-tit2 span:nth-child(1) {
  width: 0.6rem;
}

.lbox .ltit .lt-tit2 span:nth-child(2) {
  width: 2.88rem;
}

.lbox .ltit .lt-tit2 span:nth-child(3) {
  width: 0.8rem;
}

.lbox .ltit .lt-tit3 {
  display: flex;
  box-sizing: border-box;
}

.lbox .ltit .lt-tit3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.24rem;
  color: white;
  white-space: nowrap;
}

.lbox .ltit .lt-tit3 span:nth-child(1) {
  width: 0.8rem;
}

.lbox .ltit .lt-tit3 span:nth-child(2) {
  width: 2.14rem;
}

.lbox .ltit .lt-tit3 span:nth-child(3) {
  width: 0.96rem;
  margin-left: 0.3rem;
}

.lbox .ltit .lt-tit3 span:nth-child(4) {
  margin-left: 0.4rem;
}

.lbox .ltit .lt-tit3 span:nth-child(5) {
  margin-left: 0.5rem;
}

.lbox .ltit .lt-tit3 span i {
  flex-shrink: 0;
  width: 0.22rem;
  height: 0.22rem;
}

.lbox .ltit .lt-tit3 span i.down {
  background: url("../images/icon-down3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-tit3 span i.up {
  transform: rotate(180deg);
  background: url("../images/icon-down3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.lbox .ltit .lt-nav {
  display: flex;
  align-items: center;
  border: 1px solid #0FF796;
  box-sizing: border-box;
  flex-shrink: 0;
}

.lbox .ltit .lt-nav a {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  padding: 0 0.2rem;
}

.lbox .ltit .lt-nav a.on {
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  color: #191D1D;
  background-color: #0FF796;
}

.lbox .ltit .lt-data {
  position: absolute;
  right: 0.32rem;
  bottom: 0.26rem;
  display: flex;
  align-items: center;
  margin-left: 1.6rem;
  height: 0.4rem;
}

.lbox .ltit .lt-data a {
  width: 0.92rem;
  line-height: 0.34rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.lbox .ltit .lt-data a.on {
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  color: #0FF796;
}

.lbox-map {
  z-index: 99;
}

.map-list {
  position: absolute;
  left: 0;
  top: 0.76rem;
  width: 100%;
  height: 3.8rem;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #455052;
  z-index: 9;
  box-sizing: border-box;
  padding: 0.12rem;
  z-index: -1;
}

.map-list .mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
}

.map-list::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0);
}

.map-list::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.map-list::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: rgba(255, 255, 255, 0.4);
}

.map-list li.on {
  position: relative;
  color: #0FF796;
}

.map-list li.on::after {
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  position: absolute;
  right: 0.12rem;
  top: 50%;
  margin-top: -0.16rem;
  background: url("../images/icon-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.map-list li {
  line-height: 0.64rem;
  height: 0.64rem;
  font-size: 0.24rem;
  margin-bottom: 0.07rem;
  color: rgba(255, 255, 255, 0.8);
}

.rk-nav {
  position: relative;
  width: 7.02rem;
  margin: 0.24rem auto 0;
  display: flex;
  align-items: center;
}

.rk-nav a {
  flex: 1;
  height: 0.48rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.48rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.rk-nav a:nth-last-child(1) {
  flex: auto;
  width: 0.6rem;
}

.rk-nav a.on {
  color: #0FF796;
  background-color: rgba(15, 247, 150, 0.1);
  border: 1px solid #0FF796;
}

.btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.02rem;
  height: 0.72rem;
  margin: 0.24rem auto 0;
  background-color: rgba(15, 247, 150, 0.06);
  box-sizing: border-box;
  border: 1px solid rgba(15, 247, 150, 0.2);
  padding: 0 0.24rem;
}

.btn-link span {
  font-size: 0.26rem;
  color: #FFFFFF;
}

.btn-link i {
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/icon-r1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tlist-box {
  margin: 0 auto;
}

.tlist {
  position: relative;
  width: 7.5rem;
  overflow: hidden;
}

.tlist li {
  box-sizing: border-box;
  padding: 0 0.24rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  width: 7.02rem;
  height: 1.12rem;
  display: flex;
  align-items: center;
}

.tlist li .timg {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 0.08rem;
  background-color: #6B4141;
  flex-shrink: 0;
}

.tlist li .timg img {
  width: 0.72rem;
  height: 0.72rem;
  object-fit: contain;
}

.tlist li .tname {
  margin-left: 0.24rem;
}

.tlist li .tname span {
  word-break: break-all;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.24rem;
  width: 1.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tlist li .tname p {
  margin-top: 0.04rem;
  display: flex;
  align-items: center;
}

.tlist li .tname p img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
}

.tlist li .tname p em {
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.8);
}

.tlist li .tdata-text {
  display: flex;
  align-items: center;
  margin-left: 0.26rem;
}

.tlist li .tdata-text span {
  width: 0.94rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
}

.tlist li .tdata-text span i {
  display: block;
  margin: 0 auto;
  width: 0.16rem;
  height: 0.16rem;
}

.tlist li .tdata-text span a {
  font-size: 0.24rem;
  line-height: 0.32rem;
  display: block;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

.tlist li .tdata-text span em {
  font-size: 0.2rem;
  margin-top: 0.02rem;
}

.tlist li .tdata-text span.high {
  color: #FF5151;
}

.tlist li .tdata-text span.low {
  color: #0FF796;
}

.tlist li .tdata-text span.up i {
  background: url("../images/icon-z.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tlist li .tdata-text span.up a {
  color: #FF5151;
}

.tlist li .tdata-text span.up em {
  color: #FF5151;
}

.tlist li .tdata-text span.up2 {
  opacity: 0.7;
}

.tlist li .tdata-text span.up2 a {
  color: #FF5151;
}

.tlist li .tdata-text span.up2 em {
  color: #FF5151;
}

.tlist li .tdata-text span.down i {
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tlist li .tdata-text span.down a {
  color: #0FF796;
}

.tlist li .tdata-text span.down em {
  color: #0FF796;
}

.tlist li .tdata-text span.down2 {
  opacity: 0.7;
}

.tlist li .tdata-text span.down2 a {
  color: #0FF796;
}

.tlist li .tdata-text span.down2 em {
  color: #0FF796;
}

.tlist li .tnum-text {
  display: flex;
  margin-left: 0.12rem;
}

.tlist li .tnum-text p {
  display: flex;
  align-items: center;
  width: 1.1rem;
  justify-content: center;
  margin-left: 0.11rem;
}

.tlist li .tnum-text p img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
}

.tlist li .tnum-text p em {
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.8);
}

.num-tips {
  width: 100%;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.32rem;
  color: #0FF796;
}

.num-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: space-between;
  margin: 0.16rem 0;
}

.num-list li {
  width: 3rem;
  margin-top: 0.12rem;
}

.num-list li:nth-child(1) {
  margin-top: 0;
}

.num-list li:nth-child(2) {
  margin-top: 0;
}

.num-list li span {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
}

.num-list li em {
  font-size: 0.24rem;
}

.num-list li em.c1 {
  color: #0FF796;
}

.num-list li em.c2 {
  color: #FF5151;
}

.etlist {
  box-sizing: border-box;
  padding-bottom: 0.24rem;
}

.etlist li .et-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.24rem;
  margin-top: 0.24rem;
}

.etlist li span {
  width: 0.8rem;
  font-size: 0.24rem;
  margin-right: 0.08rem;
  color: rgba(255, 255, 255, 0.8);
}

.etlist li .etimg {
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.08rem;
  background-color: #6B4141;
  flex-shrink: 0;
}

.etlist li .etimg img {
  width: 0.72rem;
  height: 0.72rem;
  object-fit: contain;
}

.etlist li p {
  word-break: break-all;
  width: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.24rem;
  margin-left: 0.16rem;
  color: rgba(255, 255, 255, 0.8);
}

.etlist li em {
  text-align: center;
  width: 1.1rem;
  font-size: 0.24rem;
  margin-left: 0.16rem;
  color: rgba(255, 255, 255, 0.8);
}

.etlist li .et-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.etlist li .et-btn i {
  margin-left: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
}

.etlist li .et-btn i.icon-q {
  background: url("../images/icon-q.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-btn i.icon-s {
  background: url("../images/icon-s1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-btn i.icon-s.on {
  background: url("../images/icon-s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-btn i.icon-s.un {
  background: url("../images/icon-s3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-add {
  width: 0.8rem;
  height: 0.8rem;
  background: url("../images/h-add.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-add.un {
  background: url("../images/h-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-slist {
  position: relative;
  overflow: hidden;
  margin-top: 0.12rem;
  background-color: #1D2E32;
}

.etlist li .et-slist .s-item {
  margin-top: 0.12rem;
  padding: 0 0.24rem 0 0.48rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.etlist li .et-slist .s-item span {
  font-size: 0.22rem;
}

.etlist li .et-slist .s-item p {
  width: 1.55rem;
  font-size: 0.22rem;
  word-break: break-all;
}

.etlist li .et-slist .s-item-btn {
  display: flex;
  align-items: center;
  width: 5.52rem;
  height: 0.64rem;
  background-color: #1D2E32;
  border-radius: 0.04rem;
  margin-top: 0.12rem;
  margin-left: 1.26rem;
  border-top: 1px solid #3A4245;
}

.etlist li .et-slist .s-item-btn i.icon-add {
  margin-right: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-add.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-slist .s-item-btn span {
  flex: 1;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.etlist li .et-slist .s-item-btn i.icon-s {
  margin-left: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url(../images/icon-s1.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-slist .s-item-btn.un i.icon-add {
  margin-right: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-dn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.etlist li .et-slist .s-item-btn.un i.icon-s {
  margin-left: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url(../images/icon-s3.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.linfo {
  position: relative;
  margin-top: 0.33rem;
  display: flex;
  justify-content: space-between;
  width: 7.5rem;
  box-sizing: border-box;
  padding: 0 0.24rem;
}

.linfo p {
  font-size: 0.28rem;
  color: #FFFFFF;
}

.linfo p em {
  color: #0FF796;
}

.linfo span {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.7);
}

.lt-nav-box {
  width: 7.02rem;
  display: flex;
  margin: 0.32rem auto 0;
}

.lt-nav2 {
  display: flex;
  align-items: center;
  border: 1px solid #0FF796;
  box-sizing: border-box;
  width: auto;
}

.lt-nav2 a {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  padding: 0 0.2rem;
}

.lt-nav2 a.on {
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  color: #191D1D;
  background-color: #0FF796;
}

.sbtn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.85rem;
  height: 0.72rem;
  background: url("../images/sbtn2.png") no-repeat 0 0;
  background-size: 100% 100%;
  margin: 0.32rem auto 0;
}

.sbtn2 i {
  width: 0.36rem;
  height: 0.36rem;
  background: url("../images/icon-b.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sbtn2 span {
  margin-left: 0.06rem;
  font-size: 0.28rem;
  color: #0FF796;
}

.data-chart {
  width: 7.02rem;
  margin-bottom: 0.4rem;
}

.data-chart .bar {
  margin-top: 0.2rem;
  width: 6.54rem;
  height: 4.46rem;
}

.data-chart .data-tit {
  font-weight: bold;
  font-size: 0.28rem;
  color: white;
  text-align: center;
}

.data-chart .data-text {
  margin-top: 0.24rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.pl-tit {
  text-align: center;
  margin-top: 0.8rem;
}

.pl-tit span {
  font-size: 0.28rem;
  color: #fff;
  position: relative;
}

.pl-tit span::after {
  content: "";
  width: 2.35rem;
  height: 0.01rem;
  background-color: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 0.2rem;
  left: -2.68rem;
}

.pl-tit span::before {
  content: "";
  width: 2.35rem;
  height: 0.01rem;
  background-color: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 0.2rem;
  right: -2.68rem;
}

.box {
  width: 7.5rem;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.btn-box {
  margin-top: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.btn-box a {
  width: 3.2rem;
  height: 0.77rem;
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.77rem;
  justify-content: center;
  margin: 0 0.1rem;
  position: relative;
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
}

.btn-box a i {
  width: 0.46rem;
  height: 0.46rem;
  margin-right: 0.04rem;
  background: url("../images/icon-s.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.btn-box a em {
  position: absolute;
  top: -0.3rem;
  right: -0.1rem;
  width: auto;
  padding: 0 0.08rem;
  font-size: 0.22rem;
  color: #FDEF7D;
  text-align: center;
  line-height: 0.36rem;
  text-align: center;
  background-color: #1D292D;
  border: 1px solid #E0C75D;
  height: 0.4rem;
}

.btn-box a em::after {
  content: "";
  position: absolute;
  bottom: -0.09rem;
  left: 0.18rem;
  background: url("../images/tips1.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 0.21rem;
  height: 0.12rem;
}

.btn-box .btn1 {
  background: url(../images/tbtn1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.btn-box .btn1 em {
  position: absolute;
  top: -0.3rem;
  right: -0.1rem;
  width: auto;
  padding: 0 0.08rem;
  font-size: 0.22rem;
  color: #0FF796;
  text-align: center;
  line-height: 0.36rem;
  text-align: center;
  background-color: #1D292D;
  border: 1px solid #0FF796;
  height: 0.4rem;
}

.btn-box .btn1 em::after {
  content: "";
  position: absolute;
  bottom: -0.09rem;
  left: 0.18rem;
  background: url("../images/tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 0.21rem;
  height: 0.12rem;
}

.btn-box .btn2 {
  background: url(../images/tbtn2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.btn-box .btn3 {
  background: url(../images/tbtn3.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.list {
  display: flex;
  flex-direction: column;
}

.list .item {
  display: flex;
  align-items: center;
  margin-top: 0.46rem;
}

.list .item .info {
  background: url(../images/list.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 4.71rem;
  height: 0.68rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 0.22rem 0 0.32rem;
  color: #FFF;
  font-family: "Source Han Sans CN";
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
}

.list .item .info .location {
  color: #0FF796;
  font-family: "Source Han Sans CN";
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  display: inline-flex;
  align-items: center;
  margin-right: 0.28rem;
  flex: 0 0 auto;
  text-decoration: underline;
}

.list .item .info .location::before {
  content: "";
  background: url(../images/location.png?v=1) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .3rem;
  height: .3rem;
  margin-right: 0.08rem;
}

.list .item .info .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.btn {
  background: url(../images/btn.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 1.77rem;
  height: .7rem;
  font-family: "Source Han Sans CN";
  font-size: 0.26708rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.7rem;
  color: #15282A;
  text-align: center;
}

.banner {
  margin: 0.53rem auto 0;
  display: block;
  width: 7.02rem;
}

.tool-link {
  margin: 0.58rem auto 0.95rem;
  display: block;
  width: 4.6rem;
}

.mask {
  position: fixed;
  background: rgba(32, 32, 32, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.dia {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  background: url(../images/dia_2.png) repeat-y 0 0;
  background-size: 6.55rem 0.3rem;
  background-color: transparent;
  width: 6.55rem;
}

.dia .close {
  background: url(../images/dia_close.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  position: absolute;
  width: .37rem;
  height: .29rem;
  top: .05rem;
  right: .34rem;
}

.dia .title {
  color: #0FF796;
  font-family: HYYakuHei;
  font-size: 0.34rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: absolute;
  top: -.56rem;
  left: 50%;
  transform: translate(-55%, 0);
}

.dia .title span {
  color: #FDEF7D;
}

.dia .title img {
  position: absolute;
  left: 50%;
  height: 0.93rem;
  top: -0.78rem;
  transform: translate(-50%);
}

.dia .title .str {
  z-index: 1;
  position: relative;
}

.dia::before {
  content: "";
  display: block;
  background: url(../images/dia_1.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 6.55rem;
  height: .32rem;
  position: absolute;
  left: 0;
  top: -.32rem;
}

.dia::after {
  content: "";
  display: block;
  background: url(../images/dia_3.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 6.55rem;
  height: .32rem;
  position: absolute;
  bottom: -.32rem;
}

.dia .inner {
  color: rgba(239, 255, 248, 0.6);
  font-family: "Source Han Sans CN";
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.45rem;
  padding: 0 0.38rem 0.4rem;
  min-height: 1.6rem;
  max-height: 50vh;
  overflow-y: auto;
  margin-right: .3rem;
  margin-top: .68rem;
}

.dia .inner::-webkit-scrollbar {
  width: 0.1rem;
}

.dia .inner::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.4);
}

.dia .inner::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  background: none;
}

.dia .inner img {
  max-width: 100%;
  margin: 0.3rem 0;
  display: block;
}

.dia .inner .color {
  color: rgba(15, 247, 150, 0.6);
  text-overflow: ellipsis;
  font-family: "Source Han Sans CN";
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.45rem;
}

.swiper.message {
  border-radius: 0.05829rem;
  border: 1.224px solid #29634B;
  background: linear-gradient(90deg, #29634B 0%, #062E1D 94.93%);
  width: 4.68rem;
  height: 0.52rem;
  padding: 0.08em 0.17rem;
  box-sizing: border-box;
  margin-left: 0;
  text-align: center;
  color: #A2DDC4;
  font-family: "Source Han Sans CN";
  font-size: 0.23353rem;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
}

.swiper.message .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper.message .swiper-slide::before {
  content: "";
  display: block;
  background: url(../images/notice.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  margin-right: 0.1rem;
}

.dia-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  padding-top: 0.97rem;
  padding-left: 0.79rem;
  box-sizing: border-box;
}

.dia-menu .item {
  margin-bottom: 1rem;
}

.dia-menu .item img {
  height: 0.55rem;
  margin-right: 0.2rem;
}

.dia-menu a {
  color: #FFF;
  font-family: "Source Han Sans CN";
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
}

.dia-menu a.close {
  background: url(../images/dia_close2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .67rem;
  height: .67rem;
  position: fixed;
  bottom: 2.5rem;
  left: 50%;
  margin: -.35rem;
}

.title {
  text-align: center;
}

.title img {
  height: 1.29rem;
}

.tit {
  text-align: center;
  margin-top: 0.45rem;
}

.tit img {
  height: 1.14rem;
}

.tit-txt {
  text-align: center;
  position: relative;
  height: 1.14rem;
  margin-top: 0.45rem;
}

.tit-txt::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.1rem;
  margin-left: -0.65rem;
  width: 1.31rem;
  height: 1.14rem;
  background: url("../images/t-con.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tit-txt span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.38rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  height: 1.14rem;
  line-height: 1.44rem;
}

.tit-txt span em {
  color: #EF454B;
}

.tit-txt span::after {
  content: "";
  position: absolute;
  top: 0.08rem;
  left: -1.78rem;
  width: 1.67rem;
  height: 0.23rem;
  background: url("../images/t-left.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tit-txt span::before {
  content: "";
  position: absolute;
  top: 0.08rem;
  right: -1.78rem;
  width: 1.67rem;
  height: 0.23rem;
  background: url("../images/t-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cont {
  position: relative;
  width: 7.02rem;
  box-sizing: border-box;
  background-color: rgba(47, 13, 11, 0.2);
  margin: 0.46rem auto 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 0.25rem;
  padding: 0.25rem 0.23rem 0.3rem;
}

.cont::after {
  content: "";
  top: -0.12rem;
  left: 0;
  position: absolute;
  width: 7.02rem;
  height: 0.12rem;
  background: url("../images/top-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.con-text {
  text-align: center;
  font-size: 0.24rem;
  color: #EF454B;
}

.con-text2 {
  text-align: center;
  font-size: 0.24rem;
  color: #525252;
  margin-top: 0.2rem;
}

.swiper.message.v2 {
  color: #FDEF7D;
  border: 1.224px solid rgba(255, 227, 82, 0.4);
  background: linear-gradient(90deg, #605324 0%, #332E06 94.93%);
}

.swiper.message.v2 .swiper-slide::before {
  content: "";
  background: url(../images/notice2.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.swiper.message.v3 {
  margin: 0.2rem auto 0;
  color: #AF9C9D;
  width: 4rem;
  border: 1.224px solid rgba(181, 35, 40, 0.4);
  background: linear-gradient(90deg, #151411 0%, #1C100F 94.93%);
  position: relative;
  z-index: 0;
}

.swiper.message.v3 .swiper-slide::before {
  content: "";
  width: 0.21rem;
  height: 0.22rem;
  margin-top: 0.04rem;
  background: url(../images/notice3.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
}

.tit-nav {
  height: 0.45rem;
  display: flex;
  align-items: center;
  width: 6.45rem;
  box-sizing: border-box;
  border: 1px solid rgba(198, 198, 198, 0.5);
  padding: 0 0.42rem 0 0.2rem;
  margin-top: 0.24rem;
}

.tit-nav span {
  display: block;
  width: 1.44rem;
  text-align: center;
  font-size: 0.22rem;
  color: #E7E7E7;
}

.tit-nav span:nth-child(1) {
  margin-right: 1.2rem;
}

.tit-nav span:nth-child(2) {
  margin-right: 0.4rem;
}

.shop-list ul li {
  margin-top: 0.32rem;
  display: flex;
  align-items: center;
  width: 6.56rem;
  height: 1.48rem;
  background-color: #281F1F;
  box-sizing: border-box;
  padding: 0 0.23rem;
}

.shop-list ul li div {
  margin-right: 0.74rem;
  width: 1.9rem;
  height: 1.28rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url("../images/img-box.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li div img {
  width: 0.7rem;
  height: 0.7rem;
  object-fit: contain;
}

.shop-list ul li div em {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
}

.shop-list ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
}

.shop-list ul li p:nth-last-child(1) {
  margin-left: 0.6rem;
}

.shop-list ul li p i {
  margin-right: 0.06rem;
  width: 0.21rem;
  height: 0.21rem;
  background: url("../images/coin.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li p span {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
}

.g-list {
  display: flex;
  justify-content: center;
  margin: 0.3rem 0 0.3rem;
}

.g-list li {
  margin: 0 0.18rem;
  width: 1.9rem;
  height: 1.59rem;
  background: url("../images/img-box2.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.g-list li img {
  display: block;
  margin: 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
}

.g-list li p {
  text-align: center;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
}

.s-btn {
  position: relative;
  width: 3.76rem;
  height: 0.77rem;
  margin: 0.8rem auto;
  background: url("../images/s-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.s-btn em {
  position: absolute;
  top: -0.54rem;
  right: -0.5rem;
  width: 2.4rem;
  height: 0.47rem;
  font-size: 0.18rem;
  color: #EF454B;
  text-align: center;
  line-height: 0.42rem;
  background: url("../images/s-btn-tips.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.iocn-load {
  width: 0.35rem;
  height: 0.35rem;
  margin: 0.4rem auto 0;
  background: url("../images/icon-load.png") no-repeat 0 0;
  background-size: 100% 100%;
  animation: loading 2.5s linear infinite;
}

.bom-img {
  margin: 0.3rem auto;
}

.p-mask {
  width: 100vw;
  top: 0;
  left: 0;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  font-size: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.share-page {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  height: 100vh;
  width: 7.5rem;
  overflow-y: auto;
  z-index: -1;
}

.share {
  position: relative;
  width: 7.5rem;
  overflow: hidden;
  z-index: 99;
  background-color: #142024;
}

.share .head {
  background: none;
}

.share-box {
  width: 7.5rem;
  height: 14.16rem;
  margin: 0 auto 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.data-tips {
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.2rem;
}

.data-link {
  text-align: center;
  margin-top: 0.24rem;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.6);
}

.data-link a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.6);
}

.sh-box {
  width: 7.5rem;
  box-sizing: border-box;
  background-color: #142024;
}

.share-bom {
  width: 7.02rem;
  border-radius: 0.2rem;
  border-top: 0;
  margin: 0.16rem auto;
  background-color: #142024;
}

.share-bom .share-ft {
  width: 6.88rem;
  padding: 0.26rem;
}

.share-ft {
  width: 7.5rem;
  margin: 0rem auto 0;
  margin-top: 0rem;
  padding: 0.38rem 0.48rem 0.54rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.share-ft .s-top {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.share-ft .s-top .s-right {
  background: #fff;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.04rem solid #000;
  flex-shrink: 0;
}

.share-ft .s-top .s-right img {
  width: 0.88rem;
  height: 0.88rem;
}

.share-ft .s-txt {
  border-top: rgba(255, 255, 255, 0.15) dashed 1px;
  margin-top: 0.26rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.2rem;
  line-height: 0.34rem;
  padding-top: 0.16rem;
}

.pop-img-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

.pop-img {
  width: 6.0rem;
  height: auto;
  margin: 0.8rem auto 0;
  z-index: 9;
  margin-bottom: 4rem;
  box-sizing: border-box;
  background-color: #142024;
}

.pop-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.p-bom {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  padding-bottom: 0.4rem;
  box-sizing: border-box;
  padding-top: 0.48rem;
  border-top: 1px solid rgba(15, 247, 150, 0.4);
  background: linear-gradient(180deg, #2F443F 0%, #131B1E 100%);
}

.p-bom .p-close {
  position: absolute;
  top: 0.2rem;
  right: 0.4rem;
  width: 0.44rem;
  height: 0.44rem;
  background: url("../images/p-close2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-bom .p-tit {
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.p-bom .bom-list {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 0.2rem;
  overflow-x: auto;
}

.p-bom .bom-list::-webkit-scrollbar {
  display: none;
}

.p-bom .bom-list li {
  flex-shrink: 0;
  width: 0.96rem;
  margin: 0.28rem 0.2rem 0;
}

.p-bom .bom-list li img {
  width: 0.96rem;
  height: 0.96rem;
}

.p-bom .bom-list li P {
  font-size: 0.24rem;
  color: white;
  text-align: center;
  margin-top: 0.06rem;
}

.tab-wrapper .tab-head {
  display: flex;
  align-items: center;
  height: 0.44rem;
  margin-top: 0.26rem;
  border: 1px solid rgba(198, 198, 198, 0.2);
}

.tab-wrapper .tab-head .head-item {
  color: rgba(231, 231, 231, 0.5);
  text-align: center;
  font-family: "Source Han Sans CN";
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.28rem;
  height: 0.44rem;
  width: 1.34rem;
  line-height: 0.44rem;
  text-align: center;
  box-sizing: border-box;
}

.tab-wrapper .tab-head .head-item.on {
  border: 1px solid rgba(255, 227, 82, 0.5);
  background: #453B14;
  color: #FFE352;
}

.sort {
  display: flex;
  align-items: center;
  border: 0.5px solid #aaa;
  background: #202019;
  margin-top: 0.25rem;
}

.sort .sort-item {
  color: #E2E2E2;
  font-family: "Source Han Sans CN";
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.38rem;
  width: 1.64rem;
  box-sizing: border-box;
  line-height: .42rem;
  height: 0.42rem;
  padding: 0 0.12rem;
  border-right: 0.5px solid #aaa;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.sort .sort-item::after {
  content: "";
  background: url(../images/arrow.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .15rem;
  height: .12rem;
}

.sort .sort-item.hidetag::after {
  opacity: 0;
}

.sort .sort-item.dark::after {
  filter: brightness(0.5);
}

.sort .sort-item:last-child {
  border-right: none;
}

.sort .sort-item.v2::after {
  transform: rotate(-180deg);
}

.list2 {
  margin-top: .26rem;
}

.list2 .item {
  background: #20241A;
  padding: 0.12rem 0;
  margin-bottom: 0.26rem;
  display: flex;
  align-items: center;
  color: #FFF;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
}

.list2 .item .icon {
  width: 0.64rem;
  height: 0.64rem;
  box-sizing: border-box;
  padding: 0.08rem;
  background-color: #352F1A;
  margin-right: 0.15rem;
  object-fit: contain;
  flex: 0 0 auto;
}

.list2 .item .name {
  width: 0.86rem;
  word-break: break-all;
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.list2 .item .time {
  flex: 0 0 auto;
  text-align: right;
  padding-right: 0.12rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 22%;
}

.list2 .item .time::before {
  content: "";
  background: url(../images/time.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .2rem;
  height: .2rem;
  margin-right: 0.05rem;
}

.list2 .item .earnings {
  flex: 0 0 auto;
  text-align: right;
  padding-right: 0.12rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 23%;
}

.list2 .item .earnings::before {
  content: "";
  background: url(../images/coin.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .2rem;
  height: .2rem;
  margin-right: 0.05rem;
}

.page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-nav .prev {
  color: #FFF;
  text-align: center;
  font-family: "Source Han Sans CN";
  font-size: 0.264rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3168rem;
  display: inline-flex;
  align-items: center;
}

.page-nav .prev::before {
  content: "";
  background: url(../images/prev.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  margin-right: 0.11rem;
}

.page-nav .line {
  height: 0.28rem;
  width: 0.02rem;
  margin: 0 0.65rem;
  background: #FFE352;
  opacity: 0.5;
}

.page-nav .next {
  color: #FFF;
  text-align: center;
  font-family: "Source Han Sans CN";
  font-size: 0.264rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3168rem;
  display: inline-flex;
  align-items: center;
}

.page-nav .next::after {
  content: "";
  background: url(../images/prev.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .32rem;
  height: .32rem;
  transform: rotate(180deg);
  margin-left: 0.11rem;
}

.more-btn {
  width: 7.02rem;
  height: 0.56rem;
  margin: 0.24rem auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.more-btn i {
  margin-left: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-r1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.disable {
  filter: grayscale(1) brightness(0.6);
}

.sort2 {
  display: flex;
  align-items: center;
  border: 1px solid rgba(198, 198, 198, 0.5);
  background: #202019;
}

.sort2 .sort-item {
  color: #E2E2E2;
  font-family: "Source Han Sans CN";
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.38rem;
  width: 1.64rem;
  box-sizing: border-box;
  line-height: .42rem;
  height: 0.42rem;
  padding: 0 0.12rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sort2 .sort-item.arrow::after {
  content: "";
  background: url(../images/arrow.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: .15rem;
  height: .12rem;
  margin-left: .1rem;
}

.sort2 .sort-item.hidetag::after {
  opacity: 0;
}

.sort2 .sort-item.dark::after {
  filter: brightness(0.5);
}

.sort2 .sort-item:last-child {
  border-right: none;
}

.sort2 .sort-item.v2.arrow::after {
  transform: rotate(-180deg);
}

.sort2.v2 {
  margin-top: .2rem;
}

.sort2.v2 .sort-item:first-child {
  width: 40%;
  justify-content: flex-start;
  padding-left: 0.8rem;
}

.sort2.v2 .sort-item {
  width: 30%;
}

.tab-wrapper .tab-head.v2 .head-item {
  width: 33%;
}

.list2.v2 .icon.v2 {
  margin: 0 0.15rem;
}

.list2.v2 .name {
  width: 25%;
  text-align: center;
  box-sizing: border-box;
}

.list2.v2 .name.v2 {
  flex: 1 1 auto;
  text-align: left;
}

.list2.v2 .name.v3 {
  flex: 1 1 auto;
  text-align: left;
  padding-left: .6rem;
}

.list2.v2 .icon {
  margin: 0 auto;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading {
  animation: loading 1s linear infinite;
}

.mt100 {
  margin-top: 1rem !important;
}

.grey {
  filter: grayscale(1);
}

.side {
  position: fixed;
  bottom: 3.6rem;
  right: 0.1rem;
  transition: all 0.4s;
}

.side img {
  width: 0.8rem;
  height: 0.8rem;
}

.side a {
  margin: 0.2rem 0;
  display: block;
  position: relative;
}

.side a em {
  position: absolute;
  top: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  color: #131517;
  font-family: "Source Han Sans CN";
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  white-space: nowrap;
  display: flex;
  height: 0.28rem;
  padding: 0 0.08rem;
  justify-content: center;
  align-items: flex-start;
  border-radius: 0.16rem;
  background: #0FF796;
  z-index: 0;
  /* 155.556% */
}

.side a em::after {
  content: "";
  position: absolute;
  width: 0.14rem;
  height: 0.14rem;
  bottom: -0.04rem;
  left: 50%;
  z-index: -1;
  margin-left: -0.07rem;
  border-radius: 0.04rem;
  transform: rotate(45deg);
  background: #0FF796;
}

.p-pop {
  width: 6rem;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.4rem 0;
  background-color: #19282D;
  border: 0.02rem solid rgba(255, 255, 255, 0.3);
  z-index: 0;
}

.p-pop::after {
  content: "";
  position: absolute;
  width: 6rem;
  height: 2.12rem;
  top: -0.02rem;
  left: -0.02rem;
  z-index: -1;
  background: url("../images/p-top.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 0.14rem;
  bottom: -0.02rem;
  left: -0.02rem;
  z-index: -1;
  background: url("../images/p-bom.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-close {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: -0.02rem;
  right: -0.02rem;
  background: url("../images/p-close3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-tit {
  text-align: center;
}

.p-pop .p-tit span {
  text-align: center;
  position: relative;
  font-size: 0.32rem;
  color: #FFFFFF;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.p-pop .p-tit span::after {
  content: "";
  position: absolute;
  top: 0.14rem;
  left: -0.68rem;
  width: 0.52rem;
  height: 0.16rem;
  background: url("../images/t-left2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-tit span::before {
  content: "";
  position: absolute;
  top: 0.14rem;
  right: -0.68rem;
  width: 0.52rem;
  height: 0.16rem;
  transform: rotate(180deg);
  background: url("../images/t-left2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-set-list {
  width: 5.04rem;
  margin: 0 auto;
}

.p-pop .p-set-list li {
  color: #fff;
  font-size: 0.3rem;
  height: 0.88rem;
  text-align: center;
  line-height: 0.88rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.p-pop .p-set-list li:nth-last-child(1) {
  border-bottom: 0;
}

.p-pop .p-set-list li.on {
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: #0FF796;
  border-bottom: 1px solid #0FF796;
}

.p-pop .p-set-list-box {
  width: 5.2rem;
  margin: 0.1rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0.42rem;
}

.p-pop .p-set-list-box ul {
  flex-shrink: 0;
  height: 4.15rem;
  overflow-y: auto;
  width: 2.2rem;
  margin: 0 0.1rem;
  box-sizing: border-box;
  padding-right: 0.1rem;
}

.p-pop .p-set-list-box ul::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0);
}

.p-pop .p-set-list-box ul::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.p-pop .p-set-list-box ul::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: rgba(255, 255, 255, 0.4);
}

.p-pop .p-set-list-box ul li {
  height: 0.8rem;
}

.p-pop .p-info ul {
  width: 5.2rem;
  margin: 0.28rem auto 0;
  box-sizing: border-box;
  padding: 0.2rem 0.24rem;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

.p-pop .p-info ul li {
  width: 2.24rem;
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.p-pop .p-info ul li:nth-child(1) {
  margin-top: 0;
}

.p-pop .p-info ul li:nth-child(2) {
  margin-top: 0;
}

.p-pop .p-info ul li span {
  width: 1.02rem;
  margin-right: 0.1rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
}

.p-pop .p-info ul li em {
  font-size: 0.24rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  color: white;
}

.p-pop .p-info ul li em.c1 {
  color: #0FF796;
}

.p-pop .p-info ul li em.c2 {
  color: #FF5151;
}

.p-pop .p-text {
  margin-top: 0.24rem;
  width: 5.4rem;
  padding-right: 0.1rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #fff;
  margin: 0.24rem auto 0;
  max-height: 8rem;
  overflow-y: auto;
  margin-left: 0.3rem;
  text-align: justify;
}

.p-pop .p-text::-webkit-scrollbar {
  width: 0.06rem;
  height: 1rem;
}

.p-pop .p-text::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.p-pop .p-text::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: rgba(255, 255, 255, 0.5);
}

.p-pop .p-tips {
  margin-top: 0.16rem;
  text-align: center;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.p-pop .p-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}

.p-pop .p-btn a {
  width: 2.4rem;
  height: 0.72rem;
  text-align: center;
  line-height: 0.72rem;
  font-size: 0.28rem;
  margin: 0 0.1rem;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.p-pop .p-btn a.pbtn1 {
  color: #fff;
  background: url("../images/pbtn1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-btn a.pbtn2 {
  color: #0FF796;
  background: url("../images/pbtn2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-gift {
  width: 6rem;
  height: 3rem;
  background: url("../images/p-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -0.02rem;
  margin-top: -0.02rem;
}

.p-pop .p-gift img {
  width: 4.8rem;
  height: 2.4rem;
  object-fit: contain;
}

.p-pop .p-gift-info {
  display: flex;
  align-items: center;
  width: 5.47rem;
  margin: 0 auto;
}

.p-pop .p-gift-info div {
  flex: 1;
}

.p-pop .p-gift-info div span {
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
  font-size: 0.28rem;
  color: #FFFFFF;
}

.p-pop .p-gift-info div p {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
}

.p-pop .p-gift-info div p img {
  margin-right: 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  object-fit: contain;
}

.p-pop .p-gift-info div p em {
  line-height: 0.3rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
}

.p-pop .p-gift-info i {
  width: 0.48rem;
  height: 0.48rem;
  background: url("../images/icon-start.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-gift-info i.on {
  background: url("../images/icon-start-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop .p-chart-nav {
  display: flex;
  align-items: center;
  width: 5.47rem;
  margin: 0.32rem auto 0;
}

.p-pop .p-chart-nav span {
  flex: 1;
  font-size: 0.24rem;
  color: #FFFFFF;
}

.p-pop .p-chart-nav div {
  display: flex;
}

.p-pop .p-chart-nav div a {
  margin-left: 0.08rem;
  width: 0.72rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.7);
}

.p-pop .p-chart-nav div a.on {
  color: #0FF796;
  font-weight: 500;
  -webkit-text-stroke-width: 0.2pt;
}

.p-pop .p-gift-num {
  display: flex;
  width: 5.47rem;
  margin: 0.4rem auto 0;
}

.p-pop .p-gift-num li {
  margin-right: 0.28rem;
}

.p-pop .p-gift-num li span {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.32rem;
  display: block;
  color: rgba(255, 255, 255, 0.6);
}

.p-pop .p-gift-num li p {
  margin-top: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-pop .p-gift-num li p img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.06rem;
  flex-shrink: 0;
  object-fit: contain;
  vertical-align: top;
}

.p-pop .p-gift-num li p em {
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.26rem;
}

.p-pop .p-chart-line {
  position: relative;
  margin-top: 0.44rem;
}

.p-pop .p-chart-line .tips1 {
  font-size: 0.18rem;
  position: absolute;
  top: -0.3rem;
  left: 0.2rem;
  color: rgba(255, 255, 255, 0.7);
}

.p-pop .p-chart-line .tips2 {
  font-size: 0.18rem;
  position: absolute;
  bottom: -0.3rem;
  right: 0.2rem;
  color: rgba(255, 255, 255, 0.7);
}

.p-pop .p-chart-line .area {
  margin-left: 0.24rem;
  width: 5.58rem;
  height: 2.86rem;
}

.p-pop .num-list {
  padding: 0 0.38rem 0.16rem;
}

.p-pop .num-list li {
  width: 2.4rem;
}

.p-pop .lbox {
  width: 5.2rem;
  border: 0;
  margin-top: 0;
}

.p-pop .lbox::after {
  width: 5.2rem;
}

.p-pop .lbox .ltit::before {
  width: 5.2rem;
}

.p-pop .lbox .ltit .lt-tit3 span {
  font-size: 0.2rem;
  white-space: nowrap;
}

.p-pop .lbox .ltit .lt-tit3 span:nth-child(1) {
  width: 2.8rem;
}

.p-pop .lbox .ltit .lt-tit3 span:nth-child(2) {
  width: 0.88rem;
}

.p-pop .lbox .ltit .lt-tit3 span:nth-child(3) {
  width: 0.88rem;
}

.p-pop .tlist {
  width: 5.28rem;
  height: 6rem;
  padding-right: 0.1rem;
  overflow-y: auto;
}

.p-pop .tlist::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0);
}

.p-pop .tlist::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.p-pop .tlist::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: rgba(255, 255, 255, 0.2);
}

.p-pop .tlist li {
  width: 100%;
  padding: 0;
  height: 0.72rem;
  border-bottom: 0;
  margin-top: 0.24rem;
}

.p-pop .tlist li .timg {
  width: 0.72rem;
  height: 0.72rem;
}

.p-pop .tlist li .tname {
  margin-left: 0.16rem;
}

.p-pop .tlist li .tname span {
  display: block;
  font-size: 0.24rem;
  line-height: 0.32rem;
  width: 1.74rem;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.p-pop .tlist li.on {
  border-radius: 0.08rem;
  background-color: rgba(15, 247, 150, 0.1);
}

.p-fm-list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 0rem 0 0.38rem;
  margin-top: 0.24rem;
}

.p-fm-list li {
  font-size: 0.24rem;
  color: #FFFFFF;
  height: 0.48rem;
  line-height: 0.48rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.16rem;
  margin-right: 0.16rem;
  font-size: 0.24rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.p-fm-list li.in {
  position: relative;
}

.p-fm-list li.in::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.2rem;
  height: 0.2rem;
  bottom: 0;
  background: url("../images/icon-fh2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-fm-list li.on {
  color: #0FF796;
  background-color: rgba(15, 247, 150, 0.1);
  border: 1px solid #0FF796;
}

.p-fm-list li.on::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.2rem;
  height: 0.2rem;
  bottom: 0;
  background: url("../images/icon-fh.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2 {
  width: 6.7rem;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.4rem 0 0;
  background-color: #19282D;
  border: 0.02rem solid rgba(255, 255, 255, 0.3);
  z-index: 0;
}

.p-pop2::after {
  content: "";
  position: absolute;
  width: 6.7rem;
  height: 2.12rem;
  top: -0.02rem;
  left: -0.02rem;
  z-index: -1;
  background: url("../images/p-top.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2::before {
  content: "";
  position: absolute;
  width: 6.7rem;
  height: 0.14rem;
  bottom: -0.02rem;
  left: -0.02rem;
  z-index: -1;
  background: url("../images/p-bom.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2 .p-close {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: -0.02rem;
  right: -0.02rem;
  background: url("../images/p-close3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2 .p-nav {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 0.24rem;
}

.p-pop2 .p-nav a {
  position: relative;
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.28rem;
  color: #FFFFFF;
  padding: 0 0.18rem;
}

.p-pop2 .p-nav a.on {
  color: #0FF796;
  background-color: rgba(15, 247, 150, 0.08);
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
}

.p-pop2 .p-nav a.on::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.08rem;
  height: 0.44rem;
  background: url("../images/ntips1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2 .p-nav a.on::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.08rem;
  height: 0.44rem;
  background: url("../images/ntips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.p-pop2 .lbox {
  width: 100%;
  background: none;
  border: 0;
}

.p-pop2 .lbox::after {
  width: 100%;
  display: none;
}

.p-pop2 .lbox .ltit {
  justify-content: space-between;
}

.p-pop2 .lbox .ltit::before {
  width: 100%;
}

.p-pop2 .lbox .lt-tit2 span {
  width: 1.38rem;
}

.p-pop2 .tlist-box {
  width: 100%;
}

.p-pop2 .tlist {
  width: 6.64rem;
  max-height: 7.82rem;
  overflow-y: auto;
}

.p-pop2 .tlist::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0);
}

.p-pop2 .tlist::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
  border-radius: 0.2rem;
  background: none;
}

.p-pop2 .tlist::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  /* box-shadow: inset 0 0 0px rgba(237, 44, 37, .5); */
  background: rgba(255, 255, 255, 0.3);
}

.p-pop2 .tlist li .tname {
  width: 2.1rem;
}

.p-pop2 .tlist li .tname span {
  width: 2.2rem;
}

.p-pop2 .tlist li:nth-last-child(1) {
  border-bottom: 0;
}

.p-chart {
  padding-top: 0;
}

.tac {
  text-align: center;
}

.kb-time-pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 4rem;
  position: relative;
  margin-top: 0.14rem;
}

.kb-time-pick::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -0.4rem;
  width: 100%;
  height: 0.8rem;
  background-color: rgba(15, 247, 150, 0.1);
}

.kb-time-pick .lb-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.8rem;
  height: 4rem;
  overflow: hidden;
  margin: 0 0.2rem;
}

.kb-time-pick .lb-item.lb-day {
  width: 2.2rem;
}

.kb-time-pick .lb-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.kb-time-pick .lb-item li {
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}

.kb-time-pick .lb-item .swiper-slide-active {
  color: #FFFFFF;
  font-size: 0.28rem;
}

.kb-time-pick .sp-year,
.kb-time-pick .sp-month,
.kb-time-pick .sp-day {
  font-size: 0.22rem;
  height: 0.26rem;
  line-height: 0.28rem;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.08rem;
}

.kb-time-pick .sp-year {
  margin-left: -1.6rem;
}

.kb-time-pick .sp-month {
  margin-left: 0.34rem;
}

.kb-time-pick .sp-day {
  margin-left: 2.54rem;
}

.tooltip-title {
  font-size: 12px;
  color: #fff;
}

.tooltip-text {
  font-size: 12px;
  color: #fff;
}

.tooltip-text img {
  width: 10px;
  height: 10px;
  margin-left: 8px;
}

.tooltip-text em {
  margin-left: 1px;
}

.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.26rem;
  z-index: 999;
  padding: 0.1rem 0.2rem;
  border-radius: 0.16rem;
  transform: translate(-50%, -50%);
}

.p-img {
  position: relative;
  width: 5rem;
  height: 2.81rem;
  margin: 0.2rem auto 0;
}

.p-img img {
  border-radius: 0.1rem;
}

.p-img i {
  position: absolute;
  background: url("../images/icon-play.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 1.01rem;
  height: 1.01rem;
  left: 50%;
  top: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.video_list {
  border-radius: 0.1rem;
  box-sizing: border-box;
  width: 5rem;
  height: 2.81rem;
  margin: 0.24rem auto 0;
}

.video_list .vjs-poster {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
}

.video_list .video-js {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}

.video_list .video-js .vjs-tech {
  border-radius: 0.1rem;
}

.video_list .video-js .vjs-control-barz {
  border-radius: 0 0 0.1rem 0.1rem;
}

.video_list .video-js .vjs-has-started .vjs-control-bar {
  border-radius: 0 0 0.1rem 0.1rem;
}