.ellipsis { box-sizing: border-box; -webkit-box-sizing: border-box; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.playvideo { position: relative; background-color: #292929; height: 56.25vw; }

.video-describ { padding: 10px; }
.video-describ p { line-height: 1.667; font-size: 13px; color: #666; }

.video-tit { line-height: 1.428571429; font-size: 16px; padding-bottom: 6px; }
.video-tit span { display: block; padding-top: 6px; font-size: 12px; color: #999; }
.video-tit i { color: #333; }

.video-goods .strip-tit { font-weight: normal; }

.video-goods .strip-price { padding-top: 0; }

.relw-en { font-size: 12px; padding-bottom: 6px; }

.relw-btn { position: relative; width: 90px; height: 28px; margin-top: 10px; line-height: 28px; text-align: center; font-size: 12px; border-radius: 3px; color: #d33e4c; }
.relw-btn:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d33e4c; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }

.strip-iwrap { min-height: 87px; }

.ellipsis { position: relative; width: 100%; padding-right: 30px; }

.elli-btn { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 21px; text-align: right; line-height: 21px; font-size: 18px; color: #333; }
.elli-btn.up-btn { position: initial; width: auto; }

.vd-place { height: 44px; }

.fixed-vdsort { position: fixed; left: 0; top: 44px; z-index: 1000; width: 100%; height: 44px; background-color: #fff; }

.video-sort { width: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
.video-sort li { height: 40px; line-height: 40px; padding: 2px 0; font-size: 15px; }
.video-sort li a { display: inline-block; }
.video-sort li.curr { padding: 2px 0 0 0; border-bottom: 2px solid #d33e4c; color: #d33e4c; }
.video-sort li.curr a { color: #d33e4c; }

.video-group-t { padding: 10px 0 0 0; }
.video-group-t .cell { padding: 10px 0 10px 10px; }
.video-group-t .cell-primary { font-size: 18px; font-weight: bold; }

.tline { display: inline-block; margin-right: 6px; height: 18px; width: 5px; background-color: #5785e4; vertical-align: -3px; }

.vtime { position: absolute; display: block; bottom: 4px; right: 4px; font-size: 11px; color: #fff; }

.grid-layout { padding: 4px 2px 4px 2px; margin-bottom: 8px; }

.swiper-img .swiper-pagination-bullet { background-color: #fff; opacity: 0.5; }

.swiper-img .swiper-pagination-bullet-active { background-color: #d33e4c; opacity: 1; }

.v-padtop { padding-top: 10px; }

.video-goods .strip-add { line-height: 1.667; }

.video-grid-menu { padding: 0; text-align: center; }
.video-grid-menu .menu-cell { width: 100%; overflow: hidden; }
.video-grid-menu .menu-cell a { width: 25%; padding: 12px 0; }
.video-grid-menu .menu-cell .curr-grid { color: #d33e4c; }
.video-grid-menu .menu-cell span { height: 25px; font-size: 25px; line-height: 25px; margin-bottom: 2px; }
.video-grid-menu .menu-txt { font-size: 14px; }

.free-mode-video { width: 100%; overflow: hidden; }
.free-mode-video .swiper-slide { width: 29%; }

.grid-module-slide { padding: 0 0 10px 4px; }
.grid-module-slide .grid-module-tit { height: 35px; font-size: 12px; }
.grid-module-slide .label-red-line { font-size: 8px; padding: 1px 4px; vertical-align: 2px; }

.curr-play .grid-module-tit { color: #d33e4c; }

.grid-play-label { position: absolute; top: 50%; left: 50%; padding: 2px 6px; margin-left: -36px; margin-top: -12px; background: rgba(172, 22, 48, 0.8); color: #fff; font-size: 12px; font-weight: bold; border-radius: 3px; }
.grid-play-label .icon-videos-full { font-size: 12px; }

.video-cover img { width: 100%; }

.s-holder.video-sh { padding: 6px 0 2px 0; }

.play-interrupt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.6); }

.interrupt-info { position: absolute; top: 50%; left: 0; right: 0; width: 100%; margin-top: -48px; color: #fff; text-align: center; }

.interrupt-txt { padding-bottom: 10px; line-height: 1.667; font-size: 14px; }

.interrupt-btn a { display: inline-block; padding: 8px 25px; border-radius: 5px; font-size: 14px; line-height: 18px; background-color: #f6d563; color: #212c4f; font-weight: bold; }

.video-label { padding: 5px 0 15px 0; }

.swiper-vlabel .swiper-slide { width: auto; }
.swiper-vlabel .btn-small-gray { height: 16px; margin-left: 8px; line-height: 16px; }
.swiper-vlabel .vlabel-ico { display: inline-block; float: left; width: 16px; height: 16px; border-radius: 8px; background: #5785e4 url("../images/vlabel.png") no-repeat center center; background-size: 9px; margin-right: 5px; }

.video-plus { position: absolute; top: 0; right: 0; padding: 2px 6px; background-color: #f6d563; color: #212c4f; font-size: 12px; font-weight: bold; line-height: 14px; border-bottom-left-radius: 5px; }

.video-new { position: absolute; top: 0; right: 0; padding: 2px 6px; background-color: #d33e4c; color: #f6d563; font-size: 12px; font-weight: bold; line-height: 14px; border-bottom-left-radius: 5px; }

.vdimg { position: relative; }
.vdimg img { width: 100%; }

.vd-notice { position: absolute; z-index: 100; top: 38%; left: 0; right: 0; margin-top: -45px; text-align: center; }
.vd-notice .notice-info { display: inline-block; padding: 8px 15px; line-height: 18px; background-color: rgba(33, 44, 79, 0.8); color: #fff; font-size: 14px; border-radius: 20px; }