.main[data-v-41a3f702]{position:relative;width:100%;height:100%;overflow:hidden}.main .shadow[data-v-41a3f702]{position:absolute;z-index:1;overflow:hidden;width:100%;height:100%}.main .shadow>div[data-v-41a3f702]{width:100%;height:100%;background:#000;opacity:.3}.main .shadow>p[data-v-41a3f702]{font-size:32px;color:#fff;position:absolute}.kf[data-v-34a1afe4],.main .shadow>p[data-v-41a3f702]{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.kf[data-v-34a1afe4]{width:900px;height:825px;position:fixed;z-index:999;overflow:hidden}.kf .close[data-v-34a1afe4]{color:#eee;position:absolute;top:15px;right:20px;font-size:20px;cursor:pointer}.nav[data-v-6aae49cc]{position:fixed;bottom:15%;right:10px;width:40px;height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .5s ease;transition:all .5s ease}.nav>li[data-v-6aae49cc],.nav[data-v-6aae49cc]{display:-webkit-box;display:-ms-flexbox;display:flex}.nav>li[data-v-6aae49cc]{margin:5px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#000f32;border-radius:50%;cursor:pointer}.nav>li>img[data-v-6aae49cc]{width:13px;height:13px}.nav .activeNav[data-v-6aae49cc],.nav>li[data-v-6aae49cc]:hover{background:var(--main-color25)}.heart[data-v-ce707bb8]{width:100px;height:100px;background:url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;background-position:0 0;cursor:pointer;-webkit-transition:background-position 1s steps(28);transition:background-position 1s steps(28);-webkit-transition-duration:0s;transition-duration:0s}.heart.is-active[data-v-ce707bb8]{-webkit-transition-duration:1s;transition-duration:1s;background-position:-2800px 0}body[data-v-ce707bb8]{background:linear-gradient(135deg,#121721,#000) fixed;color:#fff;font:300 16px/1.5 Open Sans,sans-serif}.video-box[data-v-ce707bb8]{position:relative}.video-box video[data-v-ce707bb8]{display:inline-block;vertical-align:baseline}.video-box .lists[data-v-ce707bb8]{padding:10px 0;width:20%}.video-box .list[data-v-ce707bb8],.video-box .lists[data-v-ce707bb8]{background:#f1f2f3;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.video-box .list[data-v-ce707bb8]{height:750px;overflow:auto;padding:0 12px}.video-box .list .li[data-v-ce707bb8]{padding:5px 10px;border-radius:4px;font-size:18px}.video-box .list .li div[data-v-ce707bb8]{font-size:16px}.video-box .list .li[data-v-ce707bb8]:hover{color:#00a1d6}.video-box .list .active[data-v-ce707bb8]{color:#00a1d6;background:#fff}.official[data-v-ce707bb8]{position:fixed;bottom:26%;right:70px;width:140px;height:140px;border:1px dashed #666}.phoneInfo[data-v-ce707bb8]{position:fixed;bottom:26.4%;right:70px;width:176px;height:46px;border:1px dashed #666}.relatedVideo[data-v-ce707bb8]{width:100%;background-color:#fff;padding-top:150px;padding-bottom:100px}.relatedVideo .video_container[data-v-ce707bb8]{width:70%;margin:0 auto}.relatedVideo .video_container>.title[data-v-ce707bb8]{text-align:left;padding:20px 0 5px;font-family:PingFang SC}.relatedVideo .video_container>.title p[data-v-ce707bb8]:first-child{font-size:20px;font-weight:600;color:#222837;line-height:40px}.relatedVideo .video_container>.title p[data-v-ce707bb8]:last-child{color:#4f5d7d;opacity:.7;font-size:14px;line-height:30px}.relatedVideo .video_container>.gdsp[data-v-ce707bb8]{width:90px;height:40px;line-height:40px;text-align:center;background:#fff;margin:10px 10px 20px 0;color:#4f5d7e;border-radius:2px;cursor:pointer;float:right}.relatedVideo .video_container>.gdsp>div[data-v-ce707bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.relatedVideo .video_container>.gdsp>div img[data-v-ce707bb8]{margin:0 5px}.relatedVideo .video_container>.content[data-v-ce707bb8]{width:100%}.relatedVideo .video_container>.content>.video-info[data-v-ce707bb8],.relatedVideo .video_container>.content>.video-info p[data-v-ce707bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.relatedVideo .video_container>.content>.video-info p[data-v-ce707bb8]{font-size:14px;font-family:PingFang SC;line-height:30px;font-weight:400;color:#4f5d7e;opacity:.7;margin:0 20px 10px 0}.relatedVideo .video_container>.content>.video-info p span[data-v-ce707bb8]{margin:0 5px}