body{margin:0;background-color:#9a1d22}#app{max-width:750px;margin-left:auto;margin-right:auto;min-height:100vh}#app img{display:block}#app .top{padding:1.1rem 0 .6rem}#app .top,#app .top .section{position:relative}#app .top .section .img-bg{width:100%;margin-top:.84rem}#app .top .section .btn-st{width:3.68rem;height:.88rem;position:absolute;bottom:1.6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;line-height:.88rem;background:-webkit-linear-gradient(132deg,#f2c486,#ffe1b6);background:linear-gradient(318deg,#f2c486,#ffe1b6);font-size:.32rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#7e5622;border-radius:.44rem;margin:0}#app .top .section .card-price{font-size:.64rem;font-weight:500;font-family:PingFangSC-Medium,PingFang SC;color:#f3c78a;line-height:.64rem;position:absolute;top:3.12rem;left:1.9rem;margin:0}#app .top .section .line1{left:1.6rem}#app .top .section .line2{left:1.2rem}#app .top h2{font-size:.36rem;color:#fff;line-height:.6rem;margin:0}#app .top .note,#app .top h2{text-align:center;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}#app .top .note{width:1.42rem;height:.52rem;background-color:#f2c486;border-radius:.26rem 0 0 .26rem;font-size:.22rem;color:#953911;line-height:.52rem;position:absolute;top:.26rem;right:0}#app .bottom{padding:0 .4rem .4rem}#app .bottom h2{width:1.6rem;font-size:.4rem;color:#1d1e23;line-height:.4rem;background:-webkit-linear-gradient(230deg,#f78361,#f54b64);background:linear-gradient(220deg,#f78361,#f54b64);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}#app .bottom h2,#app .bottom p{font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}#app .bottom p{margin:.16rem 0 .34rem;font-size:.26rem;color:#a1a2a9;line-height:.26rem}#app .bottom .list{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.46rem}#app .bottom .list .left{width:1.76rem;height:2.34rem;position:relative;background-position:50%;background-size:cover;border-radius:.16rem}#app .bottom .list .left .video-img{width:.8rem;height:.8rem;background:rgba(78,78,78,.36);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#app .bottom .list .left .video-img img{width:.4rem!important;height:.4rem!important;margin:0!important;border-radius:none!important}#app .bottom .list .left .audio-img{width:.64rem;height:.64rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#app .bottom .list .left .audio-img img{width:.8rem!important;height:.8rem!important;margin:0!important;border-radius:none!important}#app .bottom .list .right{width:4.6rem}#app .bottom .list .right h5{font-size:.34rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#121317;line-height:.44rem;margin:0;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#app .bottom .list .right .text-author,#app .bottom .list .right .text-note{font-size:.28rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5d6c76;line-height:inherit!important;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#app .bottom .list .right .text-note{margin:.2rem 0}#app .bottom .list .right .text-author{font-size:.24rem;line-height:.24rem;margin:0}#app .bottom .list .right .text-price{margin:.26rem 0 0}#app .bottom .list .right .text-price .text-red{font-size:.32rem;font-family:PingFangSC-Bold,PingFang SC;font-weight:700;color:#dd272f;line-height:.32rem;margin-right:.2rem}#app .bottom .list .right .text-price .text-gray{color:#5d6c76;font-size:.24rem}#app .bottom .list .right .text-price p{margin-bottom:0}.van-popup--center{padding:.4rem;width:80%}.text-center{text-align:center;font-size:.28rem;margin-top:0}.van-popup__close-icon--top-right{top:17px}