.title[data-v-3a5c2acc]{font-size:1.4rem;padding:1rem}.bottom[data-v-3a5c2acc]{background:#ccc;height:20rem;width:100%;margin-top:1rem}iframe[data-v-3a5c2acc]{width:100%;height:100%}.key[data-v-3a5c2acc]{margin-top:10rem;background:#ccc;width:4rem;height:4rem}.direction[data-v-3a5c2acc]{margin-top:2rem;width:100%;height:16rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.direction .left[data-v-3a5c2acc]{width:56%;position:relative}.direction .left .top_but[data-v-3a5c2acc]{width:6rem;height:6rem;border-radius:5rem;background:#333;position:relative;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.direction .left .top_but .el-icon-caret-top[data-v-3a5c2acc]{color:#fff;font-size:3rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.direction .left .right_but[data-v-3a5c2acc]{width:6rem;height:6rem;border-radius:5rem;background:#333;position:relative;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.direction .left .right_but .el-icon-caret-right[data-v-3a5c2acc]{color:#fff;font-size:3rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.direction .left .down_but[data-v-3a5c2acc]{width:6rem;height:6rem;border-radius:5rem;background:#333;position:relative;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.direction .left .down_but .el-icon-caret-bottom[data-v-3a5c2acc]{color:#fff;font-size:3rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.direction .left .left_but[data-v-3a5c2acc]{width:6rem;height:6rem;border-radius:5rem;background:#333;position:relative;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.direction .left .left_but .el-icon-caret-left[data-v-3a5c2acc]{color:#fff;font-size:3rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.direction .right[data-v-3a5c2acc]{width:7rem;height:7rem;border-radius:50%;background:#333;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.direction .right p[data-v-3a5c2acc]{font-size:1.6rem;text-align:center;line-height:7rem;color:#fff}.img_box[data-v-3a5c2acc]{margin-top:4rem;padding:1rem;padding-bottom:6rem;width:100%;background:#fff}.img_box img[data-v-3a5c2acc]{width:100%}.fixed_banner[data-v-3a5c2acc]{border-radius:1rem 1rem 0 0;width:100%;background:#3379fe;color:#fff;padding:1rem;position:fixed;bottom:0}.fixed_banner .text[data-v-3a5c2acc]{font-size:1rem;text-align:center}.fixed_banner .but[data-v-3a5c2acc]{float:right;padding:.5rem;background:#f4374a;border-radius:2rem;position:relative;margin-left:4rem;animation:mymove-data-v-3a5c2acc 3s infinite;animation-direction:alternate;animation-timing-function:ease-in-out;-webkit-animation:mymove-data-v-3a5c2acc 3s infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out}@-webkit-keyframes mymove-data-v-3a5c2acc{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes mymove-data-v-3a5c2acc{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}}