html{ font-size:100px; font-size:13.33333vw }
@media screen and (max-width:320px){ html{font-size:42.6666666667px; font-size:13.33333vw }
}
@media screen and (min-width:321px)and (max-width:360px){ html{font-size:48px; font-size:13.33333vw }
}
@media screen and (min-width:361px)and (max-width:375px){ html{font-size:50px; font-size:13.33333vw }
}
@media screen and (min-width:376px)and (max-width:393px){ html{font-size:52.4px; font-size:13.33333vw }
}
@media screen and (min-width:394px)and (max-width:412px){ html{font-size:54.9333333333px; font-size:13.33333vw }
}
@media screen and (min-width:413px)and (max-width:414px){ html{font-size:55.2px; font-size:13.33333vw }
}
@media screen and (min-width:415px)and (max-width:480px){ html{font-size:64px; font-size:13.33333vw }
}
@media screen and (min-width:481px)and (max-width:540px){ html{font-size:72px; font-size:13.33333vw }
}
@media screen and (min-width:541px)and (max-width:640px){ html{font-size:85.3333333333px; font-size:13.33333vw }
}
@media screen and (min-width:641px)and (max-width:720px){ html{font-size:96px; font-size:13.33333vw }
}
@media screen and (min-width:721px)and (max-width:750px){ html{font-size:100px; font-size:13.33333vw }
}
@media screen and (min-width:751px){ html{font-size:100px }
}
html *{ outline:0; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0) }
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{ margin:0; padding:0 }
body{ font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; min-width:320px }
h1,h2,h3,h4,h5,h6{ font-size:100% }
img{ vertical-align:middle; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0) }
em,i{ font-style:normal }
img{ max-width:100%; border:0 }
input:focus{ outline:0 }
table{ border-collapse:collapse; border-spacing:0 }
ol,ul,li{ list-style:none }
textarea{ resize:none }
a{ text-decoration:none; color:#333 }
.cf:after{ content:" "; display:block; height:0; clear:both; visibility:hidden }
.cf{ min-height:1% }
.fl{ float:left }
.fr{ float:right }
.hide{ display:none }
.show{ display:block }
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.break{ word-break:break-all; word-wrap:break-word }
.mt10{ margin-top:.1rem !important }
.mt15{ margin-top:.15rem !important }
.mt20{ margin-top:.2rem !important }
.mt25{ margin-top:.25rem !important }
.mt30{ margin-top:.3rem !important }
.mt35{ margin-top:.35rem !important }
.mt40{ margin-top:.4rem !important }
.mt45{ margin-top:.45rem !important }
.mt50{ margin-top:.5rem !important }
.mt55{ margin-top:.55rem !important }
.mt60{ margin-top:.6rem !important }
.mt65{ margin-top:.65rem !important }
.mt70{ margin-top:.7rem !important }
.mt80{ margin-top:.8rem !important }
.mt85{ margin-top:.85rem !important }
.mt90{ margin-top:.9rem !important }
.mt95{ margin-top:.95rem !important }
.mt100{ margin-top:1rem !important }
.mb10{ margin-bottom:.1rem !important }
.mb15{ margin-bottom:.15rem !important }
.mb20{ margin-bottom:.2rem !important }
.mb25{ margin-bottom:.25rem !important }
.mb30{ margin-bottom:.3rem !important }
.mb35{ margin-bottom:.35rem !important }
.mb40{ margin-bottom:.4rem !important }
.mb45{ margin-bottom:.45rem !important }
.mb50{ margin-bottom:.5rem !important }
.mb55{ margin-bottom:.55rem !important }
.mb60{ margin-bottom:.6rem !important }
.mb65{ margin-bottom:.65rem !important }
.mb70{ margin-bottom:.7rem !important }
.mt120{ margin-top:1.2rem !important }
.tac{ text-align:center !important }
body{ background-color:var(--body-bg); margin:0 auto }
.box{ width:7.5rem; margin:0 auto !important; overflow:hidden; background:url("../images/bg-tips.png") repeat-y 0 0; background-size:100% auto }
.head{ width:7.5rem; margin:0 auto; position:relative }
.head::after{ content:""; position:absolute; height:2rem; left:0; width:7.5rem; bottom:-1rem; background:linear-gradient(to bottom,rgba(0,0,0,0),var(--body-bg) 50%,rgba(0,0,0,0)) }
.head .h-btn{ position:absolute; top:2rem; right:0; box-sizing:border-box; padding:0 .05rem; text-align:center; width:.48rem; height:1.28rem; display:flex; align-items:center; border-radius:.16rem 0 0 .16rem; justify-content:center; line-height:.24rem; color:#fff; font-size:.24rem; background-color:rgba(0,0,0,.6) }
.h-num{ position:relative; text-align:center; font-size:.24rem; line-height:.36rem; color:var(--text-color); width:5rem; height:.36rem; margin:0 auto .2rem; box-sizing:border-box; background:linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.6),rgba(255,255,255,0.1)) }
.h-num em{ color:var(--main-color) }
.head-info{ position:relative; width:6.96rem; height:1.94rem; background-image:url("../images/hbox1.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box; padding:0 .38rem }
.head-info img{ width:1.2rem; height:1.2rem; overflow:hidden; border-radius:.26rem }
.head-info .if-text{ margin-left:.24rem; flex:1; display:block }
.head-info .if-text span{ display:block; font-size:.36rem; font-weight:bold; width:3rem; color:var(--text-color2); white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.head-info .if-text p{ display:flex; align-items:center; margin-top:.16rem }
.head-info .if-text p em{ margin-right:.1rem; height:.38rem; border-radius:.12rem; padding:0 .12rem; font-size:.24rem; line-height:.38rem; max-width:1.2rem; color:var(--text-color2); background-color:var(--w-bg); white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.head-info .if-btn a{ display:block; width:1.6rem; height:.56rem; border-radius:.28rem; background-color:var(--main-color); text-align:center; line-height:.56rem; color:#fff; font-size:.26rem }
.head-info .if-btn span{ text-align:center; margin-top:.16rem; display:block; font-size:.2rem; color:var(--text-color2) }
.head-info.v2{ display:block; box-sizing:border-box; padding-top:.34rem; height:2.66rem; background-image:url("../images/hbox2.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.head-info.v2 .hlist{ display:flex; align-items:center; justify-content:space-between }
.head-info.v2 .hlist ul{ display:flex; align-items:center; overflow-x:auto; flex-shrink:0; max-width:4.2rem }
.head-info.v2 .hlist ul::-webkit-scrollbar{ display:none }
.head-info.v2 .hlist ul li{ flex-shrink:0 }
.head-info.v2 .hlist ul li img{ margin-right:.2rem; width:1.2rem; height:1.2rem; border-radius:.26rem }
.head-info.v2 .hlist a{ display:block; width:1.6rem; height:.56rem; border-radius:.28rem; background-color:var(--main-color); text-align:center; line-height:.56rem; color:#fff; font-size:.26rem }
.head-info.v2 .if-tips{ margin-top:.16rem; font-size:.22rem; color:var(--text-color2) }
.tit{ text-align:center; position:relative; margin-top:.56rem }
.tit img{ height:.85rem }
.b-text{ font-size:.24rem; line-height:.36rem; color:var(--text-color); width:6.8rem; margin:0 auto; margin-top:.34rem }
.b-text img{ width:.45rem; height:.45rem; margin-left:.1rem; object-fit:contain; transform:translateY(-0.08rem) }
.em-box{ width:7.1rem; height:7.72rem; margin:.2rem auto 0; background-image:url("../images/box1.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; box-sizing:border-box; padding:.64rem .2rem 0 .4rem }
.em-box ul{ display:flex; flex-wrap:wrap }
.em-box ul li{ width:1.44rem; height:1.44rem; background-color:#fff; border-radius:0 .2rem 0 .2rem; display:flex; align-items:center; justify-content:center; margin-right:.15rem; margin-bottom:.16rem; position:relative }
.em-box ul li img{ width:1.24rem; height:1.28rem; object-fit:contain }
.em-box ul li em{ width:.32rem; height:.32rem; text-align:center; line-height:.32rem; color:#fff; font-size:.24rem; line-height:.32rem; text-align:center; position:absolute; top:-0.1rem; right:-0.1rem; border-radius:50%; z-index:1; background-color:var(--main-color) }
.eb2{ height:9.25rem }
.eb3{ height:10.8rem }
.eb4{ height:5.52rem }
.eb4 ul li{ width:1.92rem; height:1.92rem }
.eb4 ul li img{ width:1.76rem; height:1.76rem }
.eb5{ height:7.62rem }
.eb5 ul li{ width:1.92rem; height:1.92rem }
.eb5 ul li img{ width:1.76rem; height:1.76rem }
.eb6{ height:6.08rem }
.em-btn{ display:flex; justify-content:center; align-items:center; margin-top:.2rem; margin-left:-0.2rem }
.em-btn a{ font-size:.32rem; color:#fff; text-align:center; margin:0 .1rem }
.em-btn a em{ color:var(--text-color-on); margin-left:.08rem }
.btn1{ display:block; width:2.7rem; height:.84rem; line-height:.8rem; background-image:url("../images/btn1.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.btn2{ position:relative; display:block; width:3.19rem; height:.84rem; line-height:.82rem; background-image:url("../images/btn2.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.btn2 i{ position:absolute; width:.38rem; height:.38rem; bottom:0rem; right:-0.64rem; background:url("../images/icon-qu.png") no-repeat 0 0; background-size:100% 100% }
.btn3-box{ position:relative }
.btn3-box i{ position:absolute; width:.38rem; height:.38rem; bottom:0rem; right:1.4rem; background:url("../images/icon-qu.png") no-repeat 0 0; background-size:100% 100% }
.btn3{ font-size:.32rem; color:#fff; text-align:center; display:block; width:3.19rem; height:.84rem; margin:.32rem auto 0; line-height:.82rem; background-image:url("../images/btn3.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative }
.gift{ position:relative }
.g-icon{ position:absolute; width:.44rem; height:.27rem; z-index:9; background-image:url("../images/icon-down.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.g-icon.down{ left:50%; top:-0.1rem; margin-left:-0.22rem }
.g-icon.up{ left:50%; bottom:-0.1rem; margin-left:-0.22rem; transform:rotate(180deg) }
.gift-swiper{ margin-top:.6rem }
.gift-swiper .swiper-slide{ width:2.26rem; height:3.78rem; position:relative; margin:0 .1rem; box-sizing:border-box; padding-top:1.2rem }
.gift-swiper .swiper-slide::after{ content:""; position:absolute; width:2.26rem; height:3.78rem; top:0; left:0; background-image:url("../images/c-on.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.gift-swiper .swiper-slide img{ display:block; margin:0 auto; width:1.79rem; height:1.77rem; object-fit:contain }
.gift-swiper .swiper-slide span{ margin-top:.16rem; text-align:center; display:block; font-size:.28rem; color:#5e1d00; font-weight:bold; text-shadow:"" 0 "" #fff,"" 0 "" #fff,.01rem 0 "" #fff,"" .01rem "" #fff,"" "" "" #fff,.01rem "" "" #fff,"" -0.01rem "" #fff,"" -"" "" #fff,.01rem -"" "" #fff,-"" 0 "" #fff,-"" 0 "" #fff,-0.01rem 0 "" #fff,-"" .01rem "" #fff,-"" "" "" #fff,-0.01rem "" "" #fff,-"" -0.01rem "" #fff,-"" -"" "" #fff,-0.01rem -"" "" #fff }
.gift-swiper .swiper-slide.c1{ background-image:url("../images/c1.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.gift-swiper .swiper-slide.c2{ background-image:url("../images/c2.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.gift-swiper .swiper-slide.on{ animation:rotate 1s linear }
.gift-swiper .swiper-slide.chide::after{ display:none }
.g-text{ display:flex; align-items:center; justify-content:center; margin-top:.24rem }
.g-text span{ margin:0 .3rem; font-size:.24rem; color:var(--text-color) }
.new-box{ position:relative; width:5.68rem; height:.53rem; margin:.12rem auto 0; box-sizing:border-box; background:linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.6),rgba(255,255,255,0.1)) }
.divScrbox{ width:4rem; height:.53rem; overflow:hidden; margin:0 auto }
.scrollList li{ height:.53rem; line-height:.53rem; color:var(--text-color); white-space:nowrap; font-size:.24rem; overflow:hidden; text-align:center; display:flex; justify-content:center }
.scrollList span,.scrollList em{ color:var(--main-color); text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.scrollList span{ max-width:1.4rem }
.scrollList em{ max-width:2rem }
.draw{ width:6.96rem; height:7.25rem; margin:.2rem auto 0; background-image:url("../images/draw.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative }
.draw ul li{ position:absolute; width:2rem; height:2rem; background-image:url("../images/ditem.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; box-sizing:border-box; padding-top:.12rem }
.draw ul li:nth-child(1){ top:.38rem; left:.3rem }
.draw ul li:nth-child(2){ top:.38rem; left:50%; margin-left:-1rem }
.draw ul li:nth-child(3){ top:.38rem; right:.3rem }
.draw ul li:nth-child(4){ top:2.6rem; right:.3rem }
.draw ul li:nth-child(5){ bottom:.38rem; right:.3rem }
.draw ul li:nth-child(6){ bottom:.38rem; left:50%; margin-left:-1rem }
.draw ul li:nth-child(7){ bottom:.38rem; left:.3rem }
.draw ul li:nth-child(8){ top:2.6rem; left:.3rem }
.draw ul li img{ display:block; margin:0 auto; width:1.44rem; height:1.44rem; object-fit:contain }
.draw ul li p{ text-align:center; font-size:.22rem; color:var(--text-color) }
.draw ul li.on{ background-image:url("../images/ditem-on.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.draw-btn{ position:absolute; width:2rem; height:2rem; left:50%; top:50%; margin-left:-1rem; margin-top:-1.04rem; background-image:url("../images/draw-btn.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.ban-box{ width:6.96rem; height:3.76rem; margin:.34rem auto 0; padding-top:.5rem; box-sizing:border-box; background-image:url("../images/ban-bg.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100% }
.swiper-ban{ width:6.66rem; margin:0 auto }
.swiper-ban img{ display:block; margin:-0.2rem auto 0; width:5.6rem; height:3.2rem; border-radius:.2rem }
.swiper-ban .swiper-slide{ width:4.8rem; height:2.7rem; margin-left:.2rem }
.swiper-ban .swiper-slide img{ margin-top:0; width:4.8rem; height:2.7rem; border-radius:.2rem }
.rule-box{ width:6.86rem; margin:.34rem auto 0; max-height:8.8rem; overflow-y:auto; background-color:#fff; border-radius:.32rem }
.side{ position:fixed; bottom:1.2rem; right:0; z-index:99; transition:all .5s }
.side a{ position:relative; display:block; margin:.04rem 0 }
.side a img{ width:1.38rem; height:1.38rem }
.side a em{ position:absolute; width:auto; left:50%; transform:translateX(-50%); height:.3rem; line-height:.3rem; padding:0 .1rem; border-radius:.15rem; background-color:var(--main-color); color:#fff; font-size:.18rem; font-style:normal; top:-0.14rem; z-index:0; white-space:nowrap }
.side a em::after{ content:""; position:absolute; width:.14rem; height:.14rem; bottom:-0.04rem; background-color:var(--main-color); border-radius:.04rem; left:50%; z-index:-1; transform:translateX(-50%) rotate(45deg) }
.tab{ position:fixed; bottom:0; left:50%; margin-left:-3.75rem; width:7.5rem; height:1.44rem; background:url("../images/tab-bg.png") no-repeat 0 0; background-size:100% 100%; display:flex; z-index:9; justify-content:center; box-sizing:border-box }
.tab a{ width:1.2rem; margin-top:.34rem; margin:.38rem .05rem 0 }
.tab a img{ display:block; margin:0 auto; width:.64rem; height:.64rem }
.tab a span{ display:block; text-align:center; font-size:.2rem; color:#131715; line-height:.38rem }
.tab div{ position:relative; width:1.2rem; margin:.1rem .2rem 0 }
.tab div img{ width:1.2rem; height:1.2rem }
.tab div em{ position:absolute; width:auto; right:-0.9rem; height:.3rem; line-height:.3rem; padding:0 .1rem; border-radius:.15rem; background-color:var(--main-color); color:#fff; font-size:.18rem; font-style:normal; top:-0.1rem; z-index:0; white-space:nowrap }
.tab div em::after{ content:""; position:absolute; width:.14rem; height:.14rem; bottom:-0.04rem; background-color:var(--main-color); border-radius:.04rem; left:50%; z-index:-1; transform:translateX(-240%) rotate(45deg) }
.kbFootWrap{ margin-bottom:1.6rem }
.tec{ text-align:center }
.un-btn{ filter:grayscale(1) }
@keyframes rotate{ 0%{transform:rotate3d(0,1,0,0deg) }
100%{ transform:rotate3d(0,1,0,360deg) }
}
.pop-bom{ position:fixed; bottom:0; left:50%; width:7.5rem; margin-left:-50%; border-radius:.2rem .2rem 0 0; background-color:#fff; box-sizing:border-box; padding:.48rem 0 0; z-index:99 }
.pop-bom .rule-nav{ display:flex; align-items:center; width:7.5rem; margin-top:.38rem; overflow-x:auto }
.pop-bom .rule-nav::-webkit-scrollbar{ display:none }
.pop-bom .rule-nav a{ width:auto; height:.64rem; border-radius:.16rem; box-sizing:border-box; border:1px solid #eee; font-size:.26rem; color:#3e403f; line-height:.64rem; text-align:center; padding:0 .2rem; white-space:nowrap; margin-right:.2rem }
.pop-bom .rule-nav a:nth-child(1){ margin-left:.3rem }
.pop-bom .rule-nav a.on{ color:#000; font-weight:bold; border:1px solid var(--main-color) }
.pop-bom .p-img{ margin-bottom:.4rem; margin:.2rem auto 0; width:6.86rem; height:8rem; overflow-y:auto; padding-bottom:1.2rem; border-radius:.2rem }
.pop-bom .p-img img{ border-radius:.2rem; width:6.86rem; height:auto }
.pop-bom .p-tab{ position:absolute; left:0; bottom:0; width:7.5rem; height:1.02rem; background-color:#fff; border-top:1px solid rgba(238,238,238,.8); display:flex; align-items:center }
.pop-bom .p-tab a{ flex:1; text-align:center; font-size:.32rem; color:#3e403f }
.pop-bom .p-tab a.on{ color:#131715; font-weight:bold; position:relative; z-index:0 }
.pop-bom .p-tab a.on::after{ content:""; position:absolute; width:.8rem; height:.12rem; bottom:0rem; left:50%; margin-left:-0.4rem; z-index:-1; background-color:var(--main-color) }
.task-pop{ height:10.5rem }
.p-close{ position:absolute; width:.23rem; height:.24rem; top:.3rem; right:.3rem; background:url("../images/icon-close.png") no-repeat 0 0; background-size:100% 100% }
.p-tit{ text-align:center; font-size:.34rem; color:#131715; font-weight:bold }
.p-tit2{ text-align:center; margin-top:.2rem }
.p-tit2 span{ font-size:.34rem; color:#131715; font-weight:bold; position:relative }
.p-tit2 span::after{ content:""; position:absolute; top:0rem; left:-0.5rem; width:.44rem; height:.41rem; background:url("../images/t1.png") no-repeat 0 0; background-size:100% 100% }
.p-tit2 span::before{ content:""; position:absolute; top:.08rem; right:-0.4rem; width:.28rem; height:.3rem; background:url("../images/t2.png") no-repeat 0 0; background-size:100% 100% }
.game-list{ display:flex; width:6.88rem; margin:.38rem auto 0; justify-content:space-between; box-sizing:border-box; padding-bottom:.2rem; border-bottom:1px solid rgba(238,238,238,.8) }
.game-list .game-item ul{ display:flex; overflow-x:auto; width:4.9rem }
.game-list .game-item ul::-webkit-scrollbar{ display:none }
.game-list .game-item ul li{ flex-shrink:0; margin-right:.18rem }
.game-list .game-item ul li img{ width:.91rem; height:.91rem; border-radius:.22rem }
.game-list .game-item p{ color:#3e403f; font-size:.24rem; margin-top:.1rem }
.game-list .game-btn{ margin-top:.2rem }
.game-list .game-btn a{ display:block; width:1.6rem; height:.64rem; border-radius:.32rem; text-align:center; line-height:.64rem; line-height:.64rem; font-size:.26rem; color:#fff; background-color:var(--main-color) }
.rule-list{ margin-top:.28rem }
.rule-list ul{ width:7rem; max-height:8rem; min-height:6rem; overflow-y:auto; margin:0 auto }
.rule-list ul li{ display:flex; align-items:center; width:6.88rem; border-bottom:1px solid rgba(238,238,238,.8); padding:0 0 .3rem; margin-bottom:.28rem }
.rule-list ul li:last-child{ border-bottom:none; padding-bottom:0 }
.rule-list ul li div{ flex:1; margin-right:.2rem }
.rule-list ul li div span{ line-height:.38rem; font-size:.28rem; color:#131715; display:block; font-weight:bold }
.rule-list ul li div p{ font-size:.24rem; color:#3e403f; margin-top:.06rem }
.rule-list ul li div p em{ color:var(--main-color) }
.rule-list ul li a{ flex-shrink:0; width:1.6rem; height:.64rem; border-radius:.32rem; text-align:center; line-height:.64rem; color:#fff; font-size:.26rem; background-color:var(--main-color) }
.p-pop{ width:6rem; border-radius:.2rem; box-sizing:border-box; position:relative; background-color:#fff; padding:.38rem .28rem; margin:0 auto }
.p-con{ max-height:3.45rem; overflow-y:auto; width:5.4rem; box-sizing:border-box; padding-right:0rem; margin-top:.2rem; margin:.2rem auto 0 }
.p-con::-webkit-scrollbar{ width:.05rem; height:""; background:#fff }
.p-con::-webkit-scrollbar-track{ border-radius:.2rem; background:none }
.p-con::-webkit-scrollbar-thumb{ border-radius:.5rem; background:#eee }
.p-con p{ font-size:.24rem; color:#3e403f; line-height:.38rem }
.img-un{ text-align:center; margin-top:.4rem }
.img-un img{ width:2.01rem; height:2.3rem }
.p-text{ width:5.05rem; margin:0 auto; font-size:.24rem; color:#3e403f; margin-top:.28rem }
.med-img{ margin-top:.34rem }
.med-img img{ display:block; margin:0 auto; width:3.41rem; height:3.4rem; object-fit:contain }
.med-img p{ margin-top:.18rem; text-align:center; font-size:.28rem; color:#131715 }
.med-img span{ display:block; text-align:center; font-size:.24rem; color:#a7a8a7; margin-top:.04rem }
.p-tips{ width:5.25rem; margin:0 auto; font-size:.24rem; color:#7a7d7a; margin-top:.28rem }
.p-btn{ display:flex; align-items:center; margin-top:.4rem }
.p-btn a{ flex:1; height:.72rem; border-radius:.36rem; text-align:center; line-height:.72rem; box-sizing:border-box; font-size:.3rem; margin:0 .1rem }
.p-btn a.pbtn1{ color:#3e403f; border:1px solid #f2f2f2 }
.p-btn a.pbtn2{ color:#fff; background-color:var(--main-color) }
.pop-img-mask{ position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:99; overflow-y:auto; background-color:rgba(0,0,0,.7) }
.pop-img{ width:6rem; height:auto; margin:1.7rem auto 0; z-index:9; margin-bottom:4.8rem; box-sizing:border-box; background-color:#000 }
.pop-img img{ display:block; margin:0 auto; width:100% }
.p-bom{ position:fixed; bottom:0; left:0; width:7.5rem; height:4.7rem; box-sizing:border-box; padding-top:.4rem; background-color:#fff; border-radius:.2rem .2rem 0 0 }
.p-bom .p-tit{ text-align:center; font-size:.28rem; color:#131715 }
.p-bom .bom-list{ display:flex; flex-wrap:wrap; margin-left:.2rem }
.p-bom .bom-list li{ width:1.2rem; margin:.1rem .28rem .1rem }
.p-bom .bom-list li img{ display:block; margin:0 auto; width:1.12rem; height:1.12rem }
.p-bom .bom-list li P{ font-size:.24rem; color:#3e403f; text-align:center; margin-top:.06rem }
.img-box{ width:6.96rem; margin:.28rem auto 0 }
.img-box img{ width:6.96rem; height:auto; border-radius:.2rem }
.ts-list li{ width:6.96rem; height:1.6rem; margin:.2rem auto 0; border-radius:.16rem; background-color:var(--w-bg); display:flex; align-items:center; box-sizing:border-box; padding:0 .24rem }
.ts-list li img{ flex-shrink:0; width:1.12rem; height:1.12rem; border-radius:.16rem }
.ts-list li div{ flex:1; margin-left:.22rem; margin-right:.3rem }
.ts-list li div span{ display:block; font-size:.28rem; color:var(--text-color2); width:3.4rem; position:relative; overflow:hidden; height:.42rem; line-height:.42rem }
.ts-list li div span em{ position:absolute; top:0; left:0; white-space:nowrap; font-size:.28rem; color:var(--gift-text-color) }
.ts-list li div p{ word-break:break-all; font-size:.24rem; margin-top:.04rem; line-height:.32rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:var(--text-color) }
.ts-list li a{ flex-shrink:0; display:flex; align-items:center; justify-content:center; width:1.4rem; height:.56rem; border-radius:.28rem; font-size:.26rem; color:#fff; background-color:var(--main-color) }
.ts-list li a i{ margin-right:.12rem; width:.24rem; height:.26rem; background:url("../images/icon-copy.png") no-repeat 0 0; background-size:100% 100% }
.tk-list li{ width:6.96rem; height:1.6rem; margin:.2rem auto 0; border-radius:.16rem; background-color:var(--w-bg); display:flex; align-items:center; box-sizing:border-box; padding:0 .24rem }
.tk-list li div{ flex:1; margin-right:.4rem }
.tk-list li div p{ display:flex; align-items:center }
.tk-list li div p em{ border-radius:.1rem; height:.32rem; line-height:.32rem; padding:0 .08rem; font-size:.24rem; font-size:.24rem; color:var(--main-color); border:1px solid var(--main-color) }
.tk-list li div p i{ font-size:.28rem; font-weight:bold; margin-left:.12rem; width:3rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.tk-list li div span{ margin-top:.1rem; font-size:.24rem; color:var(--text-color); display:block; line-height:.3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.tk-list li a{ display:flex; align-items:center; justify-content:center; width:1.4rem; height:.56rem; border-radius:.28rem; font-size:.26rem; color:#fff; background-color:var(--main-color); position:relative }
.tk-list li a em{ width:1.4rem; position:absolute; bottom:-0.35rem; left:0; text-align:center; font-size:.18rem; color:var(--text-color) }
.tk-list li a.tbtn2{ color:var(--main-color); background-color:var(--body-bg) }
.m-btn{ width:6.96rem; height:.8rem; margin:.2rem auto 0; border-radius:.16rem; background-color:var(--w-bg); display:flex; align-items:center; justify-content:center; box-sizing:border-box; color:var(--main-color); font-size:.28rem }
.video-box{ width:6.96rem; height:4.18rem; margin:.34rem auto 0; background-image:url("../images/draw.png"); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative; -webkit-box-sizing:border-box; padding:.3rem }
.video-box .v-img{ width:100%; height:100%; position:relative; border-radius:.2rem; overflow:hidden }
.video-box .v-img::before{ content:""; background-image:url("../images/icon-play.png"); background-repeat:no-repeat; background-position:center center; background-size:.9rem auto; background-color:rgba(0,0,0,.3); position:absolute; width:100%; height:100% }
.video-box .v-img img{ width:100%; height:100%; object-fit:cover }
.video-box .v-con{ width:100%; height:100% }
.video-box .video-js{ width:100%; height:100%; border-radius:.2rem; overflow:hidden }
.video-box .video-js .vjs-tech{ object-fit:cover }
.card-box{ border-radius:.26rem; width:7.01rem; height:9.09rem; min-height:1.6rem; position:relative; z-index:5; margin:.4rem auto 0; box-sizing:border-box; padding:.42rem .24rem; background-image:url("../images/c-box.png"); background-repeat:no-repeat; background-position:center center; background-size:100% 100% }
.card-box .box-title{ display:flex; align-items:center }
.card-box .box-title .pre{ height:.35rem; margin-right:.1rem }
.card-box .box-title .box-title-text{ font-family:SourceHanSansCN-Bold; font-size:.32rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; line-height:1; margin-right:.08rem; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.card-box .box-title .tag{ font-family:SourceHanSansCN-Regular; font-size:.18rem; font-weight:normal; font-stretch:normal; color:#fff; height:.26rem; background-color:#505050; border-radius:.06rem; padding:0 .06rem; display:inline-flex; margin-top:.04rem; align-items:center; line-height:.26rem; flex:0 0 auto; margin-right:.06rem }
.card-box .box-title .month-box{ margin-left:auto }
.card-box .des{ font-family:SourceHanSansCN-Regular; font-size:.22rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#666; text-align:center }
.card-box .sift{ font-size:0; display:flex; align-items:center; margin-left:auto }
.card-box .sift .item{ width:.28rem; height:.28rem; position:relative; display:inline-flex; align-items:center; margin:0 .1rem; cursor:pointer }
.card-box .sift .item.on::after{ background-position:0 100%; position:relative; z-index:4 }
.card-box .sift .item.on::before{ content:""; width:.38rem; height:.06rem; background-color:#c1ff00; border-radius:.03rem; position:absolute; bottom:.02rem; left:-0.06rem }
.card-box .sift .all::after{ content:""; background:url(../images/sift1.png?0508) no-repeat 0 0; background-size:100% 200%; background-color:rgba(0,0,0,0); width:.28rem; height:.2rem; display:block }
.card-box .sift .android::after{ content:""; background:url(../images/sift2.png?0508) no-repeat 0 0; background-size:100% 200%; background-color:rgba(0,0,0,0); width:.26rem; height:.28rem; display:block }
.card-box .sift .ios::after{ content:""; background:url(../images/sift3.png?0508) no-repeat 0 0; background-size:100% 200%; background-color:rgba(0,0,0,0); width:.22rem; height:.28rem; display:block }
.card-box .sift .pc::after{ content:""; background:url(../images/sift4.png?0508) no-repeat 0 0; background-size:100% 200%; background-color:rgba(0,0,0,0); width:.24rem; height:.22rem; display:block }
.card-box .des2{ padding:.22rem .42rem .22rem .52rem; background-color:#f3f3f5; border-radius:.2rem; font-size:.22rem; font-weight:normal; font-stretch:normal; line-height:.32rem; letter-spacing:0rem; color:#666; margin-top:.3rem; position:relative }
.card-box .des2::before{ content:""; background:url(../images/dot2.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.24rem; height:.19rem; position:absolute; left:.16rem; top:.22rem }
.card-box.v2{ height:8.26rem; background-image:url("../images/c-box2.png"); background-repeat:no-repeat; background-position:center center; background-size:100% 100% }
.list1.swiper-container,.list1{ width:101%; margin-top:.27rem }
.list1.swiper-container .swiper-slide,.list1 .swiper-slide{ width:.96rem; height:1.58rem; position:static }
.list1.swiper-container .item,.list1 .item{ display:flex; flex-direction:column; align-items:center }
.list1.swiper-container .item .img-wrapper,.list1 .item .img-wrapper{ width:.96rem; height:.96rem; box-sizing:border-box }
.list1.swiper-container .item img,.list1 .item img{ display:block; box-sizing:border-box; width:100%; height:100%; border-radius:.24rem; object-fit:cover }
.list1.swiper-container .item .name,.list1 .item .name{ font-family:SourceHanSansCN-Medium; font-size:.2rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; margin-top:.06rem; text-align:center; line-height:1.1; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:.09rem; width:100%; height:.44rem }
.list1.swiper-container .swiper-slide-next,.list1 .swiper-slide-next{ transform:translate(0.07rem,0) }
.list1.swiper-container .swiper-slide-prev,.list1 .swiper-slide-prev{ transform:translate(-0.07rem,0) }
.list1.swiper-container .swiper-slide.swiper-slide-active,.list1 .swiper-slide.swiper-slide-active{ height:auto }
.list1.swiper-container .swiper-slide.swiper-slide-active .item .img-wrapper,.list1 .swiper-slide.swiper-slide-active .item .img-wrapper{ background:url(../images/img_wrapper1.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:1.38rem; height:1.38rem; box-sizing:border-box; padding:.04rem }
.list1.swiper-container .swiper-slide.swiper-slide-active .item .img-wrapper img,.list1 .swiper-slide.swiper-slide-active .item .img-wrapper img{ border:.03rem solid #fff; box-sizing:border-box; display:block }
.list1.swiper-container .swiper-slide.swiper-slide-active .item .name,.list1 .swiper-slide.swiper-slide-active .item .name{ display:none }
.list1.swiper-container .swiper-slide.swiper-slide-active .item2,.list1 .swiper-slide.swiper-slide-active .item2{ display:block }
.list1.swiper-container .item2,.list1 .item2{ width:6.42rem; min-height:5.2rem; border-radius:.24rem; overflow:hidden; transform:translate(-2.6rem,0); margin-top:.16rem; display:none }
.list1.swiper-container .item2 .rank,.list1 .item2 .rank{ background:url(../images/rank.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.8rem; height:.9rem; position:absolute; z-index:20; top:0; right:.32rem; display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding-top:.12rem }
.list1.swiper-container .item2 .rank .num,.list1 .item2 .rank .num{ font-size:.34rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; font-family:KBaoNumber; line-height:1 }
.list1.swiper-container .item2 .rank .num-txt,.list1 .item2 .rank .num-txt{ font-size:.16rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; line-height:1; margin-top:.02rem; display:flex; align-items:center }
.list1.swiper-container .item2 .video-wrapper,.list1 .item2 .video-wrapper{ width:100%; height:3.35rem; border-radius:.24rem .24rem 0 0; overflow:hidden; margin-top:0 }
.list1.swiper-container .item2 .video-js,.list1 .item2 .video-js{ width:100%; height:3.35rem; border-radius:.24rem .24rem 0 0 }
.list1.swiper-container .item2 .info,.list1 .item2 .info{ width:100%; height:1.82rem; border-radius:0 0 .24rem .24rem; box-shadow:0 -0.2rem .2rem .1rem #333; z-index:10; position:relative; color:#fff; display:flex; flex-direction:column; justify-content:center; padding-left:.2rem; padding-bottom:.12rem; box-sizing:border-box; background-color:#333 }
.list1.swiper-container .item2 .info .btn2,.list1 .item2 .info .btn2{ position:absolute; top:.52rem; right:.26rem }
.list1.swiper-container .item2 .name,.list1 .item2 .name{ font-family:SourceHanSansCN-Bold; font-size:.36rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; margin-bottom:.16rem; margin-top:-0.1rem }
.list1.swiper-container .item2 .date,.list1 .item2 .date{ font-family:SourceHanSansCN-Bold; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; margin-bottom:.08rem }
.list1.swiper-container .item2 .date .day,.list1 .item2 .date .day{ background-color:#fff; border-radius:.06rem; font-family:MFYuanHeiNoncommercial-Regular; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; padding:.02rem .06rem; line-height:1; display:inline-flex; font-family:KBaoNumber; margin-right:.08rem }
.list1.swiper-container .item2 .date .tag,.list1 .item2 .date .tag{ font-family:SourceHanSansCN-Medium; font-size:.16rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#000; background-color:#c1ff00; border-radius:.04rem; padding:.02rem; margin-left:.08rem }
.list1.swiper-container .item2 .time,.list1 .item2 .time{ display:flex; margin-bottom:.06rem }
.list1.swiper-container .item2 .time span,.list1 .item2 .time span{ font-family:SourceHanSansCN-Regular; font-size:.22rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; background-color:#000; border-radius:.1rem; padding:.02rem .06rem; margin:0 .06rem; min-width:.3rem; text-align:center; line-height:1; display:inline-flex; align-items:center; justify-content:center }
.list1.swiper-container .item2 .time span:first-child,.list1 .item2 .time span:first-child{ margin-left:0 }
.list1.swiper-container .item2 .des,.list1 .item2 .des{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; height:.28rem; position:relative; padding-left:.32rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.list1.swiper-container .item2 .des::before,.list1 .item2 .des::before{ content:""; background:url(../images/dot.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.27rem; height:.19rem; position:absolute; left:0; top:.03rem }
.video-wrapper .play-icon{ position:absolute; left:50%; top:1.4rem; margin-left:-0.45rem; width:.89rem; height:.89rem; background:url(../images/icon-video.png) no-repeat center; background-size:.84rem .84rem }
.video-wrapper .video-js .vjs-big-play-button{ display:none !important }
.video-wrapper .video-js .vjs-big-play-button::before{ display:none !important }
.video-wrapper .video-js .vjs-poster{ object-fit:cover; display:none }
.list2.swiper-container,.list2{ margin-top:.1rem }
.list2.swiper-container .item,.list2 .item{ width:6.42rem; min-height:5rem; border-radius:.24rem; position:relative; overflow:hidden; margin:0 auto }
.list2.swiper-container .item .rank,.list2 .item .rank{ background:url(../images/rank.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.8rem; height:.9rem; position:absolute; z-index:20; top:0; right:.32rem; display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding-top:.12rem }
.list2.swiper-container .item .rank .num,.list2 .item .rank .num{ font-size:.34rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; font-family:KBaoNumber; line-height:1 }
.list2.swiper-container .item .rank .num-txt,.list2 .item .rank .num-txt{ font-size:0; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; line-height:1; margin-top:.02rem; display:flex; align-items:center; flex-wrap:nowrap; white-space:nowrap }
.list2.swiper-container .item .rank .num-txt::after,.list2 .item .rank .num-txt::after{ content:""; width:.723rem; height:.14rem; background:url(../images/rt.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); margin-left:.01rem }
.list2.swiper-container .item .video-wrapper,.list2 .item .video-wrapper{ width:100%; height:3.35rem; border-radius:.24rem .24rem 0 0; overflow:hidden; margin-top:0 }
.list2.swiper-container .item .video-js,.list2 .item .video-js{ width:100%; height:3.62rem; border-radius:.24rem .24rem 0 0 }
.list2.swiper-container .item .video-js .vjs-big-play-button,.list2 .item .video-js .vjs-big-play-button{ display:none }
.list2.swiper-container .item .video-js .vjs-big-play-button::before,.list2 .item .video-js .vjs-big-play-button::before{ display:none }
.list2.swiper-container .item .video-js .vjs-poster,.list2 .item .video-js .vjs-poster{ object-fit:cover }
.list2.swiper-container .item .video-js .vjs-control-bar,.list2 .item .video-js .vjs-control-bar{ display:none }
.list2.swiper-container .item .info,.list2 .item .info{ width:100%; min-height:2.82rem; border-radius:0 0 .24rem .24rem; z-index:10; position:relative; color:#fff; display:flex; flex-direction:column; justify-content:space-around; padding-left:.2rem; box-sizing:border-box; background:linear-gradient(360deg,#1E2B6E 55%,transparent); margin-top:-1.3rem; padding-top:1rem; padding-bottom:.18rem }
.list2.swiper-container .item .info>*,.list2 .item .info>*{ pointer-events:initial; touch-action:initial }
.list2.swiper-container .item .info .btn2,.list2 .item .info .btn2{ position:absolute; top:1.22rem; right:.26rem; width:1.04rem; height:.4rem; font-size:.24rem; border-radius:.2rem; text-align:center; color:#333; font-weight:600; line-height:1; display:inline-flex; align-items:center; justify-content:center; background:none; background-color:#fffb00 }
.list2.swiper-container .item .info .btn,.list2 .item .info .btn{ position:absolute; top:1.02rem; right:.26rem; width:1.04rem; height:.4rem; font-size:.24rem; background-color:#c1ff00; border-radius:.2rem; text-align:center; color:#333; font-weight:600; line-height:1; display:inline-flex; align-items:center; justify-content:center }
.list2.swiper-container .item .info .btn.v2,.list2 .item .info .btn.v2{ background-color:#fffb00 }
.list2.swiper-container .item .name,.list2 .item .name{ font-family:SourceHanSansCN-Bold; font-size:.36rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; margin-top:-0.1rem }
.list2.swiper-container .item .date,.list2 .item .date{ font-family:SourceHanSansCN-Bold; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; display:flex }
.list2.swiper-container .item .date .day,.list2 .item .date .day{ background-color:#fff; border-radius:.06rem; font-family:MFYuanHeiNoncommercial-Regular; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; padding:.02rem .06rem; line-height:1; display:inline-flex; font-family:KBaoNumber; margin-right:.08rem; font-weight:600 }
.list2.swiper-container .item .p1,.list2 .item .p1{ display:flex; margin-top:.06rem }
.list2.swiper-container .item span.tag,.list2 .item span.tag{ background-color:#c1ff00; color:#000; border-radius:.04rem; font-size:.16rem; vertical-align:middle; padding:0 .02rem; flex:0 0 auto; height:.28rem; line-height:.28rem; text-align:center; box-sizing:border-box; margin-left:.08rem; display:inline-block; max-width:1rem; overflow:hidden }
.list2.swiper-container .item .time,.list2 .item .time{ display:flex; line-height:1 }
.list2.swiper-container .item .time span,.list2 .item .time span{ font-family:SourceHanSansCN-Regular; font-size:.22rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; background-color:#000; border-radius:.1rem; padding:.02rem .06rem; margin:0 .06rem; min-width:.3rem; text-align:center; line-height:1; display:inline-flex; align-items:center; justify-content:center }
.list2.swiper-container .item .time span.tag,.list2 .item .time span.tag{ background-color:#c1ff00; color:#000; border-radius:.04rem; font-size:.16rem; line-height:.16rem; vertical-align:middle; flex:0 0 auto; height:.28rem; line-height:1; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; margin-left:.08rem }
.list2.swiper-container .item .time span:first-child,.list2 .item .time span:first-child{ margin-left:0 }
.list2.swiper-container .item .des,.list2 .item .des{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; height:.28rem; position:relative; padding-left:.32rem; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.list2.swiper-container .item .des::before,.list2 .item .des::before{ content:""; background:url(../images/dot.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.27rem; height:.19rem; position:absolute; left:0; top:.03rem }
.list2.v2{ margin-top:.26rem }
.list2.v2 .item{ padding-bottom:0; margin-bottom:.29rem }
.list2.v2 .item:last-child{ margin-bottom:0 }
.list2.v2 .bottom{ display:flex; align-items:center; background-color:#000; padding:.16rem; border-radius:0 0 .24rem .24rem; box-sizing:border-box }
.list2.v2 .bottom>a{ display:flex; align-items:center }
.list2.v2 .bottom img{ width:.72rem; height:.72rem; border-radius:.2rem; margin-right:.16rem }
.list2.v2 .bottom .bottom-info{ width:3.9rem }
.list2.v2 .bottom .bottom-info .bottom-name{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; font-weight:600; line-height:1.1; min-width:2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; flex:1 1 auto }
.list2.v2 .bottom .bottom-info .bottom-date{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1.4; margin-top:.12rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.list2.v2 .bottom .bottom-info .bottom-date span{ font-size:.2rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; background:#eff0f5; border-radius:.06rem; padding:.03rem .06rem; font-weight:500 }
.list2.v2 .bottom .btn{ width:1.04rem; height:.4rem; background-color:#c1ff00; border-radius:.2rem; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; text-align:center; line-height:1; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; font-weight:600 }
.list2.v2 .bottom .btn.v2{ background-color:#fffb00 }
.list2.v2 .bottom .name-wrapper{ display:flex; align-items:center }
.list2.v2 .bottom .sift{ display:inline-flex; margin-left:.16rem; flex:0 0 auto }
.list2.v2 .bottom .sift .sift-item{ margin:0 .04rem }
.list2.v2 .bottom .sift .sift-item.on::after{ background-position:0 100% }
.list2.v2 .bottom .tag{ background-color:#c1ff00; border-radius:.06rem; font-family:SourceHanSansCN-Medium; font-size:.18rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#333; margin-left:.08rem; line-height:1; padding:.03rem; flex:0 0 auto }
.list2.v2 .info{ min-height:2.16rem; border-radius:0; padding-top:.7rem; margin-top:-1.6rem; padding-bottom:.1rem; background:linear-gradient(360deg,#333 26%,transparent) }
.list2.v2 .info .name2{ font-family:SourceHanSansCN-Regular; font-size:.22rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1 }
.list2.v2 .info .name3{ font-family:SourceHanSansCN-Bold; font-size:.28rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#fff; line-height:1; font-weight:600 }
.c-btn{ display:flex; align-items:center; justify-content:center; width:2.4rem; height:.72rem; border-radius:.48rem; font-size:.3rem; color:#fff; margin:.16rem auto 0; font-weight:bold; background-color:var(--main-color) }
.pop{ background:#f5f5f5; position:fixed; bottom:0; left:50%; transform:translate(-50%,0); width:7.5rem; z-index:1001; box-sizing:border-box; border-radius:.2rem .2rem 0 0; overflow:hidden }
.pop .close{ background:url(../images/icon-close.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.25rem; height:.25rem; position:absolute; top:.34rem; left:.35rem; z-index:10 }
.pop .pop-title{ height:.9rem; background-color:#fff; text-align:center; padding:0 .24rem; width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:relative }
.pop .pop-title .title-txt{ font-family:SourceHanSansCN-Bold; font-size:.36rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#251c24; font-weight:600 }
.pop .pop-title .check-box{ position:absolute; right:.24rem; top:.3rem; right:.54rem }
.pop .pop-content{ max-height:50vh; overflow-y:auto }
.pop .pop-content::-webkit-scrollbar{ width:.06rem }
.pop .pop-content::-webkit-scrollbar-thumb{ border-radius:.03rem; background:#d1d1d1 }
.pop .pop-content::-webkit-scrollbar-track{ border-radius:.03rem; background:none }
.pop .banner{ width:100% }
.pop .des{ font-family:SourceHanSansCN-Medium; font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#666; text-align:center; padding:.14rem 0 .26rem }
.pop .btn-box{ margin-top:.36rem }
.pop .btn-box a{ width:4rem; height:.8rem; border-radius:.4rem; text-align:center; line-height:.8rem; background-color:var(--main-color); display:block; margin:0 auto; font-weight:bold; font-size:.34rem; color:#fff }
.pop .appointment{ width:7.5rem; height:1.1rem; background-color:#fff; border-radius:.2rem; display:flex; justify-content:center; align-items:center; flex-direction:column; box-shadow:0 .05rem .2rem .1rem rgba(0,0,0,.05) }
.pop .appointment .guide-box{ display:flex; justify-content:center; align-items:center; flex-direction:column }
.pop .appointment .name{ display:flex; font-size:.28rem; font-weight:normal; font-stretch:normal; line-height:.29rem; letter-spacing:0rem; color:#251c24; text-shadow:.02rem 0 .02rem #fff,.02rem 0 .02rem #fff,.02rem 0 .02rem #fff,.02rem .02rem .02rem #fff,.02rem .02rem .02rem #fff,.02rem .02rem .02rem #fff,.02rem -0.02rem .02rem #fff,.02rem -0.02rem .02rem #fff,.02rem -0.02rem .02rem #fff,-0.02rem 0 .02rem #fff,-0.02rem 0 .02rem #fff,-0.02rem 0 .02rem #fff,-0.02rem .02rem .02rem #fff,-0.02rem .02rem .02rem #fff,-0.02rem .02rem .02rem #fff,-0.02rem -0.02rem .02rem #fff,-0.02rem -0.02rem .02rem #fff,-0.02rem -0.02rem .02rem #fff; font-weight:bold; line-height:1; align-items:center }
.pop .appointment .sub-name{ font-size:.24rem; line-height:1.1; color:#999; margin-top:.04rem }
.pop .appointment .img-list{ display:inline-flex; margin-right:.3rem }
.pop .appointment .icon{ width:.43rem; height:.43rem; border-radius:50%; border:.02rem solid #fff; margin-right:-0.21rem; position:relative; z-index:1 }
.pop .appointment .icon:first-child{ margin-left:0 }
.pop .pop-footer{ background-color:#fff }
.namestr-wrapper{ position:relative; overflow:hidden; width:4.06rem; height:.32rem }
.namestr-wrapper .namestr{ position:absolute; white-space:nowrap }
.namestr-wrapper .namestr .namestr-copy{ display:inline-block }
.check-box{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#666; display:inline-flex; align-items:center; line-height:1 }
.check-box .check-box-inner{ margin-right:.16rem }
.check-box::after{ content:""; width:.32rem; height:.32rem; background-color:#c9c9c9; border-radius:.06rem }
.check-box.on::after{ content:""; width:.32rem; height:.32rem; background:url(../images/tick.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); border-radius:.06rem }
.check-box.disable{ opacity:.3 }
.list5{ width:7.02rem; background-color:#fff; border-radius:.2rem; padding:.24rem .28rem .01rem; margin:.4rem auto; box-sizing:border-box }
.list5 .list5-title{ font-family:SourceHanSansCN-Bold; font-size:.3rem; font-weight:normal; font-stretch:normal; line-height:.53rem; letter-spacing:0rem; color:#251c24; border-bottom:.01rem dashed #ddd; padding-bottom:.24rem; margin-bottom:.32rem; font-weight:600 }
.list5 .item{ display:flex; align-items:center; margin-bottom:.22rem }
.list5 .item img{ width:1rem; height:1rem; background-color:#b4b4b4; border-radius:.2rem; margin-right:.24rem; object-fit:cover }
.list5 .item .info .name{ font-family:SourceHanSansCN-Bold; font-size:.28rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#251c24; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:4.06rem; line-height:1 }
.list5 .item .info .sub-name{ font-size:.24rem; font-weight:normal; font-stretch:normal; letter-spacing:0rem; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:4.06rem; line-height:1; margin-top:.22rem }
.list5 .item .check-box{ margin-left:auto }
.fixed-side{ position:fixed; bottom:0; right:0; z-index:1000; display:flex; flex-direction:column; align-items:center; justify-content:center }
.fixed-side a{ position:relative }
.fixed-side .corn{ border-radius:.12rem; color:#0d090c; position:absolute; height:.24rem; padding:0 .08rem; background:#d0ff40; font-size:.18rem; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; top:-0.1rem; left:50%; transform:translateX(-50%) }
.fixed-side .item{ height:.99rem; margin-bottom:.16rem }
.fixed-side .subscribe{ background:url(../images/sm1.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:.94rem; height:.99rem; display:flex }
.fixed-side .subscribe.has{ background:url(../images/sm1_2.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0) }
.fixed-side .destop{ background:url(../images/sm8.png?0508) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0); width:1.04rem; height:.98rem; display:flex }
.fixed-side .destop.has{ background:url(../images/sm8_2.png) no-repeat 0 0; background-size:100% 100%; background-color:rgba(0,0,0,0) }
.namestr-wrapper{ position:relative; overflow:hidden; width:4.06rem; height:.32rem }
.namestr-wrapper .namestr{ position:absolute; white-space:nowrap }
.namestr-wrapper .namestr .namestr-copy{ display:inline-block }
.loading{ background-color:inherit; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; text-align:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; -ms-touch-action:none; touch-action:none; background:#f2f3f5 }