#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0 auto}a{text-decoration:none;color:#000}#nav{padding:2.5rem}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.vdr.active:before{content:"";outline:.33333rem dashed #d6d6d6!important}.el-radio__inner{width:2rem;height:2rem}.el-radio__inner:after{width:.66667rem;height:.66667rem}.el-radio__label{font-size:1.5rem}.el-button{width:21.33333rem;height:5rem;font-size:2.5rem;border-radius:2.5rem}.s-list-tit{margin-bottom:1.66667rem}.box1{width:40%}.list-top{margin-top:3.33333rem}.button-step{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.button-step .button-step-text{width:100%;display:flex;justify-content:flex-start;font-size:2.5rem;align-items:center}.button-step .btn{width:12.5rem;height:12.5rem;border-radius:50%;margin-right:1.25rem;font-size:8.33333rem;text-align:center;line-height:12.5rem;font-weight:600;color:#fff}.button-step .btn1{background:#d382af;margin-bottom:4.16667rem}.button-step .btn2{background:#ab1b40}.button-step .btn3{margin-right:0;margin-bottom:4.16667rem;background:#662f8e}.about{border-radius:1.66667rem}.about .left{margin:0 auto}.about .avatar-uploader{display:inline-block;margin:0}.about .img-con,.about .img-con>div{display:flex;justify-content:space-between;flex-wrap:wrap}.about .img-con>div{padding:2.5rem 3.33333rem;width:100%;margin-bottom:.83333rem;background:#000}.about .img-box1{width:33.33333rem;height:33.33333rem;margin-bottom:4.16667rem;position:relative;background:#fff}.about .img-box1 .btn{position:absolute;width:2.5rem;height:2rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABfElEQVRYR+2VTU6DQBiG34/ExI3pNdyXWjEDceOOo+hKj2HZ6FG6cznEauQAXsO6VDJmptBQZoABoWyYXdMwz8P7/UAY+dDIfEwCUwIqgZckmd247tcxGzKOP88YO/8mCT/9wRrAu++5D8eQ4JvkEQIXJ85vSHyTcAAsA6+GllBw4F7yiMCJvyUMAlIiP4NJFOESlqZpoHpAkyCs/Mt+y6HDKbhmc74fw0xC9sJMRdGjRAm+TVMKJXyHKZwhJOrgmkChHL0k0QQ3CpgkBEQUeAvVubanDKeUQpbFXryjchWXy9FGQoM7FLLlrublU/st0HoCIvIbkmgDryxBbWMCke+5xnIcLBlgi5o3zxlWX0M9CV2iC9wqgdy0TqIrvJWAcUSBCIDY73bL2K2moGrcDElki9Ou5q2moEHiYKzIoaBq1Op2h1UTmi6IXz9uBdGTqqNDd2w5f7ZdUv8qQfFhKSF/s6tFJ3jrJuzyhk3PdC5B08W2/08CUwKjJ/AH+5jOK5/yvfAAAAAASUVORK5CYII=);background-size:100% 100%}.about .img-box1 .btn.left{top:50%;left:-2.25rem;margin-top:-1.25rem;transform:rotate(90deg)}.about .img-box1 .btn.top{top:-2rem;left:50%;margin-left:-1.25rem;transform:rotate(180deg)}.about .img-box1 .btn.right{transform:rotate(270deg);top:50%;right:-2.25rem;margin-top:-1.25rem;padding:0}.about .img-box1 .btn.bottom{bottom:-2rem;left:50%;margin-left:-1.25rem;transform:rotate(1turn)}.about .img-box1 canvas{width:100%;height:100%;position:relative}.about .img-box1 .drag-it-dude{border:.41667rem solid #eee}.about .img-box2{margin-bottom:2.08333rem;width:33.33333rem;height:33.33333rem;background:#fff}.about .img-box2 canvas{width:100%;height:100%;position:relative}.about .s-list{flex-direction:column;flex-wrap:wrap}.about .s-list,.about .style-list{display:flex;justify-content:space-between}.about .style-list .list-name{width:12.5rem;text-align:left;display:flex;align-items:center;font-size:1.66667rem}.about .style-list .w100{width:8.33333rem}.about .style-list .silder{width:20.83333rem}.about .right{padding:2.5rem 3.33333rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.66667rem auto;background:#000}.about .right .resImg{margin-bottom:.83333rem;width:41.66667rem;height:41.66667rem;background:#fff}.about .right .resImg img{width:100%}.about .right .rignt-btn{width:25rem;display:flex;flex-direction:column;align-items:center}.about .right .rignt-btn .button-step{margin-bottom:1.66667rem}.about .right .rignt-btn .btn-text{color:#fff;font-size:2rem;text-align:center}.about .right .rignt-btn .btn-text p{margin:0}.about .right .rignt-btn .btn-text p.text-top{margin:1.66667rem 0 .83333rem}