.zp-scroll-x-box { height: 2.8rem; overflow: hidden; }
.zp-scroll-x-box .scroll-x { overflow: hidden; overflow-x: auto; height: 4rem; padding: 0 1.6rem; }
.zp-scroll-x-box .scroll-x .scroll-container { box-sizing: content-box; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; }
.zp-scroll-x-box .scroll-x .scroll-container .item { margin: 0 0.4rem; line-height: 2.8rem; padding: 0 1rem; border-radius: 0.3rem; word-break: keep-all; white-space: nowrap; background: rgba(234,234,234,0.4); }
.zp-scroll-x-box .scroll-x ::-webkit-scrollbar { visibility: hidden; display: none; width: 0; height: 0; color: rgba(255,255,255,0); }

.zp-scroll-x-box.round32 { height: 3.2rem; }
.zp-scroll-x-box.round32 .scroll-x { height: 6rem; }
.zp-scroll-x-box.round32 .scroll-x .scroll-container .item { line-height: 3.2rem; border-radius: 1.6rem; background: white; font-size: 1.4rem; }

.zp-scroll-x-box.underLine { height: 5.6rem; }
.zp-scroll-x-box.underLine .scroll-x { height: 6rem; }
.zp-scroll-x-box.underLine .scroll-x .scroll-container .item {color: #999; line-height: 5.2rem;  background: rgba(255,255,255,0);border-radius: 0;}

.zp-scroll-x-box .scroll-x .scroll-container .item.active, .zp-scroll-x-box.round32 .scroll-x .scroll-container .item.active { background: #00B56E; color: #fff; }
.zp-scroll-x-box.underLine .scroll-x .scroll-container .item.active{background: rgba(255,255,255,0);color: #2f2f2f;position: relative;}
.zp-scroll-x-box.underLine .scroll-x .scroll-container .item.active:after{content: "";width: 50%;left: 25%;height: 3px;background: #00B56E;display: block;position: absolute;border-radius: 4px;}

.fixed-top { position: fixed !important; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 100; }

.zp-tabs .line { border-radius: 3px; background: #00B56E; width: 3.2rem; height: 0.3rem; position: absolute; bottom: 1px; left: 0rem; }

/*# sourceMappingURL=componets.css.map */

/* 视频播放器 */
.videoBox{width: 100%;height: 100%;min-height: 40vw;position: relative;}
.videoBox video{width: 100%;height: 100%;object-fit: contain;position: absolute;}
.videoBox .cover-img{width:100%;height: 100%;object-fit: cover;position: absolute;}
.videoBox .center-play-btn{top:50%;left: 50%;transform: translate(-50%,-50%);width: 4rem;height: 4rem;border-radius: 50%;text-align: center;line-height: 4rem; background-color: rgba(0,0,0,0.6);position: absolute;}
.videoBox .center-play-btn .iconfont{color: white;font-size: 1.6rem;}
.videoBox .controller{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.4));display: flex;height: 5rem;align-items: center;color: white;}
.videoBox .controller .duration{flex: 1;}
.videoBox .controller .iconfont{font-size: 1.6rem;color: white;}