


.share-to-mask {
  display:none;
  top:0;
  bottom:0;
  height:100%;
  z-index:80;
  background-color:rgba(0,0,0,.3)
}
.share-to-container,
.share-to-mask {
  position:fixed;
  left:0;
  right:0;
  width:100%;
  max-width:450px
}
.share-to-container {
  bottom:-9999px;
  z-index:100;
  background-color:#fff;
  border-radius:.533333333333333rem .533333333333333rem 0 0;
  padding-top:.666666666666667rem
}
.share-to-container.show {
  transition:bottom .2s linear
}
.share-to-header {
  font-size:.866666666666667rem;
  color:#333;
  text-align:center;
  font-weight:600
}
.share-to-links {
  display:flex;
  flex-wrap:wrap;
  padding:0 1rem
}
.share-to-link-item {
  padding:1rem 0;
  text-align:center;
  width:25%
}
.share-to-link-item .link-item-ico {
  display:flex;
  justify-content:center
}
.share-to-link-item .link-item-ico img {
  width:3.2rem;
  height:3.2rem
}
.share-to-link-item .link-item-label {
  font-size:.933333333333333rem;
  color:#333;
  margin-top:.333333333333333rem
}
.share-to-cancel {
  height:3.2rem;
  line-height:3.2rem;
  text-align:center;
  font-size:1.2rem;
  color:#999;
  border-top:1px solid #d8d8d8
}
@media screen and (min-width:450px) {
  .share-to-mask {
    left:0;
    margin-left:0;
    width:auto;
    max-width:none
  }
  .share-to-container {
    left:50%;
    margin-left:-225px
  }
}
.v-share-container {
  padding:1rem 0;
  color:#333;
  width:100%
}
.v-share-container .v-share-app {
  display:flex;
  justify-content:space-between;
  margin:1rem 0 2rem;
  font-size:.866666666666667rem;
  font-weight:700
}
.v-share-container .v-share-app .v-download {
  display:flex;
  align-items:center;
  cursor:pointer
}
.v-share-container .v-share-app .v-download .v-download-text {
  margin-left:.4rem;
  color:#333
}
.v-share-container .v-share-to {
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.v-share-container .v-share-to .v-share-item {
  margin:0 0 0 1rem;
  cursor:pointer
}
.v-share-container .v-share-copy {
  width:100%;
  border-radius:4px;
  border:1px solid #e0e0e0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 .5rem 0 0
}
.v-share-container .v-share-copy .v-share-input {
  width:70%;
  padding:11px 10px;
  color:#999;
  border:none;
  outline:none
}
.v-share-container .v-share-copy .v-share-copy-btn {
  cursor:pointer;
  color:var(--button-color);
  font-size:1rem;
  display:flex;
  align-items:center
}
.v-share-container .v-share-copy .v-share-copy-btn span {
  font-weight:700;
  margin-left:.4rem
}
@media screen and (min-width:450px) {
  .v-share-container {
    width:100%
  }
}
.triangle {
  position:absolute;
  left:-9px;
  bottom:20px;
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-right:10px solid #fff;
  border-bottom:10px solid transparent;
  box-sizing:border-box
}
.share-to-pop .share-to-mask-pop {
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  max-width:100%;
  height:100%;
  z-index:80;
  background-color:rgba(0,0,0,.3);
  box-shadow:4px 2px 2px #000
}
.share-to-pop .share-to-container-pop {
  position:fixed;
  bottom:-9999px;
  left:0;
  right:0;
  width:100%;
  height:366px;
  max-width:14rem;
  z-index:100;
  background-color:#fff;
  border-radius:1rem;
  display:none
}
.share-to-pop .share-to-container-pop.show {
  transition:bottom .2s linear;
  display:block
}
.share-to-pop .share-to-header {
  font-size:.866666666666667rem;
  color:#333;
  text-align:center;
  font-weight:600
}
.share-to-pop .share-to-links {
  display:flex;
  flex-wrap:wrap;
  padding:0 1rem
}
.share-to-pop .share-to-link-item {
  padding:.666666666666667rem 0;
  text-align:center;
  width:100%;
  cursor:pointer
}
.share-to-pop .share-to-link-item .share-to-link-item-block {
  display:flex;
  align-items:center
}
.share-to-pop .share-to-link-item .share-to-link-item-block .link-item-ico img,
.share-to-pop .share-to-link-item .share-to-link-item-block .link-item-ico svg {
  width:2rem;
  height:2rem
}
.share-to-pop .share-to-link-item .share-to-link-item-block .link-item-label {
  font-size:.933333333333333rem;
  color:#333;
  margin-left:.533333333333333rem;
  margin-top:0;
  text-align:left;
  font-weight:400
}
.share-to-pop .share-to-cancel {
  height:3.2rem;
  line-height:3.2rem;
  text-align:center;
  font-size:1.2rem;
  color:#999;
  border-top:1px solid #d8d8d8
}
@media screen and (min-width:768px) {
  .share-to-mask-pop {
    left:0;
    margin-left:0;
    width:auto;
    max-width:none
  }
}
.tops {
  color:#333;
  padding:0 .333333333333333rem;
  max-width:768px;
  margin-left:auto;
  margin-right:auto
}
.tops-bar {
  padding:1rem;
  display:flex;
  justify-content:center;
  align-items:center
}
.tops-bar h3 {
  height:1.333333333333333rem;
  margin:0 .666666666666667rem;
  font-size:1.133333333333333rem;
  font-weight:600
}
.tops-bar svg:last-child {
  transform:rotate(180deg)
}
.tops-videos {
  color:#fff;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.tops-videos .op-video {
  width:calc(50% - .16667rem);
  margin-bottom:.333333333333333rem;
  position:relative;
  background-color:#e0e0e0;
  text-decoration:none
}
.tops-videos .op-video .op-video-img {
  height:16rem;
  overflow:hidden;
  display:flex;
  align-items:center
}
.tops-videos .op-video .op-video-img.loaded {
  background-color:#000
}
.tops-videos .op-video .op-video-img img {
  display:block;
  width:100%
}
.tops-videos .op-video .op-video-info {
  color:#fff;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  font-size:.933333333333333rem;
  background-image:linear-gradient(180deg,transparent,transparent 49%,rgba(0,0,0,.25));
  padding:.666666666666667rem
}
.tops-videos .op-video .op-video-info .op-video-owner {
  overflow:hidden;
  text-overflow:ellipsis
}
.tops-videos .op-video .op-video-info .op-video-views {
  margin-top:.4rem;
  display:flex;
  align-items:center
}
.tops-videos .op-video .op-video-info .op-video-views svg {
  margin-right:.466666666666667rem
}
.tops-videos .op-video .op-play-btn {
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-10px;
  margin-top:-11px
}
.tops-end {
  margin:2rem 0;
  text-align:center;
  font-size:.8rem;
  color:#999
}
.tops-end a {
  text-decoration:underline
}
.btn {
  height:2.666666666666667rem;
  line-height:2.666666666666667rem;
  text-decoration:none;
  text-align:center;
  border-radius:2.666666666666667rem;
  background-color:#ff6500;
  color:#fff;
  font-size:1rem;
  font-weight:700
}
.btn.download-btn {
  display:block;
  width:19.666666666666668rem;
  margin:1.866666666666667rem auto 0
}
.download-dialog {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,.3);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:100
}
.download-dialog .dialog-body {
  width:22.333333333333332rem;
  border-radius:.533333333333333rem;
  background-color:#fff;
  padding:1.866666666666667rem 1.066666666666667rem;
  display:flex;
  align-items:center;
  flex-direction:column;
  position:relative;
  color:#000
}
.download-dialog .dialog-body .welcome {
  margin-top:.533333333333333rem;
  line-height:1.53;
  text-align:center
}
.download-dialog .dialog-body .download-btn {
  margin-top:1.866666666666667rem;
  width:100%
}
.download-dialog .dialog-body .close {
  width:.933333333333333rem;
  height:.933333333333333rem;
  position:absolute;
  top:1.066666666666667rem;
  right:1.066666666666667rem;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M8.077 7l5.712-5.674c.281-.28.281-.745 0-1.07l-.047-.047a.738.738 0 00-1.03 0L7 5.93 1.288.256a.736.736 0 00-1.03 0L.21.302c-.281.28-.281.745 0 1.07L5.923 7 .211 12.674c-.281.28-.281.745 0 1.07l.047.047a.738.738 0 001.03 0L7 8.07l5.712 5.674c.281.28.75.28 1.03 0l.047-.046c.281-.28.281-.745 0-1.07L8.077 7z' fill='%23999'/%3E%3C/svg%3E")
}
@media screen and (min-width:769px) {
  .tops {
    margin-top:0!important;
    padding:0;
    width:100%;
    max-width:800px
  }
  .tops-bar {
    padding:0;
    display:block;
    margin-bottom:1rem
  }
  .tops-bar svg {
    display:none
  }
  .tops-bar h3 {
    font-size:1.133333333333333rem;
    margin:0;
    text-transform:none
  }
  .tops-videos {
    justify-content:space-between;
    margin-bottom:2rem
  }
  .tops-videos .op-video {
    width:32%;
    margin-right:0;
    margin-bottom:.533333333333333rem
  }
  .tops-videos .op-video .op-video-img {
    height:13rem
  }
}
@media screen and (min-width:1280px) {
  .tops-videos .op-video .op-video-img {
    height:18rem
  }
}
@media screen and (min-width:1920px) {
  .tops-videos .op-video .op-video-img {
    height:22rem
  }
}
@media screen and (max-width:768px) {
  .tops-videos .op-video {
    width:32%
  }
  .tops-videos .op-video .op-video-img {
    height:24rem
  }
}
@media screen and (max-width:650px) {
  .tops-videos .op-video {
    width:calc(50% - .16667rem)
  }
  .tops-videos .op-video .op-video-img {
    height:26rem
  }
}
@media screen and (max-width:450px) {
  .tops-videos .op-video {
    width:calc(50% - .16667rem)
  }
  .tops-videos .op-video .op-video-img {
    height:16rem
  }
}
.v-comment-post-container {
  width:100%;
  display:flex;
  justify-content:space-between;
  padding:0 1rem
}
.v-comment-post-container .v-comment-post-input {
  width:80%;
  border:1px solid #e0e0e0;
  padding:.8rem .5rem;
  color:#999;
  border-radius:4px
}
.v-comment-post-container .v-comment-post-btn {
  width:18%;
  background-color:#ff6500;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border-radius:2.666666666666667rem;
  cursor:pointer
}
.v-opinion {
  width:100%;
  color:#333;
  padding:0 1rem 1rem
}
.v-opinion .v-opinion-title {
  font-size:1.133333333333333rem;
  font-weight:700;
  margin:1rem 0 0;
  display:flex;
  align-items:center
}
.v-opinion .v-opinion-title span {
  margin-right:.533333333333333rem
}
.v-opinion .v-opinion-title svg {
  cursor:pointer
}
.v-opinion .v-opinion-con {
  font-size:.933333333333333rem;
  line-height:1.3rem;
  margin-top:1rem
}
.comments {
  position:relative;
  padding:0 .666666666666667rem
}
.comments .no-comments {
  display:none
}
.comments .comments-count {
  font-weight:600;
  text-align:left;
  padding:1rem 0
}
.comments .comment-row {
  padding:.2rem 0
}
.comments .comment-row .comment-detail {
  display:flex
}
.comments .comment-row .comment-detail .comment-detail-left {
  margin-right:.666666666666667rem
}
.comments .comment-row .comment-detail .comment-detail-left .comment-author-portrait {
  width:2.333333333333333rem;
  height:2.333333333333333rem;
  border-radius:50%
}
.comments .comment-row .comment-create-dot {
  width:.2rem;
  height:.2rem;
  background-color:#999;
  border-radius:50%;
  margin:0 .333333333333333rem
}
.comments .comment-row .comment-create-self {
  color:#e1001a
}
.comments .comment-row .comment-date {
  display:flex;
  align-items:center
}
.comments .comment-row .comment-date a {
  display:flex;
  text-decoration:none;
  color:#333
}
.comments .comment-row .comment-date .comment-create-month {
  font-size:.866666666666667rem;
  font-weight:600
}
.comments .comment-row .comment-date .comment-create-date {
  font-size:.866666666666667rem;
  color:#999
}
.comments .comment-row .comment-date .comment-author-cert {
  width:.8rem;
  height:.8rem;
  background-color:#5098ff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:.333333333333333rem
}
.comments .comment-row .comment-date .comment-author-cert svg {
  width:.5rem;
  height:.533333333333333rem
}
.comments .comment-row .comment-date .comment-date-dot {
  width:.2rem;
  height:.2rem;
  background-color:#999;
  border-radius:50%;
  margin:0 .333333333333333rem
}
.comments .comment-row .comment-content {
  word-break:break-word;
  margin:.133333333333333rem 0
}
.comments .comment-row .comment-attitude {
  display:flex;
  flex-direction:row-reverse;
  margin-top:.666666666666667rem;
  font-size:.8rem;
  color:#999
}
.comments .comment-row .comment-attitude .comment-dislike,
.comments .comment-row .comment-attitude .comment-like {
  background-repeat:no-repeat;
  background-position:0;
  padding-left:1.666666666666667rem;
  width:4.666666666666667rem;
  line-height:1.733333333333333rem;
  margin-left:1.066666666666667rem;
  cursor:pointer
}
.comments .comment-row .comment-attitude .comment-like {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg transform='translate(3 2)' fill='%23DEDEDE' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M3.93 9.994c.448-.934 2.272-3.9 5.472-8.897a.214.214 0 01.182-.103c.948 0 1.661.88 1.48 1.827l-.975 5.096h5.14c1.409 0 2.445 1.341 2.112 2.734L15.823 17c-.28 1.17-1.31 1.994-2.492 1.994H7.923c-2.825 0-4.502-2.58-4.502-4.771 0-2.192-.162-2.828.51-4.23z'/%3E%3Crect width='2' height='7' x='.404' y='10.394' rx='1'/%3E%3C/g%3E%3C/svg%3E")
}
.comments .comment-row .comment-attitude .comment-dislike {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg transform='rotate(180 10.5 11)' fill='%23DEDEDE' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M3.93 9.994c.448-.934 2.272-3.9 5.472-8.897a.214.214 0 01.182-.103c.948 0 1.661.88 1.48 1.827l-.975 5.096h5.14c1.409 0 2.445 1.341 2.112 2.734L15.823 17c-.28 1.17-1.31 1.994-2.492 1.994H7.923c-2.825 0-4.502-2.58-4.502-4.771 0-2.192-.162-2.828.51-4.23z'/%3E%3Crect width='2' height='7' x='.404' y='10.394' rx='1'/%3E%3C/g%3E%3C/svg%3E")
}
.comments .comment-row-reply {
  margin-left:3rem
}
.comments .comment-reply-more {
  margin:0 0 2rem 3rem;
  cursor:pointer
}
.comments .comment-reply-inner-name {
  color:#333;
  text-decoration:none
}
.comments .more-comments {
  text-align:center;
  padding-bottom:2rem
}
.comments .more-comments.show-in-pc {
  display:none
}
.comments .more-comments .more-comments-link {
  display:inline-block;
  line-height:2.533333333333333rem;
  border:1px solid #ff6500;
  border-radius:2.533333333333333rem;
  padding:0 1.333333333333333rem;
  color:#ff6500;
  text-align:center;
  text-decoration:none
}
.comments .more-comments .more-comments-link>span {
  padding-right:1.333333333333333rem;
  background-repeat:no-repeat;
  background-position:100%;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8'%3E%3Cpath d='M10.188 1.895a.394.394 0 01-.099.264L5.832 6.884a.313.313 0 01-.476 0L1.098 2.159a.405.405 0 010-.527.313.313 0 01.476 0l4.02 4.461 4.02-4.461a.312.312 0 01.475 0 .389.389 0 01.098.263z' fill='%23ff6500' stroke='%23ff6500' stroke-width='.5'/%3E%3C/svg%3E")
}
@media screen and (min-width:768px) {
  .v-comment-post-container {
    padding:1rem
  }
  .v-opinion {
    margin-top:3rem
  }
  .comments {
    overflow-y:scroll;
    position:relative;
    padding:0 1rem
  }
  .comments .no-comments {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }
  .comments .no-comments.loading-comments {
    color:#999
  }
  .comments .no-comments strong {
    font-weight:600
  }
  .comments .no-comments .no-comments-app {
    font-weight:600;
    line-height:1.4;
    margin:.666666666666667rem 0 2rem;
    width:17.466666666666665rem;
    text-align:center
  }
  .comments .no-comments .no-comments-link {
    width:17.466666666666665rem;
    line-height:3.2rem;
    text-align:center;
    background-color:#ff6500;
    text-decoration:none;
    outline:none;
    color:#fff;
    font-size:1.133333333333333rem;
    font-weight:700;
    border-radius:1.6rem
  }
  .comments .comments-count {
    padding-top:2rem
  }
  .comments .comment-row.show-in-mobile {
    display:none
  }
  .comments .more-comments.show-in-pc {
    display:block
  }
}
.loading-spinner {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  margin:-70px 0 0 -70px;
  width:140px
}
.vjs-seeking .loading-spinner,
.vjs-waiting .loading-spinner {
  display:block
}
.app-banner {
  position:fixed;
  z-index:99;
  top:0;
  left:0;
  right:0;
  width:100%;
  max-width:450px;
  background-color:#333;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.666666666666667rem;
  overflow:hidden
}
.app-banner .app-logo-link {
  text-decoration:none;
  color:#fff
}
.app-banner .app-info {
  display:flex;
  align-items:center
}
.app-banner img {
  width:2rem;
  height:2rem;
  border-radius:50%;
  margin-right:.666666666666667rem
}
.app-banner .app-title {
  font-size:.933333333333333rem;
  font-weight:600;
  width:190px;
  text-overflow:ellipsis;
  overflow:hidden
}
.app-banner .app-slogan {
  font-size:.733333333333333rem;
  margin-top:.266666666666667rem
}
.app-banner .app-link {
  height:1.6rem;
  padding:0 .533333333333333rem;
  background-color:#ff6500;
  border-radius:1rem;
  display:inline-flex;
  align-items:center;
  font-size:.866666666666667rem;
  color:#fff;
  text-decoration:none;
  min-width:5.333333333333333rem;
  white-space:nowrap
}
@media screen and (min-width:450px) {
  .app-banner {
    left:50%;
    margin-left:-225px
  }
}
.head-logo {
  display:flex;
  flex-direction:row-reverse;
  padding-top:1rem
}
.head-logo .title {
  text-indent:-9999px;
  height:0
}
.head-logo img {
  display:block;
  width:10rem
}
body {
  background:#fff;
  text-rendering:optimizeLegibility
}
h1,
h2,
h3,
th {
  font-family:Roboto,sans-serif;
  font-weight:700;
  margin:1.25em 0 .75em
}
h1 {
  font-size:35px;
  line-height:42px
}
h1:first-child {
  margin-top:0
}
h2 {
  font-size:18px;
  line-height:22px
}
h3 {
  font-size:13px;
  line-height:16px
}
.capitalize-h3 h3 {
  text-transform:uppercase
}
body,
ol,
p,
td,
ul {
  font-size:16px;
  line-height:20px
}
blockquote,
q {
  display:block;
  margin:1em 0;
  font-style:italic
}
blockquote a,
q a {
  text-decoration:underline
}
blockquote {
  padding-left:10px;
  border-left:4px solid #a6a6a6
}
q {
  line-height:40px;
  font-size:24px;
  text-align:center;
  quotes:none
}
q,
q a {
  color:#a6a6a6
}
code,
pre {
  font-family:Consolas,Liberation Mono,Menlo,Courier Prime Web,Courier,monospace;
  background:#f2f2f2
}
code {
  padding:1px;
  margin:0 -1px;
  border-radius:3px
}
pre {
  display:block;
  line-height:20px;
  text-shadow:0 1px #fff;
  padding:5px 5px 5px 30px;
  white-space:nowrap;
  position:relative;
  margin:1em 0
}
pre:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:15px;
  border-left:1px solid #dadada
}
div[data-section-style="5"],
div[data-section-style="6"],
div[data-section-style="7"] {
  margin:12px 0
}
ul {
  padding:0 0 0 40px
}
ul li {
  margin-bottom:.4em
}
div[data-section-style="5"] ul {
  list-style-type:disc
}
div[data-section-style="5"] ul ul {
  list-style-type:circle
}
div[data-section-style="5"] ul ul ul {
  list-style-type:square
}
div[data-section-style="5"] ul ul ul ul {
  list-style-type:disc
}
div[data-section-style="5"] ul ul ul ul ul {
  list-style-type:circle
}
div[data-section-style="5"] ul ul ul ul ul ul {
  list-style-type:square
}
div[data-section-style="6"] ul {
  list-style-type:decimal
}
div[data-section-style="6"] ul ul {
  list-style-type:lower-alpha
}
div[data-section-style="6"] ul ul ul {
  list-style-type:lower-roman
}
div[data-section-style="6"] ul ul ul ul {
  list-style-type:decimal
}
div[data-section-style="6"] ul ul ul ul ul {
  list-style-type:lower-alpha
}
div[data-section-style="6"] ul ul ul ul ul ul {
  list-style-type:lower-roman
}
div[data-section-style="7"] ul {
  list-style-type:none
}
div[data-section-style="7"] ul li:before {
  content:"\2610";
  position:absolute;
  display:inline;
  margin-right:1.2em;
  margin-left:-1.2em
}
div[data-section-style="7"] ul li.parent:before {
  content:""
}
div[data-section-style="7"] ul li.checked {
  text-decoration:line-through
}
div[data-section-style="7"] ul li.checked:before {
  content:"\2611";
  text-decoration:none
}
div[data-section-style="8"] {
  margin:12px 0
}
table {
  border-spacing:0;
  border-collapse:separate;
  border:1px solid #bbb;
  table-layout:fixed;
  position:relative
}
table td,
table th {
  padding:2px 2px 0;
  min-width:1.5em;
  word-wrap:break-word
}
table th {
  border-bottom:1px solid #c7cbd1;
  background:#f2f2f2;
  font-weight:700;
  vertical-align:bottom;
  color:#3a4449;
  text-align:center
}
table td {
  padding-top:0;
  border-left:1px solid #c7cbd1;
  border-top:1px solid #c7cbd1;
  vertical-align:top
}
table td.bold {
  font-weight:700
}
table td.italic {
  font-style:italic
}
table td.underline {
  text-decoration:underline
}
table td.strikethrough {
  text-decoration:line-through
}
table td.underline.strikethrough {
  text-decoration:underline line-through
}
table td:first-child {
  border-left:hidden
}
table tr:first-child td {
  border-top:hidden
}
div[data-section-style="11"] {
  margin:20px auto
}
div[data-section-style="11"][data-section-float="0"] {
  clear:both;
  text-align:center
}
div[data-section-style="11"][data-section-float="1"] {
  float:left;
  clear:left;
  margin-right:20px
}
div[data-section-style="11"][data-section-float="2"] {
  float:right;
  clear:right;
  margin-left:20px
}
div[data-section-style="11"] img {
  display:block;
  max-width:100%;
  height:auto;
  margin:auto
}
div[data-section-style="11"].show-border {
  outline:1px solid rgba(0,0,0,.1);
  box-shadow:0 1px 4px 0 rgba(0,0,0,.05)
}
hr {
  width:70px;
  margin:20px auto
}
div[data-section-style="19"].placeholder {
  margin:.8em auto;
  padding:4px 0;
  display:block;
  color:#3d87f5;
  text-align:center;
  border:1px solid rgba(41,182,242,.2);
  border-radius:3px;
  background:#e9f8fe;
  font-family:Roboto,sans-serif
}
div[data-section-style="19"].first-party-element {
  margin-bottom:10px;
  background-repeat:no-repeat;
  background-size:contain
}
div[data-section-style="19"] img {
  margin:.5em
}
div[data-section-style="19"] img.masked-image {
  margin:0;
  transform-origin:top left
}
div[data-section-style="19"] .image-mask {
  position:relative;
  overflow:hidden
}
body,
div[data-section-style="6"] {
  counter-reset:indent0 indent1 indent2 indent3 indent4 indent5 indent6 indent7 indent8
}
div[data-section-style="6"].list-numbering-continue {
  counter-reset:none
}
div[data-section-style="6"].list-numbering-restart-at {
  counter-reset:indent0 var(--indent0) indent1 indent2 indent3 indent4 indent5 indent6 indent7 indent8
}
div[data-section-style="6"] ul {
  list-style-type:none!important
}
div[data-section-style="6"] ul ul {
  counter-reset:indent1
}
div[data-section-style="6"] ul ul ul {
  counter-reset:indent2
}
div[data-section-style="6"] ul ul ul ul {
  counter-reset:indent3
}
div[data-section-style="6"] ul ul ul ul ul {
  counter-reset:indent4
}
div[data-section-style="6"] ul ul ul ul ul ul {
  counter-reset:indent5
}
div[data-section-style="6"] ul li {
  counter-increment:indent0
}
div[data-section-style="6"] ul ul li {
  counter-increment:indent1
}
div[data-section-style="6"] ul ul ul li {
  counter-increment:indent2
}
div[data-section-style="6"] ul ul ul ul li {
  counter-increment:indent3
}
div[data-section-style="6"] ul ul ul ul ul li {
  counter-increment:indent4
}
div[data-section-style="6"] ul ul ul ul ul ul li {
  counter-increment:indent5
}
div[data-section-style="6"] ul li:before {
  content:counter(indent0,decimal) ". "
}
div[data-section-style="6"] ul ul li:before {
  content:counter(indent1,lower-alpha) ". "
}
div[data-section-style="6"] ul ul ul li:before {
  content:counter(indent2,lower-roman) ". "
}
div[data-section-style="6"] ul ul ul ul li:before {
  content:counter(indent3,decimal) ". "
}
div[data-section-style="6"] ul ul ul ul ul li:before {
  content:counter(indent4,lower-alpha) ". "
}
div[data-section-style="6"] ul ul ul ul ul ul li:before {
  content:counter(indent5,lower-roman) ". "
}
h3 {
  text-transform:uppercase
}
div[data-section-style="7"] ul li.parent {
  font-weight:700
}
.disc-fix div[data-section-style="6"] ul ul li:before {
  content:counter(indent1,disc) " "
}
.disc-fix div[data-section-style="6"] ul ul ul li:before {
  content:counter(indent2,lower-roman) ". "
}
.disc-fix div[data-section-style="6"] ul ul ul ul li:before {
  content:counter(indent3,decimal) ". "
}
.disc-fix div[data-section-style="6"] ul ul ul ul ul li:before {
  content:counter(indent4,lower-alpha) ". "
}
.disc-fix div[data-section-style="6"] ul ul ul ul ul ul li:before {
  content:counter(indent5,lower-roman) ". "
}
a {
  text-decoration:underline;
  color:#3891f8
}
.container {
  max-width:1200px;
  min-height:calc(100vh - 5vw);
  margin:0 auto;
  padding-bottom:2rem
}
.footer {
  background-color:#ff5800
}
.footer .container {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:auto;
  margin:0 auto;
  padding-bottom:0
}
.footer .left a {
  text-decoration:none;
  color:#fff
}
.footer .copyright {
  color:#fff
}
.footer .copyright a {
  color:#fff;
  text-decoration:none
}
@media screen and (min-width:1200px) {
  .container {
    min-height:calc(100vh - 4rem)
  }
  .footer {
    height:4rem
  }
  .footer .left a {
    margin-right:2rem
  }
  .footer-bg {
    height:5vw
  }
}
@media screen and (max-width:420px) {
  .container {
    min-height:auto;
    word-break:break-word
  }
  .footer {
    height:auto;
    display:block
  }
  .footer .container {
    display:block;
    padding:0
  }
  .footer .left {
    display:flex;
    align-items:center
  }
  .footer .copyright {
    text-align:center
  }
  .tip-container {
    background-color:rgba(0,0,0,.8)
  }
}
.list-complete-item {
  transition:all 1s;
  display:inline-block;
  margin-right:10px;
  width:100%
}
.list-complete-leave-to {
  opacity:.8;
  transform:translateY(-100%)
}
.list-complete-enter {
  opacity:.8
}
.list-complete-leave-active,
.v-com-scroll {
  position:absolute
}
.v-com-scroll {
  bottom:1rem;
  left:0;
  padding-left:1rem;
  height:100px;
  overflow:hidden;
  width:90%;
  max-width:320px;
  font-size:15px
}
.v-com-scroll .v-com-scroll-item {
  width:100%;
  display:flex;
  align-items:center;
  margin-bottom:.8rem
}
.v-com-scroll .v-com-scroll-item .v-com-scroll-portrait {
  width:2rem;
  height:2rem;
  border-radius:2rem;
  margin-right:.5rem;
  display:block
}
.v-com-scroll .v-com-scroll-item .v-com-scroll-item-con {
  font-size:15px
}
.v-com-scroll .v-com-scroll-item .v-com-scroll-item-a {
  display:block;
  position:relative
}
.v-com-scroll .v-com-scroll-item .v-com-scroll-item-a .video-author-cert {
  position:absolute;
  right:6px;
  bottom:0
}
.v-com-scroll .video-info {
  padding-bottom:.5rem
}
.v-com-scroll .video-info .video-author-link {
  position:relative
}
.v-com-scroll .video-info .video-author-link .video-author-cert {
  position:absolute;
  right:0;
  bottom:0
}
.v-com-scroll .video-info .video-desc {
  font-size:15px;
  margin:-.8rem 0 0 2.8rem
}
.v-com-scroll .firstSpace {
  height:100px
}
.v-com-scroll .secondSpace {
  height:50px
}
html {
  color:#fff
}
body {
  font-size:15px;
  line-height:normal
}
.pc-show {
  display:block
}
.footer,
.head-logo,
.pc-hide {
  display:none
}
.main-content .report-btn {
  display:flex;
  color:#999
}
.main-content .report-btn,
.main-content .report-btn-mb {
  position:absolute;
  text-align:center;
  text-decoration:none;
  font-size:.933333333333333rem
}
.main-content .report-btn-mb {
  display:none;
  color:#ff6500;
  bottom:.7rem;
  left:1rem;
  padding:.2rem .4rem;
  border:1px solid #ff6500;
  border-radius:20px
}
.main-layout-v {
  width:75%
}
.main-layout-u {
  width:25%
}
.replay-layer {
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  background-color:rgba(0,0,0,.65);
  height:100%;
  align-items:center;
  justify-content:center
}
.replay-layer .download-and-replay {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}
.replay-layer .find-more-text {
  font-size:1.133333333333333rem;
  font-weight:600;
  line-height:1.29
}
.replay-layer .download-app {
  margin:1.333333333333333rem auto
}
.replay-layer .download-app a {
  display:block
}
.replay-layer .download-app a:first-child {
  margin-bottom:.666666666666667rem
}
.replay-layer .download-app a img {
  display:block
}
.replay-layer .replay-button a {
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center
}
.replay-layer .replay-button a svg {
  margin-right:10px
}
.video-container {
  /*height:70vh;*/
  overflow:hidden;
  display:flex;
  justify-content:center;
  align-items:center
}
.play-btn,
.video-container,
.video-player {
  width:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  position:absolute
}
.play-btn,
.video-player {
  display:none;
  max-width:100%;
  height:100%
}
.play-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#000;
  cursor:pointer
}
.play-btn svg {
  display:none
}
.play-btn.ready {
  background-color:transparent;
  background-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 49%,rgba(0,0,0,.25))
}
.play-btn.canplay svg {
  display:block
}
.v-logo-container {
  position:absolute;
  left:1rem;
  top:1rem;
  display:flex;
  align-items:center
}
.v-logo-container .mute-btn {
  margin-left:2rem;
  cursor:pointer
}
.video-stat {
  position:absolute;
  bottom:0;
  right:0;
  z-index:99;
  display:flex;
  flex-direction:column;
  padding-right:.666666666666667rem;
  padding-bottom:.666666666666667rem
}
.video-stat .video-stat-group {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:1.333333333333333rem;
  font-size:.8rem;
  font-weight:600
}
.video-stat .video-stat-group-icon {
  margin-bottom:.4rem;
  display:block;
  width:2.666666666666667rem;
  height:2.666666666666667rem;
  background-repeat:no-repeat;
  background-position:50%
}
.video-stat .video-stat-group-icon.video-like-icon {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cdefs%3E%3Cfilter id='a' width='170%25' height='165.6%25' x='-35%25' y='-32.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1.5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 3)' fill='%23FFF' fill-rule='evenodd' opacity='.9'%3E%3Cpath fill-rule='nonzero' d='M6.046 16c.796-1.66 4.038-6.933 9.727-15.816A.381.381 0 0116.097 0c1.686 0 2.953 1.565 2.631 3.249l-1.732 9.059h9.139c2.503 0 4.345 2.385 3.754 4.86L27.19 28.456C26.693 30.536 24.862 32 22.758 32h-9.614c-5.023 0-8.005-4.585-8.005-8.482 0-3.897-.286-5.027.907-7.518z'/%3E%3Crect width='4' height='11' y='17' rx='2'/%3E%3C/g%3E%3C/svg%3E")
}
.video-stat .video-stat-group-icon.video-dislike-icon {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cdefs%3E%3Cfilter id='a' width='170%25' height='165.6%25' x='-35%25' y='-32.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1.5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='rotate(180 17.5 18.5)' fill='%23FFF' fill-rule='evenodd' opacity='.9'%3E%3Cpath fill-rule='nonzero' d='M6.046 16c.796-1.66 4.038-6.933 9.727-15.816A.381.381 0 0116.097 0c1.686 0 2.953 1.565 2.631 3.249l-1.732 9.059h9.139c2.503 0 4.345 2.385 3.754 4.86L27.19 28.456C26.693 30.536 24.862 32 22.758 32h-9.614c-5.023 0-8.005-4.585-8.005-8.482 0-3.897-.286-5.027.907-7.518z'/%3E%3Crect width='4' height='11' y='17' rx='2'/%3E%3C/g%3E%3C/svg%3E")
}
.video-stat .video-stat-group-icon.video-comment-icon {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cdefs%3E%3Cfilter id='a' width='165.6%25' height='170%25' x='-32.8%25' y='-35%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1.5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(4 6)' fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M31.504 5.453l-1.09 12A5.002 5.002 0 0125.433 22H16l-7.014 6.234a1 1 0 01-1.656-.871L8 22H5.475a5 5 0 01-4.98-5.453l1.092-12A4.999 4.999 0 016.567 0h19.958a5 5 0 014.98 5.453z'/%3E%3Cpath fill='%23888' d='M10 9a2 2 0 11.001 3.999A2 2 0 0110 9zm6 0a2 2 0 11.001 3.999A2 2 0 0116 9zm6 0a2 2 0 11.001 3.999A2 2 0 0122 9z'/%3E%3C/g%3E%3C/svg%3E")
}
.video-stat .video-stat-group-icon.video-share-icon {
  cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40'%3E%3Cdefs%3E%3Cfilter id='a' width='135.5%25' height='142.3%25' x='-17.7%25' y='-13.4%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='1.5'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3C/filter%3E%3Cpath id='b' d='M19.67 6.337a1 1 0 011.411-.097l13.575 11.827a1 1 0 010 1.508L21.081 31.403a1 1 0 01-1.657-.754V23.83h-3.323c-3.55 0-6.834 1.882-8.629 4.945l-1.611 2.752a1.001 1.001 0 01-1.854-.641l.83-6.054a12.748 12.748 0 0112.63-11.02h1.957V6.994c0-.242.088-.475.246-.657z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")
}
.v-state-author {
  margin-bottom:1.5rem;
  position:relative
}
.v-state-author img {
  width:2.666666666666667rem;
  height:2.666666666666667rem;
  border-radius:2.666666666666667rem
}
.v-state-author .video-author-cert {
  position:absolute;
  bottom:4px;
  right:0;
  padding:0;
  margin:0
}
.video-info .video-location {
  background-color:rgba(0,0,0,.45);
  border-radius:.133333333333333rem;
  display:inline-flex;
  align-items:center;
  padding:0 .533333333333333rem;
  font-size:.866666666666667rem;
  height:1.733333333333333rem
}
.video-info .video-location .video-location-icon {
  margin-right:.333333333333333rem;
  width:.8rem;
  height:.933333333333333rem
}
.video-info .video-location .video-location-text {
  max-width:16rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.video-info .video-author {
  display:inline-flex;
  align-items:center;
  margin:0 0 .666666666666667rem
}
.video-info .video-author .video-author-link {
  position:relative;
  margin-bottom:.333333333333333rem;
  display:block
}
.video-info .video-author .video-author-link img {
  width:2rem;
  height:2rem;
  border:1px solid #fff;
  border-radius:50%
}
.video-info .video-author .video-author-name {
  font-size:1rem;
  font-weight:600;
  margin-top:-.2rem;
  margin-left:.666666666666667rem;
  max-width:11rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:none;
  color:#fff
}
.video-author-cert {
  width:.8rem;
  height:.8rem;
  background-color:#5098ff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:.333333333333333rem
}
.video-author-cert svg {
  width:.5rem;
  height:.533333333333333rem
}
.oval {
  width:.2rem;
  height:.2rem;
  border-radius:50%;
  background-color:hsla(0,0%,100%,.75);
  margin:0 .333333333333333rem
}
.video-author-date {
  font-size:.866666666666667rem;
  color:hsla(0,0%,100%,.75)
}
.video-desc {
  font-size:1rem;
  max-width:21.333333333333332rem;
  word-break:break-word;
  line-height:1.333333333333333rem
}
.video-desc a {
  color:#fff;
  text-decoration:none;
  font-weight:600
}
.video-desc .desc-expand {
  font-weight:600;
  position:relative
}
.video-desc-absolute {
  position:absolute;
  bottom:1rem
}
.min-footer {
  display:flex;
  padding:2.133333333333333rem 0;
  flex-direction:column;
  align-items:center
}
.min-footer .btn {
  height:2.666666666666667rem;
  line-height:2.666666666666667rem;
  text-decoration:none;
  text-align:center;
  border-radius:2.666666666666667rem;
  background-color:var(--button-color);
  color:#fff;
  font-size:1rem;
  font-weight:700
}
.min-footer .btn.download-btn {
  width:19.666666666666668rem;
  margin-top:1.133333333333333rem
}
.min-footer .guide-txt {
  font-size:1.2rem;
  font-weight:500;
  color:#333
}
.aside-container {
  width:100%;
  color:#333;
  margin-top:70vh
}
.popup-container {
  width:80%;
  margin:0 auto;
  max-width:26.666666666666668rem;
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  color:#000;
  border-radius:.4rem;
  z-index:9999
}
.popup-container .popup-banner {
  height:9.333333333333334rem;
  background-image:url(/web_raw/pop_banner.svg);
  border-radius:.4rem .4rem 0 0;
  background-size:100%;
  background-repeat:no-repeat;
  position:relative
}
.popup-container .popup-banner .popup-close {
  background-image:url(/web_raw/close.svg);
  width:.933333333333333rem;
  height:.933333333333333rem;
  position:absolute;
  right:1rem;
  top:.8rem
}
.popup-container .popup-con {
  color:#000;
  text-align:center;
  padding:1rem 1rem 2rem
}
.popup-container .popup-con .popup-con-title {
  font-size:1.2rem;
  font-weight:700
}
.popup-container .popup-con .popup-con-desc {
  color:#333;
  line-height:1.5;
  margin:1rem 0 2rem
}
.popup-container .popup-con .popup-btn {
  text-align:center;
  color:#fff;
  line-height:2.666666666666667rem;
  font-weight:700;
  margin-top:1rem;
  border-radius:4px;
  background-color:#ff6500;
  width:100%;
  display:block;
  text-decoration:none
}
@media screen and (min-width:769px) {
  .head-logo {
    display:flex;
    flex-direction:row;
    padding:2.666666666666667rem 1.5rem 0;
    height:8rem;
    max-width:1200px;
    margin:0 auto
  }
  .head-logo img {
    width:13.333333333333334rem
  }
  .footer {
    display:block
  }
  .min-footer {
    display:none
  }
  .main-content {
    display:flex;
    width:100%;
    max-width:1920px;
    margin:0 auto 4rem;
    position:relative
  }
  .main-content .report-btn {
    left:auto;
    right:1rem;
    top:1rem;
    z-index:9999
  }
  .main-content .report-btn span {
    margin-left:.5rem
  }
  .video-container {
    position:relative;
    min-height:40rem;
    height:100vh;
    margin:0 auto
  }
  .video-container .video-author {
    display:none
  }
  .video-info {
    left:50%;
    transform:translateX(-50%);
    text-align:center
  }
  .video-stat {
    right:2%
  }
  .aside-container {
    margin-top:0;
    width:100%
  }
  .app-banner {
    position:relative;
    display:flex;
    background-color:#333;
    padding:0 1rem;
    height:5.6rem;
    display:none
  }
  .app-banner img {
    width:3.066666666666667rem;
    height:3.066666666666667rem
  }
  .app-banner .app-title {
    font-size:1.2rem
  }
  .app-banner .app-slogan {
    font-size:1rem;
    white-space:normal
  }
  .app-banner .app-link {
    line-height:2.066666666666667rem;
    min-width:6.733333333333333rem;
    font-size:1rem
  }
  .aside-container-pc {
    width:40%;
    color:#333;
    margin:1rem
  }
  .aside-container-pc .v-author-container {
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #e8e8e8;
    padding-bottom:1rem
  }
  .aside-container-pc .v-author-container .v-author {
    display:flex;
    align-items:center
  }
  .aside-container-pc .v-author-container .v-author-group img {
    border-radius:100%;
    width:4rem
  }
  .aside-container-pc .v-author-container .v-author-ext {
    padding-left:.533333333333333rem
  }
  .aside-container-pc .v-author-container .v-author-ext .v-author-info {
    display:flex;
    align-items:center
  }
  .aside-container-pc .v-author-container .v-author-ext .v-author-info .v-author-name {
    text-decoration:none;
    color:#333;
    font-weight:700;
    max-width:12rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
  }
  .aside-container-pc .v-author-container .v-follow-number {
    color:#666;
    font-size:.933333333333333rem
  }
  .aside-container-pc .v-author-container .v-follow-full-name {
    color:#666;
    font-size:.933333333333333rem;
    margin:2px 0
  }
  .aside-container-pc .v-author-container .v-follow {
    width:6.666666666666667rem;
    background-color:var(--button-color);
    text-align:center;
    color:#fff;
    height:1.866666666666667rem;
    line-height:1.866666666666667rem;
    border-radius:1rem;
    font-weight:700;
    cursor:pointer
  }
  .aside-container-pc .v-author-container .v-follow-msg {
    color:var(--button-color);
    width:6.666666666666667rem;
    background-color:none;
    text-align:center;
    height:1.866666666666667rem;
    line-height:1.6rem;
    border-radius:1rem;
    font-weight:700;
    border:1px solid var(--button-color);
    margin-top:1rem;
    cursor:pointer
  }
}
@media screen and (max-width:768px) {
  .pc-show {
    display:none
  }
  .pc-hide {
    display:block
  }
  .v-logo-container {
    display:none
  }
  .video-info-mb {
    position:absolute;
    bottom:1rem
  }
  .report-btn-mb {
    display:flex!important
  }
  .aside-container-pc
  {
      margin-top: 100vh;
  }
  
}
