.detail{width:100%;height:100vh;position:fixed;top:0;background:#fafafa;overflow:auto;z-index:100}.detail .swiper{width:100%;height:25.5rem;background:#0ff;margin-bottom:12rem}.detail .swiper .custom-indicator{position:absolute;right:5px;bottom:5px;padding:2px 5px;font-size:12px;background:rgba(0,0,0,.1)}.detail .introCard{width:34.4rem;height:11.8rem;padding:1.6rem;position:absolute;top:23rem;left:50%;margin-left:-17.2rem;background:#fff;border-radius:.8rem;box-shadow:0 .4rem .8rem 0 rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:space-between}.detail .introCard .introName{width:100%;height:3rem;font-size:2rem;font-family:Source Han Sans CN,Source Han Sans CN-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.detail .introCard .change{width:100%;height:5rem;display:flex;flex-direction:column;justify-content:space-around}.detail .introCard .change .introYear{width:100%;height:2rem;display:flex;align-items:center}.detail .introCard .change .introYear .yearIcon{width:1.6rem;height:1.6rem;background:url(../img/icon_time.dc627665.svg) no-repeat;background-size:100%}.detail .introCard .change .introYear .yearText{height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#666;line-height:2rem;margin-left:.5rem}.detail .introCard .change .introAddress{width:100%;height:2rem;display:flex;align-items:center}.detail .introCard .change .introAddress .addressIcon{width:1.6rem;height:1.6rem;background:url(../img/icon_address.0da222af.svg) no-repeat;background-size:100%}.detail .introCard .change .introAddress .addressText{height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#666;line-height:2rem;margin-left:.5rem}.detail .synopsis{width:100%;padding:0 1.8rem 3.2rem}.detail .synopsis .chat{width:100%;height:5rem;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.2rem}.detail .synopsis .chat .chatTel,.detail .synopsis .chat .chatTime{width:100%;height:2rem}.detail .synopsis .chat .chatTel .telName,.detail .synopsis .chat .chatTel .timeName,.detail .synopsis .chat .chatTime .telName,.detail .synopsis .chat .chatTime .timeName{width:5.6rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#999;line-height:2rem;letter-spacing:0;margin-right:2.4rem}.detail .synopsis .chat .chatTel .telCon,.detail .synopsis .chat .chatTel .timeCon,.detail .synopsis .chat .chatTime .telCon,.detail .synopsis .chat .chatTime .timeCon{width:10.4rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#333;line-height:2rem}.detail .synopsis .chat .chatTel .tel,.detail .synopsis .chat .chatTime .tel{width:5rem;height:2rem;float:right}.detail .synopsis .chat .chatTel .tel .telIcon,.detail .synopsis .chat .chatTime .tel .telIcon{width:1.8rem;height:1.8rem;background:url(../img/icon_call.156b97fd.svg) no-repeat;background-size:100%;float:left}.detail .synopsis .chat .chatTel .tel .telText,.detail .synopsis .chat .chatTime .tel .telText{width:2.8rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;color:#4971ff;line-height:2rem;float:right}.detail .synopsis .introTitle{width:100%;height:3rem;display:flex;font-size:1.8rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:600;text-align:LEFT;color:#333}.detail .synopsis .syCon{width:100%;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#666;line-height:2.4rem}.detail .round{padding-left:1.6rem}.detail .round,.detail .round .roundAll{width:100%;display:flex;flex-direction:column;justify-content:space-between}.detail .round .roundAll{height:22.9rem;margin-bottom:1.5rem}.detail .round .roundAll .roundTitle{width:100%;height:2.5rem;padding:0 1.6rem 0 0;display:flex;justify-content:space-between;align-items:center}.detail .round .roundAll .roundTitle .titleLeft{height:2.5rem;font-size:1.8rem;line-height:2.5rem}.detail .round .roundAll .roundTitle .titleLeft,.detail .round .roundAll .roundTitle .titleRight{width:7.2rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333}.detail .round .roundAll .roundTitle .titleRight{height:2rem;font-size:1.4rem;line-height:2rem;display:flex;justify-content:space-between;align-items:center}.detail .round .roundAll .roundTitle .titleRight .toIcon{width:1.6rem;height:1.6rem;background:url(../img/to.4534e527.svg) no-repeat;background-size:100%}.detail .round .roundAll .roundNav{width:100%;height:4rem;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.detail .round .roundAll .roundNav .navList{width:7.6rem;height:3.4rem;background:#f6f6f6;border-radius:1.7rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:center;color:#333;line-height:3.4rem;letter-spacing:0;display:inline-block;margin-right:.4rem}.detail .round .roundAll .roundNav .navList-active{background:#fad850}.detail .round .roundAll .roundCon{width:100%;height:13.4rem;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.detail .round .roundAll .roundCon .conList{width:10rem;height:13.4rem;margin-right:.8rem;border-radius:.4rem;display:inline-block;overflow:hidden}.detail .round .roundAll .roundCon .conList .listImg{width:10rem;height:8rem;overflow:hidden;background:#0ff}.detail .round .roundAll .roundCon .conList .listIntro{width:100%;height:5.3rem;padding:.6rem;background:#7f8289;display:flex;flex-direction:column;justify-content:space-between}.detail .round .roundAll .roundCon .conList .listIntro .introName{width:100%;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#fff;line-height:2rem;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.detail .round .roundAll .roundCon .conList .listIntro .introCon{width:100%;height:1.4rem;font-size:1rem;font-family:PingFang SC,PingFang SC-Light;font-weight:300;text-align:LEFT;color:#f0f0f0;line-height:1rem}.detail .round .roundAll ::-webkit-scrollbar{display:none;width:0}.detail .round .audio{width:32.4rem;height:4.4rem;display:flex;align-items:center;box-sizing:border-box;margin:1.6rem auto 0}.detail .round .audio .icon_play{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:50%;background:#f85f5f}.detail .round .audio .audio-box{width:100%;height:4.4rem}.detail .round .audio .audio-box .player-box{width:100%;height:4.4rem;box-shadow:.1rem .1rem .6rem 0 rgba(0,0,0,.05);justify-content:space-between;padding:0 0 0 .8rem;display:flex;align-items:center;justify-content:center;background:#faf7f2}.detail .round .audio .audio-box .player-box .audio-left{margin-right:.4rem;width:3.6rem;height:3.6rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.detail .round .audio .audio-box .player-box .audio-left a{width:3.6rem;height:3.6rem}.detail .round .audio .audio-box .player-box .audio-left a img{width:100%;height:100%}.detail .round .audio .audio-box .player-box #audioPlayer{cursor:pointer}.detail .round .audio .audio-box .player-box .audio-right{flex:1;width:0;height:100%;display:flex;align-items:center;justify-content:space-between;padding-left:.5rem}.detail .round .audio .audio-box .player-box .audio-right .progress-bar-bg{width:16rem;background:#f0f0f0;position:relative;height:.4rem;cursor:pointer;border-radius:.4rem}.detail .round .audio .audio-box .player-box .audio-right .progress-bar-bg span{content:" ";width:1rem;height:1rem;border-radius:50%;background-color:#fad850;position:absolute;left:0;top:50%;margin-top:-.5rem;margin-left:-.5rem;cursor:pointer;z-index:2}.detail .round .audio .audio-box .player-box .audio-right .progress-bar-bg .progress-bar{background-color:#fad850;width:0;height:.4rem;border-radius:.4rem;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}.detail .round .audio .audio-box .player-box .audio-right .audio-time{width:10rem;height:1.7rem;overflow:hidden;color:#999;justify-content:flex-start;line-height:1.7rem;font-size:1.2rem;display:flex;align-items:center}.detail .round .roundSelect{width:100%;height:4.8rem;padding-right:1.6rem;display:flex;justify-content:space-around;align-items:center}.detail .round .roundSelect .seOne{width:5rem;height:2rem;display:flex;justify-content:space-between;align-items:center}.detail .round .roundSelect .seOne .oneIcon{width:1.8rem;height:1.8rem;background:url(../img/icon_back.729d114b.svg) no-repeat;background-size:100%}.detail .round .roundSelect .seOne .oneText{width:2.8rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:CENTER;color:#333;line-height:2rem}.detail .round .roundSelect .seTwo{width:5rem;height:2rem;display:flex;justify-content:space-between;align-items:center}.detail .round .roundSelect .seTwo .twoIcon{width:1.8rem;height:1.8rem;background:url(../img/yuding.13827ad6.svg) no-repeat;background-size:100%}.detail .round .roundSelect .seTwo .twoText{width:2.8rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:CENTER;color:#333;line-height:2rem}.detail .round .roundSelect .seThree{width:5rem;height:2rem;display:flex;justify-content:space-between;align-items:center}.detail .round .roundSelect .seThree .threeIcon{width:1.8rem;height:1.8rem;background:url(../img/icon_navgation.7781ebe5.svg) no-repeat;background-size:100%}.detail .round .roundSelect .seThree .threeText{width:2.8rem;height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:CENTER;color:#4971ff;line-height:2rem}