blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

table{border-collapse:collapse;border-spacing:0}

caption,th{text-align:left;font-weight:400}

abbr,body,fieldset,html,iframe,img{border:0}

address,cite,dfn,em,i,var{font-style:normal}

[hidefocus],summary{outline:0}

h1,h2,h3,h4,h5,h6,small{font-size:100%}

sub,sup{font-size:83%}

code,kbd,pre,samp{font-family:inherit}

q:after,q:before{content:none}

textarea{overflow:auto;resize:none}

label,summary{cursor:default}

a,button{cursor:pointer}

b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:400}

a,a:hover{text-decoration:none}

body,button,input,keygen,legend,select,textarea{-webkit-font-smoothing:antialiased;color:#333;outline:0}

body{font-family:system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif}

button:focus-visible,input:focus-visible{outline:auto}

body{background:#fff}

a{color:#222}

a:hover{color:#406599}

a:visited{color:#999}

@font-face{font-family:ByteNumber-center;src:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/fonts/Byte_Number-center.688369de.ttf) format("truetype"),url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/fonts/Byte_Number-center.2b45aec2.woff) format("woff");font-style:normal;font-display:swap}

@font-face{font-family:ByteNumber-Medium;src:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/fonts/ByteNumber-Medium.47b9dea4.ttf) format("truetype"),url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/fonts/ByteNumber-Medium.744cfd82.woff) format("woff");font-style:normal;font-display:swap;font-weight:500}

@font-face{font-family:system-number;src:local("SF Pro Display"),local("PingFang SC"),local("-app-system"),local("BlinkMacSystemFont"),local("sans-serif");unicode-range:U+30-39}

::-webkit-scrollbar{width:6px;height:6px;background:#18181f}

::-webkit-scrollbar-thumb{border-radius:3px;background-color:#363740}

body{overflow-y:hidden;background:#1d1d24}

.video-detail-container{width:100%;min-width:1110px;height:100vh;overflow-y:hidden;background-color:#000}

.video-detail-container>.ttp-sticky-container{z-index:1001!important}

.video-detail-container .main-content{height:-moz-calc(100% - 64px);height:calc(100% - 64px);display:-moz-box;display:-ms-flexbox;display:flex}

.video-detail-container .left-content{-moz-box-flex:1;-ms-flex:1 1;flex:1 1}

.video-detail-container .right-content{overflow:hidden;position:relative;width:442px;background:#18181f}

.video-detail-container .left-content-container{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}

.video-detail-container .left-content-container .video-slider-wrapper{-moz-box-flex:1;-ms-flex:1 1;flex:1 1}

.video-detail-container .left-content-container .ttp-video-extras-bar{-ms-flex-negative:0;flex-shrink:0}



.ttp-drawer-wrapper.ttp-comment-drawer{min-width:1110px}

@media screen and (max-width:1680px){.video-detail-container .right-content{width:26%}

body .ttp-drawer{width:26%!important}

}

@media screen and (max-width:1440px){.video-detail-container .right-content{width:380px}

body .ttp-drawer{width:380px!important}

}

.toast.video-center{margin-left:-221px}

@media screen and (max-width:1680px){.toast.video-center{margin-left:-13%}

}

@media screen and (max-width:1440px){.toast.video-center{margin-left:-190px}

}

@media screen and (max-width:1110px){.toast.video-center{margin-left:0}

}

.video-slider-wrapper{overflow:hidden;max-height:100%}

.video-slider-wrapper>ul{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:300%;-webkit-transform:translateY(-33.333%);-moz-transform:translateY(-33.333%);transform:translateY(-33.333%)}

.video-slider-wrapper>ul li{-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;height:33.333%}

.video-slider-wrapper>ul .cover{width:100%;height:100%;background-position:50%;background-size:contain;background-repeat:no-repeat}



.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}

.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline}



.xgplayer.xgplayer-is-cssfullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}

.xgplayer.xgplayer-rotate-fullscreen{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;-webkit-transform-origin:top left;-moz-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);z-index:9999}

.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}



.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}

.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}

.xgplayer .xg-pos{left:10px;right:10px}

.xgplayer .xg-margin{margin-left:16px;margin-right:16px}

.xgplayer .xg-bottom{bottom:0}

.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}

.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:rgba(0,0,0,.38);border-radius:12px}

.xgplayer xg-icon{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:hsla(0,0%,100%,.8);fill:#fff}

.xgplayer xg-icon .xg-tips{top:-30px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}

.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}

.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}

.xgplayer xg-icon .xg-img{width:100%}

.xgplayer xg-icon svg{height:100%;display:block}

.xgplayer xg-bar{display:block}

.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}

.xgplayer.xgplayer-inactive .xg-top-bar{display:-moz-box;display:-ms-flexbox;display:flex}

.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}

.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;left:16px;right:16px;display:-moz-box;display:-ms-flexbox;display:flex;height:50px}

.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}

.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}

.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}

.xgplayer .xg-left-bar{left:0}

.xgplayer .xg-right-bar{right:0}

.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:rgba(0,0,0,.54);border-radius:4px;font-size:11px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}

.xgplayer .xg-margin{left:0;right:0}



.xgplayer .xgplayer-screen-container{display:block;width:100%}

.xgplayer .xg-options-icon{display:none;cursor:pointer}

.xgplayer .xg-options-icon.show{display:block}

@-webkit-keyframes xg_options_active{0%{-webkit-transform:translateX(0);transform:translateX(0)}

to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}

}

@-moz-keyframes xg_options_active{0%{-moz-transform:translateX(0);transform:translateX(0)}

to{-moz-transform:translateX(-50%);transform:translateX(-50%)}

}

@keyframes xg_options_active{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

to{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

}

@-webkit-keyframes xg_options_hide{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}

to{-webkit-transform:translateX(50%);transform:translateX(50%)}

}

@-moz-keyframes xg_options_hide{0%{-moz-transform:translateX(-50%);transform:translateX(-50%)}

to{-moz-transform:translateX(50%);transform:translateX(50%)}

}

@keyframes xg_options_hide{0%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

to{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);transform:translateX(50%)}

}



@-webkit-keyframes playPause{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}

99%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}

to{-webkit-transform:scale(1);transform:scale(1);opacity:0}

}

@-moz-keyframes playPause{0%{-moz-transform:scale(1);transform:scale(1);opacity:1}

99%{-moz-transform:scale(1.3);transform:scale(1.3);opacity:0}

to{-moz-transform:scale(1);transform:scale(1);opacity:0}

}

@keyframes playPause{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}

99%{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3);opacity:0}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0}

}

.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}

.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}

.xgplayer .xgplayer-start svg{width:100%;height:100%}

.xgplayer .xgplayer-start.focus-hide,.xgplayer .xgplayer-start.hide{display:none;pointer-events:none}

.xgplayer .xgplayer-start:hover{opacity:.85}

.xgplayer .xgplayer-start .xg-icon-play{display:block}

.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}

.xgplayer .xgplayer-start.interact,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:block}

.xgplayer .xgplayer-start.interact xg-start-inner{-webkit-animation:playPause .4s ease-out .1s forwards;-moz-animation:playPause .4s .1s ease-out forwards;animation:playPause .4s ease-out .1s forwards}

.xgplayer .xgplayer-start.show{display:block}

.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start{display:none}

.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:5;pointer-events:none}

.xgplayer-enter .show{display:block}

.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:hsla(0,0%,100%,.7);position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;animation:fade 1s linear infinite}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{-webkit-transform:rotate(0deg) translateY(-140%);-moz-transform:rotate(0deg) translateY(-140%);transform:rotate(0deg) translateY(-140%);-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{-webkit-transform:rotate(30deg) translateY(-140%);-moz-transform:rotate(30deg) translateY(-140%);transform:rotate(30deg) translateY(-140%);-webkit-animation-delay:-.9163s;-moz-animation-delay:-.9163s;animation-delay:-.9163s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{-webkit-transform:rotate(60deg) translateY(-140%);-moz-transform:rotate(60deg) translateY(-140%);transform:rotate(60deg) translateY(-140%);-webkit-animation-delay:-.833s;-moz-animation-delay:-.833s;animation-delay:-.833s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{-webkit-transform:rotate(90deg) translateY(-140%);-moz-transform:rotate(90deg) translateY(-140%);transform:rotate(90deg) translateY(-140%);-webkit-animation-delay:-.7497s;-moz-animation-delay:-.7497s;animation-delay:-.7497s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{-webkit-transform:rotate(120deg) translateY(-140%);-moz-transform:rotate(120deg) translateY(-140%);transform:rotate(120deg) translateY(-140%);-webkit-animation-delay:-.6664s;-moz-animation-delay:-.6664s;animation-delay:-.6664s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{-webkit-transform:rotate(150deg) translateY(-140%);-moz-transform:rotate(150deg) translateY(-140%);transform:rotate(150deg) translateY(-140%);-webkit-animation-delay:-.5831s;-moz-animation-delay:-.5831s;animation-delay:-.5831s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{-webkit-transform:rotate(180deg) translateY(-140%);-moz-transform:rotate(180deg) translateY(-140%);transform:rotate(180deg) translateY(-140%);-webkit-animation-delay:-.4998s;-moz-animation-delay:-.4998s;animation-delay:-.4998s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{-webkit-transform:rotate(210deg) translateY(-140%);-moz-transform:rotate(210deg) translateY(-140%);transform:rotate(210deg) translateY(-140%);-webkit-animation-delay:-.4165s;-moz-animation-delay:-.4165s;animation-delay:-.4165s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{-webkit-transform:rotate(240deg) translateY(-140%);-moz-transform:rotate(240deg) translateY(-140%);transform:rotate(240deg) translateY(-140%);-webkit-animation-delay:-.3332s;-moz-animation-delay:-.3332s;animation-delay:-.3332s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{-webkit-transform:rotate(270deg) translateY(-140%);-moz-transform:rotate(270deg) translateY(-140%);transform:rotate(270deg) translateY(-140%);-webkit-animation-delay:-.2499s;-moz-animation-delay:-.2499s;animation-delay:-.2499s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{-webkit-transform:rotate(300deg) translateY(-140%);-moz-transform:rotate(300deg) translateY(-140%);transform:rotate(300deg) translateY(-140%);-webkit-animation-delay:-.1666s;-moz-animation-delay:-.1666s;animation-delay:-.1666s}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{-webkit-transform:rotate(330deg) translateY(-142%);-moz-transform:rotate(330deg) translateY(-142%);transform:rotate(330deg) translateY(-142%);-webkit-animation-delay:-.0833s;-moz-animation-delay:-.0833s;animation-delay:-.0833s}

@-webkit-keyframes fade{0%{opacity:1}

to{opacity:.25}

}

@-moz-keyframes fade{0%{opacity:1}

to{opacity:.25}

}

@keyframes fade{0%{opacity:1}

to{opacity:.25}

}

.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}

.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}

.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:50%;background-size:100% auto;background-repeat:no-repeat;-webkit-transition:opacity .3s ease,visibility .3s ease;-moz-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}

.xgplayer.xgplayer-playing .xgplayer-poster,.xgplayer .xgplayer-poster.hide{opacity:0;visibility:hidden}

.xgplayer.not-allow-autoplay .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay{opacity:1;visibility:visible}

.xgplayer.not-allow-autoplay .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.xgplayer-nostart .xgplayer-poster.hide{opacity:0;visibility:hidden}

.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}

.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}

.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}

.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}

.xgplayer .xg-top-bar .xgplayer-back.show,.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}

.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}

.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull,.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}

.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:rgba(0,0,0,.54);border-radius:1px;bottom:40px;outline:none}

.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:auto}

.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:rgba(0,0,0,.54);color:#fff;text-align:center}

.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:hsla(0,0%,100%,.3);border-radius:100px;width:4px;height:76px;outline:none;cursor:pointer}

.xgplayer .xgplayer-drag{bottom:0;left:0;background:#fa1f41;max-height:76px}

.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.26);box-shadow:0 0 5px 0 rgba(0,0,0,.26);position:absolute;border-radius:50%;left:-2px;top:-4px}

.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}

.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}

.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}

.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute{display:none}

.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}

.xgplayer-definition{display:none;cursor:pointer}

.xgplayer .xgplayer-time{min-width:40px;font-size:14px;color:#fff;text-align:center;display:inline-block;line-height:40px}

.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}

.xgplayer .xgplayer-time .time-duration{color:hsla(0,0%,100%,.5)}

.xgplayer .xgplayer-time .time-live-tag{display:none}

.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide,.xgplayer.xgplayer-nostart .xgplayer-controls{pointer-events:none;visibility:hidden;cursor:default;opacity:0}

.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}

.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(rgba(0,0,0,.37)),color-stop(rgba(0,0,0,.75)),to(rgba(0,0,0,.75)));background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));background-image:-moz-linear-gradient(top,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));-webkit-transition:opacity .5s ease,visibility .5s ease;-moz-transition:opacity .5s ease,visibility .5s ease;transition:opacity .5s ease,visibility .5s ease}

.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}

.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-moz-box;display:-ms-flexbox;display:flex}

.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:1;flex-shrink:1;height:100%;z-index:1}

.xgplayer .xg-right-grid{-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}

.xgplayer .xg-right-grid>:first-child{margin-right:0}

.xgplayer .xg-left-grid>:first-child,.xgplayer .xg-right-grid xg-icon{margin-left:0}

.xgplayer .xg-left-grid xg-icon{margin-right:0}

.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:none;top:-20px;padding:5px 0;text-align:center}

.xgplayer .flex-controls .xg-inner-controls{-ms-flex-pack:distribute;justify-content:space-around;display:-moz-box;display:-ms-flexbox;display:flex;bottom:8px}

.xgplayer .flex-controls .xg-center-grid{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-flex:1;-ms-flex:1 1;flex:1 1;position:relative;top:0;height:100%;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-moz-box-align:center;-ms-flex-align:center;align-items:center;left:0;right:0;padding:0}

.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}

.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}

.xgplayer .mini-controls{background-image:none}

.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}

.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}

.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}

.xgplayer .controls-follow{bottom:70px;-webkit-transition:bottom .3s ease;-moz-transition:bottom .3s ease;transition:bottom .3s ease}

.xgplayer.flex-controls .controls-follow{bottom:45px}

.xgplayer.mini-controls .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.xgplayer-inactive .controls-follow{bottom:10px}

.xgplayer-replay{display:none}

.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:5;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}

.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}





.xgplayer .progress-list{display:-moz-box;display:-ms-flexbox;display:flex;height:100%;width:100%;border-radius:inherit}



.xgplayer .inner-focus{background:#fff;position:relative}

.xgplayer .inner-focus:after,.xgplayer .inner-focus:before{position:absolute;top:0;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);border-radius:3px;background:#fff}

.xgplayer .inner-focus:before{left:0}

.xgplayer .inner-focus:after{right:0}





.xgplayer.xgplayer-pc .inner-focus:after,.xgplayer.xgplayer-pc .inner-focus:before{width:3px}



.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0;pointer-events:none}

.xg-mini-progress xg-mini-progress-cache,.xg-mini-progress xg-mini-progress-played{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}

.xg-mini-progress xg-mini-progress-played{background:-webkit-gradient(linear,right top,left top,from(#fa1f41),to(#e31106));background:-webkit-linear-gradient(right,#fa1f41,#e31106);background:-moz-linear-gradient(right,#fa1f41 0,#e31106 100%);background:linear-gradient(-90deg,#fa1f41,#e31106)}

.xg-mini-progress xg-mini-progress-cache{background:hsla(0,0%,100%,.5)}

.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}

@-webkit-keyframes loadingDashOffset{0%{stroke-dashoffset:236}

to{stroke-dashoffset:0}

}

@-moz-keyframes loadingDashOffset{0%{stroke-dashoffset:236}

to{stroke-dashoffset:0}

}

@keyframes loadingDashOffset{0%{stroke-dashoffset:236}

to{stroke-dashoffset:0}

}

xg-loading-inner{display:block;height:100%;width:100%;-webkit-transform-origin:center;-moz-transform-origin:center;transform-origin:center;-webkit-animation:loadingRotate 1s linear .1s infinite;-moz-animation:loadingRotate 1s .1s linear infinite;animation:loadingRotate 1s linear .1s infinite}

.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}

.xgplayer-loading svg{width:100%;height:100%}

.xgplayer-isloading .xgplayer-loading{display:block}

.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading{display:none}

.xgplayer .xgplayer-playbackrate{display:none;cursor:default}

.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}

.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}

.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}

.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}

.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}

.xgplayer .xgplayer-playnext:hover{opacity:.85}

.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}

.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}

.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}

.xgplayer .xgplayer-pip .xg-exit-pip{display:none}

.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}

.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip,.xgplayer .xgplayer-shot{display:none}



.xg-mini-layer{display:none;z-index:11;background:-webkit-gradient(linear,left top,left bottom,from(rgba(57,57,57,.9)),color-stop(50.27%,rgba(57,57,57,0)));background:-webkit-linear-gradient(top,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%);background:-moz-linear-gradient(top,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%);background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}

.xg-mini-layer,.xg-mini-layer .mask{position:absolute;top:0;left:0;width:100%;height:100%}

.xg-mini-layer .mask{pointer-events:none;background-color:rgba(0,0,0,.4)}

.xg-mini-layer xg-mini-header{display:-moz-box;display:-ms-flexbox;display:flex;top:0;left:0;right:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 3px 0 8px;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}

.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}

.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}

.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:1px solid #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}

.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}

.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}

.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:6px;top:5px}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:rgba(0,0,0,.54);display:none}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}

.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}

.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:rgba(0,0,0,.54);border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}

.xg-mini-layer .play-icon svg{width:50px;height:50px;fill:#faf7f7}

.xg-mini-layer .xg-icon-play{display:none}

.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}

.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}

.xgplayer-miniicon{position:relative;outline:none;display:block}

.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:hsla(0,0%,100%,.8);line-height:40px}

.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:rgba(0,0,0,.38);border-radius:10px;display:inline-block;vertical-align:middle}

.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;-webkit-box-shadow:0 4px 7px 2px rgba(0,0,0,.2);box-shadow:0 4px 7px 2px rgba(0,0,0,.2)}

.xgplayer-mini:hover{cursor:move}

.xgplayer-mini:hover .xg-mini-layer{display:block}

.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}

.xgplayer xg-thumbnail{display:block}

.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}

.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:17px;text-align:center;pointer-events:none}

.xgplayer xg-trigger .time-preview span{line-height:24px}

.xgplayer xg-trigger .time-preview span.xg-cur{color:red}

.xgplayer xg-trigger .time-preview .xg-seek-show{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px)}

.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{-webkit-transform:rotate(180deg) translateX(-5px);-moz-transform:rotate(180deg) translateX(-5px);transform:rotate(180deg) translateX(-5px)}

.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}

.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:hsla(0,0%,100%,.3)}

.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}

.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}

.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:rgba(0,0,0,.3);border-radius:100px;color:#fff}

.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}

.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}

.xgplayer xg-trigger .xg-playbackrate{display:none}

.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate,.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}

.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(20%,rgba(0,0,0,.36)),color-stop(36%,transparent),color-stop(70%,transparent),color-stop(77%,rgba(0,0,0,.24)),color-stop(83%,rgba(0,0,0,.36)),to(rgba(0,0,0,.6)));background-image:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));background-image:-moz-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}

.xgplayer .gradient.top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(20%,rgba(0,0,0,.36)),color-stop(36%,transparent),color-stop(70%,transparent));background-image:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%);background-image:-moz-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%);background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,transparent 36%,transparent 70%)}

.xgplayer .gradient.bottom{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(77%,rgba(0,0,0,.24)),color-stop(83%,rgba(0,0,0,.36)),to(rgba(0,0,0,.6)));background-image:-webkit-linear-gradient(transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));background-image:-moz-linear-gradient(transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));background-image:linear-gradient(transparent 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}

}



.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}

.xgplayer .xgplayer-spot.mini{min-width:6px;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);transform:translate(-50%)}

.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}

.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.xgplayer .xg-spot-content{position:relative;width:160px;top:8px;color:#fff;border-radius:2px 2px 0 0}

.xgplayer .xg-spot-thumbnail{position:relative;width:160px;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}

.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}

.xgplayer .progress-thumbnail{margin:0 auto;display:block}

.xgplayer .xg-spot-text{display:none;width:160px;padding:4px 8px 9px;background:rgba(0,0,0,.8);border-radius:0 0 2px 2px;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}

.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}

.xgplayer .product .xg-spot-text{background:#3370ff}

.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:visibility .3s,opacity .3s;-moz-transition:visibility .3s,opacity .3s;transition:visibility .3s,opacity .3s;background-color:#000}

.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:0}

.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}

.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgfilter,.xgplayer-dynamic-bg xgmask{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}

.xgplayer-dynamic-bg canvas{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}

.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}





@-webkit-keyframes fullscreenAnima{0%{-webkit-transform:scale(1);transform:scale(1)}

to{-webkit-transform:scale(1.2);transform:scale(1.2)}

}

@-moz-keyframes fullscreenAnima{0%{-moz-transform:scale(1);transform:scale(1)}

to{-moz-transform:scale(1.2);transform:scale(1.2)}

}

@keyframes fullscreenAnima{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

to{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}

}

@-webkit-keyframes muteAnima{0%{-webkit-transform:scale(1);transform:scale(1)}

to{-webkit-transform:scale(1.3);transform:scale(1.3)}

}

@-moz-keyframes muteAnima{0%{-moz-transform:scale(1);transform:scale(1)}

to{-moz-transform:scale(1.3);transform:scale(1.3)}

}

@keyframes muteAnima{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

to{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3)}

}

@-webkit-keyframes volumeAway{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}

to{-webkit-transform:translateX(3px) scale(1.2);transform:translateX(3px) scale(1.2);opacity:0}

}

@-moz-keyframes volumeAway{0%{-moz-transform:scale(1);transform:scale(1);opacity:1}

to{-moz-transform:translateX(3px) scale(1.2);transform:translateX(3px) scale(1.2);opacity:0}

}

@keyframes volumeAway{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}

to{-webkit-transform:translateX(3px) scale(1.2);-moz-transform:translateX(3px) scale(1.2);transform:translateX(3px) scale(1.2);opacity:0}

}

@-webkit-keyframes volumeAppear{0%{-webkit-transform:translateX(-3px) scale(.9);transform:translateX(-3px) scale(.9);opacity:0}

to{opacity:1}

}

@-moz-keyframes volumeAppear{0%{-moz-transform:translateX(-3px) scale(.9);transform:translateX(-3px) scale(.9);opacity:0}

to{opacity:1}

}

@keyframes volumeAppear{0%{-webkit-transform:translateX(-3px) scale(.9);-moz-transform:translateX(-3px) scale(.9);transform:translateX(-3px) scale(.9);opacity:0}

to{opacity:1}

}

@-webkit-keyframes exitFullscreenTl{to{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}

}

@-moz-keyframes exitFullscreenTl{to{-moz-transform:translate(1px,1px);transform:translate(1px,1px)}

}

@keyframes exitFullscreenTl{to{-webkit-transform:translate(1px,1px);-moz-transform:translate(1px,1px);transform:translate(1px,1px)}

}

@-webkit-keyframes exitFullscreenTr{to{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}

}

@-moz-keyframes exitFullscreenTr{to{-moz-transform:translate(-1px,1px);transform:translate(-1px,1px)}

}

@keyframes exitFullscreenTr{to{-webkit-transform:translate(-1px,1px);-moz-transform:translate(-1px,1px);transform:translate(-1px,1px)}

}

@-webkit-keyframes exitFullscreenBl{to{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}

}

@-moz-keyframes exitFullscreenBl{to{-moz-transform:translate(1px,-1px);transform:translate(1px,-1px)}

}

@keyframes exitFullscreenBl{to{-webkit-transform:translate(1px,-1px);-moz-transform:translate(1px,-1px);transform:translate(1px,-1px)}

}

@-webkit-keyframes exitFullscreenBr{to{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}

}

@-moz-keyframes exitFullscreenBr{to{-moz-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}

}

@keyframes exitFullscreenBr{to{-webkit-transform:translate(-1px,-1px);-moz-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}

}

.xgplayer .xgplayer-autonext{font-size:0}

.xgplayer .xgplayer-autonext .xgplayer-icon{display:inline-block}

.xgplayer .xgplayer-autonext.active .autonext-switch-button{background:#f04142}

.xgplayer .xgplayer-autonext.active .autonext-switch-button:after{left:19px}

.xgplayer .autonext-switch-button{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);vertical-align:top;margin-left:8px;width:36px;height:20px;background:hsla(0,0%,100%,.3)}

.xgplayer .autonext-switch-button,.xgplayer .autonext-switch-button:after{border-radius:38px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}

.xgplayer .autonext-switch-button:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);background:#fff}

.xgplayer .xgplayer-video-change{position:absolute;top:50%;right:24px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);font-size:0}

.xgplayer .xgplayer-video-change .prev{margin-bottom:20px}

.xgplayer .xgplayer-video-change .next,.xgplayer .xgplayer-video-change .prev{position:relative}

.xgplayer .xgplayer-video-change .next .tips,.xgplayer .xgplayer-video-change .prev .tips{display:none;position:absolute;top:50%;right:100%;-webkit-transform:translate(-11px,-50%);-moz-transform:translate(-11px,-50%);transform:translate(-11px,-50%);border-radius:4px;padding:0 8px;height:30px;font-size:12px;line-height:30px;white-space:nowrap;color:#fff;background:rgba(0,0,0,.7)}

.xgplayer .xgplayer-video-change .next .tips:after,.xgplayer .xgplayer-video-change .prev .tips:after{content:"";position:absolute;top:50%;right:-7px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMBAMAAACzedEdAAAAHlBMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABKmEymAAAACnRSTlMUAMyyJqa/jHNm5GnrZgAAACpJREFUCNdjmCgoyKDOKMigZADEyowMSkopQKwKxUC2siODUgBETaOgIACEpgWdA0aragAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}

.xgplayer .xgplayer-video-change button{position:relative;border-radius:40px;width:48px;height:48px;background:rgba(46,46,56,.4);outline:none;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;transition:background .2s linear}

.xgplayer .xgplayer-video-change button.highlight{background:rgba(46,46,56,.7)}

.xgplayer .xgplayer-video-change button:focus-visible{outline:none}

.xgplayer .xgplayer-video-change button:hover:after{opacity:1}

.xgplayer .xgplayer-video-change button:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:20px;height:20px;opacity:.9;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/video_change_prev.962fa8ca.svg) no-repeat 50%;background-size:contain}

.xgplayer .xgplayer-video-change button[disabled]{opacity:0;visibility:hidden;cursor:not-allowed}

.xgplayer .xgplayer-video-change button:hover:not([disabled])~.tips{display:block}

.xgplayer .xgplayer-video-change .next-button:after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(180deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(180deg);transform:translateX(-50%) translateY(-50%) rotate(180deg)}



.ttp-video-extras-bar{position:relative;z-index:20;display:-moz-box;display:-ms-flexbox;display:flex;height:80px;background:#000}

.ttp-video-extras-bar button:focus-visible{outline:none}

.ttp-video-extras-bar .mask{position:absolute;bottom:100%;width:100%;height:260px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(96.35%,#000));background:-webkit-linear-gradient(top,transparent,#000 96.35%);background:-moz-linear-gradient(top,transparent 0,#000 96.35%);background:linear-gradient(180deg,transparent,#000 96.35%)}

.ttp-video-extras-bar .left-block{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:24px;padding-left:24px;width:100%}

.ttp-video-extras-bar .left-block .meta-info{margin-top:8px;font-size:14px;line-height:16px;color:#999}

.ttp-video-extras-bar .left-block .meta-info .line{display:inline-block;margin:0 8px;vertical-align:middle;width:1px;height:12px;background:#999}

.ttp-video-extras-bar .right-block{-ms-flex-negative:0;flex-shrink:0;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-right:24px}

.ttp-video-extras-bar .right-block .actions-list{display:-moz-box;display:-ms-flexbox;display:flex;font-size:0}

.ttp-video-extras-bar .right-block .actions-list .action-item{-ms-flex-negative:0;flex-shrink:0;margin-left:24px}

.ttp-video-extras-bar .right-block .actions-list .action-item:first-child{margin-left:0}

.ttp-video-extras-bar .right-block .actions-list .action-item:last-child{margin-left:16px}

.ttp-video-extras-bar .right-block .video-action-button{display:inline-block;position:relative;border:none;padding-left:40px;height:32px;font-size:14px;font-weight:500;color:#cacaca;background:none}

.ttp-video-extras-bar .right-block .video-action-button:hover{color:#fff}

.ttp-video-extras-bar .right-block .video-action-button>.icon{position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background:transparent no-repeat 50%;background-size:contain}

.ttp-video-extras-bar .right-block .video-action-button>span{display:inline-block;min-width:36px;text-align:left}

@media screen and (max-width:1440px){.ttp-video-extras-bar .left-block{margin-right:16px}

.ttp-video-extras-bar .right-block .actions-list .action-item{margin-left:20px}

.ttp-video-extras-bar .right-block .actions-list .action-item:last-child{margin-left:12px}

}

@media screen and (max-width:1110px){.ttp-video-extras-bar .right-block .actions-list .action-item{margin-left:12px}

.ttp-video-extras-bar .right-block .actions-list .action-item:last-child{margin-left:8px}

}

.text{font-size:18px;font-weight:500;line-height:24px;color:#fff}

.ttp-video-extras-title{position:relative}

.ttp-video-extras-title h1{position:relative;overflow:hidden;text-overflow:ellipsis;max-height:24px;word-break:break-word;font-size:18px;font-weight:500;line-height:24px;color:#fff}

.ttp-video-extras-title h1:before{content:"";float:right;margin-bottom:-24px;width:0;height:100%}

.ttp-video-extras-title h1:after{content:"";position:absolute;display:inline-block;width:100%;height:100%;background:#000}

.ttp-video-extras-title h1 button{position:relative;float:right;clear:both;border:none;padding-left:10px;font-size:18px;font-weight:500;line-height:24px;color:#8e8e8e;background:none}

.ttp-video-extras-title h1 button:before{content:"...";position:absolute;bottom:-1px;left:-5px;color:#8e8e8e}

.ttp-video-extras-title .expanded-content{position:absolute;bottom:0;z-index:10}

.ttp-video-extras-title .expanded-content .content{overflow-x:hidden;word-break:break-word;max-height:125px;font-size:18px;font-weight:500;line-height:24px;color:#fff;line-height:25px}

.ttp-video-extras-title .expanded-content button{display:block;position:relative;left:100%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);border:none;margin-top:8px;font-size:18px;font-weight:500;line-height:25px;color:#8e8e8e;background:none}

.ttp-video-extras-bar .right-block .like:hover svg path{fill:#fff}

.ttp-video-extras-bar .right-block .like .like-icon{position:absolute;top:0;left:0;border-radius:40px;width:32px;height:32px;background:#1d1d1d}

.ttp-video-extras-bar .right-block .like .like-icon .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px; font-size:18px;}

.ttp-video-extras-bar .right-block .like.active{color:#f04142}

.ttp-video-extras-bar .right-block .like.active svg path{fill:#f04142}

.ttp-video-extras-bar .right-block .like.shake svg{-webkit-animation:shake .7s forwards;-moz-animation:shake .7s forwards;animation:shake .7s forwards;-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;transform-origin:bottom left}



@-webkit-keyframes shake{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}

20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-animation-timing-function:cubic-bezier(.66,0,.34,1);animation-timing-function:cubic-bezier(.66,0,.34,1)}

48%{-webkit-transform:rotate(8deg);transform:rotate(8deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

75%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}

}

@-moz-keyframes shake{0%,to{-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-animation-timing-function:ease;animation-timing-function:ease}

20%{-moz-transform:rotate(-20deg);transform:rotate(-20deg);-moz-animation-timing-function:cubic-bezier(.66,0,.34,1);animation-timing-function:cubic-bezier(.66,0,.34,1)}

48%{-moz-transform:rotate(8deg);transform:rotate(8deg);-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

75%{-moz-transform:rotate(-1deg);transform:rotate(-1deg);-moz-animation-timing-function:ease;animation-timing-function:ease}

}

@keyframes shake{0%,to{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}

20%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-animation-timing-function:cubic-bezier(.66,0,.34,1);-moz-animation-timing-function:cubic-bezier(.66,0,.34,1);animation-timing-function:cubic-bezier(.66,0,.34,1)}

48%{-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);transform:rotate(8deg);-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

75%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);transform:rotate(-1deg);-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}

}



.ttp-video-extras-bar .right-block .comment:hover svg path{fill:#fff}

.ttp-video-extras-bar .right-block .comment .comment-icon{position:absolute;top:0;left:0;border-radius:40px;width:32px;height:32px;background:#1d1d1d}

.ttp-video-extras-bar .right-block .comment .comment-icon .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-11px,-11px);-moz-transform:translate(-11px,-11px);transform:translate(-11px,-11px);width:20px;height:20px; font-size:18px;}

.ttp-drawer-wrapper.ttp-comment-drawer{top:64px;z-index:15}

.ttp-comment-drawer.ttp-comment-drawer-standalone.dark .ttp-drawer{background:#18181f}

.ttp-comment-drawer.ttp-comment-drawer-standalone.dark .ttp-drawer>.header{border-bottom-color:hsla(0,0%,100%,.08)}

.ttp-comment-drawer.ttp-comment-drawer-standalone.dark .ttp-drawer>.header .title{color:#e8e8e8;font-weight:500}

.ttp-comment-drawer.ttp-comment-drawer-standalone.dark .ttp-drawer>.header .close-btn{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close_white.b4de68d8.svg)}

.ttp-comment-drawer.ttp-comment-drawer-standalone.dark .ttp-drawer>.header .close-btn:hover{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close_light.2f859359.svg)}

.ttp-drawer-wrapper{position:fixed;top:0;left:0;bottom:0;width:100%;z-index:1000}

.ttp-drawer-wrapper.no-mask{pointer-events:none}

.ttp-drawer-wrapper.no-mask .ttp-drawer{pointer-events:auto}

.ttp-drawer-wrapper .mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity .3s cubic-bezier(.34,.69,.1,1);-moz-transition:opacity .3s cubic-bezier(.34,.69,.1,1);transition:opacity .3s cubic-bezier(.34,.69,.1,1);background:rgba(0,0,0,.05)}

.ttp-drawer-wrapper .ttp-drawer{position:absolute;top:0;right:0;overflow:hidden;width:458px;height:100%;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s cubic-bezier(.34,.69,.1,1);transition:-webkit-transform .3s cubic-bezier(.34,.69,.1,1);-moz-transition:transform .3s cubic-bezier(.34,.69,.1,1),-moz-transform .3s cubic-bezier(.34,.69,.1,1);transition:transform .3s cubic-bezier(.34,.69,.1,1);transition:transform .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1),-moz-transform .3s cubic-bezier(.34,.69,.1,1);background:#fff}

.ttp-drawer-wrapper .ttp-drawer,.ttp-drawer-wrapper .ttp-drawer>.header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.ttp-drawer-wrapper .ttp-drawer>.header{position:relative;margin:20px 0 16px;padding:0 44px 0 24px;height:28px;outline:none}

.ttp-drawer-wrapper .ttp-drawer>.header .close-btn{position:absolute;top:0;right:16px;border:none;width:28px;height:28px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close.e1880c6e.svg) no-repeat 50%;background-size:contain;cursor:pointer}

.ttp-drawer-wrapper .ttp-drawer>.body{position:absolute;top:64px;bottom:0;width:100%;overflow-y:scroll}

.ttp-drawer-wrapper.ttp-portal-show{display:block}

.ttp-drawer-wrapper.ttp-portal-hide{display:none}

.ttp-drawer-wrapper.ttp-portal-anime-show .mask{opacity:1}

.ttp-drawer-wrapper.ttp-portal-anime-show .ttp-drawer{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

.ttp-drawer-wrapper.ttp-portal-anime-hide .mask{opacity:0}

.ttp-drawer-wrapper.ttp-portal-anime-hide .ttp-drawer{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}





.ttp-comment-wrapper .title{font-size:20px;font-weight:600;line-height:28px;color:#222}

.ttp-comment-wrapper .main-input{display:-moz-box;display:-ms-flexbox;display:flex;margin-top:24px;margin-bottom:40px}

.ttp-comment-wrapper .main-input .ttp-avatar{margin-right:12px}

.ttp-comment-wrapper .main-input .ttp-comment-input{-moz-box-flex:1;-ms-flex:1 1;flex:1 1}

.ttp-comment-wrapper .comment-list li{margin:40px 0}

.ttp-comment-drawer.ttp-drawer-wrapper{top:64px}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-drawer>.header{margin:0;padding:14px 28px;border-bottom:1px solid #f2f2f2;height:56px}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-drawer>.header .title{font-size:20px;font-weight:600;line-height:28px;color:#222}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-drawer>.header .close-btn{top:50%;right:28px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close.00ae9b67.svg)}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-drawer>.body{top:56px}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-comment-wrapper{padding:28px 24px 0}

.ttp-comment-drawer.ttp-drawer-wrapper .ttp-comment-wrapper .main-input .ttp-avatar,.ttp-comment-drawer.ttp-drawer-wrapper .ttp-comment-wrapper>.title{display:none}

.ttp-comment-drawer.ttp-drawer-wrapper .main-input{margin-top:0;margin-bottom:-12px}

.ttp-comment-drawer.ttp-drawer-wrapper .load-more-btn-wrapper{margin:12px 24px 40px 68px}

.ttp-comment-drawer.ttp-drawer-wrapper .load-more-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;padding:11px 0;text-align:center;font-size:16px;font-weight:500;line-height:22px;width:100%;color:#222;background:#f8f8f8;cursor:pointer}

.ttp-comment-drawer.ttp-drawer-wrapper .load-more-btn span{display:inline-block;position:relative;padding-right:18px}

.ttp-comment-drawer.ttp-drawer-wrapper .load-more-btn span:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);width:16px;height:16px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_right.3d90fb78.svg) no-repeat 50%;background-size:contain}

.ttp-comment-drawer.ttp-drawer-wrapper .no-more{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:-4px 0 72px;text-align:center;font-size:16px;line-height:22px;color:#999;cursor:default}

.ttp-comment-drawer.ttp-drawer-wrapper.dark .load-more-btn{font-size:14px;line-height:20px;color:#fff;background:#25252b}

.ttp-comment-drawer.ttp-drawer-wrapper.dark .load-more-btn:hover{background:#29292e}

.ttp-comment-drawer.ttp-drawer-wrapper.dark .load-more-btn span:after{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_down_dark.d6eb759f.svg);-webkit-transform:translateY(-50%) rotate(0);-moz-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}

.comment-folded .ttp-comment-wrapper .title{margin-bottom:-12px}

.ttp-toast{position:fixed;top:50%;left:50%;z-index:1500;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:16px;text-align:center;white-space:pre-wrap;font-size:16px;line-height:22px;color:#fff;background:#000;background:rgba(0,0,0,.8);border-radius:8px;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}

.ttp-toast.fade{opacity:0}

.ttp-avatar{position:relative;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f2f2f2;border-radius:50%;width:36px;height:36px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAM1BMVEVHcEz6+vrx8fH29vbz8/P19fX09PT09PT09PTz8/Pu7u7s7Oz09PTe3t7Z2dnk5OTq6uplYINlAAAACnRSTlMA////wyFRnN59U/j+GAAABgBJREFUaN69Wo3CtBoQrqGIqdz/1R4y/krRvn1nKmSZp2eMdtcYhhcyzYsQXEpjRUrOxTJPw7+QeeHSaGO0dqnxicv4Mn+LtHATAXR2+Fqt+WcMF34QehCjlcX7Akq2oAhQSfE3epPQSulOsY/0FzihX8uvcNaA70XJ5RdXl3bU7fn+kG9dZVrcEKhfqNmO78hN8njGX5gdfeT0xoTqcEKljlz5gvdLdVSHOq0IgDpoquofuUUBqL9KJ5pQn4joGS6uPhLeBvsMC5T833g5j+FtXvDdwRu+AR9SgycvWajJV8fTDFjgKspfv6E5uXlRThoeu70X11PX31zyQenvzKA6AcSTuZKYdd287KaHWfVVMj+aK4z4vhWy6zYzUPONER+7naEOuCazyptkaXuB3qqi2z2Xqyc2xGzbHdozO2v9inf8htXDrfCRqT1ltgdpz8OpIAaAx5ESzIvwhLWteYesnA5REEP/BBiT7N7K/giW+yRWmWFODJ+Zqa0h0GCGSzbHGsz2FtjeYAYqvTwazGBtga0tZnGu8bsG4dDb1m/H+hG+tKdb7h1zrG9mO4RgRWwcexvMtJiRHXlrRqIFexy1tfFCtiqQ7GiBG2K/wtxJSVGwxdXd7fWeLOlmhxWxKU7pVgBROatsa3Ffa6LdLDz+waPMIr2mEuYGjTebAeklxJBtxW37kd2gtVupnNiaIed3bTXazjLWw+xEbTtZ0p5tM+Lk/IPdHKEA63nQ1ku23mpJ2uZhQXb7KBmzk+2u0iZmPURg+5nWDulgJqwztgetgbO7q4MZHyS2qR3anM495ruH8EjuroOZBWOeGtVgyNIDIe5BZcwzWJ+b9Mhl51BnUzmAyxhVMipFOW5QV4h53Aitk+aic6yyCQzICq45s9hOBTLxSrakZ4Azs8KGlAwetM4szDYkzTR2YcTWDA0vzM6DZmXwE+qZGfNAe4ByZ0hWf8uazKwMbGS3Z8wNqSYMIueT41Ks2j/T5NIBAu3xJnU5ROMFlMjM32LQnXUrq0Y3ZtLlI32Q0pDQ3X6WNQAdYpLuot+YY47SgVVkPD2hzuyYlcKtzlrnFik1yYFHw44hKx7K55iP1p5yyjId2VixQtNo3yAi51BAFHC47zVTekSodk6WJP1iWBJyNljlWJND3olmp86FIZOLLMM8sr7jHix6xPNhvzwn1il44hZuDY59Ckb79xNYJzWw+vODMmC9CtxPuV5qfthMIEWF0uufxP2UE2OvYCCUiDkj9or7Xz3bnPWdihhlzFRvXzYeq0queFzNFMx52Hbo7TuOx/IEHwnuKfXF3RgTLp+xjr4+9X+Zlg57E/mDD8EdRdM9YiOtzXmTUlIvkzUCH0K0yWOvQgMt8vDehwNzkW5nDKvuS2d7ZhInomjUSyvaf0197XXBafe30Nc3LXB2UWPaVAW6ZzSthPS8Pm6wOtGyNUDxwjdimD+WNXtBrE0Nsl0FVNIxsRm8IPZMDSGF2C9Bd6ozgL3E3D/rOyDoDhrbvyh3vnUKkVQcksH7OLWqIi6XyPRplBSFuGOsu4hE50FwpVUsEeDdHIsrnAUnCk5rH4dOCnWIUKeQdAxP5/VQfXnUfARvQpinPP/gUpexE9UQf7TgJ8JujZh5JH4V8WSVKXYaNlYJk0IMhfoyZFVKleUY7VSq6omF/6ewVxaYUqcIKFV5DGpJkS8V2tvrCcs5CUI9epaIQTyzulNbKtedIzkJVCJGqmQb4U4WyAN0JI19IbISHnzLLLbmU2uPC3QwO0ey69KxbUJ2haCx+Snyng0houyWBwIgxmogBl4gC8HEijJk9ritBqEEyHGTvksp4eMlqPqA9mdmen6zFQoL/WXAC7CMzZ3iXzaR7zaxCdcLMSnxq8WhCsl4vjYU/AeIYngps8QfRf6y03GBX6D08ts+wEmkBcG4tscwrBRWF+f/sMNxEgzzVd5KXqzD/nnvpiyYXZhmobLlg12wM89iJWFxNa78+gIiXz7acDvN3AOkdbORpYWdD5ECnuDXFUULBFz8m23Sbjs2l/JY8UMpX2/H/g82QgrM87eFIQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}

.ttp-avatar.large{width:60px;height:60px}

.ttp-avatar.middle{width:44px;height:44px}

.ttp-avatar.small{width:32px;height:32px}

.ttp-avatar.auth:before{content:"";position:absolute;right:0;bottom:0;width:13px;height:13px;background:transparent no-repeat 50%;background-size:contain}

.ttp-avatar.auth.large:before{width:17px;height:17px}

.ttp-avatar.auth-0:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_0.600aa73b.svg)}

.ttp-avatar.auth-1:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_1.9fe8a9f6.svg)}

.ttp-avatar.auth-2:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_2.ac774735.svg)}

.ttp-avatar img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}

.ttp-comment-input{position:relative;overflow:hidden;border-radius:8px;padding:16px;background:#f8f8f8}

.ttp-comment-input .login-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f8f8;cursor:pointer}

.ttp-comment-input .login-mask p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;font-size:16px;line-height:22px;color:#222}

.ttp-comment-input .login-mask button{border:none;font-size:16px;line-height:22px;font-weight:500;color:#f04142;background:transparent}

.ttp-comment-input .comment-textarea{display:block;border:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:72px;width:100%;height:24px;font-size:16px;line-height:24px;color:#222;outline:none;resize:none;background:#f8f8f8;-webkit-transition:height .3s ease-in-out;-moz-transition:height .3s ease-in-out;transition:height .3s ease-in-out}

.ttp-comment-input .comment-textarea::-webkit-input-placeholder{color:#999}

.ttp-comment-input .comment-textarea:-moz-placeholder,.ttp-comment-input .comment-textarea::-moz-placeholder{color:#999}

.ttp-comment-input .comment-textarea:-ms-input-placeholder{color:#999}

.ttp-comment-input .comment-textarea::-ms-input-placeholder{color:#999}

.ttp-comment-input .comment-textarea::placeholder{color:#999}

.ttp-comment-input .comment-textarea.expand{height:120px}

.ttp-comment-input .action{margin-top:12px;text-align:right}

.ttp-comment-input .submit-btn{border:none;border-radius:4px;padding:6px 18px;font-size:14px;font-weight:500;line-height:20px;color:#fff;background:#505050;cursor:pointer}

.ttp-comment-input .submit-btn.disable{opacity:.3;cursor:default}

.ttp-comment-input .submit-btn:hover{background:#707070}

.ttp-comment-input.dark,.ttp-comment-input.dark .login-mask{background:#25252b}

.ttp-comment-input.dark .login-mask p{color:#e8e8e8}

.ttp-comment-input.dark .comment-textarea{color:#e8e8e8;background:#25252b}

.ttp-comment-input.dark .submit-btn{color:#e8e8e8;background:hsla(0,0%,43.9%,.6)}

.ttp-comment-input.dark .submit-btn.disable{opacity:1;color:#999;background:hsla(0,0%,43.9%,.3)}

.ttp-comment-item{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}

.ttp-comment-item>a{margin-right:12px}

.ttp-comment-item .children-reply-avatar{margin-right:8px}

.ttp-comment-item .children-reply-avatar .ttp-avatar{width:24px;height:24px}

.ttp-comment-item .comment-info{-moz-box-flex:1;-ms-flex:1 1;flex:1 1}

.ttp-comment-item .header{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.ttp-comment-item .user-info,.ttp-comment-item .user-info .user-name{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.ttp-comment-item .user-info .user-name{font-size:16px;font-weight:500;line-height:24px;color:#222}

.ttp-comment-item .user-info .auth-icon{display:inline-block;vertical-align:middle;margin-left:4px;width:13px;height:13px;background:transparent no-repeat 50%;background-size:contain}

.ttp-comment-item .user-info .auth-icon.auth-0{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_0.600aa73b.svg)}

.ttp-comment-item .user-info .auth-icon.auth-1{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_1.9fe8a9f6.svg)}

.ttp-comment-item .user-info .auth-icon.auth-2{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/auth_2.ac774735.svg)}

.ttp-comment-item .user-info .tag{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;margin-left:4px;padding:1px 2px;font-size:12px;font-weight:400;line-height:16px;color:#f04142;background:#fff2f2}

.ttp-comment-item .user-info .tag.style-2{color:#ff7528}

.ttp-comment-item .body{margin:8px 0 12px}

.ttp-comment-item .body .content{font-size:16px;font-weight:400;line-height:24px;color:#222;word-break:break-all}

.ttp-comment-item .footer{-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.ttp-comment-item .footer,.ttp-comment-item .footer .left-action{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.ttp-comment-item .footer .left-action{font-size:14px;line-height:20px}

.ttp-comment-item .footer .left-action .source-link{position:relative;padding-right:18px;color:#999}

.ttp-comment-item .footer .left-action .source-link:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/source_link_arrow.f1438a97.svg) no-repeat 50%;background-size:contain}

.ttp-comment-item .footer .reply-btn{border:none;border-radius:34px;padding:0;font-size:14px;line-height:20px;font-weight:500;color:#222;background:none;cursor:pointer}

.ttp-comment-item .footer .reply-btn:focus-visible{outline:auto}

.ttp-comment-item .footer .dot{margin:0 8px;color:#999}

.ttp-comment-item .footer .time{color:#999}

.ttp-comment-item .children-input{margin-top:12px}

.ttp-comment-item .replay-list{margin-bottom:-24px}

.ttp-comment-item .replay-list li{margin:24px 0}

.ttp-comment-item .check-more-reply{display:inline-block;position:relative;border:none;margin-top:16px;padding-right:16px;font-size:14px;font-weight:500;line-height:20px;color:#505050;background:none;cursor:pointer}

.ttp-comment-item .check-more-reply:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_down.c794088d.svg) no-repeat 50%;background-size:contain}

.ttp-comment-item .check-more-reply.ml{margin-left:32px}

.ttp-comment-item .check-more-reply.fold:after{-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}

.ttp-comment-wrapper.small .ttp-comment-item .ttp-avatar{width:32px;height:32px}

.ttp-comment-wrapper.small .ttp-comment-item .body .content,.ttp-comment-wrapper.small .ttp-comment-item .user-info .user-name{font-size:14px;line-height:20px}

.ttp-comment-wrapper.small .ttp-comment-item .footer .left-action,.ttp-comment-wrapper.small .ttp-comment-item .footer .reply-btn{font-size:12px;line-height:16px}

.ttp-comment-wrapper.small .ttp-comment-item .ttp-comment-like .inner{font-size:14px;line-height:20px}

.ttp-comment-wrapper.small .ttp-comment-item .ttp-comment-report{height:16px}

.ttp-comment-wrapper.small .ttp-comment-item .ttp-comment-report i{width:16px;height:16px}

.ttp-comment-wrapper.small .ttp-comment-item .children-input .comment-textarea{font-size:14px;line-height:20px}

.ttp-comment-wrapper.small .ttp-comment-item .check-more-reply{padding:0 16px 0 0}

.ttp-comment-wrapper.small .ttp-comment-item .check-more-reply.ml{margin-left:40px}

.ttp-comment-item.dark .ttp-avatar{border:none}

.ttp-comment-item.dark .user-info .user-name{color:#e8e8e8}

.ttp-comment-item.dark .user-info .user-name:hover{color:#fff}

.ttp-comment-item.dark .user-info .tag{color:#ff5e5e;background:#2f1514}

.ttp-comment-item.dark .body .content,.ttp-comment-item.dark .footer .reply-btn{color:#e8e8e8}

.ttp-comment-item.dark .footer .reply-btn:hover{color:#fff}

.ttp-comment-item.dark .check-more-reply{color:#cacaca}

.ttp-comment-item.dark .check-more-reply:hover{color:#fff}

.ttp-comment-item.dark .check-more-reply:hover:after{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_down_dark_hover.afb5aa9d.svg)}

.ttp-comment-item.dark .check-more-reply:after{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_down_dark.d6eb759f.svg)}

.ttp-comment-like{display:inline-block;cursor:pointer;outline:none}

.ttp-comment-like:focus-visible{outline:auto}

.ttp-comment-like .inner{position:relative;padding-right:24px;font-size:16px;line-height:24px;color:#222}

.ttp-comment-like .inner:hover{opacity:.8}

.ttp-comment-like .inner span{display:inline-block;margin-top:1px}

.ttp-comment-like .inner .text{margin-top:0;font-size:14px}

.ttp-comment-like .inner i{position:absolute;top:2px;right:0;width:20px;height:20px; font-size:16px;}

.ttp-comment-like .inner.liked{color:#f04142}

.ttp-comment-like .inner.liked svg{-webkit-animation:liked .3s cubic-bezier(.3,1.8,.3,1);-moz-animation:liked .3s cubic-bezier(.3,1.8,.3,1);animation:liked .3s cubic-bezier(.3,1.8,.3,1)}

@-webkit-keyframes liked{0%{-webkit-transform:scale(0);transform:scale(0)}

to{-webkit-transform:scale(1);transform:scale(1)}

}

@-moz-keyframes liked{0%{-moz-transform:scale(0);transform:scale(0)}

to{-moz-transform:scale(1);transform:scale(1)}

}

@keyframes liked{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

}

.ttp-comment-like.dark .inner{color:#e8e8e8;opacity:1}

.ttp-comment-like.dark .inner:hover{color:#fff}

.ttp-comment-like.dark .inner:hover svg path:first-child{fill:#fff}

.ttp-comment-like.dark .inner:hover svg path:last-child{stroke:#fff}

.ttp-comment-like.dark .inner svg path:first-child{fill:#e8e8e8}

.ttp-comment-like.dark .inner svg path:last-child{stroke:#e8e8e8}

.ttp-comment-like.dark .inner.liked svg path:first-child{fill:#f04142}

.ttp-comment-like.dark .inner.liked svg path:last-child{stroke:#18181f}

.ttp-comment-report{display:inline-block;position:relative;vertical-align:middle;height:20px;outline:none}

.ttp-comment-report:focus-visible{outline:auto}

.ttp-comment-report i{display:inline-block;width:20px;height:20px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close.4eea6f85.svg) no-repeat 50%;background-size:contain;cursor:pointer}

.report-user-modal .ttp-modal{width:350px}

.report-user-modal .report-user-options{font-size:16px}

.report-user-modal .report-user-options input{margin-right:8px}

.report-user-modal .report-user-options input:focus-visible{outline:auto}

.report-user-modal .report-user-options textarea{border:1px solid #e9e9e9;padding:10px;width:100%;height:72px;font-size:16px;color:#5d5d5d;resize:none}

.report-user-modal .option-item{margin-bottom:10px}

.report-user-modal .option-item label{margin-left:10px}

.ttp-comment-report.dark i{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close_dark.ebebb1f4.svg)}

.ttp-comment-report.dark i:hover{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_close_light.813d75ff.svg)}

.ttp-video-extras-bar .right-block .favour:hover svg path{fill:#fff}

.ttp-video-extras-bar .right-block .favour .favour-icon{position:absolute;top:0;left:0;border-radius:40px;width:32px;height:32px;background:#1d1d1d}

.ttp-video-extras-bar .right-block .favour .favour-icon .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px; font-size:18px;}

.ttp-video-extras-bar .right-block .favour.active{color:#ffc740}

.ttp-video-extras-bar .right-block .favour.active svg path{fill:#ffc740;stroke:#ffc740}

.ttp-video-extras-bar .right-block .favour.grow svg{-webkit-animation:grow 1s forwards;-moz-animation:grow 1s forwards;animation:grow 1s forwards}

@-webkit-keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease;animation-timing-function:ease}

22%{-webkit-transform:scale(1.16);transform:scale(1.16);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

44%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

64%{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

}

@-moz-keyframes grow{0%{-moz-transform:scale(0);transform:scale(0);-moz-animation-timing-function:ease;animation-timing-function:ease}

22%{-moz-transform:scale(1.16);transform:scale(1.16);-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

44%{-moz-transform:scale(.98);transform:scale(.98);-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

64%{-moz-transform:scale(1.02);transform:scale(1.02);-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

to{-moz-transform:scale(1);transform:scale(1);-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

}

@keyframes grow{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}

22%{-webkit-transform:scale(1.16);-moz-transform:scale(1.16);transform:scale(1.16);-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

44%{-webkit-transform:scale(.98);-moz-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

64%{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02);-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

}

.toast{position:fixed;top:50%;left:50%;z-index:1500;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:16px;text-align:center;white-space:pre-wrap;font-size:16px;line-height:22px;color:#fff;background:#000;background:rgba(0,0,0,.8);border-radius:8px;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}

.toast.fade{opacity:0}

.ttp-video-extras-bar .ttp-interact-share{background:none}

.ttp-video-extras-bar .ttp-interact-share .share-btn{padding-top:0;padding-left:40px;height:32px;font-size:14px;font-weight:500;line-height:32px;color:#cacaca}

.ttp-video-extras-bar .ttp-interact-share .share-btn:hover{color:#fff;opacity:1}

.ttp-video-extras-bar .ttp-interact-share .share-btn:hover:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/share_light.128f5036.svg)}

.ttp-video-extras-bar .ttp-interact-share .share-btn:before{width:32px;height:32px;background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/share.3d61be45.svg)}

.ttp-video-extras-bar .ttp-interact-share .panel-top{-webkit-transform:translate(-104px,-13px);-moz-transform:translate(-104px,-13px);transform:translate(-104px,-13px)}

.ttp-video-extras-bar .ttp-interact-share .panel-top:after{background-color:transparent}

.ttp-video-extras-bar .ttp-interact-share .panel-top.pop-anime{-webkit-animation-name:video-detail-pop-top;-moz-animation-name:video-detail-pop-top;animation-name:video-detail-pop-top}

@-webkit-keyframes video-detail-pop-top{0%{opacity:0;-webkit-transform:translate(-104px,-13px) scale(.8);transform:translate(-104px,-13px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-104px,-13px) scale(1);transform:translate(-104px,-13px) scale(1)}

}

@-moz-keyframes video-detail-pop-top{0%{opacity:0;-moz-transform:translate(-104px,-13px) scale(.8);transform:translate(-104px,-13px) scale(.8)}

to{opacity:1;-moz-transform:translate(-104px,-13px) scale(1);transform:translate(-104px,-13px) scale(1)}

}

@keyframes video-detail-pop-top{0%{opacity:0;-webkit-transform:translate(-104px,-13px) scale(.8);-moz-transform:translate(-104px,-13px) scale(.8);transform:translate(-104px,-13px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-104px,-13px) scale(1);-moz-transform:translate(-104px,-13px) scale(1);transform:translate(-104px,-13px) scale(1)}

}

.ttp-interact-share{display:inline-block;position:relative;background:#fff}

.ttp-interact-share .share-btn{display:inline-block;position:relative;padding-top:24px;font-size:12px;line-height:20px;color:#222;cursor:pointer;outline:none}

.ttp-interact-share .share-btn:focus-visible{outline:auto}

.ttp-interact-share .share-btn:hover{opacity:.8}

.ttp-interact-share .share-btn:before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAKlBMVEVHcEwhISEhISEgICAgICAhISEiIiIiIiIiIiIiIiIhISEhISEgICAiIiLvaEYqAAAADXRSTlMApN8gEMF/73CQQFkw2xS+1QAAAWdJREFUSMftlTFLw0AYhi+0Rq2OgoN0qmMDRXDv6OLqFhAcnJwcHKTgIDgJHVyFDDo4FBxdCv4BhwZiq/D+Fw80ua+57/J9OPfdkjy5e7hc3jNmlf/l6ExmWsn8VYRi4FOEIgBjDVQMFBB6Gmh+o4Ak918IDxooHyigZvcSanBvv+3+QWH3lwQuO/ww56Bh3WsM0GegO9Tjux96jO/eGfmQ537BMHX3GGz68kA198BAy+7TEETcWwnkodaCDArFbJgpZnObL26YbVhCB2ForFBauFUKKs2zitmWrY3ZlK0blpJW0LFsbcxEtLa5F61tHumjK87apuuQk6eIs7ZJq5dvXWEsDA8VmWuVZWv3VfKMVI9XTyltwIizrqBrWmJ+3Xfpzxpx1uU69Ugd5u8+NKV/fRQo1Q97/5Lsm9mQgdYtVJ1xHeA00Mpf7up5jy3UDWBfPAfbI8gnqkkLxQE++VZAW4rZVpHzA/2Awy7eroqsAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain}

.ttp-interact-share .share-tools{display:none;position:absolute;z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f2f2f2;border-radius:8px;padding:16px 0;width:172px;text-align:left;background:#fff;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11)}

.ttp-interact-share .share-tools li:hover{background:#f8f8f8}

.ttp-interact-share .share-tools.pop-anime{display:block;opacity:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.3,1.3,.3,1);-moz-animation-timing-function:cubic-bezier(.3,1.3,.3,1);animation-timing-function:cubic-bezier(.3,1.3,.3,1);-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}

.ttp-interact-share .panel-right{left:100%}

.ttp-interact-share .panel-right-bottom li:first-of-type,.ttp-interact-share .panel-right-top li:last-of-type{position:relative}

.ttp-interact-share .panel-right-bottom li:first-of-type:before,.ttp-interact-share .panel-right-top li:last-of-type:before{content:"";width:5px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8BAMAAABLFv16AAAAKlBMVEU1NVE0NFXHx83y8vLw8PDX19vm5ujr6+2oqLbt7e3i4uX////09PT6+vqCsoV1AAAAC3RSTlMLCSnixkFskRysWOFCA1cAAADNSURBVCjPbdG9EYIwFAfwB2LOMuEcgDtbR6BwAAoGoHAACwawdAwKR0ifhj5wZ88yvrwPTsXX5Hf/hOQlgHPOQiodEfCFCuEEvKQFayl5atLr4osk+SgwCJopRvwq4fyS/QcPkOG4nz3QzC56CuC+eFph5sDoIiOvA+MUGSkgpCCBggQKEBwgiii4LYImCOoNhvC7+Kifl7rhekRWyqFO23BrY1Zaddp89nEdMJNgvTI8oiA9C1ej6PTp8DG5jOKgwF8g1SuuilZRbfCn3izhgSaCqmAvAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;background-color:#fff;position:absolute;left:-5px}

.ttp-interact-share .panel-right-bottom li:first-of-type:hover:before,.ttp-interact-share .panel-right-top li:last-of-type:hover:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8BAMAAABLFv16AAAAJFBMVEU1NU41NVPHx83y8vLw8PDl5efX19vr6+3t7e2oqLb4+Pjz8/NaXuGyAAAACnRSTlMJCynixmlBkawc5b/JnAAAAMRJREFUKM9l0TEOgzAMBVAH9QAxhUrdkDr2CCzdWdi7sLOwcwTWHoA5U2a4XJ3Yn0plytOPQ+xAROSY2duaIYsDmBsyNVbCAzmXkx7JhOKXJWU01NF2qiinEp5RA15WYi/rbV+19rqtlAKeBfnwHhTjpijaoHhsilKCjBQk5CAhBwINBNVmeANdMLQnLOG/+AIU+OBxhS/sUkIbdDTmrFXrVQfEOL8BeQY+Nnt+Fn2oDhjxdBVQA3dAfoFhAnpgAJoT/BlffWyDxKxHR9wAAAAASUVORK5CYII=)}

.ttp-interact-share .panel-right-top{bottom:0;-webkit-transform:translate(18px,23px);-moz-transform:translate(18px,23px);transform:translate(18px,23px)}

.ttp-interact-share .panel-right-top.pop-anime{-webkit-animation-name:pop-right-top;-moz-animation-name:pop-right-top;animation-name:pop-right-top}

.ttp-interact-share .panel-right-top li:last-of-type:before{bottom:10px}

.ttp-interact-share .panel-right-bottom{top:0;-webkit-transform:translate(18px,-23px);-moz-transform:translate(18px,-23px);transform:translate(18px,-23px)}

.ttp-interact-share .panel-right-bottom.pop-anime{-webkit-animation-name:pop-right-bottom;-moz-animation-name:pop-right-bottom;animation-name:pop-right-bottom}

.ttp-interact-share .panel-right-bottom li:first-of-type:before{top:10px}

.ttp-interact-share .panel-top{bottom:100%;left:50%;-webkit-transform:translate(-50%,-10px);-moz-transform:translate(-50%,-10px);transform:translate(-50%,-10px);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}

.ttp-interact-share .panel-top.pop-anime{-webkit-animation-name:pop-top;-moz-animation-name:pop-top;animation-name:pop-top}

.ttp-interact-share .panel-top:after{content:"";position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%) rotate(-90deg);-moz-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg);width:5px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8BAMAAABLFv16AAAAKlBMVEU1NVE0NFXHx83y8vLw8PDX19vm5ujr6+2oqLbt7e3i4uX////09PT6+vqCsoV1AAAAC3RSTlMLCSnixkFskRysWOFCA1cAAADNSURBVCjPbdG9EYIwFAfwB2LOMuEcgDtbR6BwAAoGoHAACwawdAwKR0ifhj5wZ88yvrwPTsXX5Hf/hOQlgHPOQiodEfCFCuEEvKQFayl5atLr4osk+SgwCJopRvwq4fyS/QcPkOG4nz3QzC56CuC+eFph5sDoIiOvA+MUGSkgpCCBggQKEBwgiii4LYImCOoNhvC7+Kifl7rhekRWyqFO23BrY1Zaddp89nEdMJNgvTI8oiA9C1ej6PTp8DG5jOKgwF8g1SuuilZRbfCn3izhgSaCqmAvAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;background-color:#fff}

.ttp-interact-share .panel-bottom{top:100%;left:50%;-webkit-transform:translate(-50%,10px);-moz-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.08);box-shadow:0 10px 50px rgba(54,56,79,.08)}

.ttp-interact-share .panel-bottom.pop-anime{-webkit-animation-name:pop-bottom;-moz-animation-name:pop-bottom;animation-name:pop-bottom}

.ttp-interact-share .panel-bottom:after{content:"";position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%) rotate(90deg);-moz-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg);width:5px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8BAMAAABLFv16AAAAKlBMVEU1NVE0NFXHx83y8vLw8PDX19vm5ujr6+2oqLbt7e3i4uX////09PT6+vqCsoV1AAAAC3RSTlMLCSnixkFskRysWOFCA1cAAADNSURBVCjPbdG9EYIwFAfwB2LOMuEcgDtbR6BwAAoGoHAACwawdAwKR0ifhj5wZ88yvrwPTsXX5Hf/hOQlgHPOQiodEfCFCuEEvKQFayl5atLr4osk+SgwCJopRvwq4fyS/QcPkOG4nz3QzC56CuC+eFph5sDoIiOvA+MUGSkgpCCBggQKEBwgiii4LYImCOoNhvC7+Kifl7rhekRWyqFO23BrY1Zaddp89nEdMJNgvTI8oiA9C1ej6PTp8DG5jOKgwF8g1SuuilZRbfCn3izhgSaCqmAvAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain}

.ttp-interact-share .ttp-interact-wx-wrapper .qrcode-panel{top:-48px}

@-webkit-keyframes pop-right-top{0%{opacity:0;-webkit-transform:translate(18px,23px) scale(.8);transform:translate(18px,23px) scale(.8)}

to{opacity:1;-webkit-transform:translate(18px,23px) scale(1);transform:translate(18px,23px) scale(1)}

}

@-moz-keyframes pop-right-top{0%{opacity:0;-moz-transform:translate(18px,23px) scale(.8);transform:translate(18px,23px) scale(.8)}

to{opacity:1;-moz-transform:translate(18px,23px) scale(1);transform:translate(18px,23px) scale(1)}

}

@keyframes pop-right-top{0%{opacity:0;-webkit-transform:translate(18px,23px) scale(.8);-moz-transform:translate(18px,23px) scale(.8);transform:translate(18px,23px) scale(.8)}

to{opacity:1;-webkit-transform:translate(18px,23px) scale(1);-moz-transform:translate(18px,23px) scale(1);transform:translate(18px,23px) scale(1)}

}

@-webkit-keyframes pop-right-bottom{0%{opacity:0;-webkit-transform:translate(18px,-23px) scale(.8);transform:translate(18px,-23px) scale(.8)}

to{opacity:1;-webkit-transform:translate(18px,-23px) scale(1);transform:translate(18px,-23px) scale(1)}

}

@-moz-keyframes pop-right-bottom{0%{opacity:0;-moz-transform:translate(18px,-23px) scale(.8);transform:translate(18px,-23px) scale(.8)}

to{opacity:1;-moz-transform:translate(18px,-23px) scale(1);transform:translate(18px,-23px) scale(1)}

}

@keyframes pop-right-bottom{0%{opacity:0;-webkit-transform:translate(18px,-23px) scale(.8);-moz-transform:translate(18px,-23px) scale(.8);transform:translate(18px,-23px) scale(.8)}

to{opacity:1;-webkit-transform:translate(18px,-23px) scale(1);-moz-transform:translate(18px,-23px) scale(1);transform:translate(18px,-23px) scale(1)}

}

@-webkit-keyframes pop-top{0%{opacity:0;-webkit-transform:translate(-50%,-10px) scale(.8);transform:translate(-50%,-10px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-50%,-10px) scale(1);transform:translate(-50%,-10px) scale(1)}

}

@-moz-keyframes pop-top{0%{opacity:0;-moz-transform:translate(-50%,-10px) scale(.8);transform:translate(-50%,-10px) scale(.8)}

to{opacity:1;-moz-transform:translate(-50%,-10px) scale(1);transform:translate(-50%,-10px) scale(1)}

}

@keyframes pop-top{0%{opacity:0;-webkit-transform:translate(-50%,-10px) scale(.8);-moz-transform:translate(-50%,-10px) scale(.8);transform:translate(-50%,-10px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-50%,-10px) scale(1);-moz-transform:translate(-50%,-10px) scale(1);transform:translate(-50%,-10px) scale(1)}

}

@-webkit-keyframes pop-bottom{0%{opacity:0;-webkit-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-50%,10px) scale(1);transform:translate(-50%,10px) scale(1)}

}

@-moz-keyframes pop-bottom{0%{opacity:0;-moz-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8)}

to{opacity:1;-moz-transform:translate(-50%,10px) scale(1);transform:translate(-50%,10px) scale(1)}

}

@keyframes pop-bottom{0%{opacity:0;-webkit-transform:translate(-50%,10px) scale(.8);-moz-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8)}

to{opacity:1;-webkit-transform:translate(-50%,10px) scale(1);-moz-transform:translate(-50%,10px) scale(1);transform:translate(-50%,10px) scale(1)}

}

.ttp-interact-item.wtt:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_toutiao.dd9b2616.svg)}



.ttp-interact-item{position:relative;padding-left:52px;font-size:14px;font-weight:400;line-height:40px;color:#222;cursor:pointer;outline:none}

.ttp-interact-item:focus-visible{outline:auto}

.ttp-interact-item:before{content:"";position:absolute;top:50%;left:16px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:28px;height:28px;background:transparent no-repeat 50%;background-size:contain}

.ttp-interact-item.copy:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_copy.c12facea.svg)}

.ttp-interact-item.wx:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_wx.719568c6.svg)}

.ttp-interact-wx-wrapper{position:relative}

.ttp-interact-wx-wrapper .qrcode-panel{position:absolute;top:0;left:100%;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);transform:translateX(4px);z-index:10;border-radius:8px;text-align:center;width:139px;height:168px;background:#fff;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11)}

.ttp-interact-wx-wrapper .qrcode-panel>span{display:block;margin-top:21px;font-size:14px;line-height:20px;color:#222}

.ttp-interact-wx-wrapper #_qrcode{margin:30px auto 0;width:80px;height:80px}

.ttp-interact-item.weibo:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_weibo.d8a7bdaf.svg)}

.ttp-interact-item.qzone:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_qzone.74a6cb53.svg)}

.ttp-video-extras-bar .right-block .more-wrapper{position:relative}

.ttp-video-extras-bar .right-block .more-wrapper .panel{display:none;position:absolute;bottom:100%;left:50%;-webkit-transform:translate(-50%,-45px);-moz-transform:translate(-50%,-45px);transform:translate(-50%,-45px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px;padding:16px;width:160px;height:103px;background:#fff;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.08);box-shadow:0 10px 50px rgba(54,56,79,.08)}

.ttp-video-extras-bar .right-block .more-wrapper .panel.show{display:-moz-box;display:-ms-flexbox;display:flex}

.ttp-video-extras-bar .right-block .more-wrapper .panel:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%) rotate(180deg);-moz-transform:translate(-50%) rotate(180deg);transform:translate(-50%) rotate(180deg);width:16px;height:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASBAMAAADvSECJAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf0DjEI+/XyDPWu1ZAAAAXklEQVQY02NgoAAwZU4rwCohOXPmRGzijDOBQAC7BqxawBqwaZGESEzEoQFTiyRMYiIODehaJBESE3FoQNUiiSwxEYcGJC0skagSUx2gEsoz0YA5WLhJeCYGMFVhAABuNF5e7AnNUQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}

.ttp-video-extras-bar .right-block .more-wrapper .panel li{width:50%;height:100%;text-align:center}

.ttp-video-extras-bar .right-block .more-wrapper .panel li>button{position:relative;border:none;padding-top:52px;font-size:14px;line-height:20px;color:#222;background:none}

.ttp-video-extras-bar .right-block .more-wrapper .panel li>button .icon{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);border-radius:24px;width:48px;height:48px;background:#f8f8f8}

.ttp-video-extras-bar .right-block .more-wrapper .panel li>button .icon em{position:absolute; font-size:26px; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.ttp-video-extras-bar .right-block .more-wrapper:hover .more svg circle{fill:#fff}

.ttp-video-extras-bar .right-block .more{width:32px;padding:0}

.tt-modal-wrapper.ttp-report-modal .tt-modal{border-radius:8px;width:390px}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-header{border-bottom:1px solid #f2f2f2;padding:16px 16px 16px 28px}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-title{display:inline-block;font-size:20px;font-weight:500;line-height:32px;color:#222}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-close-btn{margin-top:2px;width:28px;height:28px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/close.a192798e.svg) no-repeat 50%;background-size:contain}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-close-btn i{display:none}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-body{padding:24px 28px 0}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option{display:inline-block;margin-bottom:12px;margin-right:32px;height:20px;cursor:pointer}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option:nth-child(3n){margin-right:0}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option input{display:none;width:18px;height:18px}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option input:checked+label:before{border-width:6px;border-color:#f04142}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option label{position:relative;padding-left:24px;font-size:16px;line-height:20px;color:#222;cursor:pointer}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .option label:before{content:"";-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;border:1px solid #999;width:18px;height:18px;background:#fff}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .link-option{margin-top:12px;font-size:16px;line-height:20px}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .link-option a{color:#0e408c}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .other-reason{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin-top:20px;padding:16px 16px 40px;width:100%;height:104px;background-color:#f8f8f8}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .other-reason textarea{border:none;width:100%;height:48px;font-size:16px;line-height:24px;background-color:#f8f8f8}

.tt-modal-wrapper.ttp-report-modal .tt-modal .report-modal-content .other-reason .count{position:absolute;right:16px;bottom:16px;font-size:14px;line-height:20px;color:#999}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-footer{margin:20px 0 28px;padding:0 28px}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-footer .btn-ok{border-radius:4px;border:none;width:100%;height:44px;font-size:16px;color:#fff;background:#f04142}

.tt-modal-wrapper.ttp-report-modal .tt-modal .tt-modal-footer .btn-ok:disabled{opacity:.5;cursor:default}

.tt-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden}

.tt-modal-wrapper .modal-mask{position:absolute;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.5);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}

.tt-modal-wrapper.modal-show{display:block}

.tt-modal-wrapper.modal-hide{display:none}

.tt-modal-wrapper.modal-anime-show .modal-mask{opacity:1}

.tt-modal-wrapper.modal-anime-show .tt-modal{top:50%;opacity:1;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.tt-modal-wrapper.modal-anime-hide .modal-mask{opacity:0}

.tt-modal-wrapper.modal-anime-hide .tt-modal{top:47%;opacity:0}

.tt-modal-wrapper .tt-modal{position:absolute;top:47%;left:50%;-webkit-transform:translate(-50%,-47%);-moz-transform:translate(-50%,-47%);transform:translate(-50%,-47%);border-radius:2px;width:300px;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}

.tt-modal-wrapper .tt-modal .tt-modal-header{padding:20px 20px 0}

.tt-modal-wrapper .tt-modal .tt-modal-title{font-size:16px;font-weight:700;line-height:1;color:#1f2d3d}

.tt-modal-wrapper .tt-modal .tt-modal-close-btn{float:right;border:none;font-size:0;background:none;color:#bfcdb9;cursor:pointer}

.tt-modal-wrapper .tt-modal .tt-modal-close-btn:focus-visible{outline:auto}

.tt-modal-wrapper .tt-modal .tt-modal-close-btn i{vertical-align:middle}

.tt-modal-wrapper .tt-modal .tt-modal-body{padding:20px 20px 0}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 20px 15px;width:100%;text-align:right}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn button{padding:10px 15px;border:1px solid #bfcbd9;border-radius:4px;font-size:14px;line-height:1;text-align:center;color:#1f2d3d;background:#fff;outline:none}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn button:focus-visible{outline:auto}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn .btn-ok{margin-left:10px;border-color:#ed4040;background:#ed4040;color:#fff}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn .btn-ok:hover{border-color:#d53a3a;background:#d53a3a}

.tt-modal-wrapper .tt-modal .tt-modal-footer-btn .btn-cancel:hover{color:#ed4040;border-color:#ed4040}

.right-content-container{height:100%;padding:0 24px;overflow-y:scroll}

.right-content-container .video-list{overflow:hidden}

.right-content-container .short-video-list{display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.right-content-container .short-video-list>li{width:-moz-calc(33.33333% - 5.33333px);width:calc(33.33333% - 5.33333px);margin-bottom:10px;position:relative}

.right-content-container .short-video-list>li:after{content:"";display:block;width:100%;padding-bottom:133.33333%}

.right-content-container .short-video-list>li:nth-child(-n+3){margin-top:12px}

.right-content-container .short-video-list>li:not(:nth-child(3n)){margin-right:8px}

.right-content-container .short-video-list>li>div{width:100%;height:100%;position:absolute;z-index:2}

.right-content-container .detail-feed-shortvideo-item{height:100%}

.video-detail-tabs{margin-top:24px}

.video-detail-tabs li{display:inline-block;padding:4px 0;font-weight:500;font-size:18px;line-height:28px;color:#999;cursor:pointer}

.video-detail-tabs li:not(:first-child){margin-left:24px}

.video-detail-tabs li.active{color:#e8e8e8}

.video-detail-tabs li h2{font-weight:500}

.video-detail-tabs.more{margin-bottom:4px}

.video-detail-tabs.more li.active{position:relative}

.video-detail-tabs.more li.active:after{content:"";display:block;width:20px;height:2px;background:#f04142;border-radius:19px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;bottom:-2px}

.video-detail-tabs:not(.more) li{cursor:default}

.author-card-wrapper{padding:24px 0;position:relative;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.author-card-wrapper:after{content:"";display:block;width:100%;height:1px;opacity:.08;background-color:#fff;position:absolute;bottom:0}

.author-card-wrapper .avatar{margin-right:12px;float:left}

.author-card-wrapper .avatar .ttp-avatar{border:none}

.author-card-wrapper .author-info{-moz-box-flex:0;-ms-flex:none;flex:none}

.author-card-wrapper .author-name{font-weight:500;font-size:14px;line-height:24px;color:#e8e8e8}

.author-card-wrapper .author-name:hover{color:#fff}

.author-card-wrapper .relation-stat{margin-top:4px}

.author-card-wrapper .relation-stat a{font-weight:500;font-size:12px;line-height:20px;color:#999}

.author-card-wrapper .relation-stat a:nth-of-type(2){margin-left:20px}

.author-card-wrapper .relation-stat a:hover{color:#cacaca}

.author-card-wrapper .relation-stat .num{margin-left:4px;margin-top:-2px;font-weight:700;font-size:16px;line-height:20px;font-family:ByteNumber-center}

.author-card-wrapper .relation-stat .unit{font-size:12px;line-height:20px}

.author-card-wrapper .subscribe-btn{color:#fff;background:#f04142;border-radius:4px;position:absolute;right:0}

.author-card-wrapper .subscribe-btn .plus-icon{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_plus_white.67edef38.svg)}

.author-card-wrapper .subscribe-btn:not(.following):hover{opacity:1;background:#f63132}

.author-card-wrapper .subscribe-btn.following{color:#999;background:hsla(0,0%,100%,.08)}

.author-card-wrapper .subscribe-btn.following span{margin-left:0}

.ttp-user-subscribe{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:6px;width:64px;height:32px;font-size:14px;font-weight:500;line-height:20px;color:#222;background:#f8f8f8;cursor:pointer}

.ttp-user-subscribe:hover{opacity:.8}

.ttp-user-subscribe span{margin-left:4px}

.ttp-user-subscribe.following{color:#999}

.ttp-user-subscribe.followed{font-size:13px}

@-webkit-keyframes loadingRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

@-moz-keyframes loadingRotate{0%{-moz-transform:rotate(0);transform:rotate(0)}

to{-moz-transform:rotate(1turn);transform:rotate(1turn)}

}

@keyframes loadingRotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}

}

.detail-feed-video-item{padding:12px 0;display:-moz-box;display:-ms-flexbox;display:flex}

.detail-feed-video-item .left-img{-moz-box-flex:0;-ms-flex:none;flex:none;width:120px;height:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:12px;background:hsla(0,0%,100%,.08);border-radius:4px;overflow:hidden;cursor:pointer;float:left;position:relative}

.detail-feed-video-item .left-img .bg-img{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);transform:scale(1.7)}

.detail-feed-video-item .left-img:hover .cover{-webkit-transform:matrix(1.04,0,0,1.04,0,0);-moz-transform:matrix(1.04,0,0,1.04,0,0);transform:matrix(1.04,0,0,1.04,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}

.detail-feed-video-item .left-img .cover{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .5s ease-out .1s;-moz-transition:all .5s ease-out .1s;transition:all .5s ease-out .1s}

.detail-feed-video-item .left-img .duration{font-size:12px;line-height:14px;font-weight:500;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.5);border-radius:4px;padding:4px 6px;position:absolute;right:4px;bottom:4px}

.detail-feed-video-item .right-content{-moz-box-flex:1;-ms-flex:1 1;flex:1 1;width:auto;height:90px;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.detail-feed-video-item .title{max-height:60px;font-weight:500;font-size:14px;line-height:20px;color:#e8e8e8;cursor:pointer;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}

.detail-feed-video-item .title:hover{color:#fff}

.detail-feed-video-item .desc{font-size:12px;line-height:20px;font-weight:500;color:#999;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.detail-feed-video-item .desc span{-ms-flex-negative:0;flex-shrink:0}

.detail-feed-video-item .desc a{color:#999;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.detail-feed-video-item .desc a:hover{color:#cacaca}

.detail-feed-video-item.short-video-wrapper .left-img i{-webkit-filter:blur(10px);filter:blur(10px);width:100%;height:100%;display:block;position:absolute}

.detail-feed-video-item.short-video-wrapper .left-img img{width:68px;margin:auto;position:relative}

.detail-feed-shortvideo-item .playing,.detail-feed-video-item .playing{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,.5));background:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,.5));background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5));border:2px solid #ccc;border-radius:4px;font-weight:500;font-size:12px;line-height:16px;color:#fff;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;z-index:1}

.video-playing-icon{display:inline-block;height:12px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.video-playing-icon span{display:inline-block;width:2px;border-radius:1px;background-color:#e8e8e8;-webkit-animation:upAndDown .35s ease-in-out infinite alternate;-moz-animation:upAndDown .35s ease-in-out infinite alternate;animation:upAndDown .35s ease-in-out infinite alternate}

.video-playing-icon span:first-child{height:5px}

.video-playing-icon span:nth-child(2){height:12px;-webkit-animation-delay:-.35s;-moz-animation-delay:-.35s;animation-delay:-.35s}

.video-playing-icon span:nth-child(3){height:9px;-webkit-animation-delay:-.17s;-moz-animation-delay:-.17s;animation-delay:-.17s}

.video-playing-icon.normal{padding:5px 0}

.video-playing-icon.normal span:first-child{margin:0 6px 0 3px}

.video-playing-icon.normal span:nth-child(3){margin:0 3px 0 6px}

.video-playing-icon.small{padding:2px 0}

.video-playing-icon.small span:first-child{margin:0 4px 0 1px}

.video-playing-icon.small span:nth-child(3){margin:0 1px 0 4px}

@-webkit-keyframes upAndDown{0%{height:5px}

to{height:12px}

}

@-moz-keyframes upAndDown{0%{height:5px}

to{height:12px}

}

@keyframes upAndDown{0%{height:5px}

to{height:12px}

}

.collection-card{margin-top:32px;padding:16px;background:hsla(0,0%,100%,.08);border-radius:8px;cursor:pointer;display:-moz-box;display:-ms-flexbox;display:flex}

.collection-card .collection-l{-moz-box-flex:0;-ms-flex:none;flex:none;width:96px;height:72px;margin-right:12px;border-radius:4px;overflow:hidden;position:relative}

.collection-card .collection-l img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}

.collection-card .collection-cover{width:36px;height:100%;background:rgba(0,0,0,.51);display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0}

.collection-card .collection-cover i{width:20px;height:20px;background:url(hj.png) no-repeat 50%;background-size:contain}

.collection-card .collection-r{-moz-box-flex:1;-ms-flex:1 1;flex:1 1}

.collection-card .collection-r.with-cover{max-width:-moz-calc(100% - 108px);max-width:calc(100% - 108px)}

.collection-card .collection-r .title{height:48px;font-weight:500;font-size:14px;line-height:24px;color:#e8e8e8;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}

.collection-card .collection-r .title span{display:inline-block;padding:0 1px;margin-right:3px;font-size:12px;line-height:14px;color:#f04142;border:1.2px solid #f04142;border-radius:2px}

.collection-card .collection-r .desc{margin-top:8px;font-size:12px;line-height:16px;font-weight:400;color:#999;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}

.collection-card .collection-r .desc a{color:#999;margin-left:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.collection-card .collection-r .desc a:hover{color:#cacaca}

.collection-card .collection-r .collection-episodes{height:16px;-ms-flex-negative:0;flex-shrink:0}

.collection-card .collection-r .collection-episodes i{color:#e8e8e8;margin-left:8px}



.detail-collection-panel{width:100%;height:100%;background:#18181f;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s cubic-bezier(.34,.69,.1,1);transition:-webkit-transform .3s cubic-bezier(.34,.69,.1,1);-moz-transition:transform .3s cubic-bezier(.34,.69,.1,1),-moz-transform .3s cubic-bezier(.34,.69,.1,1);transition:transform .3s cubic-bezier(.34,.69,.1,1);transition:transform .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1),-moz-transform .3s cubic-bezier(.34,.69,.1,1);position:absolute;top:0;right:0;z-index:10}

.detail-collection-panel.panel-anime{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

.detail-collection-panel .panel-title{font-weight:600;font-size:18px;line-height:24px;color:#e8e8e8;padding:16px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.detail-collection-panel .close-btn{width:20px;height:20px;background-color:transparent;border:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAG1BMVEVHcEzn5+fo6Ojo6Ojn5+fp6eno6Ojn5+fo6OglfDrxAAAACHRSTlMAIN/eIUrOYNC/XyoAAADiSURBVDjL7dSxDoIwEAZgJMSZ4Avo5qiJg6OBZyBh1IcwcdaQ3GNbStPc396vCTPdyvUrpXdcUaxj8ejTB0892coBo63c1WyQd62j1VFGNX0J8lYgXApwh+WEm2nu8Ade1mg+LT7DSTeaZxh4joEbWHELK27iyG0cOcGBMxx4w/DMKZ45x55zPHOO/4X95hcWrX4fbbqwK+X+wnZuyY3iumI83HZHeEgV4TFVNo95NrnKs8VVkRgciiTnUGEZTyos5SVmYuJ76A5YJB3+/kOSRsdHaD0P/JIOWk/euPq1mS8fX8nmdShPwycdAAAAAElFTkSuQmCC) no-repeat 50%/cover}

.detail-collection-panel .close-btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAAB3RSTlMAEN/eIEzOg8FnvwAAANZJREFUOMvt1MEKwjAMBuAqw7P4DIJXBcHrWJ9hePXgEygjr2+7lS5/m9+h5+XWZV/pki7OrfF39MV6Aw92csR0Jw+1usur1dnmJAOkkXcC6YMAD1jOuJnmAb/bYreZx5evzjFeYeA1Bm5gxS2suIkzt3HmBCfOcOIUT5ziiXM8co4nzvFS+vvmC0eL33yjfCyYp3wsWMN4qjbjqdqE51bZPLfK5KrPFld9NjhckprDJal4ccNKvsV15Bf8/WE3L8V0wLMEPsDoeeKXeBg9rt8vTLI1fogPjHxwJz2IjWUAAAAASUVORK5CYII=)}

.detail-collection-panel .collection-header{padding:0 24px}

.detail-collection-panel .collection-title{font-weight:600;font-size:18px;line-height:28px;color:#e8e8e8;padding-top:24px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}

.detail-collection-panel .collection-info{padding:16px 0 12px;font-weight:400;font-size:16px;line-height:20px;color:#999;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.detail-collection-panel .collection-info a{color:#999}

.detail-collection-panel .collection-info a:hover{color:#fff}

.detail-collection-panel .collection-info .collection-episodes .dot{margin:0 4px}

.detail-collection-panel .collection-info .collection-episodes .playing-num{color:#e8e8e8}

.detail-collection-panel .collection-info .collect-btn{padding-left:24px;cursor:pointer}

.detail-collection-panel .collection-info .collect-btn:before{content:"";display:inline-block;width:20px;height:20px;margin-left:-24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAIVBMVEVHcEyXl5eZmZmZmZmampqZmZmZmZmXl5efn5+ZmZmZmZlMYbn7AAAACnRSTlMAJOmjw2WEQBBQs8dHUAAAAZ1JREFUOMvVlL1PAjEYxnvCAePpZJwkIQ6dTqIOTAQ2Jo2JAxPEsNxEFBPDZEyMiZMuDmwcB+rzV9ov4G2P3qxdypvfPX36fhTG/sx6uSqiFWBQgI+ArwLcAzI/rQIcYy8uY5Wg7cVT1J8LzHuIK35zYR3V/OZlLBjzm08xZ8xvLqxl4TK/NWNe85K09poHM2ktzZeRy/ZvmhzSWh4CdEePpMm3HailVAFXvxsXH5sm67XUcX8dD2jYODeWwXWHfi6anHZHh/Qqr59nfN16juFTPpHavcEt1HcleqfLwA6AyzwNYVQik2Ue95FG62Py8o14t3wr3iUnYiVf2TghYnX5gfOYaLKu3BYr+diaG7tSQh7TuUkjd0rbdKLnTp4zerdKrg4JzTx08xRNJ25BbtaR0oin7hPIvGfl3RKnByX8qP1haPKInbf7LbcJcCr3NxxbWMcTOb6S7+mvSdFiQxUvOY9c3kXSRUvx0ClbD2NFo0DxqhniLdZUVExxu0pMmS70C22pwP0zNdTwzOnnhmpuXy3kJ7RjzfSd/fP1C6UJy+S8kodRAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;position:absolute}

.detail-collection-panel .collection-info .collect-btn.favorited:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOBAMAAAB8hD0uAAAAJ1BMVEVHcEz/x0D/x0D/x0D/xUD/x0D/zkD/x0D/yED/x0D/xkD/x0D/x0BoEH7eAAAADHRSTlMA3WDvgCUQmYC6SHBTeVqHAAABkUlEQVRIx+2WPUvDUBSGb9XWr0UiDkIGA2466GBA6NBN6NTaSXDo4uZg9v4EBxFFBAcnB3HwB7jExBbs+VGWmOamuecLcdN3ysfDm7fnnnOoMX9eJ3Crweo+xH0FtwQALQXXnXChgruccKkqHkDSV8XTBOxmnBxwN+PkgH7GiQHnAFQBazkXquLJAf2cEwJO40kBawUXquIBjFXxAGIOWwWrVwo6246aJS65bz85TOP4aB1cHd48l+rT2Il8oJTctadoD3htlDqYU342KyBpyykGx8l+ne+AAwEb5b93QeBa5dGmlVZmVrTjDVNnCYh2nGGKbBXRjjZM0TUl2lGGY3Y0qh1AjKTVO7sKWDtjmm4jowucbrwffXcR4S7YVWW1hnDnCDdEuBeE+0S4N9WxGfPATBq+IoFblnW0D9ytj2+FR1WZsUIv25f79vLK4eaLd54Jius9hzu1mLHgB9nOXnYXkA09KGMFOCLK7BX3AVFofxbLwRg9Xm/mSYB+t1fFMvDAPd/o2nkWbHb+/+b+jr4AIxxxGSPOVZkAAAAASUVORK5CYII=)}

.detail-collection-panel .collection-list{height:-moz-calc(100% - 160px);height:calc(100% - 160px);padding:0 24px;overflow-y:scroll;position:relative}

.detail-collection-panel .collection-list>div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.detail-collection-panel .collection-item{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.detail-collection-panel .collection-item .collection-rank{-moz-box-flex:0;-ms-flex:none;flex:none;width:24px;font-family:ByteNumber-center;font-style:normal;font-weight:700;font-size:20px;line-height:20px;text-align:center;color:#e8e8e8;margin-right:16px}





.short-video-loading{padding-top:16px}

.short-video-loading>div{margin-bottom:10px;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.short-video-loading>div>div{width:-moz-calc(33.33333% - 5.33333px);width:calc(33.33333% - 5.33333px);background-color:hsla(0,0%,100%,.08);border-radius:4px}

.short-video-loading>div>div:after{content:"";display:block;width:100%;padding-bottom:133.33333%}

.load-more-text{padding:20px 0 48px;text-align:center;font-weight:400;font-size:14px;line-height:20px}

.load-more-text.none{color:#707070}

.load-more-text>span{display:inline-block;color:#cacaca;position:relative;overflow:hidden}

.load-more-text>span:before{content:"";position:absolute;top:-10px;right:100%;width:160px;height:40px;background:url(jzxg.png) no-repeat 50%;background-size:cover;-webkit-animation:scan 1.2s linear infinite;-moz-animation:scan 1.2s linear infinite;animation:scan 1.2s linear infinite}

@-webkit-keyframes scan{to{right:-100%}

}

@-moz-keyframes scan{to{right:-100%}

}

@keyframes scan{to{right:-100%}

}



.ttp-site-header-wrapper{min-width:1000px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 24px;width:100%;height:64px;background:#fff}

.ttp-site-header-wrapper.shadow{-webkit-box-shadow:0 2px 16px rgba(54,56,79,.06);box-shadow:0 2px 16px rgba(54,56,79,.06)}

.ttp-site-header-wrapper .ttp-site-header{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%}

.ttp-site-header-wrapper .logo{-ms-flex-negative:0;flex-shrink:0;width:100px;height:28px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/logo_red.80c49156.svg) no-repeat 50%;background-size:contain}

.ttp-site-header-wrapper .logo:hover{opacity:.9}

.ttp-site-header-wrapper .channel-wrapper{-ms-flex-negative:0;flex-shrink:0;margin-left:28px}

.ttp-site-header-wrapper .channel-wrapper .ttp-channel-default-nav-item.active:after{width:16px;height:2px;bottom:-2px}

.ttp-site-header-wrapper .ttp-search-wrapper{-ms-flex-negative:0;flex-shrink:0;width:440px;margin-right:40px}

.ttp-site-header-wrapper .header-profile-wrapper,.ttp-site-header-wrapper .header-publisher-wrapper{margin-left:32px}

.ttp-site-header-wrapper.dark{background:transparent}

.ttp-site-header-wrapper.dark .logo{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/logo_white.0c937e7b.svg)}

.ttp-site-header-wrapper.dark .channel-wrapper .ttp-channel-default-nav-item{color:#fff}

.ttp-site-header-wrapper.dark .channel-wrapper .ttp-channel-default-nav-item:hover{color:hsla(0,0%,100%,.6)}

.ttp-site-header-wrapper.dark .channel-wrapper .ttp-channel-default-nav-item a{color:#fff}

.ttp-site-header-wrapper.dark .channel-wrapper .ttp-channel-default-nav-item a:hover{color:hsla(0,0%,100%,.6)}

.ttp-site-header-wrapper.dark .channel-wrapper .more-btn{color:#fff;background:hsla(0,0%,100%,.1)}

.ttp-site-header-wrapper.dark .ttp-search-wrapper .search input{border:none;color:#fff;background:hsla(0,0%,100%,.1)}

.ttp-site-header-wrapper.dark .ttp-search-wrapper .search button i{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/search_icon_white.8ff561ee.svg)}

.ttp-site-header-wrapper.dark .ttp-search-wrapper .search button span{color:#fff}

.ttp-site-header-wrapper.black{background:#1d1d24}

.ttp-site-header-wrapper.black .channel-wrapper .ttp-channel-default-nav-item{color:#cacaca}

.ttp-site-header-wrapper.black .channel-wrapper .ttp-channel-default-nav-item:hover{color:#fff}

.ttp-site-header-wrapper.black .channel-wrapper .ttp-channel-default-nav-item a{color:#cacaca}

.ttp-site-header-wrapper.black .channel-wrapper .ttp-channel-default-nav-item a:hover{color:#fff}

.ttp-site-header-wrapper.black .channel-wrapper .more-btn{color:#cacaca;background:#2a2a31}

.ttp-site-header-wrapper.black .channel-wrapper .more-btn:hover{opacity:1;color:#fff}

.ttp-site-header-wrapper.black .ttp-search-wrapper .search input{color:#fff;background:hsla(0,0%,100%,.08)}

.ttp-site-header-wrapper.black .ttp-search-wrapper .search button:before{border-color:#fff;opacity:.16}

@media screen and (max-width:1440px){.ttp-site-header-wrapper .ttp-search-wrapper{width:390px}

}

@media screen and (max-width:1366px){.ttp-site-header-wrapper .channel-wrapper{margin-left:24px}

.ttp-site-header-wrapper .ttp-search-wrapper{width:360px;margin-right:32px}

.ttp-site-header-wrapper .header-profile-wrapper,.ttp-site-header-wrapper .header-publisher-wrapper{margin-left:24px}

}

@media screen and (max-width:1304px){.ttp-site-header-wrapper .ttp-search-wrapper{width:340px}

}

.ttp-sticky-container{width:100%}

.ttp-sticky-container.active{position:fixed}

@supports (position:sticky){.ttp-sticky-container{position:sticky}

}

.ttp-channel-nav{width:100%}

.ttp-channel-nav a{outline:none}

.ttp-channel-nav .ttp-channel-default-nav{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.ttp-channel-nav .ttp-channel-default-nav>li:not(:first-of-type){margin-left:24px}

.ttp-channel-nav .ttp-channel-default-nav li{outline:none}

.ttp-channel-nav .ttp-channel-default-nav li:focus-visible{outline:auto}

.ttp-channel-nav .ttp-channel-default-nav-item{position:relative;padding:2px 0;font-size:16px;font-weight:500;line-height:24px;color:#222;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}

.ttp-channel-nav .ttp-channel-default-nav-item:hover,.ttp-channel-nav .ttp-channel-default-nav-item:hover a{color:rgba(34,34,34,.6)}

.ttp-channel-nav .ttp-channel-default-nav-item.active{color:#f04142;font-weight:500}

.ttp-channel-nav .ttp-channel-default-nav-item.active:after{content:"";position:absolute;bottom:-3px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);border-radius:1.5px;width:20px;height:3px;background:#f04142}

.ttp-channel-nav .ttp-channel-default-nav-item a{display:block;color:#222}

.ttp-channel-nav .ttp-channel-default-nav-item a:visited{color:#222}

.ttp-channel-nav .ttp-channel-default-nav-item a:hover{color:rgba(34,34,34,.6)}

.ttp-channel-nav .more-btn-wrapper{position:relative}

.ttp-channel-nav .more-btn{padding:2px 8px;border-radius:6px;font-size:16px;font-weight:500;line-height:24px;color:#222;cursor:pointer;background:#f8f8f8}

.ttp-channel-nav .more-btn:hover{opacity:.6}

.ttp-channel-nav .ttp-channel-more-nav-wrapper{display:none; position:absolute;top:100%;left:50%; z-index:200;padding-top:15px; transform:translateX(-50%) scale(1); transform-origin:center top;}

.ttp-channel-nav .ttp-channel-more-nav{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px;padding:14px 0 14px 16px;width:352px;font-size:0;-webkit-box-shadow:0 10px 50px rgba(0,0,0,.08);box-shadow:0 10px 50px rgba(0,0,0,.08);background:#fff;position:relative}

.ttp-channel-nav .ttp-channel-more-nav:before{content:"";width:16px;height:6px;background-image:url(ssj.png);background-size:contain;position:absolute;top:-6px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.ttp-channel-nav .ttp-channel-more-nav li{display:inline-block;margin:6px 8px;font-size:16px;line-height:24px;color:#222;outline:none;white-space:nowrap}

.ttp-channel-nav .ttp-channel-more-nav li[aria-label=西瓜视频频道]{margin:6px 0}

.ttp-channel-nav .ttp-channel-more-nav li[aria-label=西瓜视频频道] .ttp-channel-more-nav-item{width:80px}

.ttp-channel-nav .ttp-channel-more-nav .ttp-channel-more-nav-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;padding:4px 0;width:64px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.ttp-channel-nav .ttp-channel-more-nav .ttp-channel-more-nav-item:hover{background:#f8f8f8;cursor:pointer}

.ttp-channel-nav .ttp-channel-more-nav .ttp-channel-more-nav-item a{display:block;color:#222}

.ttp-channel-nav .ttp-channel-more-nav .ttp-channel-more-nav-item a:visited{color:#222}

.ttp-channel-nav .ttp-city-selector .ttp-city-selector-current-name{font-size:16px}

.ttp-channel-nav .ttp-city-selector .ttp-city-selector-city-picker{width:12px;height:12px}

@media screen and (max-width:1366px){.ttp-channel-nav .ttp-channel-default-nav>li:not(:first-of-type){margin-left:20px}

}

a{text-decoration:none}

footer{display:block}

ol,p,ul{margin:0;padding:0}

li{list-style:none}

button,input{outline:none}

em{font-style:normal}

input:focus{outline:0}

@font-face{font-family:ByteNumber-center;src:url("//lf3-cdn-tos.bytegoofy.com/obj/goofy/toutiao/toutiao_web_pc/fonts/Byte_Number-center.688369de.ttf") format("truetype");font-style:normal;font-display:swap}

@font-face{font-family:ByteNumber-Medium;src:url("//lf3-cdn-tos.bytegoofy.com/obj/goofy/toutiao/toutiao_web_pc/fonts/ByteNumber-Medium.47b9dea4.ttf") format("truetype");font-style:normal;font-display:swap;font-weight:500}

.ttp-city-selector-wrapper{display:inline-block}

.ttp-city-selector{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.ttp-city-selector .ttp-city-selector-current-name{font-size:20px;line-height:24px;color:#222}

.ttp-city-selector .ttp-city-selector-current-name:hover{opacity:.6}

.ttp-city-selector .ttp-city-selector-city-picker{border:none;margin-left:6px;padding:0;width:14px;height:14px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow.ea756e97.svg) no-repeat 50%;background-size:contain;cursor:pointer}

.ttp-city-selector .ttp-city-selector-city-picker:hover{opacity:.6}

.ttp-city-selector .ttp-city-selector-city-picker:focus-visible{outline:auto}

.ttp-city-selector-wrapper.dark .ttp-city-selector-current-name{color:#fff}

.ttp-city-selector-wrapper.dark .ttp-city-selector-city-picker{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow_white.f7b905ce.svg)}

.ttp-city-selector-wrapper.black .ttp-city-selector-current-name{color:#cacaca}

.ttp-city-selector-wrapper.black .ttp-city-selector-current-name:hover{opacity:1;color:#fff}

.ttp-city-selector-wrapper.black .ttp-city-selector-city-picker{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow_grey.f728364a.svg)}

.ttp-city-selector-wrapper.black .ttp-city-selector-city-picker:hover{opacity:1;background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow_white.f7b905ce.svg)}

.ttp-city-selector-panel .desc{margin-bottom:14px;font-size:14px;font-weight:500;line-height:20px;color:#222}

.ttp-city-selector-panel .cascade-options{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}

.ttp-city-selector-panel .btn{border:none;border-radius:6px;padding:6px 18px;font-size:14px;line-height:20px;color:#222;cursor:pointer}

.ttp-city-selector-panel .btn:hover{opacity:.8}

.ttp-city-selector-panel .btn:focus-visible{outline:auto}

.ttp-city-selector-panel .btn.cancel{margin-right:8px;background:#f2f2f2}

.ttp-city-selector-panel .btn.ok{font-weight:500;background:#f04142;color:#fff}

.ttp-city-selector-cascade-option{position:relative;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:6px;border:1px solid #e8e8e8;width:108px;height:40px;background:#fff;cursor:pointer}

.ttp-city-selector-cascade-option .current-option{position:relative;padding:10px 24px 10px 12px;font-size:14px;line-height:20px;color:#222}

.ttp-city-selector-cascade-option .current-option:after{content:"";position:absolute;top:14px;right:16px;width:10px;height:10px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow_down.4f461124.svg) no-repeat 50%;background-size:contain}

.ttp-city-selector-cascade-option .options-list{position:absolute;top:44px;left:-1px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.12);box-shadow:0 10px 50px rgba(54,56,79,.12);overflow-y:scroll;opacity:0;width:108px;height:0;max-height:276px;background:#fff;-webkit-transition:opacity .2s,height .2s;-moz-transition:opacity .2s,height .2s;transition:opacity .2s,height .2s}

.ttp-city-selector-cascade-option .options-list.show{padding:12px 0;opacity:1;height:auto}

.ttp-city-selector-cascade-option .options-list .option{padding:8px 10px 8px 26px;font-size:14px;line-height:20px}

.ttp-city-selector-cascade-option .options-list .option:hover{background-color:#f8f8f8}

.ttp-city-selector-portal{position:absolute;top:0;left:0;z-index:200}

.ttp-city-selector-portal.ttp-portal-hide{display:none}

.ttp-city-selector-dropdown-wrapper{position:absolute;top:200px;padding-top:6px}

.ttp-city-selector-dropdown-wrapper:before{content:"";width:16px;height:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASBAMAAADvSECJAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf0DjEI+/XyDPWu1ZAAAAXklEQVQY02NgoAAwZU4rwCohOXPmRGzijDOBQAC7BqxawBqwaZGESEzEoQFTiyRMYiIODehaJBESE3FoQNUiiSwxEYcGJC0skagSUx2gEsoz0YA5WLhJeCYGMFVhAABuNF5e7AnNUQAAAABJRU5ErkJggg==);background-size:contain;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.ttp-city-selector-dropdown{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px;padding:14px 16px 20px;width:256px;height:156px;background:#fff;-webkit-box-shadow:0 2px 30px rgba(54,56,79,.08);box-shadow:0 2px 30px rgba(54,56,79,.08)}

.ttp-search-wrapper{width:372px}

.ttp-search-wrapper .search{height:40px}

.ttp-search-wrapper .search,.ttp-search-wrapper .search input{width:100%;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.ttp-search-wrapper .search input{height:100%;padding-left:18px;padding-right:92px;font-size:16px;line-height:20px;color:#222;background:#f5f5f5;border-radius:8px;border:none;z-index:10}

.ttp-search-wrapper .search input::-webkit-input-placeholder{color:grey}

.ttp-search-wrapper .search input:-moz-placeholder,.ttp-search-wrapper .search input::-moz-placeholder{color:grey}

.ttp-search-wrapper .search input:-ms-input-placeholder{color:grey}

.ttp-search-wrapper .search input::-ms-input-placeholder{color:grey}

.ttp-search-wrapper .search input::placeholder{color:grey}

.ttp-search-wrapper .search button{width:92px;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;border:none;background:transparent;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;z-index:11;cursor:pointer}

.ttp-search-wrapper .search button:before{content:"";display:block;width:1px;height:16px;background-color:#e8e8e8;position:absolute;left:0}

.ttp-search-wrapper .search button i{display:block;width:28px;height:28px;margin-right:4px;background:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/search_icon_red.7fe98096.svg) no-repeat 50%;background-size:contain}

.ttp-search-wrapper .search button span{font-weight:500;font-size:16px;color:#f04142}

.ttp-search-wrapper .search button:hover i,.ttp-search-wrapper .search button:hover span{opacity:.9}

.ttp-search-wrapper .search .sug{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 0;margin-top:44px;border-radius:8px;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.12);box-shadow:0 10px 50px rgba(54,56,79,.12);background:#fff;position:absolute;top:0;left:0;z-index:5}

.ttp-search-wrapper .search .sug .sug-item{font-size:16px;line-height:16px;color:#222;padding:12px 20px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ttp-search-wrapper .search .sug .sug-item.current,.ttp-search-wrapper .search .sug .sug-item:hover{background:#f8f8f8}

.ttp-search-wrapper .search .sug .sug-item em{color:#f04142}

.ttp-header-notice{cursor:pointer;position:relative;outline:none}

.ttp-header-notice:focus-visible{outline:auto}

.ttp-header-notice .notice-count{padding:2px 5px;text-align:center;font-weight:600;font-size:12px;line-height:12px;color:#fff;background:#f04142;border-radius:8px}

.ttp-header-notice>.notice-count{position:absolute;left:12px;top:-6px;z-index:1}

.ttp-header-notice .notice-icon{display:block;font-weight:500;font-size:16px;line-height:20px;color:#222;padding-left:30px}

.ttp-header-notice .notice-icon:before{content:"";display:block;width:24px;height:24px;background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_black.512bde3a.svg);position:absolute;top:-2px;left:0}

.ttp-header-notice .notice-icon:hover{opacity:.6}

.ttp-header-notice .notice-list{display:none; padding:12px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;mix-blend-mode:normal;border:.5px solid #f2f2f2;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11);border-radius:8px;position:absolute;top:35px;left:-13px;z-index:100: transform: scale(1); transform-origin: 24px top;}

.ttp-header-notice .notice-list a{display:block;padding:8px 25px;font-size:14px;line-height:20px;color:#222;white-space:nowrap}

.ttp-header-notice .notice-list a:hover{background:#f8f8f8}

.ttp-header-notice .notice-list:before{content:"";width:16px;height:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASBAMAAADvSECJAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf0DjEI+/XyDPWu1ZAAAAXklEQVQY02NgoAAwZU4rwCohOXPmRGzijDOBQAC7BqxawBqwaZGESEzEoQFTiyRMYiIODehaJBESE3FoQNUiiSwxEYcGJC0skagSUx2gEsoz0YA5WLhJeCYGMFVhAABuNF5e7AnNUQAAAABJRU5ErkJggg==);background-size:contain;position:absolute;top:-6px;left:16px}

.ttp-header-notice .notice-list .notice-count{display:inline-block;margin-left:8px;position:relative;top:-1px}

.ttp-header-notice.dark .notice-icon{color:#fff}

.ttp-header-notice.dark .notice-icon:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_white.e26fd22f.svg)}

.ttp-header-notice.black .notice-icon{color:#cacaca}

.ttp-header-notice.black .notice-icon:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_grey.d8c2586c.svg)}

.ttp-header-notice.black .notice-icon:hover{opacity:1;color:#fff}

.ttp-header-notice.black .notice-icon:hover:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_white.e26fd22f.svg)}

.ttp-header-publisher{cursor:pointer;position:relative;outline:none}

.ttp-header-publisher:focus-visible{outline:auto}

.ttp-header-publisher .publisher-icon{display:block;font-weight:500;font-size:16px;line-height:20px;color:#222;padding-left:30px}

.ttp-header-publisher .publisher-icon:before{content:"";display:block;width:24px;height:24px;background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_black.37ca1f59.svg);position:absolute;top:-2px;left:0}

.ttp-header-publisher .publisher-icon:hover{opacity:.6}

.ttp-header-publisher .publish-list{display:none; width:108px;padding:12px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;mix-blend-mode:normal;border:.5px solid #f2f2f2;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11);border-radius:8px;position:absolute;top:35px;left:-13px;z-index:100; transform:scale(1); transform-origin:70px top;}

.ttp-header-publisher .publish-list a{display:block;padding:8px 25px;font-size:14px;line-height:20px;color:#222}

.ttp-header-publisher .publish-list a:hover{background:#f8f8f8}

.ttp-header-publisher .publish-list:before{content:"";width:16px;height:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASBAMAAADvSECJAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf0DjEI+/XyDPWu1ZAAAAXklEQVQY02NgoAAwZU4rwCohOXPmRGzijDOBQAC7BqxawBqwaZGESEzEoQFTiyRMYiIODehaJBESE3FoQNUiiSwxEYcGJC0skagSUx2gEsoz0YA5WLhJeCYGMFVhAABuNF5e7AnNUQAAAABJRU5ErkJggg==);background-size:contain;position:absolute;top:-6px;left:16px}

.ttp-header-publisher.dark .publisher-icon{color:#fff}

.ttp-header-publisher.dark .publisher-icon:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_white.4afa1025.svg)}

.ttp-header-publisher.black .publisher-icon{color:#cacaca}

.ttp-header-publisher.black .publisher-icon:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_grey.e4b5b6ce.svg)}

.ttp-header-publisher.black .publisher-icon:hover{opacity:1;color:#fff}

.ttp-header-publisher.black .publisher-icon:hover:before{background-image:url(//lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/icon_white.4afa1025.svg)}

.ttp-header-profile .user-icon{display:inline-block;cursor:pointer;position:relative}

.ttp-header-profile .user-icon img{width:28px;height:28px;border-radius:50%}

.ttp-header-profile .user-icon>a{display:block;position:relative;z-index:110}

.ttp-header-profile .user-icon span{margin-left:6px;font-size:14px;line-height:20px}

.ttp-header-profile .user-list{display:none; padding-top:42px;position:absolute;top:0;right:-24px;z-index:100; transform:scale(1); transform-origin:70px top;}

.ttp-header-profile .user-list .user-list-content{width:108px;padding:12px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;mix-blend-mode:normal;border:.5px solid #f2f2f2;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11);border-radius:8px;position:relative}

.ttp-header-profile .user-list .user-list-content:before{content:"";width:16px;height:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASBAMAAADvSECJAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf0DjEI+/XyDPWu1ZAAAAXklEQVQY02NgoAAwZU4rwCohOXPmRGzijDOBQAC7BqxawBqwaZGESEzEoQFTiyRMYiIODehaJBESE3FoQNUiiSwxEYcGJC0skagSUx2gEsoz0YA5WLhJeCYGMFVhAABuNF5e7AnNUQAAAABJRU5ErkJggg==);background-size:contain;position:absolute;top:-6px;right:37px;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);transform:translateX(50%)}

.ttp-header-profile .user-list a{display:block;padding:8px 25px;margin-left:0;font-size:14px;line-height:20px;color:#222;text-shadow:none;white-space:nowrap}

.ttp-header-profile .user-list a:hover{background:#f8f8f8}

.ttp-header-profile .login-button{display:inline-block;border-radius:6px;padding:7px 14px;font-size:16px;font-weight:500;line-height:20px;color:#fff;background:#f04142;text-shadow:none}

.ttp-header-profile .login-button:hover{opacity:.9}