body,html{margin:0;border:0}#app{width:100%;margin:0 auto;height:100%;border:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{will-change:transform;transition:all .3s;position:absolute}.slide-right-enter{opacity:0;transform:translate3d(-100%,0,0)}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate3d(100%,0,0)}.slide-left-leave-active{opacity:0;transform:translate3d(-100%,0,0)}.edu-frame{width:100%;height:100vh;background-color:#f7f7f7;position:relative;overflow:auto}.edu-group{width:95%;margin:0 auto;padding:8px 0;background-color:#fff;border:0 solid #ddd;border-radius:8px;box-shadow:1px 2px 2px #ddd}.step-tips{font-weight:700;margin-left:13px}.step-tips-detail{font-size:13px;color:red;width:96%;margin:10px auto 0;width:calc(100% - 26px)}.content-frame{width:100%;height:calc(100% - 90px);position:relative;overflow:auto}.bottom-frame{width:100%;height:44px;display:flex}.class-item{width:calc(95% - 20px);padding-left:10px;padding-right:10px;display:flex;margin-top:10px;margin-bottom:10px}.class-detail{flex:1;font-size:14px;line-height:25px}.class-detail-title{font-weight:700;font-size:16px;display:flex}.class-detail-title-name{flex:1}.class-detail-row{display:flex}.class-detail-row-title{flex:1}.txt-price{color:#ff4500}.class-form{width:95%;margin:0 auto}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}