body, .main{height: 100vh; background: #000;}
.pc{width: 100% !important; max-width: 100% !important;}
video{width: 100%; height: 100vh; object-fit: contain; display: block; background: #000;}
.info{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0)); padding-top: 10px;}
.user{padding: 0 4%;}
.avatar{width: 33px; height: 33px;}
.avatar img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.name{font-size: 16px; color: #fff; padding-left: 12px; line-height: 33px;}
.title{color: #fff; padding: 15px 26% 38px 4%; font-size: 16px; font-weight: 600;}
.title2{padding-top: 8px; font-size: 16px; font-weight: normal;}


.icons{position: absolute; right: 4%; bottom: 28px; font-size: 14px; color: #fff; text-align: center; z-index: 11;}
.pc .icons{display: none;}
.pc .info{display: none;}
.pc video{height: auto;}
.icons img{width: 32px; height: 32px; display: block;}
.txt-zan, .txt-message{padding: 1px 0 14px;}
.icon-play{position: absolute; left: 50%; top: 50%; width: 66xpx; height: 66px; margin-left: -33px; margin-top: -33px; pointer-events: none;}
.message{border-radius: 50%; margin-bottom: 28px; border: 0px solid #fff;}
.vback{position: fixed; left: 4%; top: 4vw; width: 7vw;}

#vpRange {
    margin: auto;
    width: 100%;
    background-color: rgba(255, 255, 255, .4);
    background-image: linear-gradient(to right, #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    outline: none;
    -webkit-appearance: none; 
    height: 2px; 
   }
input[type="range"]::-webkit-slider-thumb {
  width: 4px; height: 4px;
  background-color: #fff; cursor: pointer; -webkit-appearance: none;
  border: 0px; border-radius: 50%; opacity: 1;
}

.swiper-container{background: #000; width: 100%; height: calc(100vh - 60px);}
.swiper-pagination-bullet{background: #666; opacity: 1;}
.swiper-pagination-bullet-active{background: #fff;}


.desc{font-size: 14px; padding-top: 5px; font-weight: normal; 
}
.desc-text-more {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
.desc-btn{
  font-size: 12px; font-weight: normal; text-align: right; width: 100%; padding-right: 2px; padding-top: 2px;
}