body {
 max-width:7.5rem;
 margin:0 auto
}
.ml5 {
 margin-left:.05rem
}
.mb10-rem {
 margin-bottom:.1rem
}
.pr {
 position:relative
}
.flex-inline {
 display:inline-flex !important
}
.f24-rem {
 font-size:.24rem
}
.f28-rem {
 font-size:.28rem
}
.f30-rem {
 font-size:.3rem
}
.f32-rem {
 font-size:.32rem
}
.flex-between {
 justify-content:space-between !important
}
.s-db {
 display:block
}
.fc-white {
 color:#fff !important
}
.pl10-rem {
 padding-left:.1rem !important
}
.pl20-rem {
 padding-left:.2rem !important
}
.pr10-rem {
 padding-right:.1rem !important
}
.pr20-rem {
 padding-right:.2rem !important
}
#p-top-swiper,
#p-mid-swiper {
 width:7.5rem
}
#p-top-swiper .swiper-slide,
#p-mid-swiper .swiper-slide {
 width:100%;
 height:2.34rem
}
#p-top-swiper img,
#p-mid-swiper img {
 width:100%;
 height:100%
}
#p-top-swiper textarea,
#p-mid-swiper textarea {
 display:block;
 border-radius:0;
 pointer-events:none;
 overflow:hidden;
 appearance:none;
 -webkit-appearance:none;
 width:100%;
 height:100%;
 background-size:100% 100%
}
#space_home_top {
 float:none
}
#space_home_top .navi {
 width:100%;
 text-align:left
}
#space_home_top .appico {
 margin:.1rem 0;
 width:1.23rem;
 height:1.52rem;
 overflow:hidden
}
#space_home_top .appico img {
 border-radius:.1rem;
 width:1.1rem;
 height:1.1rem
}
#space_home_top .appico p {
 height:.4rem;
 line-height:.4rem;
 font-size:.2rem
}
#space_home_top .appico .btnx {
 padding:0 !important;
 text-align:center
}
.p-card-box {
 margin:10px auto
}
.p-card-box dl {
 letter-spacing:-4px;
 text-rendering:optimizespeed;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 flex-flow:row wrap;
 align-content:flex-start;
 margin-top:0;
 margin-bottom:0
}
.p-card-box dt {
 font-weight:400;
 line-height:.4rem;
 width:20%;
 display:inline-block;
 letter-spacing:normal;
 word-spacing:normal;
 vertical-align:top;
 text-rendering:auto
}
.p-card-box .item {
 margin:2%;
 padding:2%;
 font-size:.22rem;
 background:#cce5ff;
 border:1px #cce5ff solid;
 text-align:center
}
.p-card-box a {
 text-decoration:none;
 display:inline-block;
 width:100%;
 margin:0 auto;
 background-color:rgba(0,0,0,0);
 color:#004085 !important
}
.p-card-txt {
 display:inline-block;
 margin-left:.3rem !important;
 font-size:.22rem;
 padding:.08rem .2rem;
 background-color:#222;
 color:#c6c6c6 !important;
 border-radius:.06rem;
 font-weight:bold
}
.btn-dark {
 color:#fff !important
}
.clear-both {
 clear:both
}
.p-overlay {
 display:flex;
 align-items:center;
 justify-content:center;
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:9999;
 background:rgba(0,0,0,.7)
}
.p-overlay .p-overlay-main {
 position:relative;
 width:80%;
 max-width:400px;
 max-height:80%;
 background:none;
 text-align:center
}
.p-overlay img {
 width:100%;
 height:100%
}
.p-overlay .p-overlay-close {
 position:absolute;
 right:5px;
 top:5px;
 z-index:99;
 width:24px;
 height:24px;
 background-color:rgba(0,0,0,.75);
 color:#fff;
 border-radius:50%;
 font-size:16px;
 cursor:pointer
}
.p-overlay .p-overlay-close::before,
.p-overlay .p-overlay-close::after {
 content:"";
 position:absolute;
 left:2px;
 top:11px;
 width:20px;
 height:1px;
 background-color:#fff;
 transform:rotate(45deg)
}
.p-overlay .p-overlay-close::after {
 transform:rotate(-45deg)
}
.p-overlay .van-loading__circular {
 display:inline-block;
 width:80px;
 height:80px;
 color:#fff
}
.p-overlay circle {
 animation:van-circular 1.5s ease-in-out infinite;
 stroke:currentColor;
 stroke-width:3;
 stroke-linecap:round
}
.p-screen-dialog {
 display:flex;
 align-items:center;
 justify-content:center;
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:2147483647 !important
}
.p-screen-dialog .p-screen-mask {
 position:absolute;
 left:0;
 top:0;
 z-index:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.2)
}
.p-screen-dialog .p-screen-main {
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 z-index:1;
 width:80%;
 max-width:400px;
 max-height:80%;
 background:none;
 text-align:center
}
.p-screen-dialog .p-screen-close {
 position:absolute;
 right:5px;
 top:5px;
 z-index:99;
 width:24px;
 height:24px;
 background-color:rgba(0,0,0,.9);
 color:#fff;
 border-radius:50%;
 font-size:16px;
 cursor:pointer
}
.p-screen-dialog .p-screen-close::before,
.p-screen-dialog .p-screen-close::after {
 content:"";
 position:absolute;
 left:2px;
 top:11px;
 width:20px;
 height:1px;
 background-color:#fff;
 transform:rotate(45deg)
}
.p-screen-dialog .p-screen-close::after {
 transform:rotate(-45deg)
}
.van-loading__circular {
 display:inline-block;
 width:80px;
 height:80px;
 color:#fff
}
.van-loading__circular circle {
 animation:van-circular 1.5s ease-in-out infinite;
 stroke:currentColor;
 stroke-width:3;
 stroke-linecap:round
}
@keyframes van-circular {
 0% {
  stroke-dasharray:1,200;
  stroke-dashoffset:0
 }
 50% {
  stroke-dasharray:90,150;
  stroke-dashoffset:-40
 }
 to {
  stroke-dasharray:90,150;
  stroke-dashoffset:-120
 }
}
.full-img-link {
 display:block;
 width:6rem;
 max-width:400px
}
.full-img-link img {
 height:100%
}
.qr-wrap {
 position:relative;
 width:5.2rem;
 max-width:340px;
 background:#fff;
 border-radius:10px;
 padding:20px
}
.qr-wrap .qr-title {
 line-height:38px;
 font-size:.28rem
}
.qr-wrap .qr-logo {
 width:1.4rem;
 height:.5rem;
 margin:10px auto 0;
 background:url("../images/logo.png") center/100% 100% no-repeat
}
.qr-wrap .qr-tips {
 color:#999;
 margin-bottom:.4rem
}
.qr-wrap .qr-box {
 width:3rem;
 height:3rem;
 margin:0 auto .2rem;
 background-size:100% 100%
}
.qr-wrap .qr-button {
 display:block;
 background:#d92514;
 color:#fff !important;
 width:2.6rem;
 margin:0 auto;
 padding:.2rem .1rem;
 text-align:center;
 font-size:.26rem;
 border-radius:1rem;
 line-height:1;
 text-decoration:none;
 animation:scaleInAndOut 1s infinite forwards
}
@keyframes scaleInAndOut {
 from {
  transform:scale(1)
 }
 to {
  transform:scale(1.1)
 }
}
.v-s-nav-box-h {
 position:relative;
 transition:transform .3s;
 z-index:2147483647 !important
}
.v-s-nav-box-h.nav-active {
 width:7.5rem;
 position:fixed;
 left:50%;
 margin-left:-3.75rem;
 transform:translate3d(0, 0, 0) !important
}
.v-s-nav-box-h.v-s-nav-box-hide {
 transform:translate3d(0, -100%, 0) !important
}
.ran-box .item-title-box {
 display:flex;
 align-items:center
}
.ran-box .item-title-box .title-name {
 font-size:.32rem;
 margin-left:.2rem
}
.ran-box .item-title-box .title-more {
 font-size:.24rem
}
.ran-box .item-title-box a {
 margin-left:auto
}
.item-box .rank-title {
 margin-top:.1rem;
 font-size:.22rem;
 line-height:.34rem;
 height:.68rem
}
body {
 margin-left:auto !important;
 margin-right:auto !important
}
body .tips-remind {
 border:1px solid #ceecff
}
body .tips-remind .android-app {
 display:none
}
body .tips-remind .is-android {
 display:inline
}
body .tips-remind2 {
 border:1px solid #b8daff
}
body .btn {
 padding:3px 5px !important;
 margin:4px;
 border-radius:4px
}
body .pagination-box {
 margin-top:.4rem;
 text-align:center
}
body .pagination-box .pager {
 display:inline-flex;
 align-items:center;
 list-style:none
}
body .pagination-box .page-link {
 padding:.16rem .24rem;
 font-size:.24rem;
 border-width:1px
}
.x_tap_top {
 z-index:9999 !important
}
.video-card-img-toggle {
 display:none
}
#p-mid-swiper {
 margin:0 -10px
}
.rank-17c {
 height:2.25rem;
 float:left;
 width:100%;
 position:relative;
 overflow:hidden;
 border-radius:6px
}
.rank-17c .pre-img {
 width:100%;
 height:100%
}
.rank-17c img {
 width:100%;
 height:100%
}
.js-17c .rank-title {
 font-weight:bold;
 margin-bottom:0 !important
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n .rank-a {
 height:2.25rem
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n .pre-time {
 white-space:nowrap
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n.s-two {
 width:calc(100% - 26px)
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n.s-two .rank-a {
 height:3rem
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n.s-two .pre-time {
 width:20%
}
.vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n.s-two .rank-title {
 font-size:.28rem;
 -webkit-line-clamp:1;
 height:.34rem
}
.s-x-img-wrap {
 float:left;
 width:100%;
 height:1.75rem;
 margin-top:-5px;
 margin-bottom:-10px
}
.s-x-img-wrap img {
 width:100%;
 height:100%
}
.footer-box {
 height:35vw
}
.v-s-nav-search-box {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:row-reverse
}
.v-s-nav-search-box .search-person {
 float:none !important
}
.v-s-nav-search-box2 {
 display:flex;
 padding-bottom:6px;
 align-items:center;
 float:right;
 margin-right:5px;
 white-space:nowrap
}
.v-s-nav-search-box2 a {
 text-decoration:none
}
.v-s-nav-search-box2 .s-search {
 display:flex;
 align-items:center;
 justify-content:center;
 height:30px;
 margin-right:5px;
 padding:0 20px 0 10px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 border-radius:15px;
 background:rgba(255,255,255,.25)
}
.v-s-nav-search-box2 .bi-search {
 display:block;
 font-size:18px
}
.v-s-nav-search-box2 .s-tips {
 margin-top:2px;
 margin-left:5px;
 font-size:12px;
 color:rgba(255,255,255,.5)
}
.v-s-nav-search-box2 .s-tips::before {
 vertical-align:middle
}
.v-s-nav-search-box2 .s-link-tag {
 display:flex;
 align-items:center;
 height:.38rem;
 padding:0 6px;
 color:rgba(255,255,255,.8) !important;
 font-size:12px;
 margin-right:3px;
 user-select:none;
 border-radius:4px;
 font-weight:bold;
 white-space:nowrap;
 background:rgba(255,255,255,.2);
 overflow:hidden
}
.v-s-nav-search-box2 .s-link-tag:hover {
 background:rgba(255,255,255,.4)
}
.v-s-nav-search-box2 .s-tips2 {
 margin-left:5px;
 font-size:14px;
 color:#ff4f6b
}
.s-android-app {
 position:relative;
 top:2px;
 align-items:center;
 padding:2px 6px;
 margin-right:.1rem;
 font-size:12px;
 color:#fff !important;
 background:rgba(255,255,255,.2);
 border-radius:4px;
 display:none
}
.s-android-app.is-android {
 display:flex
}
.s-android-app .s-tag {
 display:block;
 position:absolute;
 right:0;
 top:-9px;
 padding:1px 2px;
 font-size:10px;
 line-height:12px;
 background:#ff4f6b;
 border-radius:4px;
 color:#333
}
.v-s-result {
 display:block;
 padding-bottom:10px !important;
 color:#ff4f6b !important
}
@media(max-width: 376px) {
 .v-s-nav-search-box2 .s-link-tag {
  max-width:42px
 }
}
@media(max-width: 350px) {
 .v-s-nav-search-box2 .s-link-tag:last-child {
  display:none
 }
}
.s-video-b-btn-box {
 width:100%;
 padding:.2rem;
 font-size:.24rem;
 margin-top:6px;
 line-height:.4rem;
 color:#fff;
 background:#2a2a2a;
 border-radius:.1rem;
 text-align:center
}
.s-video-b-btn-box em {
 color:#ff4f6b !important;
 font-style:normal
}
.s-video-b-btn-box .s-copy-link {
 cursor:pointer;
 word-break:break-all
}
.s-video-b-btn-box img {
 position:relative;
 top:-0.02rem;
 width:.3rem;
 height:.3rem
}
.s-video-b-btn-box a {
 display:inline !important;
 color:#007bff !important
}
#s-view-box {
 position:relative;
 width:100%;
 height:4.66rem;
 margin:6px 0
}
#s-view-box a {
 display:block;
 width:100%;
 height:100%;
 background:#000
}
#s-view-box textarea {
 width:100%;
 height:4.66rem;
 resize:none;
 background-size:100% 100%
}
#s-view-box .s-progress-container {
 position:absolute;
 width:100%;
 bottom:0;
 height:4px;
 background:#222;
 overflow:hidden
}
#s-view-box .s-progress-container .s-progress-bar {
 position:absolute;
 left:0;
 height:100%;
 width:0%;
 transition:width 1s linear;
 background:#ff4f6b
}
#s-view-box .s-btn-skip {
 position:absolute;
 right:0;
 bottom:.38rem;
 font-size:.22rem;
 padding:.1rem .05rem .1rem .1rem;
 color:#fff;
 text-shadow:0 0 4px rgba(0,0,0,.75);
 background:rgba(0,0,0,.5);
 border:1px solid rgba(255,255,255,.25);
 cursor:pointer
}
#s-view-box .s-btn-skip:hover,
#s-view-box .s-btn-skip:active {
 background:rgba(0,0,0,.8);
 border:1px solid rgba(255,255,255,.6)
}
#s-view-box .s-count-down {
 position:absolute;
 right:0;
 top:.2rem;
 padding:.1rem .4rem .1rem .3rem;
 opacity:.9;
 color:#fff;
 text-shadow:0 0 2px rgba(0,0,0,.8);
 background:rgba(26,26,26,.7);
 display:flex;
 align-items:center;
 border:1px solid rgba(255,255,255,.25)
}
#s-view-box .s-count-down span {
 font-size:.3rem;
 line-height:1;
 vertical-align:middle
}
#s-view-box .s-count-down .s-num {
 margin-top:-0.02rem;
 font-size:.4rem;
 font-weight:bold
}
#s-view-box .van-loading__circular {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%, -50%)
}
#s-view-box .frame-cover {
 position:absolute;
 left:0;
 top:6px;
 width:100%;
 height:100%;
 background:#000;
 display:flex;
 align-items:center;
 justify-content:center
}
#s-view-box .frame-cover .van-loading__circular {
 display:block;
 position:static;
 transform:none;
 margin:0 auto
}
#s-view-box .frame-cover .s-txt {
 margin-top:.2rem;
 color:#fff
}
.s-icon-skip {
 height:36px;
 width:36px;
 display:inline-block;
 vertical-align:middle;
 margin:-14px -6px -12px -4px
}
.s-icon-skip svg {
 fill:#fff
}
.s-notice {
 max-width:320px;
 padding-bottom:15px;
 background-color:#fef3ef;
 position:relative;
 border-radius:10px
}
.s-notice .notice-header {
 padding:25px 20px 5px;
 color:#ff4f6b;
 background:linear-gradient(#ff4f6b, #fef3ef, 70%, #fef3ef);
 border-radius:10px
}
.s-notice .notice-header h3 {
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0;
 line-height:24px;
 font-size:20px;
 font-weight:700;
 text-align:center
}
.s-notice .notice-header span {
 margin-left:2px;
 font-size:14px
}
.s-notice .notice-content {
 margin:10px 15px 0;
 background-color:#fff;
 border-radius:10px;
 overflow:hidden
}
.s-notice .notice-content-scrollbar {
 max-height:300px;
 overflow:hidden;
 overflow-y:auto;
 padding:15px 20px;
 color:#ff4f6b;
 text-align:left;
 scroll-behavior:smooth
}
.s-notice .notice-content-scrollbar::-webkit-scrollbar {
 width:0
}
.s-notice .notice-tip {
 margin:10px 15px 0;
 padding:4px 15px;
 color:#ff4f6b;
 font-weight:700;
 text-align:center;
 border:2px solid #ff4f6b;
 border-radius:4px
}
.s-notice .site-qrcode {
 margin:8px 0 10px 15px;
 float:right;
 display:inline-flex;
 flex-direction:column;
 align-items:center
}
.s-notice .site-qrcode .qrcode {
 width:80px;
 height:80px;
 background-size:100% 100%
}
.s-notice .site-qrcode p {
 font-size:12px;
 font-weight:700;
 color:#999
}
.s-notice p {
 margin-bottom:6px;
 line-height:1.6;
 word-wrap:break-word
}
.s-notice .s-note-btn {
 display:flex;
 align-items:center;
 justify-content:center;
 margin-bottom:4px;
 border:1px solid #ff4d03;
 padding:6px 12px;
 font-size:14px;
 line-height:1.42857143;
 color:#fff !important;
 background-color:#ff4d03;
 border-radius:4px;
 text-decoration:none
}
.p-screen-dialog.s2 .p-screen-close {
 top:26px;
 right:14px;
 background:#c8c9cc
}
.p-screen-dialog.s3 .p-screen-close {
 top:14px;
 right:24px
}
.p-screen-dialog.s4 .p-screen-close {
 top:-5px;
 right:5px
}
.fl {
 float:left !important
}
.s-cg-title {
 color:#2c343e;
 width:100%;
 padding-bottom:10px;
 font-weight:600;
 font-size:.4rem;
 line-height:.6rem;
 border-bottom:1px solid #dfdfe0;
 text-align:center
}
.s-cg-item {
 display:block;
 position:relative;
 margin:0 auto .32rem;
 width:7rem;
 height:4rem;
 text-decoration:none;
 border-radius:6px;
 overflow:hidden
}
.s-cg-item dt {
 width:7rem;
 height:4rem
}
.s-cg-item dt img {
 width:100%;
 height:100%;
 transition:transform .3s;
 transform:scale(1)
}
.s-cg-item:hover img {
 transform:scale(1.2)
}
.s-cg-item dd {
 display:flex;
 align-items:center;
 justify-content:center;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.3);
 color:#fff;
 text-align:center;
 transition:background-color .3s
}
.s-cg-item dd:hover {
 background:rgba(0,0,0,.5)
}
.s-cg-item .s-title {
 font-size:.36rem;
 line-height:.4rem;
 margin-bottom:.24rem
}
.s-cg-item .s-sub-title {
 font-size:.26rem;
 line-height:.3rem
}
#s-cg-page-wrap {
 display:flex;
 align-items:center;
 justify-content:space-between
}
#s-cg-page-wrap .s-cg-btn {
 width:3rem;
 height:.7rem;
 text-align:center;
 line-height:.68rem;
 border:1px solid rgba(0,0,0,0);
 color:#fff !important;
 background:#61af5a;
 border-radius:.2rem;
 font-size:.28rem;
 text-decoration:none;
 transition:all .3s
}
#s-cg-page-wrap .s-cg-btn:active {
 background:#56984f
}
#s-cg-page-wrap .s-cg-btn:first-child {
 background:#fff;
 color:#61af5a !important;
 border-color:#f1f1f1
}
#s-cg-page-wrap .s-cg-btn:first-child:active {
 background:#d7d7d7
}
#s-cg-page-wrap .s-cg-btn.disabled {
 color:#fff !important;
 background:#ccc
}
#s-cg-page-wrap .s-cg-btn.disabled:active {
 background:#b0b0b0
}
.s-page-wrap-s1 {
 float:left;
 width:100%;
 margin-top:-0.4rem;
 padding-bottom:.4rem;
 background:#fff
}
.jump-box .btn {
 font-size:.28rem
}
#s-cg-detail {
 padding:.8rem .25rem 0;
 float:left;
 background:#fff
}
#s-cg-detail .header h1 {
 font-size:.6rem;
 line-height:.72rem;
 margin-bottom:.3rem;
 color:#333;
 text-align:justify
}
#s-cg-detail .header .s-sub-title {
 font-size:.28rem;
 line-height:.32rem;
 color:#403e3e;
 text-align:center
}
#s-cg-detail .s-main-desc {
 margin:.4rem auto;
 padding:.16rem .3rem;
 background:rgba(56,55,55,.8);
 border-left:.1rem solid #ddd;
 font-size:.32rem;
 line-height:.5rem;
 color:#fff
}
#s-cg-detail .s-img-list img {
 width:7rem;
 height:auto;
 margin-bottom:.4rem
}
#s-cg-detail .s-line-split {
 height:2px;
 background:#fff repeating-linear-gradient(-45deg, #bcbcbc, #bcbcbc 4px, transparent 4px, transparent 8px)
}
.s-tel-wrap {
 margin:0 0 -5px;
 font-size:.28rem;
 text-align:center
}
.s-tel-wrap a {
 color:#007bff !important
}
.s-window-tips {
 width:100%;
 height:100vh;
 padding:30px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#000;
 color:#fff;
 text-align:center
}
.s-window-tips p {
 width:90%;
 margin:20px auto;
 font-size:20px
}
.s-window-tips .qr-box {
 width:128px;
 height:128px;
 margin:20px auto
}
.s-window-tips .qr-box img {
 width:100%;
 height:100%
}
.tc {
 text-align:center
}
.s-link-s2 {
 font-size:14px;
 color:#007bff !important
}
.s-footer-tel {
 text-align:center
}
.s-f14 {
 font-size:14px
}
.s-flex-middle {
 display:flex;
 align-items:center
}
.s-vm {
 vertical-align:middle
}
.s-f12 {
 font-size:12px !important
}
.pb-e-lg-40 {
 box-sizing:content-box;
 max-height:2.72rem;
 overflow:hidden
}
.pb-e-lg-40 .btn-dark {
 height:.52rem;
 line-height:.52rem;
 padding:0 .1rem !important;
 margin:.08rem;
 font-size:.26rem;
 text-align:center
}
#s-video-top {
 float:none;
 margin-top:-5px;
 margin-bottom:0
}

#s-video-top .ran-box {
 background:rgba(0,0,0,0);
 /*! padding:0 !important; */
 /*! display:flex; */
 justify-content:space-between;
 align-items:center
}
#s-video-top .vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n {
 /*! margin-left:0; */
 /*! width:3.48rem; */
}
.s-video-st {
 float:left;
 width:100%;
 margin-bottom:0;
 margin-top:-9px;
 padding:0 10px;
 background:#fff
}
.s-video-st .rank-17c {
 height:1.8rem;
 border-radius:0
}
.s-txt-light {
 position:relative;
 z-index:99;
 animation:colorLight .8s infinite steps(2)
}
.s-txt-light::after {
 content:"";
 position:absolute;
 right:-2px;
 top:4px;
 width:8px;
 height:8px;
 background:#0ad07c;
 border-radius:50%
}
@keyframes colorLight {
 100% {
  color:#0ad07c
 }
}
.s-fc-light {
 color:#fff900
}
#s-poster-list {
 width:100%;
 padding:.2rem;
 float:left;
 color:#fff
}
#s-poster-list a {
 color:inherit !important
}
#s-poster-list .s-item {
 padding:.16rem;
 margin-bottom:.24rem;
 border-radius:.16rem;
 background:#393939;
 font-size:.24rem
}
#s-poster-list .s-item dt {
 display:flex;
 align-items:center;
 margin-bottom:.1rem;
 font-size:.26rem
}
#s-poster-list .s-item .avatar {
 width:.6rem;
 height:.6rem;
 margin-right:.2rem;
 border-radius:50%;
 overflow:hidden
}
#s-poster-list .s-item .avatar img {
 width:100%;
 height:100%
}
#s-poster-list .s-item .s-tips {
 font-weight:normal;
 font-size:.24rem;
 color:#84898c
}
#s-poster-list .s-item dd:last-child {
 display:grid;
 gap:.2rem;
 grid-template-columns:repeat(3, minmax(0, 1fr));
 margin-top:.28rem
}
#s-poster-list .s-item dd:last-child img {
 width:100%;
 height:100%
}
#s-poster-list p {
 margin-bottom:0
}
#s-poster-list .s-main {
 font-size:.32rem
}
.s-icon-address {
 width:.3rem;
 height:.3rem;
 margin-left:.08rem;
 line-height:1;
 background:url("../images/icon-address.png") center/100% 100% no-repeat;
 opacity:.5
}
.s-icon-address img {
 width:100%;
 height:100%
}
#s-poster-detail {
 width:100%;
 float:left
}
#s-poster-detail .s-header {
 padding:.1rem 0;
 font-size:.4rem;
 text-align:center;
 color:#fff;
 background:#000
}
#s-poster-detail .s-title {
 flex:1;
 text-align:center
}
#s-poster-detail .s-item-box {
 padding:.16rem .3rem;
 margin:.1rem .2rem 0;
 background:#393939;
 color:#fff;
 border-radius:.2rem;
 font-size:.24rem
}
#s-poster-detail .s-item-box .s-bg-light {
 margin-top:.1rem;
 padding:0 .1rem;
 border-radius:4px
}
#s-poster-detail .s-item-box .s-bg-light .s-icon-address {
 opacity:1
}
#s-poster-swiper {
 width:7.1rem;
 height:8.6rem;
 margin:0 auto;
 background:#393939;
 border-radius:.2rem
}
#s-poster-swiper img {
 width:100%;
 height:100%
}
.s-bg-light {
 background:linear-gradient(69.79deg, #DE43D2 22.69%, #E41B79 81.62%)
}
.s-btn-s2 {
 height:.72rem;
 line-height:.72rem;
 padding:0 .2rem;
 border-radius:.1rem;
 border:1px solid #ff4f6b;
 color:#ff4f6b
}
.s-concat-bg {
 width:5.54rem;
 height:8.44rem;
 background-size:100% 100%
}
.s-concat-btn {
 display:block;
 width:5rem;
 height:1.08rem;
 margin:.2rem auto;
 background:url("../images/concat-btn.png") center/100% 100% no-repeat
}
.s-poster-s2 {
 float:left;
 width:100%;
 padding:0 .2rem;
 display:grid;
 gap:.1rem;
 grid-template-columns:repeat(2, minmax(0, 1fr))
}
.s-poster-s2 a {
 display:block
}
.s-poster-s2 dl {
 width:3.5rem;
 height:7rem;
 margin-bottom:0;
 background:#393939;
 color:#fff;
 border-radius:.2rem;
 font-size:.24rem;
 overflow:hidden
}
.s-poster-s2 dt {
 position:relative;
 width:3.5rem;
 height:5.34rem;
 margin-bottom:.1rem
}
.s-poster-s2 dt::after {
 position:absolute;
 right:.2rem;
 top:.2rem;
 content:"";
 display:block;
 width:.7rem;
 height:.3rem;
 background:url("../images/icon-vip.png") center/100% 100% no-repeat
}
.s-poster-s2 dt img {
 width:100%;
 height:100%
}
.s-poster-s2 dd {
 padding:0 .1rem 0 .2rem;
 margin-bottom:.05rem
}
.s-poster-s2 .s-title {
 font-size:.3rem;
 line-height:.48rem;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.s-poster-s2 .s-sub {
 font-size:.28rem;
 color:#979797
}
.s-poster-s2 .s-price {
 color:#ff4f6b
}
.s-fc-red {
 color:#ff4f6b
}
#s-dialog-android .s-content {
 width:5.54rem;
 height:3.57rem;
 background-size:100% 100%
}
#s-dialog-android .s-btn-s3 {
 display:block;
 width:5rem;
 height:1.08rem;
 margin:.2rem auto;
 background:url("../images/concat-btn.png") center/100% 100% no-repeat
}
#s-game-wrap {
 padding:15px
}
#s-game-wrap .s-game-tags {
 display:flex;
 align-items:center;
 padding:.08rem;
 background-color:#f8f8f8;
 border-radius:4px
}
#s-game-wrap .s-game-tag {
 padding:6px 10px;
 text-align:center;
 flex:1;
 display:block;
 max-width:50%;
 font-size:.28rem;
 border-radius:4px;
 transition:all .3s
}
#s-game-wrap .s-game-tag.active {
 color:#fff;
 background-color:#fc5667;
 border-color:#fc5667
}
#s-game-wrap .swiper {
 margin-top:.2rem
}
#s-game-wrap .s-game-item {
 position:relative;
 width:100%;
 height:2.14rem;
 margin:0 auto .3rem;
 border-radius:.1rem;
 overflow:hidden
}
#s-game-wrap .s-game-item a {
 display:block;
 width:100%;
 height:100%
}
#s-game-wrap .s-game-item img {
 width:100%;
 height:100%
}
#s-game-wrap .s-game-title {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:.64rem;
 line-height:.64rem;
 padding:0 .2rem;
 margin:0;
 font-size:.26rem;
 color:#fff;
 text-shadow:0 0 2px rgba(0,0,0,.8);
 background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1))
}
.v-s-nav-box-h .s-main-box {
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:.82rem;
 padding:0 .12rem
}
.v-s-nav-box-h .s-logo {
 height:.62rem
}
.v-s-nav-box-h .s-logo img {
 width:auto;
 height:100%
}
.v-s-nav-search-box3 {
 display:flex;
 align-items:center;
 justify-content:center;
 margin-left:auto
}
.v-s-nav-search-box3 a {
 text-decoration:none
}
.v-s-nav-search-box3 .s-search {
 display:flex;
 align-items:center;
 justify-content:center;
 height:.6rem;
 padding:0 .1rem 0 .15rem;
 color:#fff;
 text-align:center;
 cursor:pointer;
 border-radius:.3rem;
 background:rgba(255,255,255,.25)
}
.v-s-nav-search-box3 .bi-search {
 display:block;
 font-size:.36rem
}
.v-s-nav-search-box3 .s-icon-search {
 width:.34rem;
 height:.34rem;
 background:url("../images/icon-search.png") center/100% 100% no-repeat
}
.v-s-nav-search-box3 .s-tags {
 display:flex;
 align-items:center
}
.v-s-nav-search-box3 .s-tips {
 margin:.05rem .8rem 0 .1rem;
 font-size:.25rem;
 color:rgba(255,255,255,.5);
 white-space:nowrap
}
.v-s-nav-search-box3 .s-tips::before {
 vertical-align:middle
}
.v-s-nav-search-box3 .s-link-tag {
 display:flex;
 align-items:center;
 height:.4rem;
 padding:0 .1rem;
 margin-left:.1rem;
 color:#e1e1e1 !important;
 background:#626262;
 font-size:.24rem;
 border-radius:.4rem;
 white-space:nowrap
}
.v-s-nav-search-box3 .s-android-app2 {
 display:none;
 align-items:center;
 justify-content:flex-end;
 height:.6rem;
 width:1.6rem;
 padding-right:.15rem;
 margin-left:.12rem;
 border-radius:.6rem;
 font-size:.22rem;
 font-weight:bold;
 background:url("../images/icon-android.png") center/100% 100% no-repeat;
 color:#fff !important
}
.v-s-nav-search-box3 .s-android-app2.is-android {
 display:flex
}