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 }
}
body{ background-color:#f2f3f5; margin:0 auto; font-size:.24rem }
.box{ width:7.5rem; margin:0 auto !important }
.head-nav{ display:flex; margin-top:.32rem }
.head-nav p{ width:2.06rem; height:1.12rem; border-radius:.2rem; background-color:#fff; box-sizing:border-box; padding-top:.22rem; margin-left:.32rem }
.head-nav p span{ display:block; text-align:center; color:#131715; font-size:.3rem; line-height:.36rem }
.head-nav p em{ margin-top:.08rem; display:block; text-align:center; font-size:.22rem; line-height:.26rem; color:#a7a8a7 }
.head-nav .on{ background-color:#23c268; position:relative }
.head-nav .on span{ color:#fff }
.head-nav .on em{ color:hsla(0,0%,100%,.6) }
.head-nav .on::after{ content:""; position:absolute; width:.15rem; height:.15rem; background-color:#23c268; bottom:-0.05rem; border-radius:.04rem; left:50%; margin-left:-0.075rem; transform:rotate(45deg); z-index:99 }
.rec-text{ width:6.86rem; margin:.24rem auto 0; border-radius:.16rem; padding:.24rem .32rem; background-color:#eff0f1; border-radius:.16rem; box-sizing:border-box; position:relative }
.rec-text a{ position:absolute; width:.32rem; height:.32rem; top:.24rem; right:.32rem; background:url("../images/icon-gu.png") no-repeat 0 0; background-size:100% 100% }
.rec-text .r-tit{ text-align:center; margin-bottom:.16rem }
.rec-text .r-tit span{ font-size:.3rem; line-height:.36rem; color:#3e403f; position:relative }
.rec-text .r-tit span::after{ content:""; position:absolute; left:-0.45rem; top:.12rem; width:.28rem; height:.19rem; background:url("../images/t-left.png") no-repeat 0 0; background-size:100% 100% }
.rec-text .r-tit span::before{ content:""; position:absolute; right:-0.45rem; top:.12rem; width:.28rem; height:.19rem; background:url("../images/t-right.png") no-repeat 0 0; background-size:100% 100% }
.rec-text .r-con{ color:#7a7d7a; font-size:.22rem; line-height:.36rem }
.option{ width:6.86rem; box-sizing:border-box; padding:.32rem; border-radius:.2rem; background-color:#fff; margin:.32rem auto 0 }
.option .option-un{ display:flex; justify-content:space-between; align-items:center }
.option .option-un p{ font-size:.32rem; color:#3e403f; line-height:.38rem }
.option .option-un a{ width:.48rem; height:.48rem; background:url("../images/icon-add.png") no-repeat 0 0; background-size:100% 100% }
.option .option-item{ display:flex; align-items:center }
.option .option-item img{ width:.92rem; height:.92rem; border-radius:.16rem; margin-right:.16rem }
.option .option-item div{ flex:1; margin-right:.15rem; flex-shrink:0; display:flex; flex-direction:column }
.option .option-item div span{ display:block; font-size:.32rem; color:#3e403f; line-height:.38rem }
.option .option-item div p{ flex-shrink:0; display:flex; align-items:center; margin-top:.1rem; font-size:.22rem; color:#a7a8a7; position:relative; box-sizing:border-box }
.option .option-item div p i{ flex-shrink:0; position:relative; display:block; width:1.37rem; height:.24rem; background:url("../images/star_bg_d.png") no-repeat 0 0; background-size:100% 100% }
.option .option-item div p i em{ display:block; height:100%; margin-left:.01rem; background:url("../images/star_bg_a.png") no-repeat 0 0; background-size:auto 100% }
.option .option-item div p .on{ background:url("../images/icon-st1.png") no-repeat 0 0; background-size:100% 100% }
.option .option-item div p span{ font-size:.28rem; font-weight:bold; color:#23c268; margin-left:.1rem }
.option .option-item a{ width:.48rem; height:.48rem; background:url("../images/icon-c.png") no-repeat 0 0; background-size:100% 100% }
.option .option-item .opt-edit{ width:.32rem; height:.32rem; background:url("../images/icon-edit.png") no-repeat 0 0; background-size:100% 100% }
.option .option-more{ padding-bottom:.32rem; border-bottom:.5px solid #eee }
.option .opt-more-com{ display:flex; justify-content:space-between; margin-top:.32rem }
.option .opt-more-com p{ font-size:.24rem; color:#3e403f }
.option .opt-more-com span{ font-size:.2rem; color:#a7a8a7 }
.edit{ width:6.86rem; background-color:#fff; border-radius:.2rem; box-sizing:border-box; padding:.32rem; margin:.32rem auto 0 }
.rate{ display:flex; align-items:center; justify-content:space-between }
.rate span{ font-size:.32rem; color:#3e403f; margin-right:.1rem }
.rate p{ display:flex; align-items:center }
.rate p i{ width:.52rem; height:.52rem; margin:0 .07rem; background:url("../images/icon-st4.png") no-repeat 0 0; background-size:100% 100% }
.rate p .on{ background:url("../images/icon-st3.png") no-repeat 0 0; background-size:100% 100% }
.rate em{ font-size:.3rem; color:#0aac3c; flex:1 }
.rate .icon-e{ display:block; width:.32rem; height:.32rem; background:url("../images/icon-edit.png") no-repeat 0 0; background-size:100% 100% }
.rate div{ display:flex; align-items:center }
.rate div a{ margin-left:.1rem; font-size:.24rem; color:#3e403f }
.rete-tips{ font-size:.22rem; line-height:.26rem; color:#a7a8a7; margin-top:.16rem }
.rate-list{ margin-top:.36rem }
.rate-list .item{ display:flex; margin-bottom:.16rem }
.rate-list .item p{ font-size:.26rem; line-height:.3rem; color:#7a7d7a; margin-top:.14rem; margin-right:.05rem; white-space:nowrap }
.rate-list .item div{ display:flex }
.rate-list .item div a{ margin-left:.12rem; display:block; width:1.6rem; height:.56rem; line-height:.56rem; text-align:center; color:#3e403f; font-size:.24rem; border:.5px solid #eee; border-radius:.16rem }
.rate-list .item div .on{ color:#23c268; border:1px solid #23c268 }
.rate-li{ display:flex; margin-top:.1rem; flex-wrap:wrap }
.rate-li a{ margin-right:.16rem; text-align:center; margin-top:.2rem; padding:0 .35rem; height:.56rem; border-radius:.16rem; text-align:center; line-height:.56rem; font-size:.24rem; color:#0aac3c; background-color:rgba(35,194,104,.08) }
.in-title{ font-size:.32rem; line-height:.32rem; color:#3e403f; margin-top:.58rem; display:flex; align-items:flex-end }
.in-title span{ color:#a7a8a7; font-size:.22rem; line-height:.22rem; margin-left:.08rem; flex:1 }
.in-title span em{ color:#0aac3c }
.in-title i{ color:#a7a8a7; font-size:.22rem; line-height:.22rem }
.in-title span.on{ color:#fc7a0d }
.in-text{ font-size:.28rem; color:#7a7d7a; line-height:.42rem; margin-top:.2rem }
.input-box{ width:6.22rem; height:auto; background-color:#f6f5f5; border-radius:.16rem; box-sizing:border-box; padding:.16rem .24rem; margin-top:.2rem }
.input-box textarea{ width:100%; height:auto; border:0; background-color:#f6f5f5; font-size:.26rem; line-height:.4rem }
.input-box textarea::-webkit-input-placeholder{ color:#cfd1d0; font-size:.26rem; line-height:.4rem }
.img-list{ display:flex; margin-top:.2rem }
.img-list div{ position:relative; margin-left:.32rem }
.img-list div:nth-child(1){ margin-left:0 }
.img-list div img{ width:1.2rem; height:1.2rem; border-radius:.12rem }
.img-list div .img-close{ position:absolute; top:-0.1rem; right:-0.1rem; width:.32rem; height:.32rem; background:url("../images/img-close.png") no-repeat 0 0; background-size:100% 100% }
.img-list .img-add{ width:1.2rem; height:1.2rem; border-radius:.12rem; border:.5px dashed #cfd1d0 }
.img-list .img-add i{ display:block; width:.48rem; height:.48rem; margin:.2rem auto 0; background:url("../images/icon-cam.png") no-repeat 0 0; background-size:100% 100% }
.img-list .img-add p{ width:100%; font-size:.2rem; line-height:.24rem; color:#7c8080; text-align:center; margin-top:.04rem }
.img-list.v2{ margin-top:.2rem; flex-wrap:wrap; justify-content:flex-start }
.img-list.v2 .img-add{ background-color:#f6f5f5; border:0 }
.lt-on{ margin:.32rem 0 .84rem 0 }
.contact{ margin-top:.2rem; display:flex; align-items:center; border-radius:.16rem; background-color:#f6f5f5; width:100%; box-sizing:border-box }
.contact .lb-down{ display:flex; align-items:center; position:relative; margin-left:.24rem }
.contact .lb-down::after{ content:""; width:1px; height:.3rem; background-color:#eee; position:absolute; right:-0.1rem; top:50%; transform:translateY(-50%) }
.contact .lb-down ul{ position:absolute; left:50%; transform:translateX(-50%); top:.5rem; width:1.2rem; height:auto; box-sizing:border-box; padding:.12rem 0; background-color:#fff; border-radius:.16rem; box-shadow:0 0 .1rem 0 rgba(0,0,0,.1) }
.contact .lb-down ul li{ height:.38rem; text-align:center; box-sizing:border-box; padding:0 .1rem; font-size:.24rem; color:#3e403f; line-height:.38rem }
.contact .lb-down em{ color:#3e403f; font-size:.28rem }
.contact .lb-down i{ width:.2rem; height:.2rem; margin-left:.08rem; background:url("../images/ic-down.png") no-repeat 0 0; background-size:100% 100% }
.contact input{ flex:1; box-sizing:border-box; padding-left:.24rem; width:auto; display:block; background:none; display:block; height:.8rem; border:0; font-size:.28rem }
.contact input::-webkit-input-placeholder{ font-size:.28rem; color:#cfd1d0 }
.bom-btn{ position:fixed; left:50%; margin-left:-3.75rem; bottom:0; width:7.5rem; height:1.44rem; display:flex; align-items:center; justify-content:center; background-color:hsla(0,0%,100%,.5) }
.bom-btn a{ width:6.86rem; height:.88rem; text-align:center; line-height:.88rem; border-radius:.48rem; color:#fff; font-size:.32rem; background-color:#23c268 }
.bom-btn .un{ background-color:#23c268 }
.seat{ width:7.5rem; height:1.76rem }
.head-seat{ width:7.5rem; margin:0 auto; height:.88rem }
.pop-bom{ position:fixed; left:50%; margin-left:-3.75rem; bottom:0; width:7.5rem; height:11.08rem; border-radius:.2rem .2rem 0 0; background-color:#fff; z-index:999; padding:.48rem; box-sizing:border-box; animation:fadeIn .2s ease forwards }
.pop1{ height:8.6rem }
.pop1 .tool-list{ max-height:6.2rem }
.p-close{ position:absolute; width:.24rem; height:.24rem; top:.32rem; right:.32rem; background:url("../images/icon-close.png") no-repeat 0 0; background-size:100% 100% }
.p-title{ text-align:center; font-size:.32rem; line-height:.48rem; color:#131715 }
.search{ width:6.54rem; height:.64rem; border-radius:.52rem; background-color:#f6f5f5; position:relative; margin-top:.22rem }
.search i{ position:absolute; width:.32rem; height:.32rem; top:50%; margin-top:-0.16rem; left:.25rem; background:url("../images/icon-search.png") no-repeat 0 0; background-size:100% 100% }
.search input{ display:block; width:100%; height:100%; box-sizing:border-box; padding-left:.76rem; font-size:.26rem; border:0; background-color:#f6f5f5; border-radius:.52rem }
.search input::-webkit-input-placeholder{ font-size:.26rem; color:#cfd1d0; line-height:.3rem }
.search .search-clsoe{ position:absolute; top:50%; right:.2rem; margin-top:-0.16rem; width:.32rem; height:.32rem; background:url("../images/search-close.png") no-repeat 0 0; background-size:100% 100% }
.tool-list{ margin-top:.24rem; overflow-y:auto; max-height:9.2rem }
.tool-list .tool-tit{ font-size:.26rem; color:#3e403f; font-weight:bold; margin:.16rem 0 }
.tool-list ul li{ display:flex; align-items:center; height:1.04rem; border-radius:.2rem }
.tool-list ul li img{ flex-shrink:0; margin:0 .15rem 0 .2rem; width:.64rem; height:.64rem; border-radius:.12rem }
.tool-list ul li p{ font-size:.28rem; color:#3e403f; line-height:.34rem; width:4.8rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.tool-list ul .on{ background-color:rgba(35,194,104,.08) }
.tool-list ul .on p{ color:#0aac3c }
.seat-un{ width:100%; height:3.66rem; overflow:hidden }
.seat-un img{ display:block; margin:1.28rem auto .32rem; width:1.93rem; height:1.72rem }
.seat-un p{ font-size:.28rem; color:#a7a8a7; line-height:.34rem; text-align:center }
.game-list{ max-height:9.2rem; overflow-y:auto }
.game-list ul li{ display:flex; align-items:center; height:1.52rem }
.game-list ul li img{ width:1.04rem; height:1.04rem; border-radius:.24rem }
.game-list ul li .g-img{ position:relative; width:1.04rem; height:1.04rem; margin-right:.2rem; flex-shrink:0 }
.game-list ul li .g-img i{ position:absolute; top:-0.02rem; right:-0.03rem; text-align:center; line-height:.24rem; width:.36rem; height:.34rem; font-size:.2rem; color:#fff; background:url("../images/img-tips.png") no-repeat 0 0; background-size:100% 100% }
.game-list ul li .g-info p{ font-size:.32rem; color:#131715; display:flex; align-items:center }
.game-list ul li .g-info p a{ max-width:4.2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.game-list ul li .g-info p i{ height:.3rem; line-height:.3rem; font-size:.18rem; line-height:.34rem; padding:0 .08rem; color:#7a7d7a; margin-left:.1rem; background-color:#f2f3f5; border-radius:.08rem }
.game-list ul li .g-info div{ display:flex; align-items:center }
.game-list ul li .g-info div em{ position:relative; font-size:.28rem; color:#23c268; font-weight:bold; margin-left:.3rem; margin-right:.16rem }
.game-list ul li .g-info div em::after{ content:""; position:absolute; width:.18rem; height:.18rem; left:-0.25rem; top:.11rem; background:url("../images/icon-st1.png") no-repeat 0 0; background-size:100% 100% }
.game-list ul li .g-info div p span{ margin-right:.12rem; color:#a7a8a7; font-size:.22rem; line-height:.26rem }
.game-list ul .on{ background-color:rgba(35,194,104,.08) }
.game-list .game-tips{ font-size:.24rem; color:#7a7d7a; text-align:center; margin-bottom:.5rem }
.type-nav{ display:flex; margin:.28rem 0 .22rem }
.type-nav a{ font-size:.24rem; margin-right:.16rem; color:#7a7d7a; border-radius:.84rem; padding:.08rem .2rem; background-color:#f6f5f5 }
.type-nav .on{ color:#0aac3c; background-color:rgba(35,194,104,.08) }
.mask{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:998 }
.pop{ width:5.76rem; padding:.48rem; margin:0 auto; border-radius:.2rem; background-color:#fff; box-sizing:border-box }
.left-nav{ position:absolute; top:1.2rem; right:.1rem; text-align:center }
.left-nav a{ display:block; margin:-0.02rem 0; font-size:.26rem; color:#3e403f }
.left-nav .on{ width:.32rem; height:.32rem; text-align:center; line-height:.32rem; color:#fff; background-color:#23c268; border-radius:50% }
.p-text{ font-size:.28rem; line-height:.44rem; color:#3e403f; margin-top:.24rem }
.pop-btn{ margin-top:.48rem }
.pop-btn a{ display:block; width:2.28rem; height:.72rem; margin:0 auto; font-size:.3rem; text-align:center; line-height:.72rem; color:#fff; background-color:#23c268; border-radius:.36rem }
.head{ width:7.5rem; margin:0 auto; height:48px; position:relative; font-size:.2rem; line-height:48px }
.head p{ color:#131715; text-align:center; width:7.5rem; font-size:.34rem }
.head a{ position:absolute; top:50%; margin-top:-0.2rem; right:.8rem; width:1.12rem; height:.4rem; font-size:.22rem; line-height:.36rem; color:#131715; text-align:center; border:1px solid #7a7d7a; box-sizing:border-box; border-radius:.12rem }
.head a i{ position:absolute; top:-0.04rem; right:-0.04rem; width:.12rem; height:.12rem; border-radius:50%; background-color:#f16456 }
.fadeOn{ animation:fadeOn 1.2s ease forwards }
@keyframes fadeIn{ 0%{transform:translateY(100%) }
100%{ transform:translateY(0) }
}
@keyframes fadeOn{ 0%{transform:translateY(0) }
100%{ transform:translateY(100%) }
}
.fb-nav{ display:flex; justify-content:center; align-items:center; height:.82rem; width:100% }
.fb-nav a{ margin:0 .6rem; font-size:.3rem; line-height:.36rem; color:rgba(19,23,21,.8); position:relative }
.fb-nav a i{ position:absolute; top:-0.16rem; left:.78rem; padding:0 .1rem; height:.28rem; border-radius:.3rem; line-height:.29rem; text-align:center; color:#fff; font-size:.18rem; background-color:#f16456 }
.fb-nav .on{ font-size:.34rem; color:#131715; position:relative }
.fb-nav .on::after{ content:""; position:absolute; left:50%; bottom:-0.2rem; margin-left:-0.16rem; width:.32rem; height:.08rem; border-radius:.4rem; background-color:#23c268 }
.fb-list{ margin-top:.22rem }
.fb-list ul{ width:6.86rem; margin:0 auto }
.fb-list ul li{ position:relative; width:6.86rem; background-color:#fff; border-radius:.2rem; box-sizing:border-box; padding:.32rem; margin-bottom:.32rem }
.fb-list ul li .fb-tips{ width:1.04rem; height:.56rem; position:absolute; top:0; right:0; text-align:center; line-height:.56rem; font-size:.24rem; color:#7a7d7a; border-radius:0 .2rem 0 .2rem; background-color:#f6f5f5 }
.fb-list ul li .fb-info{ display:flex }
.fb-list ul li .fb-info img{ width:.72rem; height:.72rem; margin-right:.12rem; border-radius:.2rem }
.fb-list ul li .fb-info div span{ display:block; width:4.2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:.32rem; color:#131715; line-height:.38rem }
.fb-list ul li .fb-info div p{ display:flex; align-items:center }
.fb-list ul li .fb-info div p em{ font-size:.24rem; color:#a7a8a7 }
.fb-list ul li .fb-info div p i{ display:block; width:.02rem; height:.16rem; margin:0 .06rem; background-color:#d9d9d9 }
.fb-list ul li .fb-red{ color:#f16456; background-color:rgba(241,100,86,.08) }
.fb-list ul li .fb-con{ margin-top:.24rem; font-size:.26rem; color:#3e403f; line-height:.48rem; position:relative; max-height:1.36rem }
.fb-list ul li .fb-con a{ position:absolute; bottom:-0.05rem; right:.05rem; display:none; width:1.12rem; height:.4rem; color:#0aac3c; text-align:end; font-size:.26rem; line-height:.4rem; box-sizing:border-box; padding-right:.1rem; background:linear-gradient(to right,rgba(255,255,255,0.9),rgb(255,255,255)) }
.fb-list ul li .fl-hi{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.fb-list ul li .fb-img-list{ display:flex; margin-top:.24rem }
.fb-list ul li .fb-img-list div{ width:1.2rem; height:1.2rem; margin-right:.24rem }
.fb-list ul li .fb-img-list img{ width:1.2rem; height:1.2rem; border-radius:.12rem }
.fb-list ul li .fb-img-list .on{ position:relative }
.fb-list ul li .fb-img-list .on::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:.12rem; background-color:rgba(0,0,0,.6) }
.fb-list ul li .fb-img-list .on span{ position:absolute; width:100%; text-align:center; top:.4rem; left:0; color:#fff; z-index:1; font-size:.24rem }
.fb-list ul li .fb-reply{ width:6.22rem; border-radius:.2rem; padding:.2rem .24rem; background-color:#fbfafa; box-sizing:border-box; margin-top:.4rem }
.fb-list ul li .fb-reply .reply-tit{ display:flex; align-items:center; justify-content:space-between }
.fb-list ul li .fb-reply .reply-tit span{ font-size:.24rem; color:#131715 }
.fb-list ul li .fb-reply .reply-tit a{ font-size:.24rem; color:#a7a8a7 }
.fb-list ul li .fb-reply .reply-con{ margin-top:.16rem; font-size:.24rem; color:#7a7d7a; line-height:.36rem; position:relative; max-height:.7rem }
.fb-list ul li .fb-reply .reply-con a{ position:absolute; bottom:0rem; right:.05rem; display:block; width:1.12rem; height:.4rem; color:#0aac3c; text-align:end; font-size:.24rem; line-height:.44rem; box-sizing:border-box; padding-right:.1rem; background:linear-gradient(to right,rgba(251,250,250,0.9),#fbfafa) }
.fb-list ul li .fb-reply .reply-hi{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.bom-tips{ margin-top:.32rem; text-align:center; font-size:.24rem; color:#a7a8a7; margin-bottom:.24rem }
.ch-nav{ display:flex; align-items:center; margin-top:.2rem; justify-content:space-between }
.ch-nav a{ width:3rem; height:1rem; box-sizing:border-box; padding:.2rem; background-color:hsla(0,0%,100%,.08); border-radius:.16rem; display:flex; align-items:center; justify-content:space-between; border:1px solid #eee }
.ch-nav a p span{ display:block; color:#3e403f; font-size:.24rem; line-height:.28rem }
.ch-nav a p em{ margin-top:.08rem; display:block; color:#a7a8a7; font-size:.2rem; line-height:.24rem }
.ch-nav a i{ width:.32rem; height:.32rem; background:url("../images/ic-d.png") no-repeat 0 0; background-size:100% 100% }
.ch-nav a.on{ background-color:rgba(35,194,104,.08); border:1px solid rgba(35,194,104,.6) }
.ch-nav a.on i{ background:url("../images/ic-d2.png") no-repeat 0 0; background-size:100% 100% }
.qs-list{ display:flex; flex-wrap:wrap; margin-top:.2rem }
.qs-list li{ height:.56rem; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:0 .2rem; border-radius:.16rem; border:1px solid #eee; color:#3e403f; font-size:.24rem; margin-right:.16rem; margin-top:.16rem }
.qs-list li.on{ color:#23c268; border:1px solid #23c268 }
.ed-nav{ width:6.86rem; margin:.32rem auto 0; display:flex; align-items:center; box-sizing:border-box; height:.72rem; box-sizing:border-box; padding:.04rem; background-color:#eff0f1; border:1px solid rgba(207,209,208,.4); border-radius:.16rem }
.ed-nav a{ flex:1; display:flex; align-items:center; justify-content:center; text-align:center; color:#3e403f; font-size:.26rem; height:100%; border-radius:.16rem }
.ed-nav a.on{ font-weight:bold; background-color:#fff }
.ch-tips{ display:flex; align-items:center; margin-top:.32rem }
.ch-tips i{ width:.24rem; height:.24rem; border:1px solid rgba(207,209,208,.6); border-radius:.06rem; box-sizing:border-box }
.ch-tips p{ color:#a7a8a7; font-size:.2rem; margin-left:.08rem }
.ch-tips.on i{ background:url("../images/ic-d2.png") no-repeat 0 0; background-size:100% 100%; border:0 }