body{min-height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:rgba(0,0,0,.07);height:100vh}*{margin:0;padding:0;box-sizing:border-box}.head{padding:0 .4rem;width:100%;height:1.2rem;font-size:.373333rem;color:#010101;font-weight:400;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.head .title{margin-bottom:0}.head .backIcon{width:.28rem}.head .backhomeIcon{width:.453333rem}.head p{margin-left:1%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head p .product-name:before{content:"";display:inline-block;width:.04rem;height:.333333rem;background-color:#000;margin:0 .066667rem;margin-top:-.066667rem;vertical-align:middle}.steps{width:100%;height:.106667rem;background:#d3d3d3;position:relative}.steps span{position:absolute;display:inline-block;width:14.2%;height:100%;border-radius:.053333rem;background:#ec6602}.steps span:nth-child(2){left:14.2%}.steps span:nth-child(3){left:28.4%}.steps span:nth-child(4){left:42.6%}.steps span:nth-child(5){left:56.8%}.steps span:nth-child(6){left:71%}.steps span:nth-child(7){left:85.4%}.three img{width:.746667rem;height:.64rem;position:fixed;right:4%;top:10%}iframe{width:100%;height:92vh}