body {
  opacity:1
}
* {
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  outline:0;
  -webkit-tap-highlight-color:transparent;
  font-family:"PingFang SC,DFPKingGothicGB-Regular,Lato,Tahoma,Microsoft Yahei,sans-serif";
  font-size:.32rem
}
body {
  -webkit-overflow-scrolling:touch
}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
  font-size:100%;
  vertical-align:middle
}
dl,
li,
ol,
ul {
  list-style:none
}
a,
a:active,
a:focus,
a:hover {
  outline:0;
  text-decoration:none
}
fieldset,
img {
  border:none
}
img {
  display:inline-block;
  overflow:hidden;
  vertical-align:top
}
address,
em,
i {
  font-size:normal
}
textarea {
  word-wrap:break-word;
  resize:none;
  border:0
}
.textarea {
  word-wrap:break-word;
  resize:none;
  border:0
}
.prev {
  position:relative;
  z-index:1
}
.tc {
  text-align:center
}
.bom {
  border-bottom:1px solid #efefef
}
html {
  scroll-behavior:smooth
}
.van-overflow-hidden {
  overflow:hidden!important
}
html {
  height:100%
}
body {
  height:100%
}
#app {
  min-height:100%
}
hr {
  height:1px;
  border:0;
  border-top:1px solid #eee;
  padding:.1rem 0
}
.it-self {
  width:.6rem;
  height:.6rem;
  margin:.2rem 0 0 .1rem;
  border-radius:3px;
  padding:.1rem 0;
  text-align:center
}
.rows {
  display:-moz-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:box;
  display:flex
}
.cell {
  display:block;
  -moz-box-flex:1;
  -webkit-box-flex:1;
  box-flex:1;
  flex:1
}
.box {
  width:100%;
  float:left;
  box-sizing:border-box
}
.fl {
  float:left
}
.fr {
  float:right
}
.hide {
  display:none!important
}
.p5 {
  padding:.1rem
}
.p10 {
  padding:.2rem
}
.pl5 {
  padding-left:.1rem
}
.pl10 {
  padding-left:.2rem
}
.pr5 {
  padding-right:.1rem
}
.pr10 {
  padding-right:.2rem
}
.pt2 {
  padding-top:.04rem
}
.pt5 {
  padding-top:.1rem
}
.pt10 {
  padding-top:.2rem;
  /*! height: 0.7rem; */
}
.pt12 {
  padding-top:.24rem
}
.pt15 {
  padding-top:.3rem
}
.pb10 {
  padding-bottom:.2rem
}
.mt5 {
  margin-top:.1rem
}
.mt10 {
  margin-top:.2rem
}
.mt15 {
  margin-top:.3rem
}
.ml10 {
  margin-left:.2rem
}
.bot {
  border-top:1px solid rgba(255,255,255,.1)
}
.word-1,
.word-2 {
  display:block;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  word-break:break-all;
  font-weight:400
}
.word-2 {
  -webkit-line-clamp:2
}
.shield {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  width:100%;
  height:100%
}
.loading {
  width:2.4rem;
  height:2.4rem;
  float:left;
  color:#fff;
  background-color:rgba(0,0,0,.75);
  border-radius:.1rem;
  position:fixed;
  left:50%;
  top:50%;
  margin:-1rem 0 0 -1.3rem;
  font-size:.28rem;
  z-index:99;
  padding-top:1.6rem;
  text-align:center
}
.loading:before,
.pael-loading:before {
  border-radius:50%;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  display:inline-block;
  -webkit-animation:rotate .65s 0s linear infinite;
  animation:rotate .65s 0s linear infinite;
  display:inline-block;
  content:"";
  border:2px solid #fff;
  border-left-color:transparent;
  border-bottom-color:transparent;
  width:.48rem;
  height:.48rem;
  position:absolute;
  top:.64rem;
  left:50%;
  margin-left:-.24rem;
  box-sizing:border-box
}
.rmload {
  animation:rmload .8s;
  opacity:0
}
@keyframes rmload {
  0% {
    opacity:1
  }
  100% {
    opacity:0
  }
}
@keyframes rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  50% {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.pael-loading {
  display:inline-block;
  color:rgba(255,255,255,.65);
  font-size:.28rem;
  height:1.5rem;
  line-height:1.5rem;
  position:relative;
  padding-left:.56rem
}
.pael-loading:before {
  width:.32rem;
  height:.32rem;
  margin:0;
  margin-right:.2rem;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-.16rem
}
.pael-failed {
  display:inline-block;
  color:#666;
  font-size:.28rem;
  line-height:.5rem;
  padding:.5rem 0
}
.mberr {
  position:fixed;
  z-index:99;
  width:100%;
  padding:0 .3rem;
  left:0;
  top:70%;
  margin-top:-1rem;
  overflow:hidden;
  opacity:0;
  animation:mberr 4s;
  -webkit-animation:mberr 4s;
  text-align:center
}
.mberr>p {
  display:inline-block;
  padding:.12rem .26rem;
  line-height:1.5;
  color:#fff;
  font-size:.28rem;
  border-radius:.1rem;
  -moz-border-radius:.1rem;
  -webkit-border-radius:.1rem;
  background-color:rgba(0,0,0,.8)
}
@keyframes mberr {
  0% {
    opacity:.3;
    margin-top:-1.2rem
  }
  10%,
  20% {
    opacity:1;
    margin-top:-1.6rem
  }
  20.01%,
  80% {
    opacity:1;
    margin-top:-1.6rem
  }
  100%,
  90.01% {
    margin-top:-100px;
    opacity:0
  }
}
@-webkit-keyframes mberr {
  0% {
    opacity:.3;
    margin-top:-1.2rem
  }
  10%,
  20% {
    opacity:1;
    margin-top:-1.6rem
  }
  20.01%,
  80% {
    opacity:1;
    margin-top:-1.6rem
  }
  100%,
  90.01% {
    margin-top:-100px;
    opacity:0
  }
}
.lg-grid {
  grid-template-columns:repeat(6,1fr);
  display:grid;
  grid-gap:10px
}
.lg-grid-row {
  width:100%;
  padding-bottom:.48rem;
  position:relative
}
.lz-block {
  width:100%;
  border-radius:5px;
  position:relative;
  overflow:hidden;
  background:#1a1a1a;
  background-size:auto 100%
}
.lz-block::before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:100%;
  display:block
}
.lg-grid .lz-block .textarea {
  width:100%;
  height:100%;
  min-height:auto;
  background-size:cover;
  position:absolute;
  left:0;
  top:0
}
.lg-grid .lg-grid-row a.tagflex {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0
}
.lg-grid .lg-grid-row .name {
  width:100%;
  color:#40187b;
  color:rgba(255,255,255,.9);
  font-size:.24rem;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.lg-grid-text {
  grid-template-columns:repeat(5,1fr);
  display:grid;
  grid-gap:8px
}
.lg-grid-text .lg-grid-row {
  padding:0
}
.lg-grid-text .lg-grid-row a {
  text-align:center;
  width:100%;
  float:left;
  display:block;
  border:1px solid #faebcc;
  padding:4px 5px;
  font-size:12px;
  background:#fcf8e3;
  color:#e67e23;
  border-radius:2px
}
.lg-grid-text .lg-grid-row a span.word-1 {
  font-size:12px;
  font-weight:600
}
.lg-grid .skeleton-loading a.tagflex .name {
  height:.32rem;
  background-color:#eee;
  color:#eee
}
.headapp {
  height:1.6rem;
  overflow:hidden;
  border-radius:5px;
  background-color:#ddd
}
.gorp-logo {
  width:1.2rem;
  height:1.2rem;
  border-radius:5px;
  overflow:hidden;
  position:relative
}
.gorp-t-a {
  font-weight:700;
  font-size:.32rem;
  height:.4rem;
  line-height:.4rem;
  color:#fffFFFCC
}
.gorp-t-b {
  font-size:.26rem;
  color:#ea5455;
  height:.4rem;
  line-height:.4rem;
  margin-top:.06rem
}
.gorp-t-c {
  font-size:.24rem;
  color:#999
}
.download-btn {
  display:inline-block;
  width:1.39rem;
  height:.6rem;
  line-height:.6rem;
  background-image:linear-gradient(135deg,#feb692 0,#ea5455 100%);
  border-radius:.05rem;
  font-size:.26rem;
  color:#fff;
  font-weight:lighter;
  text-align:center;
  cursor:pointer
}
.download-btn {
  background-image:linear-gradient(90deg,#4800ff 0,#f06 100%);
  background-image:linear-gradient(135deg,#7f5dff,#4800ff)
}
.promis {
  padding:.2rem 0;
  border-top:1px solid rgba(255,255,255,.1);
  color:#888;
  font-size:.28rem
}
.profoo {
  font-size:.28rem;
  font-weight:500;
  color:#888;
  padding-bottom:.3rem;
  padding-top:.14rem
}
.title-img {
  width:auto;
  height:.4rem
}
.grid-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(50px,1fr));
  grid-gap:10px
}
.v-item {
  position:relative
}
.v-live {
  overflow:hidden
}
.v-image,
.v-product {
  width:100%;
  border-radius:5px;
  position:relative;
  display:block;
  background:#1a1a1a url(../img/loading.png) center center no-repeat;
  background-size:auto 100%
}
.v-image:before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:120%;
  display:block
}
.v-product:before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:100%;
  display:block
}
.lazy-image {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden
}
.lazy-image img {
  width:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0;
  min-height:100%
}
.v-item .v-title {
  width:100%;
  line-height:1.4;
  margin-top:5px;
  color:#333;
  font-size:.28rem
}
.join-live {
  background:linear-gradient(270deg,rgba(45,122,255,.6) 0,rgba(147,45,255,.5) 100%);
  color:#fff;
  font-size:.28rem;
  width:130px;
  height:36px;
  position:absolute;
  left:50%;
  top:50%;
  align-items:center;
  display:flex;
  justify-content:center;
  margin:-18px 0 0 -65px;
  border-radius:20px
}
.bt-info {
  position:absolute;
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:center;
  bottom:0;
  height:.6rem;
  padding:0 6px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
  border-bottom-left-radius:.2rem;
  border-bottom-right-radius:.2rem
}
.bt-info img {
  width:.24rem!important;
  height:.24rem;
  margin-right:.08rem
}
.bt-info-left {
  color:#fff;
  display:flex;
  align-items:center
}
.bt-info-right {
  background:url(../img/gifzhibo.gif) left center no-repeat;
  background-size:.24rem auto;
  padding-left:.36rem
}
.inner {
  font-size:.24rem
}
.bt-info-left .dian {
  width:.08rem;
  height:.08rem;
  border-radius:50%;
  background-color:#48ff54;
  margin-right:.04rem
}
.bt-info-left .online-num {
  color:#48ff54;
  font-size:.24rem
}
.bt-t {
  display:flex;
  align-items:center
}
.qq-info-wrap {
  padding:.16rem .16rem .1rem .16rem
}
.qq-pj {
  padding-top:.08rem
}
.qq-title {
  margin-bottom:.1rem;
  font-size:.32rem;
  font-weight:600;
  color:#fff
}
.qq-info {
  display:flex;
  justify-content:space-between;
  font-size:.24rem
}
.qq-pic {
  font-size:.32rem;
  color:#f03789;
  font-weight:600;
  line-height:1.5
}
.qq-pic-icon {
  font-size:.24rem;
  font-weight:400
}
.qq-pl .qq-ys {
  font-size:.26rem;
  color:hsl(217.89deg 10.73% 65.29%);
  line-height:1.5;
  font-weight:600;
  margin-top:.04rem
}
.qq-item {
  background-color:hsl(215deg 27.91% 16.86%);
  width:100%;
  border-radius:.2rem;
  overflow:hidden
}
.gril-item {
  display:block;
  width:100%;
  border-radius:.2rem;
  background-color:#ffedfb
}
.gril-item .lazy-image {
  border-top-left-radius:10px;
  border-top-right-radius:10px
}
.gril-top {
  position:absolute;
  top:0;
  padding:.08rem;
  width:100%;
  display:flex;
  justify-content:space-between
}
.gf-tips {
  width:1.8rem;
  height:.6rem;
  background-color:#0000004D;
  border-radius:.64rem;
  padding:.08rem;
  display:flex;
  align-items:center;
  color:#fffFFFCC;
  font-weight:700
}
.gf-tips img {
  width:.44rem;
  height:auto
}
.gf-tips span,
.like-tips span {
  font-weight:700;
  font-size:12px;
  padding:0 5px
}
.like-tips img {
  width:.44rem;
  height:auto
}
.like-tips {
  width:1.16rem;
  height:.6rem;
  background-color:#0000004D;
  border-radius:.64rem;
  padding:.08rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fffFFFCC
}
.gril-bottom {
  position:absolute;
  bottom:-.3rem;
  padding:0 .16rem;
  width:100%;
  display:flex;
  justify-content:space-between
}
.gril-text-wrap {
  margin-top:.3rem;
  padding:.16rem;
  overflow:hidden
}
.gril-text {
  display:flex;
  margin-bottom:.1rem;
  justify-content:space-between;
  width:100%;
  overflow:hidden;
  white-space:nowrap
}
.gril-name {
  flex:1;
  font-size:.32rem;
  font-weight:600;
  color:#d62881
}
.color1 {
  color:#1163cd;
  font-size:.26rem;
  font-weight:600;
  display:block
}
.text {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  width:100%
}
.gti {
  font-size:.26rem;
  flex:0 0 auto;
  color:#383838
}
.gtc {
  font-size:.26rem;
  text-wrap:nowrap;
  margin-right:.08rem;
  color:#1aaca9;
  font-weight:600
}
.gril-add {
  font-size:.24rem;
  flex:0 0 auto;
  color:#a783e8
}
.gril-add img {
  float:left;
  margin-top:3px;
  margin-right:5px
}
.aicon-t {
  font-weight:600;
  color:#e1e3e5;
  float:left;
  height:.48rem;
  line-height:.48rem
}
.aicon-y {
  font-size:.28rem;
  color:rgba(255,255,255,.8);
  padding-left:.2rem;
  height:.48rem;
  line-height:.48rem
}
.ifuckt {
  padding:.08rem .06rem 0 .04rem;
  overflow:hidden;
  height:.48rem
}
.ifuckt::after,
.ifuckt::before {
  content:"";
  width:3px;
  height:16px;
  background-image:-webkit-linear-gradient(45deg,#f4a942,#ff2a14);
  display:inline-block;
  margin-right:4px;
  transform:rotate(15deg)
}
.scrool-gral {
  white-space:nowrap;
  overflow:auto;
  overflow-y:hidden;
  padding:0 7px
}
.scrool-gral::-webkit-scrollbar {
  display:none;
  background-color:transparent
}
.gard-item {
  width:3.3rem;
  background-color:#282127;
  border-radius:10px;
  display:inline-block;
  position:relative;
  overflow:hidden;
  margin:0 3px
}
.zrrz-icon {
  width:1.28rem;
  height:.4rem;
  position:absolute;
  top:0;
  left:0;
  z-index:2
}
.zricon {
  position:absolute;
  top:0;
  left:0;
  width:1.28rem;
  height:.4rem;
  background:url(../img/zrrz-icon.png) center center no-repeat;
  background-size:100%
}
.zrz-icon-img:before {
  height:0;
  padding-bottom:150%;
  content:"";
  display:block
}
.zrz-icon-img img {
  width:100%
}
.zrz-item {
  min-height:10px;
  position:relative;
  z-index:1
}
.zrz-item-a {
  padding:0 5px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:absolute;
  top:-10px;
  left:0
}
.add-wrap,
.like-wrap {
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  flex-shrink:0;
  border-radius:.2rem;
  height:.36rem;
  padding:0 .1rem;
  color:#fff
}
.add-wrap span,
.like-wrap span {
  font-size:12px;
  padding-left:4px
}
.like-wrap {
  background:linear-gradient(90deg,#7a5a9b 0,#b191b6 106.25%) center/100% 100% no-repeat
}
.add-wrap {
  background:linear-gradient(90deg,#c37d3c -26.98%,#d47476 100%) center/100% 100% no-repeat
}
.zone-text-wrap {
  padding:5px 8px;
  color:#fffFFFCC
}
.zone1-item-name {
  font-weight:700
}
.zone1-item-color1 {
  color:#a389c7;
  font-size:.32rem
}
.zone1-item-color2 {
  color:#fffFFF99;
  font-size:.26rem;
  padding:0 3px
}
.zone-text-wrap .zone1-item-name-wrap .zone1-item-color2 {
  color:rgba(255,255,255.9);
  font-size:.28rem
}
.zone-item-btn-wrap {
  padding:5px 8px 0 8px
}
.zone-item-btn {
  width:100%;
  border-radius:.16rem;
  height:.64rem;
  line-height:.64rem;
  text-align:center;
  background:linear-gradient(90deg,#4800ff 0,#f06 100%);
  font-size:13px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}
.zone-item-btn span {
  font-size:13px;
  padding:0 3px
}
.item-wrap {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.2rem
}
.wrap-sp-item {
  padding:.16rem;
  padding-right:.1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background-color:#282127;
  border-radius:.2rem
}
.sp-item-img {
  width:.84rem;
  height:.84rem;
  border-radius:5px;
  position:relative;
  overflow:hidden
}
.sp-item-img .lazy-image {
  border-radius:0
}
.sp-item-img .lazy-image:before {
  width:12px;
  height:12px;
  margin:-6px 0 0 -6px;
  border-width:1px
}
.ad-name {
  font-weight:700;
  font-size:.32rem;
  color:rgba(255,255,255,.9);
  height:24px
}
.lf-g-load {
  color:rgba(255,255,255,.75);
  font-size:.24rem;
  margin-top:3px;
  line-height:1.3
}
.lf-g-d {
  padding-left:.2rem
}
.flow-tips {
  width:100%;
  display:flex
}
.flow-tips p {
  background-color:#00fF001A;
  color:#64b264;
  border-radius:.16rem;
  height:.32rem;
  line-height:.32rem;
  padding:0 5px;
  margin:6px 0 2px 0;
  font-size:.24rem;
  margin-right:.08rem
}
.av-text-wrap {
  display:grid;
  gap:8px;
  grid-template-columns:repeat(5,minmax(0,1fr))
}
.av-text-item {
  background-color:#2b2b2e;
  height:.6rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  padding:0 .1rem;
  box-shadow:0 2px #e8e8e826
}
.av-text-item img {
  overflow-clip-margin:content-box;
  overflow:clip;
  margin-right:3px
}
.av-text-item .h-text {
  color:#ffb29e;
  color:#fff;
  font-size:.26rem
}
.av-text-item:first-child .h-text {
  color:#ff02b3
}
.av-text-item:first-child {
  background-color:#d6a0ff24
}
.av-text-item:nth-child(3) .h-text {
  color:#ffa515
}
.av-text-item:nth-child(3) {
  background-color:#ffdaa024
}
.av-text-item:nth-child(5) .h-text {
  color:#ff1515
}
.av-text-item:nth-child(5) {
  background-color:#ffa0a024
}
.av-text-item:nth-child(7) .h-text {
  color:#15c5ff
}
.av-text-item:nth-child(7) {
  background-color:#a0ccff24
}
.av-text-item:nth-child(9) .h-text {
  color:#21ff15
}
.av-text-item:nth-child(9) {
  background-color:#c6ffa024
}
.av-text-item:nth-child(11) .h-text {
  color:#ff1515
}
.av-text-item:nth-child(11) {
  background-color:#ffa0a024
}
.av-text-item:nth-child(13) .h-text {
  color:#ff02b3
}
.av-text-item:nth-child(13) {
  background-color:#d6a0ff24
}
.av-text-item:nth-child(15) .h-text {
  color:#15c5ff
}
.av-text-item:nth-child(15) {
  background-color:#a0ccff24
}
.top-avi {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.2rem
}
.top-avi-item {
  display:block
}
.top-avi-item-block {
  background-image:url(../img/item-l.png);
  margin-left:.3rem;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:top left;
  display:flex;
  align-items:center;
  height:1.2rem;
  padding-right:.1rem
}
.avi-bgset {
  background:linear-gradient(125.48deg,#97554c 29.36%,#8f3b50 82.03%);
  background-blend-mode:overlay;
  border-radius:.2rem;
  border:1px solid #fffFFF5E
}
.top-ad-img {
  position:relative;
  left:-.3rem;
  width:.96rem;
  height:.96rem;
  border-radius:.2rem;
  overflow:hidden
}
.top-ad-title {
  color:#fee859;
  font-weight:600;
  font-size:.28rem;
  margin-bottom:.04rem
}
.top-ad-text {
  color:#fffFFF80;
  font-size:.24rem
}
.a-btns-all a {
  display:inline-block;
  line-height:2;
  color:#dddee3;
  padding:0 .3rem;
  font-size:.3rem;
  position:relative
}
.a-btns-all a span {
  font-size:.26rem;
  color:#d03050
}
.a-btns-all a::after {
  content:"";
  display:inline-block;
  width:1px;
  height:.26rem;
  background-color:rgba(255,255,255,.15);
  position:absolute;
  left:0;
  top:50%;
  margin-top:-.13rem
}
.a-btns-all>a:first-child::after {
  display:none
}
.h60 {
  height:70px
}
.h70 {
  height:1.6rem
}
.fxiedfooter {
  position:fixed;
  bottom:0;
  left:0;
  z-index:9;
  overflow:hidden
}
.fter-main {
  max-width:520px;
  margin:0 auto
}
.desktop {
  width:100%;
  display:flex;
  align-items:center;
  padding:.16rem 0 .16rem .16rem;
  background-color:#0f1741;
  background-color:rgba(40,33,39,.9)
}
.desk-close {
  width:.8rem;
  height:.8rem;
  background:url(../img/desk-close.png) center center no-repeat;
  background-size:26px;
  margin-right:.1rem
}
.desk-logo {
  width:.8rem;
  height:.8rem;
  border-radius:5px;
  overflow:hidden;
  position:relative
}
.desk-logo .lazy-image {
  border-radius:0
}
.desk-logo .lazy-image:before {
  width:12px;
  height:12px;
  margin:-6px 0 0 -6px;
  border-width:1px
}
.desk-title {
  font-size:.3rem;
  color:#fff;
  font-weight:700;
  height:.4rem;
  line-height:1
}
.desk-arite {
  color:hsla(0,0%,88%,.8);
  font-size:.24rem
}
.btn-right-down {
  background-color:#febd2b;
  font-size:.26rem;
  font-weight:400;
  color:#fff;
  padding:.1rem .3rem;
  border-radius:30px
}
.swiper {
  height:1.6rem
}
.abanner {
  background-color:#efefef;
  background:0 0;
  display:block;
  border-radius:5px;
  overflow:hidden;
  position:relative
}
.swblob {
  display:block;
  overflow:hidden;
  border-radius:5px;
  position:relative;
  width:100%;
  height:100%
}
.abanner img,
.swblob img,
.swiper img {
  height:100%;
  object-fit:fill;
  width:100%
}
body {
  min-width:320px;
  max-width:520px;
  margin:0 auto
}
.black {
  background-color:#111214
}
.whirte {
  background-color:#f6f7f9
}
.my-sticky {
  position:sticky;
  background-size:100%;
  top:0;
  z-index:3;
  padding-bottom:5px;
  background-color:#111214
}
.marquee-wrap {
  width:100%;
  padding:.1rem
}
.marquee-box {
  height:.72rem;
  padding:.1rem;
  padding-left:.24rem;
  background:#fcdefa;
  border-radius:.35rem;
  color:#8d66c7
}
.container-main {
  margin:0 .15rem;
  font-size:.2rem;
  overflow:hidden
}
.marquee-box p {
  display:inline-block;
  color:#8d66c7;
  font-weight:600;
  height:.52rem;
  line-height:.52rem;
  padding-left:100%;
  white-space:nowrap;
  font-size:.28rem;
  animation:vMarquee 13s linear infinite
}
@keyframes vMarquee {
  0% {
    transform:translate3d(0,0,0)
  }
  100% {
    transform:translate3d(-100%,0,0)
  }
}
.logo {
  height:.64rem
}
.vcob {
  display:none;
  background:#f96518;
  font-size:.2rem;
  padding:2px 4px;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  color:#fff;
  position:absolute;
  left:0;
  top:5px;
  float:left;
  z-index:2
}
.nav-doman-text {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#fff
}
.hd-nav-btn {
  background-color:rgba(0,0,0,.25);
  height:.6rem;
  line-height:.6rem;
  padding:0 10px;
  border-radius:.3rem;
  overflow:hidden;
  color:#fee859;
  font-size:.24rem
}
.hd-nav-btn img {
  width:.28rem;
  margin:.14rem .1rem 0 0
}
.marquee-wrap {
  display:none
}
.gorp-t-a {
  color:#fffFFFCC;
  color:rgba(255,255,255,.95)
}
.gorp-t-c {
  color:#fffFFFcc
}
.header-logo {
  overflow:hidden;
  height:.8rem
}
.header-logo img {
  height:.8rem;
  vertical-align:middle
}
.header-seach {
  height:.6rem;
  background-color:rgba(255,255,255,.12);
  border-radius:.3rem;
  overflow:hidden
}
.header-seach-hot {
  height:.6rem;
  overflow:hidden;
  line-height:.6rem;
  color:rgba(255,255,255,.5);
  font-size:.28rem
}
.van-tabs-wrap {
  height:45px;
  overflow:hidden
}
.van-tabs-nav {
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  position:relative;
  display:flex;
  user-select:none;
  padding:0 .2rem 0 .1rem;
  transition:all .5s
}
.van-tabs-nav::-webkit-scrollbar {
  display:none;
  background-color:transparent
}
.van-tab {
  display:block;
  flex:1 0 auto;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0 .16rem;
  text-align:center
}
.van-tab-text {
  font-size:.32rem;
  color:rgba(255,255,255.8);
  transition:all .2s;
  height:45px;
  line-height:45px
}
.van-tab.on .van-tab-text {
  font-size:.36rem;
  -webkit-text-fill-color:transparent;
  font-weight:700;
  background:linear-gradient(270.2deg,#ff3a7c -4.69%,#921dff) text
}
.van-tab.on {
  position:relative
}
.van-tab.on::after {
  content:"";
  display:block;
  width:24px;
  height:.08rem;
  background-image:linear-gradient(270.2deg,#ff3a7c -4.69%,#921dff);
  border-radius:.06rem;
  overflow:hidden;
  position:absolute;
  bottom:0;
  left:50%;
  margin:0 0 0 -12px
}
.back-to-top {
  padding:9px;
  width:.96rem;
  height:.96rem;
  border-radius:.1rem;
  background-color:#000000d9;
  overflow:hidden;
  position:fixed;
  right:.2rem;
  bottom:33%;
  z-index:9;
  transition:all .2s;
  border:1px solid rgba(255,255,255,.2);
  cursor:pointer
}
.back-to-top svg {
  width:100%;
  height:100%
}
.warp-game {
  border-radius:5px;
  padding:1px;
  background:#1c192e;
  overflow:hidden
}
.wrap-grid {
  flex:1;
  display:grid;
  grid-gap:4px;
  grid-template-columns:repeat(4,1fr);
  padding:.14rem .1rem
}
.icon-wrap {
  width:1.2rem;
  height:1.2rem;
  background:linear-gradient(167.21deg,#1c192e 11.09%,#312c50 113.05%);
  padding:.1rem 0;
  color:#fff;
  text-align:center;
  font-weight:600;
  font-size:.32rem;
  display:flex;
  align-items:center;
  justify-content:center
}
.wrap-grid .cur {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.26rem;
  color:rgba(255,255,255,.8);
  padding:0 .1rem
}
.bg-hot {
  background:#24192e
}
.bg-hot .icon-wrap {
  background:linear-gradient(163.85deg,#24192e 10.88%,#3e2952 92.88%)
}
.bg-icon-hot {
  background:url(../img/icon_hot_bg.png) center center no-repeat;
  background-size:.64rem auto;
  width:100%;
  height:100%
}
.bg-live .bg-icon-hot {
  background-image:url(../img/icon_live_bg.png)
}
.grid-video {
  display:grid;
  grid-template-columns:repeat(2,minmax(50px,1fr));
  grid-gap:10px
}
.grid-video .v-item {
  padding-top:.1rem
}
.grid-video .v-image {
  border-radius:0
}
.grid-video .v-image:before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:67%;
  display:block
}
.grid-video .lazy-image {
  border-radius:5px;
  z-index:1
}
.grid-video .v-title {
  width:100%;
  line-height:1.3;
  margin-top:8px;
  color:rgba(255,255,255,.85)
}
.pl-count,
.pl-time {
  position:absolute;
  left:.1rem;
  bottom:.14rem;
  z-index:2;
  font-size:.24rem;
  color:#e4e4e4
}
.pl-time {
  left:auto;
  right:.1rem
}
.grid-video .lazy-image::after {
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  width:100%;
  height:.64rem;
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))
}
.dialog-mask {
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  top:0;
  left:0;
  z-index:11;
  width:100%;
  height:100%;
  overflow:hidden
}
.dialog-mask .bg {
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  position:absolute;
  top:0;
  left:0;
  z-index:0
}
.s-notice {
  position:relative;
  width:4.8rem;
  height:7.52rem;
  background:url(../img/site-bg-CRGJjYdZ.png) center center no-repeat;
  background-size:100%
}
.ai-btn-down {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  font-size:0
}
.btn-close {
  width:30px;
  height:30px;
  background:rgba(0,0,0,.1);
  border-radius:16px;
  position:absolute;
  right:0;
  top:0;
  z-index:3;
  transform:rotate(45deg);
  overflow:hidden;
  right:8px;
  top:8px;
  font-size:0
}
.btn-close::after,
.btn-close:before {
  content:"";
  width:2px;
  height:16px;
  background-color:#000;
  display:inline-block;
  position:absolute;
  left:50%;
  top:50%;
  margin:-8px 0 0 -1px
}
.btn-close::after {
  height:2px;
  width:16px;
  margin:-1px 0 0 -8px
}
.dep-code {
  width:100%;
  height:2.1rem;
  position:absolute;
  left:0;
  top:1.36rem
}
.p-code-img {
  width:2.1rem;
  height:2.1rem;
  overflow:hidden;
  background-color:rgba(0,0,0,.6);
  display:inline-block
}
.p-code-img img {
  width:100%;
  height:100%;
  object-fit:cover
}
.dep-tdoma {
  position:absolute;
  top:4.5rem
}
.dom-t-a {
  height:.48rem;
  line-height:.48rem;
  font-size:.28rem
}
.dom-t-b {
  font-weight:600;
  color:#f30;
  height:.4rem;
  line-height:.4rem
}
.grid-game {
  grid-template-columns:repeat(4,minmax(50px,1fr))
}
.grid-game .gril-item {
  overflow:hidden;
  border-radius:.2rem
}
.grid-game .v-image:before {
  padding-bottom:133%
}
.v-g-name {
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
  padding:.06rem;
  font-size:.26rem;
  font-weight:600;
  color:#fff
}
.fxied-box {
  width:78px;
  height:78px;
  position:fixed;
  right:10px;
  bottom:20%;
  z-index:21
}
.fxied-box .b-close {
  width:26px;
  height:26px;
  background-color:rgba(0,0,0,.7);
  position:absolute;
  right:0;
  top:0;
  border-radius:50%;
  overflow:hidden;
  margin:-13px 0 0 0;
  transform:rotate(45deg)
}
.fxied-box .b-close::after,
.fxied-box .b-close::before {
  content:"";
  width:2px;
  height:16px;
  background-color:#fff;
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin:-8px 0 0 -1px;
  border-radius:2px
}
.fxied-box .b-close::after {
  height:2px;
  width:16px;
  margin:-1px 0 0 -8px
}
.fxied-box .v-img {
  width:100%;
  height:100%;
  display:block
}
.fxied-box .v-img img {
  width:100%;
  height:100%
}
#fxied-box-bird2 {
  right:auto!important;
  left:.2rem!important
}
.semi-tabs-bar-line {
  width:calc(100% - 1px);
  white-space:nowrap;
  -ms-overflow-style:none;
  /*! scrollbar-width:none; */
  position:relative;
  overflow-x:scroll;
  overflow-y:hidden;
  padding-left:.2rem;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.agrid-res {
  display:inline-block;
  color:rgba(255,255,255,.75);
  height:.8rem;
  line-height:.8rem;
  padding:0 6px
}
.agrid-res.on span {
  font-weight:600;
  color:#fff;
  font-size:.36rem
}
.agrid,
.agrid-d {
  width:.8rem;
  height:.8rem;
  padding:.2rem 0 0 .16rem;
  overflow:hidden;
  cursor:pointer
}
.agrid-d {
  width:24px;
  height:24px;
  background-color:rgba(51,52,63,.8);
  border-radius:12px;
  margin:3px 10px;
  padding:2px 4px
}
.aline-o {
  background-color:rgb(242,242,244,.1);
  padding:0 10px;
  height:30px;
  line-height:30px;
  display:inline-block;
  border-radius:5px;
  margin-right:5px;
  color:rgba(255,255,255,.8);
  font-size:.28rem;
  overflow:hidden
}
.aline-o.on {
  font-weight:600;
  color:#fff;
  background-color:rgb(242,242,244,.5);
  background-color:#ffffff40
}
.self-close {
  border-top:1px solid rgba(255,255,255,.1);
  display:none
}
.slfce {
  display:inline-block;
  padding:.2rem .3rem;
  cursor:pointer
}
.self-close svg {
  display:inline-block;
  float:left;
  width:.36rem;
  height:.36rem
}
.self-close span {
  font-size:.28rem;
  color:#fff;
  display:inline-block;
  float:left;
  line-height:.36rem;
  padding:0 .12rem
}
.bilumk {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  background-color:#111214
}
.semi-open {
  background-color:#111214
}
.semi-open .semi-tabs-bar-line {
  white-space:inherit
}
.semi-open .semi-tabs-bar-line .aline-o {
  float:left;
  margin:0 10px 10px 0
}
.semi-open .self-close {
  display:block
}
.semi-open .agrid-d {
  display:none
}
.semi-open .bilumk {
  position:inherit
}
.itgsef {
  display:inline-block;
  color:#fff;
  height:32px;
  line-height:32px;
  padding:0 .2rem;
  color:rgba(255,255,255,.85);
  border-radius:5px;
  cursor:pointer
}
.itgsef.on {
  background-color:rgb(240,188,85,.15);
  color:#febd2b;
  font-weight:600
}
.abanner {
  height:1.6rem
}
.abanner .v-image {
  height:100%
}
.abanner .v-image:before {
  padding:0;
  padding-bottom:100%
}
.a-btn-more {
  background-color:#ffffff1a;
  border-radius:5px;
  overflow:hidden;
  color:#e1e3e5;
  display:block;
  line-height:.8rem;
  font-size:.28rem;
  text-align:center;
  border:1px solid #333
}
.bplhad {
  height:.8rem;
  background:url(../img/Item_bg.png) no-repeat;
  background-size:cover
}
.t-l {
  font-family:HYYakuHei;
  position:relative;
  height:.8rem;
  line-height:.8rem;
  color:#fff;
  font-weight:600;
  padding:0 .2rem
}
.t-l:before {
  content:"";
  background:url(../img/Item_icon.svg) center center no-repeat;
  background-size:auto .52rem;
  width:36px;
  height:100%;
  display:inline-block;
  float:left;
  margin-right:.1rem
}
.a-btn-page {
  background-color:#ffffff1a;
  border:1px solid #333;
  height:.8rem;
  line-height:.8rem;
  font-size:.3rem;
  color:#fff;
  text-align:center;
  display:block;
  padding:0 .3rem;
  border-radius:5px;
  cursor:pointer;
  min-width:30%
}
.pb-x-input {
  height:.8rem;
  border:1px solid #333;
  padding:0 1rem 0 15px;
  border-radius:5px;
  background:0 0;
  color:#fff
}
.pb-x-input:focus {
  border-color:#fff
}
.pb-x span {
  position:absolute;
  top:0;
  right:.3rem;
  height:.8rem;
  line-height:.8rem;
  color:#fff
}
.bird-close {
  display:block;
  z-index:99;
  background:rgba(0,0,0,.7);
  color:#fff;
  font-size:.24rem;
  padding:.16rem .26rem;
  position:absolute;
  right:.1rem;
  top:.1rem;
  line-height:1.2;
  border-radius:1em;
  float:left
}
.van-overflow-hidden {
  overflow:hidden
}
.gourp-main {
  position:fixed;
  width:100%;
  height:100%;
  z-index:9;
  left:0;
  bottom:0
}
.page-tager {
  width:100%;
  max-width:520px;
  position:absolute;
  padding:.2rem 0;
  left:0;
  bottom:0;
  background-color:#fff;
  border-top-left-radius:.2rem;
  border-top-right-radius:.2rem
}
.d-grid-list {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding-bottom:.3rem
}
.popup-item {
  border:1px solid #f5f5f5;
  border-radius:.08rem;
  padding:.1rem .1rem;
  background-color:#f7f8f9
}
.popup-item .word-1 {
  color:#000
}
.popup-item.on .word-1 {
  color:#f30;
  font-weight:600
}
.gourp-main .bg {
  width:100%;
  height:100%;
  background:rgba(0,0,0,.35)
}
@media only screen and (min-width:520px) {
  .page-tager {
    left:calc(50% - 260px)
  }
}
.margun-text {
  height:.48rem;
  line-height:.48rem;
  color:#fff
}
.margun-text marquee {
  font-size:.28rem
}
.itelnage {
  font-size:.34rem;
  color:#fff;
  font-weight:600;
  line-height:.64rem
}
.v-text-dig {
  display:inline-block;
  height:.52rem;
  line-height:.52rem;
  padding:0 .16rem;
  box-shadow:0 2px #e8e8e826;
  font-size:.26rem;
  border-radius:.1rem;
  float:left;
  margin-left:.2rem;
  margin-top:.06rem;
  background-color:#ffdaa024;
  color:#ffa515
}
.v-text-dig:nth-child(odd) {
  color:#ff02b3;
  background-color:#ffa0a024
}
.empty-data {
  color:rgba(255,255,255,.8);
  text-align:center;
  line-height:1.8;
  padding:.3rem 0
}
.empty-data img {
  max-width:36%
}
.v-t-title {
  font-size:.36rem;
  font-weight:600;
  color:#fff
}
.v-video {
  background-color:#ffffff1a
}
.v-video:before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:56.25%;
  display:block
}
.footer-pwa-app {
  left:0;
  right:0;
  position:fixed;
  bottom:1.7rem;
  overflow:hidden;
  z-index:8
}
.footer-app-box {
  display:inline-block;
  color:#6495ed;
  background-color:#fff;
  border-radius:20px;
  height:.8rem;
  padding:0 .2rem
}
.pwa-btn-push {
  font-size:.28rem;
  line-height:.8rem;
  position:relative;
  padding:0 .2rem 0 .12rem;
  cursor:pointer
}
.pwa-btn-push::after {
  width:1px;
  height:.32rem;
  background-color:rgba(0,0,0,.1);
  position:absolute;
  right:0;
  top:.24rem;
  content:"";
  display:inline-block;
  overflow:hidden
}
.pwa-app-close {
  color:#999;
  line-height:.8rem;
  padding:0 .16rem;
  font-size:.28rem;
  cursor:pointer
}
.app-btn-push {
  padding-left:.16rem;
  cursor:pointer
}
.pwa-btn-push:before {
  content:"";
  width:.4rem;
  height:.4rem;
  background-color:#6495ed;
  float:left;
  display:inline-block;
  margin:.2rem .12rem 0 .04rem;
  background:url(../img/icon_add.png) center center no-repeat;
  border-radius:.08rem;
  background-size:.36rem
}
.app-btn-push:before {
  background-image:url(../img/icon_app.png);
  background-size:100%
}
.nums {
  font-size:.28rem;
  color:#e1e3e5;
  line-height:1.8;
  width:100%;
  float:left
}
.v-tags-item.on .iconfont,
.v-tags-item.on .nums {
  color:#febd2b
}
.v-tags-item .iconfont {
  font-size:.4rem;
  color:#e1e3e5;
  display:inline-block;
  width:100%;
  float:left
}
.icon-xuanchuan {
  line-height:.48rem;
  display:none
}
.a-btn-copy {
  color:#febd2b;
  border:1px solid #60544a;
  font-size:.26rem;
  padding:4px 10px;
  border-radius:.06rem
}
.slird-mail {
  border:1px solid #ffdaa024;
  background-color:#ffdaa024;
  box-shadow:0 0 2px #e8e8e826;
  padding:.18rem;
  border-radius:.08rem
}
.kyl-a {
  font-size:.26rem;
  color:#e1e3e5
}
.kyl-a span {
  color:#febd2b;
  font-size:.28rem
}
.QQB-tips {
  background:#d6a0ff24;
  color:#e1e3e5;
  border:1px solid #ffdaa024;
  line-height:1.5;
  padding:.1rem .14rem;
  border-radius:.06rem
}
.abp-m {
  font-size:.26rem;
  line-height:1.6;
  color:#e1e3e5;
  padding:.1rem 0
}
.abp-m span {
  font-size:.26rem
}
.abp-m .s-p-btn {
  color:#ff02b3;
  padding:0 .1rem;
  float:right;
  cursor:pointer
}
.ostip {
  color:#febd2b
}
.sirtnb {
  font-size:.26rem;
  color:#e1e3e5;
  padding:.2rem;
  padding-left:0;
  line-height:1.5;
  padding-right:1.5rem;
  position:relative
}
.sirtnb span {
  font-size:.26rem;
  color:#0f0
}
.sirtnb a.a-d-lnk {
  color:#000;
  line-height:.48rem;
  font-size:.26rem;
  position:absolute;
  padding:.06rem .16rem;
  top:50%;
  right:0;
  margin-top:-.3rem;
  border-radius:5px;
  overflow:hidden;
  background-color:#febd2b
}
div[dt-eid=poster] {
  position:absolute;
  left:-9999px
}
.gourp-main {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:12
}
.gourp-main .bg {
  width:100%;
  height:100%;
  background:rgba(0,0,0,.35)
}
.action-sheet {
  visibility:hidden;
  -webkit-transition:visibility .3s cubic-bezier(.36,.66,.04,1);
  transition:visibility .3s cubic-bezier(.36,.66,.04,1)
}
.vhide {
  visibility:hidden
}
.action-sheet-active {
  visibility:visible
}
.action-sheet .page-tager {
  background-color:#fff;
  border-top-left-radius:.2rem;
  border-top-right-radius:.2rem;
  position:absolute;
  padding-bottom:env(safe-area-inset-bottom);
  bottom:0;
  z-index:2;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  -webkit-transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);
  transition:transform .3s cubic-bezier(.36,.66,.04,1);
  transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1)
}
.screen-dialog {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
.screen-dialog-overlay {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.15)
}
.screen-dialog-main {
  position:relative;
  max-height:100%;
  margin-top:100px;
  background-color:#fff;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
  -webkit-overflow-scrolling:touch;
  z-index:2
}
.screen-dialog-image {
  width:80%;
  max-width:400px;
  max-height:80%;
  background:0 0;
  overflow-y:initial
}
.screen-dialog-image a {
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
  position:relative
}
.screen-dialog-image .ads-image {
  width:100%;
  height:100%;
  border-radius:4px;
  overflow:hidden
}
.screen-dialog-image .ads-image img {
  width:100%;
  height:100%;
  display:block;
  min-height:300px;
  opacity:1
}
.screen-dialog-image .ads-image img:not([src]) {
  opacity:0
}
.screen-dialog-image .dialog-close-icon {
  width:32px;
  height:32px;
  background-color:rgba(255,255,255,.75);
  color:#fff;
  border-radius:50%;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:5px;
  top:-45px;
  padding:4px
}
#dialog-forever-notice.saved {
  position:absolute;
  top:-99999px
}
#dialog-forever-notice.saved .dialog-close-icon {
  display:none
}
#dialog-forever-notice.saved .notice .download-qrcode-url {
  display:none
}
#dialog-forever-notice.saved .browser {
  display:none
}
.screen-dialog-image .dialog-close-icon .icon {
  width:100%;
  height:100%
}
.dialog-notice {
  width:80%;
  max-width:320px;
  background:0 0
}
.dialog-notice .notice {
  padding-bottom:15px;
  background-color:#eff0f5;
  position:relative;
  border-radius:10px
}
.dialog-notice .notice .notice-header {
  padding:25px 20px 5px;
  color:#524fac;
  border-radius:10px
}
.dialog-notice .notice .notice-header h3 {
  margin:0;
  line-height:24px;
  font-size:20px;
  font-weight:700;
  text-align:center
}
.dialog-notice .notice .notice-header h3 span {
  margin-left:2px;
  font-size:14px
}
.dialog-notice .notice .el-scrollbar {
  height:100%;
  max-height:300px
}
.dialog-notice .notice .notice-content {
  margin:10px 15px 0;
  background-color:#fff;
  border-radius:10px;
  overflow:hidden
}
.dialog-notice .notice .notice-content .scroll-wrapper {
  max-height:330px
}
.dialog-notice .notice .notice-content .notice-content-scrollbar {
  padding:15px 20px;
  color:#524fac
}
.dialog-notice .notice .notice-content .notice-content-scrollbar p {
  margin-bottom:6px;
  line-height:1.5;
  font-size:.24rem
}
.dialog-notice .notice .notice-content .site-qrcode {
  margin:8px 0 10px 15px;
  float:right;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  position:absolute;
  right:.1rem
}
.dialog-notice .notice .notice-content .site-qrcode #qrcode canvas {
  width:72px;
  height:72px
}
.dialog-notice .notice .notice-content .site-qrcode p {
  font-size:12px;
  font-weight:700;
  color:#333
}
.dialog-notice .notice .notice-tip {
  margin:10px 15px 0;
  padding:4px 15px;
  color:#524fac;
  font-weight:700;
  text-align:center;
  border:2px solid #524fac;
  border-radius:4px;
  display:block
}
.dialog-notice .dialog-close-icon {
  width:24px;
  height:24px;
  background-color:rgba(0,0,0,.75);
  color:#fff;
  border-radius:50%;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:8px;
  top:8px;
  padding:.1rem .1rem
}
.dialog-notice .btn-normal {
  color:#fff;
  background-color:#000;
  border-color:#000;
  font-size:.24rem;
  padding:.1rem .6rem;
  border-radius:3px;
  text-align:center
}
.c-message {
  position:fixed;
  top:30px;
  left:50%;
  height:40px;
  line-height:40px;
  background:#fff;
  min-width:200px;
  color:#666;
  box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
  z-index:9999
}
.c-message--main {
  padding-left:50px;
  padding-right:20px
}
.c-message--icon {
  color:#fff;
  width:40px;
  height:40px;
  text-align:center;
  position:absolute;
  left:0;
  top:0;
  line-height:40px
}
.c-message--error {
  background:#ff4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%
}
.c-message--info {
  background:#20a0ff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%
}
.c-message--warning {
  background:#f7ba2a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%
}
.c-message--close {
  position:absolute;
  right:10px;
  color:#999;
  text-decoration:none;
  cursor:pointer;
  font-size:30px;
  top:0;
  line-height:34px;
  display:block;
  height:40px
}
.c-message--close:hover {
  color:#666
}
@keyframes messageFadeInDown {
  0% {
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
  }
  100% {
    -webkit-transform:none;
    transform:none
  }
}
.c-message.messageFadeInDown {
  -webkit-animation-duration:.6s;
  animation-duration:.6s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both -webkit-animation-name:messageFadeInDown;
  animation-name:messageFadeInDown
}
@keyframes messageFadeOutUp {
  0% {
    opacity:1
  }
  100% {
    opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
}
.c-message.messageFadeOutUp {
  -webkit-animation-duration:.6s;
  animation-duration:.6s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both -webkit-animation-name:messageFadeOutUp;
  animation-name:messageFadeOutUp
}
.jc-paging {
  width:100%;
  float:left;
  width:100%;
  padding:10px 60px;
}
.jc-paging ul {
  width:100%;
  float:left;
}
.jc-paging ul li {
  float:left;
  margin-right:10px;
  background-color:#ffffff1a;
  border:1px solid #333;
  color:#fff;
  min-width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  cursor:pointer;
  border-radius:2px;
  padding:0 1px;
  margin-top:10px;
}
.jc-paging .jc-nobg li {
  background-color:#fff
}
.jc-paging ul li a {
  display:inline-block;
  width:100%;
  height:100%;
  color:#f6f9ff;
  font-size:19px;
}
.jc-pagin-tip em {
  margin:0 5px
}
.jc-paging .jc-nobg .active {
  background-color:#fff
}
.jc-paging .jc-nobg .active a {
  color:#1989fa
}
.jc-paging ul li:hover {
  background-color:#072e43;
  color:#606266
}
.jc-paging ul li:hover a {
  color:#606266
}
.jc-paging .jc-nobg li:hover {
  background-color:#eee
}
.jc-paging ul li.active {
  border:none;
  background:#072e43;
  color:#fff;
  cursor:default
}
.jc-paging ul li.active a {
  color:#fff
}
.jc-paging ul li.disabled a {
  color:#c0c4cc
}
.pagingbg {
  background:url() no-repeat center center;
  background-size:16px
}
.jc-paging ul li.goto {
  display:flex;
  justify-content:center;
  padding:0;
  background:0 0;
  align-items:center;
  border:1px solid #333;
  color:#fff;
  padding:0 5px
}
.jc-paging ul li.goto input[name=gotxt] {
  border-bottom:1px solid #2a2a2a;
  padding:2px;
  border-top:0;
  border-left:0;
  border-right:0;
  background:0 0;
  color:#fff
}
.jc-paging ul li.goto .btn {
  margin:0;
  line-height:16px;
  position:relative;
  font-weight:600;
  color:#fff;
  background-color:transparent;
  border:0;
  border-radius:3px;
  padding:0 5px;
  width:100%;
  height:100%
}
.jc-goto {
  width:35px;
  padding:0!important;
  margin-left:35px
}
.jc-goto span {
  color:#000!important
}
.jc-padingget:focus {
  outline-color:#dcdfe6
}
.jc-padingget {
  text-align:center;
  width:100%;
  height:100%;
  display:block;
  border:none
}
.jc-padingget:checked {
  border-color:transparent
}
.jc-pabtn {
  position:absolute;
  left:60px;
  top:0;
  padding:6px 10px;
  border:1px solid #d5d8de;
  outline:0;
  border-radius:3px;
  background-color:#fff
}
.jc-pabtn:active {
  background-color:#1989fa
}
.jc-paging .simple .goto-label {
  display:none
}
.jc-paging .simple .page {
  display:none
}
.nav-search>a>span {
  font-size:.22rem;
  height: 0.6rem;
}
.nav-search>a {
  height:100%;
  line-height:.6rem;
  background-color:rgba(51,52,63,.8);
  border-radius:.1rem;
  color:#969699;
  font-size:.26rem;
  overflow:hidden;
  text-align:left;
  padding-left:.16rem;
  display:flex;
  align-items:center;
}
.nav-search .search-btn {
  float:right;
  width:.36rem;
  margin-left:auto;
  margin-right:.14rem
}
.page-silde {
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:11
}
.silde-pack-title {
  height:31px;
  line-height:31px;
  font-size:18px
}
.silder-pack-close {
  padding:.1rem
}
.page-silde-dialog {
  height:100%;
  display:flex;
  flex-direction:column
}
.page-silde-header {
  padding:.2rem .3rem;
  display:flex;
  justify-content:space-between
}
.page-silde-body {
  flex:1 1 0%;
  overflow-y:auto
}
.feedback-list {
  padding:0 .3rem
}
.feedback-list-item {
  border-bottom:1px solid #efefef;
  padding:.2rem 0
}
.feedback-item-header {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden
}
.feedback-name {
  flex:1;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.feedback-reply-btn {
  padding:0 4px;
  font-size:12px;
  color:#333;
  border:1px solid #000;
  border-radius:2px
}
.feedback-content,
.feedback-reply-content {
  margin:4px 0;
  color:#60606c;
  word-wrap:break-word
}
.feedback-content .tag,
.feedback-reply-content .tag {
  margin-right:5px;
  padding:0 4px;
  color:#fff;
  font-size:12px;
  line-height:16px;
  background-color:#07c160;
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  position:relative
}
.feedback-reply-content .tag {
  background-color:#ff976a
}
.feedback-time {
  color:#999;
  font-size:12px
}
.feedback-admin-reply {
  margin-top:5px;
  padding:8px 10px;
  background-color:#eff0f5;
  border-radius:4px
}
.form {
  padding:.2rem .2rem .5rem .2rem
}
.form-label {
  line-height:20px
}
.form-control {
  resize:vertical;
  height:auto;
  border-radius:4px;
  border:1px solid #ecefe6;
  padding:6px 12px;
  line-height:1.5
}
.btn {
  display:flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  user-select:none;
  white-space:nowrap
}
.btn-normal {
  color:#fff;
  background-color:#000;
  border-color:#000;
  font-size:15px;
  padding:9px 12px;
  border-radius:4px;
  border-width:0
}
.form-checkbox,
.form-radio {
  padding:0 15px 0 0;
  float:left
}
.el-ctext {
  height:30px;
  line-height:30px;
  float:left;
  font-size:16px;
  color:#606266;
  cursor:pointer;
  padding-left:5px
}
.el-ctorl {
  appearance:none;
  position:relative;
  width:18px;
  height:18px;
  float:left;
  margin:6px 0 0 0;
  cursor:pointer
}
.el-ctorl::before {
  content:'';
  width:18px;
  height:18px;
  border:1px solid #ccc;
  display:inline-block;
  border-radius:10px;
  vertical-align:middle;
  box-sizing:border-box;
  float:left;
  background-color:#fff
}
.el-ctorl:checked::before {
  content:'';
  width:18px;
  height:18px;
  border:1px solid #333;
  float:left;
  display:inline-block;
  border-radius:50%;
  vertical-align:middle;
  box-sizing:border-box;
  background:#333
}
.el-ctorl:checked::after {
  content:'';
  width:4px;
  height:4px;
  text-align:center;
  background:#fff;
  border-radius:4px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-2px 0 0 -2px
}
.el-ctorl:checked+label {
  color:#333
}
.form-checkbox .el-ctorl::before {
  border-radius:2px
}
.form-checkbox .el-ctorl:checked::after {
  width:9px;
  height:4px;
  border-radius:0;
  background-color:transparent;
  border:2px solid #fff;
  border-top:transparent;
  border-right:transparent;
  top:4px;
  left:4px;
  margin:0;
  transform:rotate(-45deg)
}
.faile-short {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  z-index:3;
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto 100%
}
.v-video-footer,
.v-video-title {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  padding:.1rem .2rem
}
.v-video-footer {
  top:auto;
  bottom:.1rem;
  color:rgba(255,255,255,.9);
  font-weight:600
}
.v-video-btn {
  width:.72rem;
  height:.72rem;
  background-color:transparent;
  outline:0;
  cursor:pointer;
  box-sizing:border-box;
  bottom:0;
  opacity:.8;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  overflow:hidden
}
.v-video-btn svg {
  width:100%;
  height:100%;
  box-sizing:content-box
}
.v-video-btn svg path {
  fill:#fff;
  box-sizing:content-box
}
.v-fl {
  font-size:.22rem
}
.v-fr {
  font-size:.24rem
}
.v-word {
  color:rgba(255,255,255,.9);
  font-weight:600
}
.s-v-item {
  display:flex;
  justify-content:center;
  position:relative
}
.s-v-item>span {
  display:inline-block;
  width:.32rem;
  height:.32rem;
  overflow:hidden;
  margin:.08rem .08rem 0 0
}
.s-v-item .iconfont {
  font-size:.4rem
}
.s-v-item>label {
  line-height:.48rem;
  font-size:.28rem
}
.s-v-item.on span {
  color:red
}
.v-duration {
  background:rgba(0,0,0,.6);
  padding:4px;
  border-radius:3px
}
#video-list {
  color:#666
}
.s-v-item {
  color:#757575
}
.v-nums {
  color:#fff
}
.tag-search {
  color:#fff;
  cursor:pointer;
  text-decoration:underline
}
.short-grid-play {
  display:grid;
  grid-template-columns:repeat(1,1fr)
}
.short-grid-play .v-video {
  width:100%;
  position:relative;
  display:block
}
.short-grid-play .v-video:before {
  content:'';
  width:100%;
  height:0;
  padding-bottom:56.25%;
  display:block
}
.v-box-player {
  background-color:#999;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:#000;
  background-size:cover;
  z-index:1
}
.player {
  height:100%
}
.v-video {
  position:relative
}
.short-v-box-player {
  background-color:#999;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:#000;
  background-size:cover;
  z-index:1
}
.dplayer-mobile-play {
  width:.72rem!important;
  height:.72rem!important
}
.dplayer-comment {
  display:none!important
}
.dplayer-controller {
  padding:0 10px!important
}
.dplayer-controller .dplayer-icons.dplayer-icons-right {
  right:10px!important
}
.dplayer-logo {
  max-width:none!important;
  left:0!important;
  top:0!important
}
.dplayer-logo img {
  float:left;
  height:36px!important
}
.dplayer-controller .dplayer-icons .dplayer-time {
  margin-left:0!important
}
.dplayer-controller .dplayer-bar-wrap {
  width:calc(100% - 20px)!important;
  left:10px!important;
  bottom:40px!important
}
.dplayer-dtime,
.dplayer-ptime {
  font-size:13px!important
}
.dplayer-full-in-icon {
  display:none!important
}
.dplayer-time {
  float:left
}
.dplayer-btn-runing {
  height:38px;
  float:left;
  padding:3px;
  padding-left:10px
}
.dplayer-btn-runing .btn-run {
  width:32px;
  height:32px;
  float:left;
  background-size:24px;
  background-repeat:no-repeat;
  background-position:center
}
.dplayer-logo p {
  width:100%;
  font-size:13px;
  color:#fff;
  text-align:right;
  position:absolute;
  bottom:-8px;
  height:20px;
  line-height:20px
}
.player-birdwork {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:3;
  padding:4% 10% 12% 10%;
  background-color:#000;
  overflow:hidden
}
.player-birdwork .plug-alls {
  height:100%;
  overflow:hidden
}
.plug-alls img {
  height:100%;
  width:100%;
  vertical-align:middle
}
.plug-loading {
  color:#fff;
  height:40px;
  line-height:40px;
  font-size:.26rem
}
.plug-loading::before {
  border-color:rgba(255,255,255,.9);
  border-top-color:#000;
  box-sizing:border-box
}
.player-bird-start {
  position:absolute;
  left:0;
  right:0;
  z-index:15;
  bottom:0;
  top:0
}
.player-bird-start .timer {
  position:absolute;
  right:10px;
  top:10px;
  color:#fff;
  font-size:14px;
  background:rgba(102,102,102,.7);
  padding:3px 6px;
  border-radius:6px
}
.player-bird-start .player-bird-start-btn {
  background-color:#e21725;
  border:none;
  color:#fff;
  text-align:center;
  text-decoration:none;
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
  position:absolute;
  bottom:-58px;
  width:100%;
  left:0;
  z-index:16
}
.clakpys::before {
  content:"";
  position:absolute;
  top:50%!important;
  left:8%;
  transform:translate(0,-50%);
  animation:none;
  width:0;
  height:0;
  border:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:13px solid #fff;
  transition:all .3s;
  margin:0;
  border-radius:3px
}
.vtag-list {
  width:100%;
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  gap:.2rem 0;
  position:relative;
  padding:.15rem 0;
  overflow:hidden
}
.loop-slider .inner {
  display:flex;
  width:fit-content;
  animation-name:loop;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-direction:var(--direction);
  animation-duration:var(--duration)
}
.vtag {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0 .02rem;
  font-size:.28rem;
  color:#fff;
  border-radius:.1rem;
  padding:.1rem .16rem;
  margin-right:.26rem;
  text-align:center;
  overflow:hidden;
  white-space:nowrap
}
.vtag {
  box-shadow:0 .1rem .1rem rgba(0,0,0,.1),0 .1rem .1rem rgba(0,0,0,.02),0 .1rem .1rem rgba(0,0,0,.02)
}
.vtag span {
  font-size:.26rem
}
.fade0 {
  pointer-events:none;
  background:linear-gradient(90deg,#f9f9f9,transparent 10%,transparent 90%,#f9f9f9);
  position:absolute;
  inset:0
}
@keyframes loop {
  0% {
    transform:translateX(0)
  }
  100% {
    transform:translateX(-50%)
  }
}
.vtag {
  background-color:#2b2b2e;
  height:.6rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  padding:0 .1rem;
  box-shadow:0 2px #e8e8e826
}
.vtag img {
  overflow-clip-margin:content-box;
  overflow:clip;
  margin-right:3px
}
.vtag {
  color:#ffb29e;
  color:#fff;
  font-size:.26rem
}
.vtag:nth-child(3) {
  color:#ff02b3
}
.vtag:nth-child(6) {
  color:#ffa515
}
.vtag:nth-child(9) {
  color:#15c5ff
}
.vtag:nth-child(12) {
  color:#ff1515
}
.vtag:nth-child(15) {
  color:#21ff15
}
.vtag:nth-child(3) {
  background-color:#d6a0ff24
}
.vtag:nth-child(6) {
  background-color:#ffdaa024
}
.vtag:nth-child(9) {
  background-color:#a0ccff24
}
.vtag:nth-child(12) {
  background-color:#ffa0a024
}
.vtag:nth-child(15) {
  background-color:#c6ffa024
}
.t-icon-nick {
  font-size:.28rem;
  color:#fff;
  font-weight:600;
  height:.6rem;
  line-height:.6rem
}
.stag-hot {
  width:25%;
  padding:.1rem.1rem
}
.stag-hot a {
  color:#333
}
.tag-name {
  font-size:.24rem;
  background-color:#f3f4f6;
  height:.56rem;
  line-height:.52rem;
  border-radius:.32rem;
  border:1px solid#efefef
}
.search-content {
  background-color:rgba(255,255,255,.25);
  border-radius:.5rem;
  padding:.1rem .2rem
}
.s-zicon {
  width:.32rem;
  height:.32rem;
  overflow:hidden;
  margin:.17rem 0 0 .2rem
}
.s-btn-text {
  color:#fff;
  height:.68rem;
  line-height:.68rem;
  padding:0 .3rem;
  font-size:.3rem;
  font-weight:400;
  background:0 0;
  border:none
}
.s-input {
  height:.68rem;
  line-height:.68rem;
  color:#fff;
  background:0 0;
  border:0;
  padding:0 .2rem;
  margin:0;
  box-sizing:border-box;
  resize:none;
  font-size:.28rem
}
.s-input::placeholder {
  color:rgba(255,255,255,.5);
  font-size:.28rem
}
.footer-adv-h {
  min-height:1.34rem;
  height:1.6rem
}
.footer-adv-items {
  min-height:1.34rem;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:5;
  overflow:hidden
}
.footer-adv-items .placement {
  min-width:320px;
  max-width:520px;
  margin:0 auto;
  position:relative
}
.footer-adv-items .placement .bird-close {
  right:.4rem
}
.top-placement {
  height:1.6rem;
  background-color:#ddd;
  border-radius:3px;
  overflow:hidden;
  background:url(../img/loading.png) no-repeat center;
  background-size:auto 100%
}
.swiper-pagination-bullet {
  opacity:.6;
  border:1px solid #eee
}
.loading-spinner {
  position:relative;
  display:inline-block;
  width:20px;
  max-width:100%;
  height:20px;
  max-height:100%;
  vertical-align:middle;
  -webkit-animation:animate-rotate .8s linear infinite;
  animation:animate-rotate .8s linear infinite
}
.loading-spinner-circular {
  -webkit-animation-duration:2s;
  animation-duration:2s
}
.loading-circular {
  display:block;
  width:100%;
  height:100%
}
.loading-circular circle {
  -webkit-animation:animate-circular 1.5s ease-in-out infinite;
  animation:animate-circular 1.5s ease-in-out infinite;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round
}
.lazy-image .lazy-image-error,
.lazy-image .lazy-image-loading,
.lz-block .lazy-image-error,
.lz-block .lazy-image-loading {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#969799;
  font-size:14px;
  background-color:#f7f8fa
}
.app-btn-footer {
  position:fixed;
  bottom:0;
  left:0;
  z-index:3;
  background-color:#111214
}
.footer-btn-main {
  max-width:520px;
  margin:0 auto
}
.ftmin {
  background-color:#252632;
  border-top:1px solid #111;
  -webkit-touch-callout:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.ftmin a {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#999;
  font-size:.24rem;
  font-weight:500;
  font-family:PingFang SC,DFPKingGothicGB-Medium,Lato,Tahoma,Microsoft Yahei,sans-serif;
  padding:.1rem 0 .06rem 0
}
.ftmin a {
  padding:.12rem 0
}
.ftmin a div.feet {
  font-size:.32rem;
  color:#999;
  line-height:.64rem
}
.ftmin a.active div.feet {
  font-size:.38rem
}
.ftmin a.active div,
.ftmin a.active i {
  background:linear-gradient(180deg,#febd2b 0,#f57620 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:600
}
.p-lr-fix-10 {
  padding-left:10px;
  padding-right:10px
}
@media screen and (max-width:898px) {
  .p-lr-fix-10 {
    padding-left:0;
    padding-right:0
  }
}
.aicon-t {
  font-weight:600;
  color:#e1e3e5;
  float:left;
  height:.48rem;
  line-height:.48rem;
  font-size:.36rem;
  background:linear-gradient(60deg,#ff2a14 0,#f4a942 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.aicon-y {
  font-size:.28rem;
  color:rgba(255,255,255,.8);
  padding-left:.2rem;
  height:.48rem;
  line-height:.48rem
}
.t-icon-nick,
.t-icon-rech {
  font-size:.32rem;
  color:#fff;
  font-weight:600;
  height:.64rem;
  line-height:.64rem
}
.t-icon-rech {
  color:rgba(255,255,255,.78);
  color:#e6e6e6;
  font-size:.26rem;
  cursor:pointer
}
.t-icon-rech svg {
  width:.32rem;
  height:.32rem;
  float:left;
  margin:.16rem .1rem 0 0
}