.video-container[data-v-3ba876a4]{background-color:#fff;padding-bottom:60px;font-family:Microsoft YaHei}.video-container .video-popular[data-v-3ba876a4]{width:100%;height:auto;padding:40px 0;background-color:#e5eff9;margin-bottom:36px}.video-container .video-popular .video-popular-inner[data-v-3ba876a4]{width:1200px;margin:0 auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}.video-container .video-popular .video-popular-inner .popular-inner-fl[data-v-3ba876a4]{width:680px;height:380px;overflow:hidden;position:relative;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fl .popular-inner-gradient[data-v-3ba876a4]{position:absolute;bottom:-1px;left:0;z-index:999;width:100%;height:25%;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,.85)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.85) 10%,transparent);color:#fff;text-align:left;padding-top:35px;padding-left:20px;padding-right:20px;padding-bottom:0;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fl .popular-inner-gradient .inner-gradient-title[data-v-3ba876a4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;font-size:24px}.video-container .video-popular .video-popular-inner .popular-inner-fl .popular-inner-gradient:hover .inner-gradient-title[data-v-3ba876a4]{margin-top:-5px;-webkit-animation-play-state:running;animation-play-state:running}.video-container .video-popular .video-popular-inner .popular-inner-fl img[data-v-3ba876a4]{height:auto;height:100%;width:auto\9;width:100%}.video-container .video-popular .video-popular-inner .popular-inner-fl .video-play-box[data-v-3ba876a4]{position:absolute;top:calc(50% - 45px);left:calc(50% - 29px);width:50px;height:50px;line-height:50px;background-color:rgba(0,0,0,.45);border-radius:50%;text-align:center;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fl .video-play-box[data-v-3ba876a4]:hover{background-color:rgba(0,0,0,.65)}.video-container .video-popular .video-popular-inner .popular-inner-fl .video-play-box .video-play-start[data-v-3ba876a4]{position:relative;top:6px;left:2px;width:21px;height:26px}.video-container .video-popular .video-popular-inner .popular-inner-fr[data-v-3ba876a4]{width:520px}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list[data-v-3ba876a4]{width:100%;height:auto}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul[data-v-3ba876a4]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li[data-v-3ba876a4]{width:50%;height:145px;overflow:hidden;position:relative;border-left:2px solid #e5eff9;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .list-back-gradient[data-v-3ba876a4]{position:absolute;bottom:-1px;left:0;z-index:999;width:100%;height:50%;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,.85)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.85) 10%,transparent);color:#fff;text-align:left;padding-top:30px;padding-left:20px;padding-right:20px;padding-bottom:0;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .list-back-gradient .inner-gradient-title[data-v-3ba876a4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;font-size:16px}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .list-back-gradient:hover .inner-gradient-title[data-v-3ba876a4]{margin-top:-5px;-webkit-animation-play-state:running;animation-play-state:running}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li img[data-v-3ba876a4]{height:auto;height:100%;width:auto\9;width:100%}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .video-play-box[data-v-3ba876a4]{position:absolute;top:calc(50% - 45px);left:calc(50% - 29px);width:50px;height:50px;line-height:50px;background-color:rgba(0,0,0,.45);border-radius:50%;text-align:center;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .video-play-box[data-v-3ba876a4]:hover{background-color:rgba(0,0,0,.65)}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-top-list ul li .video-play-box .video-play-start[data-v-3ba876a4]{position:relative;top:6px;left:2px;width:21px;height:26px}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-bottom-more[data-v-3ba876a4]{width:100%;height:90px;line-height:90px;text-align:center;color:#fff;font-size:28px;border-top:2px solid #e5eff9;border-left:2px solid #e5eff9;background-color:#0168b7;-webkit-transition-property:background-color;-webkit-transition-duration:.5s;-webkit-transition-timing-function:ease;cursor:pointer}.video-container .video-popular .video-popular-inner .popular-inner-fr .inner-bottom-more[data-v-3ba876a4]:hover{background-color:#055593}.video-container .video-com-top[data-v-3ba876a4]{width:100%;height:30px;line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-container .video-com-top .com-top-title[data-v-3ba876a4]{font-size:24px}.video-container .video-com-top .com-top-more[data-v-3ba876a4]{width:auto;padding:0 10px;margin-top:5px;height:25px;line-height:25px;border:1px solid #dde5f0;border-radius:16px;font-size:12px;color:#384c78;cursor:pointer}.video-container .video-com-top .com-top-more[data-v-3ba876a4]:hover{background-color:#f0f0f0;color:#2c4889}.video-container .video-com-title[data-v-3ba876a4]{width:100%;height:40px;line-height:40px;padding:0 10px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:14px}.video-container .video-com-title[data-v-3ba876a4]:hover{color:#06c}.video-container .img-com[data-v-3ba876a4]{height:auto;height:100%;width:auto\9;width:100%}.video-container .video-ocean-lists[data-v-3ba876a4]{width:1200px;margin:35px auto}.video-container .video-ocean-lists .ocean-lists-box[data-v-3ba876a4]{width:100%;height:auto}.video-container .video-ocean-lists .ocean-lists-box ul[data-v-3ba876a4]{margin-top:20px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-container .video-ocean-lists .ocean-lists-box ul li[data-v-3ba876a4]{width:225px;height:165px;overflow:hidden}.video-container .video-ocean-lists .ocean-lists-box ul li .list-img-box[data-v-3ba876a4]{width:100%;height:125px;position:relative}.video-container .video-ocean-lists .ocean-lists-box ul li .list-img-box img[data-v-3ba876a4]{height:auto;height:100%;width:auto\9;width:100%}.video-container .video-ocean-lists .ocean-lists-box ul li .list-img-box .list-img-time[data-v-3ba876a4]{z-index:99;position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.5);color:#fff;font-size:12px;padding:2px 8px;border-radius:16px}.video-container .video-ocean-lists .ocean-lists-box ul li .list-title-box[data-v-3ba876a4]{width:100%;height:40px;line-height:40px;padding:0 10px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:14px}.video-container .video-ocean-lists .ocean-lists-box ul li .list-title-box[data-v-3ba876a4]:hover{color:#06c}.video-container .video-ocean-disaster[data-v-3ba876a4]{width:1200px;margin:35px auto}.video-container .video-ocean-disaster .ocean-disaster-lists[data-v-3ba876a4]{width:100%;height:340px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl[data-v-3ba876a4]{width:470px;height:100%;overflow:hidden;position:relative}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .disaster-fl-img[data-v-3ba876a4]{width:100%;height:300px;cursor:pointer;text-align:center}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .disaster-fl-img img[data-v-3ba876a4]{height:auto;height:100%;width:auto\9;width:100%}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .disaster-fl-title[data-v-3ba876a4]{width:100%;height:40px;line-height:40px;padding:0 10px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:14px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .disaster-fl-title[data-v-3ba876a4]:hover{color:#06c}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .video-play-box[data-v-3ba876a4]{position:absolute;top:calc(50% - 45px);left:calc(50% - 29px);width:50px;height:50px;line-height:50px;background-color:rgba(0,0,0,.45);border-radius:50%;text-align:center;cursor:pointer}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .video-play-box[data-v-3ba876a4]:hover{background-color:rgba(0,0,0,.65)}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fl .video-play-box .video-play-start[data-v-3ba876a4]{position:relative;top:6px;left:2px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr[data-v-3ba876a4]{width:710px;height:100%;margin-top:-10px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul[data-v-3ba876a4]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li[data-v-3ba876a4]{width:225px;height:165px;margin-top:10px;overflow:hidden;cursor:pointer;position:relative}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .disaster-fr-img[data-v-3ba876a4]{width:100%;height:125px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .disaster-fr-img img[data-v-3ba876a4]{-o-object-fit:cover;object-fit:cover;height:auto;height:100%;width:auto\9;width:100%}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .disaster-fr-title[data-v-3ba876a4]{width:100%;height:40px;line-height:40px;padding:0 10px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:14px}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .disaster-fr-title[data-v-3ba876a4]:hover{color:#06c}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .video-play-box[data-v-3ba876a4]{position:absolute;top:calc(50% - 45px);left:calc(50% - 29px);width:50px;height:50px;line-height:50px;background-color:rgba(0,0,0,.45);border-radius:50%;text-align:center;cursor:pointer}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .video-play-box[data-v-3ba876a4]:hover{background-color:rgba(0,0,0,.65)}.video-container .video-ocean-disaster .ocean-disaster-lists .ocean-disaster-fr ul li .video-play-box .video-play-start[data-v-3ba876a4]{position:relative;top:6px;left:2px}.video-container .video-ocean-topic[data-v-3ba876a4]{width:1200px;margin:30px auto;margin-bottom:0}.video-container .video-ocean-topic .video-topic-lists[data-v-3ba876a4]{margin-top:20px}.video-container .video-ocean-topic .video-topic-lists ul[data-v-3ba876a4]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-container .video-ocean-topic .video-topic-lists ul li[data-v-3ba876a4]{width:225px;height:auto;overflow:hidden;cursor:pointer;position:relative}.video-container .video-ocean-topic .video-topic-lists ul li .video-topic-img[data-v-3ba876a4]{width:100%;height:125px;overflow:hidden;text-align:center}.video-container .video-ocean-topic .video-topic-lists ul li .video-topic-img img[data-v-3ba876a4]{width:225px;height:auto;vertical-align:middle;text-align:center}.video-container .video-ocean-topic .video-topic-lists ul li .video-topic-title[data-v-3ba876a4]{width:100%;height:40px;line-height:40px;padding:0 10px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;font-size:14px}.video-container .video-ocean-topic .video-topic-lists ul li .video-topic-title[data-v-3ba876a4]:hover{color:#06c}.video-container .video-ocean-topic .video-topic-lists ul li .video-play-box[data-v-3ba876a4]{position:absolute;top:calc(50% - 45px);left:calc(50% - 29px);width:50px;height:50px;line-height:50px;background-color:rgba(0,0,0,.45);border-radius:50%;text-align:center;cursor:pointer}.video-container .video-ocean-topic .video-topic-lists ul li .video-play-box[data-v-3ba876a4]:hover{background-color:rgba(0,0,0,.65)}.video-container .video-ocean-topic .video-topic-lists ul li .video-play-box .video-play-start[data-v-3ba876a4]{position:relative;top:6px;left:2px}