:root{--font-color:#71757f;--font-color-link:#5e7ce0;--font-color-hover:#344899;--bg-color-read:#f6f6f8;--bg-color-title:#e9edfa;--font-color-title:#252b3a;--bg-color-nav:#5e7ce0;--bg-color-nav-hover:#344899;--font-color-nav:#fff;--font-color-nav-hover:#fff;--border-color:#f3f3f3;--border-color-card:#e9edfa}
html{font-size:14px;font-size:calc(14px + (200vw - 480px)/ 80)}
@media screen and (min-width:320px){html{font-size:calc(16px + (200vw - 640px)/ 55)}
}
@media screen and (min-width:375px){html{font-size:calc(18px + (200vw - 750px)/ 39)}
}
@media screen and (min-width:414px){html{font-size:calc(22px + (400vw - 1656px)/ 186)}
}
@media screen and (min-width:600px){html{font-size:calc(26px + (400vw - 2400px)/ 400)}
}
@media screen and (min-width:1000px){html{font-size:30px}
}
html{background-color:#fff;color:var(--font-color);font-family:sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-user-select:none;fill:currentColor;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
input,input[type=button],input[type=reset],input[type=submit]{border:none;resize:none}
img{width:100%;height:auto;-ms-interpolation-mode:bicubic}
em,i{font-style:normal}
strong{font-weight:400}
:focus{outline:0}
*,::after,::before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
.clear:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.clear{zoom:1}
a{color:var(--font-color-link);text-decoration:none}
a:hover{color:var(--font-color-hover)}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei}
img{border:none}
input{font-family:Microsoft YaHei}
a:active,a:hover,a:link,a:visited{background:0 0;-webkit-tap-highlight-color:transparent}
.m-mt{margin-top:.75rem}
.m-mb{margin-bottom:.75rem}
.m-ml{margin-left:1rem}
.m-mr{margin-right:1rem}
.m-pt{padding-top:.75rem}
.m-pb{padding-bottom:.75rem}
.m-pl{padding-left:.75rem}
.m-pr{padding-right:.75rem}
.t-center{text-align:center}
.container{margin:0 auto;width:100%}
.hd{padding:.75rem 1rem;background-color:var(--bg-color-title);color:var(--font-color-title);font-size:1rem;line-height:1;position:relative}
.hd .pull-right{position:absolute;right:1rem;color:var(--font-color);font-weight:400;font-size:.875rem;line-height:1rem}
.header{width:100%;overflow:hidden;background:#fff;height:100%}
.header .top{width:100%;overflow:hidden;background:var(--font-color-link);position:relative}
.header .top .container{line-height:60px}
.header .top .logo{float:left;margin:0 1%}
.header .top .logo a{display:block;color:#fff;font-size:28px}
.header .nav{float:left}
.header .nav ul li{float:left;text-align:center}
.header .nav ul li a{display:block;color:#fff;padding:0 .625rem}
.header .nav ul li a:hover,.header .nav ul li.active a{background:#fff;color:var(--font-color-link)}
.header .search{float:right;background:#fff;margin:15px 1% 0 0;border-radius:3px;overflow:hidden}
.header .search form{display:flex}
.header .search .in1{height:35px;text-indent:10px;flex:1 1 auto}
.header .search .in2{height:35px;width:36px;background:url(https://p0.meituan.net/csc/16b1336ba4fc1dd9f63ba59435d86bad1779.png) no-repeat -72px 8px;cursor:pointer;border:0}
.rank .left,.rank .right,.rank .taglist,.ranklist,.sort .content{overflow:hidden;margin:0}
.rank .left ul.update,.rank .right ul,.rank .taglist ul,.sort .content .vodlist ul{margin:0 1rem}
.rank .left .content,.ranklist .content{overflow:hidden;margin:0 0 .75rem}
.ranklist .content p{font-size:.875rem;width:100%}
.ranklist .content li,.ranklist .text,.sort .content .vodlist .top{overflow:hidden;margin:0 1rem;padding:.75rem 0 0}
.ranklist .content li+dl{margin-top:.75rem;border-top:1px solid #f3f3f3}
.ranklist .content li .cover,.sort .content .vodlist .top .cover{float:left;width:5.3rem;height:6rem}
.ranklist .content li .cover img,.sort .content .vodlist .top .cover img{width:4.8rem;height:6rem;border-radius:2px;background-color:#f6f7f9}
.ranklist .content li h3,.sort .content .vodlist .top h3{overflow:hidden;height:1.25rem;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;line-height:1.25rem;font-weight:700}
.ranklist .content li div,.sort .content .vodlist .top div{overflow:hidden;margin: .5rem 0;height: 3.5rem;text-align:justify;/* white-space:break-spaces; */font-size:.875rem;line-height:1.25rem;}
.rank .left .update li,.rank .right ul li,.sort .content .vodlist ul li{display:flex;height:2.4rem;font-size:.875rem;line-height:2.4rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
.rank .left .update li{justify-content:left}
.rank .left .update li+li,.rank .right ul li+li,.sort .content .vodlist ul li+li{border-top:1px solid #f3f3f3}
.rank .right ul li a,.rank .right ul li span{float:left}
.rank .right ul li span,.sort .content .vodlist ul li span{font-size:.875rem}
.rank .left .update li h3,.rank .right ul li a,.sort .content .vodlist ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;flex:1}
.rank .right ul li span+a,.sort .content .vodlist ul li span+a{margin:0 .25rem;font-weight:700}
.rank .left .update li i{margin-right:6px}
.rank .left .update li small{margin-left:6px}
.rank .left .update li small,.rank .left .update li span{font-size:.75rem;color:var(--font-color)}
.rank .right ul li a:last-child,.sort .content .vodlist ul li a:last-child{overflow:hidden;flex:unset;max-width:30%;color:var(--font-color);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}
.sort .content .vodlist .top{padding:1rem 0;border-bottom:1px solid #f3f3f3}
.rank .left .update li h3{font-weight:400}
.ranklist .content li div.vodmark{overflow:hidden;margin:.2rem 0;height:1rem;text-align:left;font-size:.75rem;line-height:1rem}
.ranklist .content li div.vodmark+dd{font-size:.75rem}
.ranklist .content li div.history{overflow:hidden;margin:.5rem 0;height:1rem;line-height:1rem}
.ranklist .content li div:last-child,.sort .content .vodlist .top div:last-child{display:flex;overflow:hidden;margin:0;height:1rem;line-height:1rem;flex-direction:row;flex-wrap:nowrap}
.ranklist .content li div:last-child a,.sort .content .vodlist .top div:last-child a{color:#71757f;color:var(--font-color);flex:1;text-align:left}
.ranklist .content li div:last-child span,.sort .content .vodlist .top div:last-child span{margin-right:.25rem;padding:.1rem;border:1px solid;border-radius:2px;color:#fa9841;font-size:.75rem;line-height:1}
.ranklist .content li div:last-child span:nth-child(2),.sort .content .vodlist .top div:last-child span:nth-child(2){color:#3ac295}
.ranklist .content li div:last-child span:last-child,.sort .content .vodlist .top div:last-child span:last-child{color:#5e7ce0;color:var(--bg-color-nav)}
.detail .cover{float:left;margin:0 1rem;width:7rem;height:9rem}
.detail .cover img{width:100%;height:100%;border-radius:2px}
.detail .vodtitle h1{padding:.75rem 1rem;color:var(--font-color-title);font-size:1rem;line-height:1.5rem}
.detail .vodinfo p{overflow:hidden;height:1.25rem;font-size:.875rem;margin-bottom:.3125rem;line-height:1.25rem}
.detail .vodinfo p a{margin-right:.25rem}
.detail .vodinfo .red{color:#ff0808}
.footer{margin-top:.75rem;padding:1rem;border-top:1px solid var(--border-color);font-size:.75rem}
.footer p{text-align:center;line-height:1rem}
.hidden-xs{display:none!important}
.rows{display:flex;flex-wrap:wrap;margin:0 -5px}
.rows>*{flex-shrink:0;max-width:100%;padding:5px;margin-bottom:5px}
.rows.x4>*{width:25%}
.rows.x3>*,.rows.x5>*{width:33.333%}
.rows.x2>*{width:50%!important;margin:0;padding:1px}
.plist .title{line-height:40px;padding-left:1rem;background-color:var(--bg-color-title);color:var(--font-color-title);font-size:1rem;position:relative}
.plist .title a{display:inline-block;padding:0 10px;text-align:center;cursor:pointer}
.plist .title .on{border-top:3px solid var(--font-color-link);background:#fff}
.plist .title,.plist p{padding-left:1rem}
.plist .box{padding:1rem}
.plist .box>ul{display:none}
.plist .box>ul.on{display:flex}
.plist .box li a{display:block;padding:.375rem .125rem;text-align:center;border:1px solid #dfdfdf;border-radius:3px;overflow:hidden}
.plist .box li a.active,.plist .box li a:hover{background:var(--font-color-link);color:#fff}
.pageinfo{line-height:2rem;text-align:center;padding:.75rem;display:flex}
.pageinfo .on{border-radius:3px;font-style:normal;flex:1}
.pageinfo .on,.pageinfo a{display:inline-block;padding:0 13px;margin:0 5px}
.pageinfo a{background-color:#fff;border:1px solid #ddd;border-radius:3px;display:none}
.pageinfo a:hover,.pageinfo span.on{color:#fff;background-color:var(--font-color-link)}
.type{width:100%;overflow:hidden;padding:0 1rem;margin-bottom:5px;font-size:.85rem}
.type>*{border-bottom:1px dotted #eee;display:flex;align-items:center}
.type h2{color:var(--font-color-title);flex-shrink:0}
.type ul li{display:inline-block;line-height:2rem}
.type ul li a{display:inline-block;padding:0 .25rem;color:var(--font-color)}
.type ul li a:hover,.type ul li.active a{color:var(--font-color-link)}
.h1x{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2x,.h3x{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.h3x{-webkit-line-clamp:3}
.slip{white-space:nowrap;overflow-y:hidden;overflow-x:overlay;-webkit-overflow-scrolling:touch}
.slip::-webkit-scrollbar{display:none}
.ratio{position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:42%}
.ratio>*{position:absolute!important;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.lazy{display:block;border-radius:3px;background-image:url(https://p0.meituan.net/csc/c1cb641fdca7b785984fead92457437819464.gif);background-position:50%;background-repeat:no-repeat;background-size:40px 40px;transition: transform .3s;}
.video{background:url(https://p1.meituan.net/csc/ff74b338c284746d598760b56cc8dea65645.png) no-repeat;background-position:center center;background-size:cover}
@media (min-width:960px){.hidden-xs{display:block!important}
html{font-size:16px}
.pc-mt{margin-top:15px}
.pc-mb{margin-bottom:15px}
.pc-ml{margin-left:15px}
.pc-mr{margin-right:15px}
.pc-pt{padding-top:15px}
.pc-pb{padding-bottom:15px}
.pc-pl{padding-left:15px}
.pc-pr{padding-right:15px}
.container{width:95%;max-width:960px}
.rank,.sort{display:flex}
.rank .left,.rank .right,.rank .taglist,.ranklist,.sort .content{border:3px solid #e9edfa;border-color:var(--border-color-card);border-radius:2px}
.rank .left .update,.rank .right ul,.sort .content .vodlist ul{margin:0}
.rank .right ul li,.sort .content .vodlist ul li{margin:0 1rem}
.rank .left,.rank .taglist,.sort{flex:1}
.rank .right{margin-left:calc(1.7% - 2px);width:31.8%}
.rank .left .content,.ranklist .content,.sort{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.ranklist .content{justify-content:unset}
.ranklist .content li,.ranklist .content li+dl{float:left;margin:0;padding:1rem 0 0;width:49%;border:none}
.ranklist .content li,.ranklist .content li+dl{width:32%}
.ranklist .content li:nth-child(3n),.ranklist .content li:nth-child(3n+2){padding-left:2%}
.sort .content{width:31.8%}
.sort .content:nth-child(n+4){margin-top:15px}
.rank .left .update li{font-size:.875rem;justify-content:flex-start}
.rank .left .update li h3{display:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank .left .update li span{width:auto;text-align:right}
.detail .vodtitle h1{font-size:18px;line-height:1.5}
.detail .cover{width:155px;height:195px}
.footer{margin-top:1rem}
.hidden-md{display:none!important}
.pageinfo{display:block}
.pageinfo a{display:inline-block}
.slip{overflow-x:hidden}
.rows.x5>*{width:20%}
}
@media (max-width:960px){.header .search{width:98%;margin:.25rem 1%}
.header .top .logo{text-align:center;float:none}
.header .top .container{line-height:40px}
.header .nav{width:100%;padding:.3rem 0;background:#fff}
.header .nav ul li{display:inline-block;float:none}
.header .nav ul li a{color:var(--font-color)}
.h1x.hd{padding:.75rem .25rem;font-size:.85rem}
}