body {
    font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
.myui-header__top {
position: fixed;
}

body.active {
padding-top: 60px;
}

[class*=col-], .myui-content__list li, .myui-vodlist__media.col li {
padding: 10px
}

.btn {
border-radius: 5px;
}

.myui-vodlist__thumb {
border-radius: 5px;
padding-top: 150%;
background: url('/main_video/vdstatic/images/loading.gif') no-repeat;
}

.myui-vodlist__thumb.square {
padding-top: 100%;
background: url('/main_video/vdstatic/images/gb0e9tbc.jpg') no-repeat;
}

.myui-vodlist__thumb.wide {
padding-top: 60%;
background: url('/main_video/vdstatic/images/loading.gif') no-repeat;
}

.myui-vodlist__thumb.actor {
padding-top: 140%;
}

.flickity-prev-next-button.previous {
left: 10px;
}

.flickity-prev-next-button.next {
right: 10px;
}

.myui-sidebar {
padding: 0 0 0 20px;
}

.myui-panel {
margin-bottom: 20px;
border-radius: 5px;
}

.myui-panel-mb {
margin-bottom: 20px;
}
.vodtype-choose-block{
margin: 80px 0px 0px;
}

.myui-player__item .fixed {
width: 500px;
}

.myui-vodlist__text li a, .myui-vodlist__media li {
padding: 10px 0;
}

.myui-screen__list {
padding: 10px 10px 0;
}

.myui-screen__list li {
margin-bottom: 10px;
margin-right: 10px;
}

.myui-page {
padding: 0 10px;
}

.myui-extra {
right: 20px;
bottom: 30px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1920px;
    }
    
    .container {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .container.min {
        width: 1200px;padding: 0;margin-top:0px;
    }
}

@media (max-width: 767px) {
body, body.active {
    padding-bottom: 50px;
}

[class*=col-], .myui-panel, .myui-content__list li {
    padding: 5px
}

.flickity-prev-next-button.previous {
    left: 5px;
}

.flickity-prev-next-button.next {
    right: 5px;
}

.myui-vodlist__text li a, .myui-vodlist__media li {
    padding: 10px 0;
}

.myui-screen__list {
    padding: 10px 5px 0;
}

.myui-screen__list li {
    margin-bottom: 5px;
    margin-right: 5px;
}

.myui-extra {
    right: 20px;
    bottom: 50px;
}

.myui-page {
    padding: 0 5px;
}
}

.myui-topbg {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
}
@media screen and (min-width: 320px) {
.swiper-container-main{
height: 300px;
}
}
@media screen and (min-width: 520px) {
.swiper-container-main{
height: 350px;
}
}
@media screen and (min-width: 769px) {
.swiper-container-main{
height: 450px;
}
}
@media screen and (min-width: 992px) {
.swiper-container-main{
height: 550px;
}
}

@media screen and (min-width: 1200px) {
.swiper-container-main{
height: 650px;
}
}
@media screen and (min-width: 1400px) {
.swiper-container-main{
height: 700px;
}
}
.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

.mySwiper {
height: 80%;
box-sizing: border-box;
padding-bottom: 10px;
}
.thumbsSlider {
height: 20%;
width: 100%;
}

.thumbsSlider .swiper-slide {
width: 10%;
height: 100%;
opacity: 0.4;
}

.thumbsSlider .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.stui-comment__form{position:relative;margin-bottom:20px}
.stui-comment__form .comment_content{margin-bottom:20px}
.stui-comment__form .submit-box{float:right}
.stui-comment__item{position:relative;padding:15px 0 15px 60px}
.stui-comment__item.active{margin-top:10px;padding:15px 0 0 60px}
.stui-comment__item .avatar{position:absolute;top:15px;left:0}
.stui-comment__item .avatar img{width:50px;height:50px;border-radius:50%}
.stui-comment__item .comment-head .title{margin:0}
.stui-comment__item .comment-cont{margin-bottom:10px;line-height:25px}
.stui-comment__item .comment-foot a{display:inline-block;font-size:12px}
.stui-comment__item .stui-comment__form{margin-top:10px;margin-bottom:0}
@media (max-width:767px){
    .stui-comment__form .submit-box{float:none}
    .stui-comment__item{position:relative;padding:10px 0 10px 40px}
    .stui-comment__item.active{margin-top:5px;padding:15px 0 0 40px}
    .stui-comment__item .avatar{top:10px}
    .stui-comment__item .avatar img{width:30px;height:30px}
}