#index{color:#d3d6dd;background-color:#000;width:100%;height:100vh}#index .bg{padding:15px;background-image:url(../img/pageBg.22daa58b.png);background-size:cover;background-position:50%}#index .title{position:relative;width:12rem;height:1rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .title .title-text{top:.35rem;letter-spacing:.08rem;color:#fff;font-size:.5rem}#index .title .title-bototm,#index .title .title-text{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .title .title-bototm{bottom:-.375rem}#index .react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .react-left .react-after{position:absolute;right:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .react-left .text{display:inline-block}#index .react-left .text,#index .react-right{-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center}#index .react-right .react-before{position:absolute;left:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .react-right .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .body-box{margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .body-box .content-box{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .body-box .bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}.t-main{width:4.86rem;height:auto}body{margin:0;padding:0}.top-first{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-.4rem}.top-first,.top-first .top-right{display:-webkit-box;display:-ms-flexbox;display:flex}.top-first .top-right{width:6rem;-ms-flex-pack:distribute;justify-content:space-around;margin-right:.3rem}.top-first .top-r-li{width:1.6rem;height:.6rem;font-family:pangmen;font-weight:400;color:#8dbfee;line-height:.5rem;opacity:.85;text-align:center;background:url(../img/btn-bg.bd39404d.png) 50% no-repeat;background-size:contain;font-size:.2rem;letter-spacing:.03rem;cursor:pointer}.top-first .top-r-li-bg{width:1.8rem;background:url(../img/btn-bg-l.27d54848.png) 50% no-repeat}.top-first .ac-bg{width:2rem;background:url(../img/btn-bg-ac.4205da68.png) 50% no-repeat;line-height:.6rem;color:#fff}.swiper{width:100%;margin-top:50px}.swiper-container{width:100%;height:100%}.swiper-slide{background:url(../img/rectangle-bg.9e86e5a7.png) no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(.7);transform:scale(.7)}.swiper-slide .title-bg{width:100%;height:57px}.swiper-slide .user{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 30px}.swiper-slide .user .left{margin-right:18px}.swiper-slide .user .left img{width:78px;height:78px;border-radius:50%}.swiper-slide .user .right .right-upper{display:-webkit-box;display:-ms-flexbox;display:flex}.swiper-slide .user .right .right-upper .name{font-size:41px;font-family:YouSheBiaoTiHei;font-weight:400;margin-top:9px;margin-right:5px;background-image:-webkit-gradient(linear,left top,left bottom,from(#0ec5ec),to(#effcfe));background-image:linear-gradient(#0ec5ec,#effcfe);-webkit-background-clip:text}.swiper-slide .user .right .right-upper div{width:144px;height:42px;line-height:42px;background:url(../img/btn-bg-ac.4205da68.png) no-repeat;text-align:center;font-size:25px;font-family:PangMenZhengDao;font-weight:400;color:#daedff}.swiper-slide .user .right .right-below{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:25px}.swiper-slide .user .right .right-below p{font-size:29px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff}.swiper-slide .audio{width:100%;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px;margin:15px auto;-webkit-box-sizing:border-box;box-sizing:border-box}.swiper-slide .audio .audio-left{font-size:32px;color:#33beff;margin-right:6px;cursor:pointer}.swiper-slide .audio .audio-left img{width:41px;height:41px}.swiper-slide .audio .progress-bar-bg{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 12px;width:136px;height:8px;background:-webkit-gradient(linear,left top,right top,from(#2e6ecb),to(#459cd9));background:linear-gradient(90deg,#2e6ecb,#459cd9);border-radius:2px;position:relative;cursor:pointer}.swiper-slide .audio .progress-bar-bg .progress-bar{height:5px;background:-webkit-gradient(linear,left top,right top,from(#62c9ff),to(#39f));background:linear-gradient(90deg,#62c9ff,#39f);border-radius:3px}.swiper-slide .audio .progress-bar-bg span{width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid #878f98;position:absolute;left:25%;top:50%;margin-top:-8px;margin-left:-6px;cursor:pointer}.swiper-slide .audio .progress-bar-bg img{position:absolute;top:-15px}.swiper-slide .audio .audio-length-current,.swiper-slide .audio .interval{font-size:25px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff}.swiper-slide .audio .interval{margin:0 15px}.swiper-slide .audio .audio-length-total{font-size:25px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff}.swiper-slide .img{padding:0 30px}.swiper-slide .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-slide .text{padding:0 30px;font-size:18px;font-family:PingFang SC;font-weight:400;color:#fff;line-height:20px;margin-top:10px}.swiper-slide .footer{padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:50px;margin-top:10px;padding-bottom:20px}.swiper-slide .footer span{font-size:33px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff}.swiper-slide .footer img{margin-right:10px}.swiper-slide .footer .comment,.swiper-slide .footer .help{display:-webkit-box;display:-ms-flexbox;display:flex}.swiper-slide .footer .comment{margin-left:40px}.swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1)}