.route{width:100%;height:100vh;position:relative}.route .topDet{width:100%;height:4.8rem;position:absolute;top:0;padding:1.3rem 1.8rem;border-bottom:.1rem solid #eee;display:flex;background:#fafafa}.route .topDet .topLeft{width:5rem;height:2.2rem;display:flex;align-items:center;float:left}.route .topDet .topLeft .backIcon{width:2rem;height:2rem}.route .topDet .topLeft .backText{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}.route .topDet .topTitle{width:7.2rem;height:2.2rem;font-size:1.6rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;color:#333;line-height:2.2rem;letter-spacing:0;position:absolute;left:50%;margin-left:-3.6rem}.route .bottomDet{width:100%;background:#fafafa;border-radius:1.2rem 1.2rem 0 0;position:absolute;bottom:0}.route .bottomDet .bottomTop{width:100%;height:3.2rem;margin-bottom:.8rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.route .bottomDet .bottomTop .topIcon{width:6.4rem;height:.5rem;background:#cfcfcf;border-radius:.3rem}.route .bottomDet .bottomCon{width:100%;height:15.8rem;padding:0 1.75rem;display:flex;flex-direction:column;justify-content:space-between}.route .bottomDet .bottomCon .conName{width:100%;height:2.5rem;font-size:1.8rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:2.5rem;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.route .bottomDet .bottomCon .conLine{width:100%;height:7.8rem;background:#ffcd6c;border-radius:.8rem;padding:1.2rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between}.route .bottomDet .bottomCon .conLine .lineCon{width:100%;height:2.2rem;display:flex;align-items:center}.route .bottomDet .bottomCon .conLine .lineCon .startMarker{height:2.2rem;display:flex;align-items:center}.route .bottomDet .bottomCon .conLine .lineCon .startMarker .start{width:.6rem;height:.6rem;background:#4d7eff;border-radius:50%;margin-right:.6rem}.route .bottomDet .bottomCon .conLine .lineCon .startMarker .startName{height:2.2rem;font-size:1.6rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:2.2rem;letter-spacing:0}.route .bottomDet .bottomCon .conLine .lineCon .toIcon{width:1.6rem;height:.5rem;background:url(../img/to2.ae8e2f69.svg) no-repeat;background-size:100%;margin:0 1rem}.route .bottomDet .bottomCon .conLine .lineCon .endMarker{height:2.2rem;display:flex;align-items:center}.route .bottomDet .bottomCon .conLine .lineCon .endMarker .end{width:.6rem;height:.6rem;background:#44da89;border-radius:50%;margin-right:.6rem}.route .bottomDet .bottomCon .conLine .lineCon .endMarker .endName{height:2.2rem;font-size:1.6rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:2.2rem;letter-spacing:0}.route .bottomDet .bottomCon .conLine .lineDetail{width:100%;height:2rem;display:flex;justify-content:space-between}.route .bottomDet .bottomCon .conLine .lineDetail .detLeft{height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#766648;line-height:2rem;letter-spacing:0}.route .bottomDet .bottomCon .conLine .lineDetail .detLeft .detTT{height:2rem;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:2rem;letter-spacing:0}.route .bottomDet .bottomCon .lineIntro{width:7.2rem;height:2.5rem;font-size:1.8rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:LEFT;color:#333;line-height:1.8rem}.route .bottomDet .bottomIntro{width:100%;height:35.1rem;padding:1.6rem 1.6rem 0}.route .bottomDet .bottomIntro .introImg{width:100%;height:10.8rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.route .bottomDet .bottomIntro .introImg .allList{height:10.8rem}.route .bottomDet .bottomIntro .introImg .allList .imgList{width:10.8rem;height:10.8rem;border-radius:.4rem;background:#44da89;margin:0 .3rem;display:inline-block}.route .bottomDet .bottomIntro .introText{width:100%;height:16.8rem;margin-top:1.6rem;overflow:auto;font-size:1.4rem;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;text-align:LEFT;color:#666;line-height:2.4rem}.route .bottomDet .bottomIntro .toStart{width:100%;height:4.3rem;display:flex;justify-content:center;align-items:center}.route .bottomDet .bottomIntro .toStart .startBtn{width:9rem;height:2.2rem;font-size:1.6rem;font-family:PingFang SC,PingFang SC-Medium;font-weight:500;text-align:CENTER;color:#333;line-height:2.2rem}.route .bottomDet .bottomIntro .toStart .startBtn .startIcon{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-block;border:.1rem solid #ffcd6c;text-align:center;line-height:1.1rem}