body,main,.main-container{height:100%}
.main-card{padding-top:0;height:100%;min-height:100%}
.main-card .main-card-content{padding:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.main-card .card-nav{z-index:1}
.main-card .card-nav.white{color:#fff}
.main-card .card-nav.white .card--nav-item>span::before{background-color:#dcfff5}
.main-card .card-nav.white .card--nav-item.active>span,
.main-card .card-nav.white .card--nav-item:hover>span,
.main-card .card-nav.white .card--nav-item:active>span{color:#dcfff5}
.main-card .main-card-title.white .card-title-box > h3{color:#fff}
.main-card-content .tab-content{padding-left:27.19%;padding-right:1.98%}
.main-card-content .tab-content .tab-pane.active{display:flex;flex-wrap:wrap;align-items:center;align-content:center}
.tab-pane>div{width:100%}
.card-1{background:#fff url(../images/product-dcg/bg.png) no-repeat;background-size:100%}
.tab-pane-row{overflow:hidden}
.tab-pane-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.tab-pane-section{text-align:left}
.tab-pane-img-box{text-align:center}
.tab-pane2,
.tab-pane3{text-align:center}
.tab-pane2 .tab-pane-img-box,
.tab-pane2 .tab-pane-section,
.tab-pane3 .tab-pane-img-box,
.tab-pane3 .tab-pane-section{display:inline-block;vertical-align:middle}
.tab-pane2 .tab-pane-section{width:40%}
.tab-pane2 .tab-pane-img-box{width:34.533%}
.tab-pane2 .tab-pane-section>p,
.tab-pane3 .tab-pane-section>p{position:relative;padding-left:1.4em}
.tab-pane2 .tab-pane-section>p+p{margin-top:1em}
.tab-pane3 .tab-pane-section>p{margin-top:1em}
.tab-pane2 .tab-pane-section>p::before,
.tab-pane3 .tab-pane-section>p::before{content:'';position:absolute;top:.4em;left:.3em;width:.7em;height:.7em;background:linear-gradient(45deg,#42d8ac,#19a179);border:2px;transform:rotate(45deg)}
.tab-pane3 .tab-pane-section>h3{font-size:1.2em}
.tab-pane4 .tab-pane-section{position:absolute;width:25%}
.tab-pane4 .tab-pane-section>h3{width:6em;height:6em;font-size:1.3em;color:#fff;text-align:center;background:linear-gradient(#42d8ac,#19a179);border-radius:50%}
.tab-pane4 .tab-pane-section>h3>span{display:block;width:4em;margin:50% auto 0;transform:translateY(-50%)}
.tab-pane4 .tab-pane-section>p{width:calc(100% - 9em);line-height:1.5;text-align:justify}
.tab-pane4 .tab-pane-section>p>span{color:#19a179}
.tab-pane5 .tab-pane-bg{background:url(../images/product-dcg/bg-other.png) no-repeat;background-size:100%}
.tab-pane5 .tab-pane-aside{position:absolute;right:0;bottom:9%;width:31.094%}
.tab-pane5 .main-card-link{border:0}
.tab-pane5 .main-card-link>i:last-child,
.tab-pane5 .main-card-link.open>i:first-child{display:none}
.tab-pane5 .tab-pane-popup{display:none;position:absolute}
.tab-pane5 .tab-pane-popup1{width:21.771%;top:16.3%;left:31.7%}
.tab-pane5 .tab-pane-popup2{width:25.677%;top:37%;right:25%}
.tab-pane5 .main-card-link.open>i:last-child{display:inline-block}
.tab-pane5 .link1{top:51%;left:35%}
.tab-pane5 .link2{top:51%;right:21%;left:auto}
/* 视频按钮显现 */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,
.vjs-default-skin.vjs-paused.vjs-has-started .vjs-big-play-button {display:block}
.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}
.fadeIn{-webkit-animation:fade .4s linear backwards;animation:fade .4s linear backwards}
.zoomIn{-webkit-animation:zoomIn .4s linear backwards;animation:zoomIn .4s linear backwards}
.fadeInLeft{-webkit-animation:fadeInLeft .4s ease-out;animation:fadeInLeft .4s ease-out}
.fadeInRight{-webkit-animation:fadeInRight .4s ease-out;animation:fadeInRight .4s ease-out}
.pulse{-webkit-animation:pulse 1s linear 2 alternate-reverse;animation:pulse 1s linear 2 alternate-reverse}