body{font-family:Microsoft YaHei,Helvetica,'\5b8b\4f53',Tahoma,Arial,"\5b8b\4f53",sans-serif;background-color:#efefef}
a{color:#000;text-decoration:none}
a:hover{color:#16b777;text-decoration:none}
a:focus{outline:0;color:#16b777}
body,html{overflow-x:hidden}
em,i{font-style:normal}
li,ol,ul{margin-bottom:0}
ul{padding-left:0;list-style:none}
dd,dl,dt{overflow:hidden}
p{line-height:1.5}
button,input,option,select,textarea{outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-size:inherit;font-family:inherit}
i.glyphicon{margin-right:5px}
.container{padding-left:5px;padding-right:5px}
.page-header{margin-top:0;padding-bottom:0;margin-bottom:10px;border-color:#f5f5f5}
dl.dl-horizontal{margin:0;padding:0}
.dl-horizontal dt{width:auto;float:left}
.dl-horizontal dd{margin-left:auto}
.dl-horizontal dd a{text-decoration:none}
.nav-pills>li>a{padding-left:15px;padding-right:15px}
.nav-pills>li.active>a:hover,.nav-pills>li>a:hover{color:#fff;background-color:#449d44;border-color:#398439}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.nav-tabs>li>a{border-radius:0}
.nav-tabs>li.active a{cursor:pointer;color:#16b777!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:1px solid #16b777;border-bottom-color:transparent}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}
.text-mr-1 a{margin-right:5px}
.text-mr-2 a{margin-right:10px}
.text-green{color:#16b777}
.text-white{color:#fff!important}
.text-red{color:red!important}
.text-white:hover{color:#16b777}
a.text-green:hover{color:#333}
.bg-white{background-color:#fff!important}
.m-0{margin:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.mx-1{margin-left:5px!important;margin-right:5px!important}
.mx-2{margin-left:10px!important;margin-right:10px!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:5px!important;margin-bottom:5px!important}
.my-2{margin-top:10px!important;margin-bottom:10px!important}
.ml-0{margin-left:0!important}
.ml-1{margin-left:5px!important}
.ml-2{margin-left:10px!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:5px!important}
.mt-2{margin-top:10px!important}
.mr-0{margin-right:0!important}
.mr-1{margin-right:5px!important}
.mr-2{margin-right:10px!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:5px!important}
.mb-2{margin-bottom:10px!important}
.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.px-1{padding-left:5px!important;padding-right:5px!important}
.px-2{padding-left:10px!important;padding-right:10px!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:5px!important;padding-bottom:5px!important}
.py-2{padding-top:10px!important;padding-bottom:10px!important}
.pl-0{padding-left:0!important}
.pl-1{padding-left:5px!important}
.pl-2{padding-left:10px!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:5px!important}
.pt-2{padding-top:10px!important}
.pr-0{padding-right:0!important}
.pr-1{padding-right:5px!important}
.pr-2{padding-right:10px!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:5px!important}
.pb-2{padding-bottom:10px!important}
.row{margin-left:-5px;margin-right:-5px}
.row .col{padding-left:5px;padding-right:5px}
.page-header h2{margin-top:10px;position:relative;font-size:1.125em}
.page-header h4{font-size:1.125em}
.vod-hot li i{color:#fff;width:18px;line-height:19px;border-radius:3px;margin-right:5px;text-align:center;display:inline-block;background-color:#a5a5a5;font-size:12px}
.vod-hot li .n1{background:red}
.vod-hot li .n2{background:#ff920b}
.vod-hot li .n3{background:#ffc600}
.vod-hot{color:#096}
.vod-hot li{padding:0 0 12px 0}
.vod-hot li strong{color:#060;font-size:1.1em;font-weight:400}
.vod-item{position:relative;margin-left:-5px;margin-right:-5px}
.vod-item li{padding-left:5px;padding-right:5px;margin-bottom:10px}
.vod-item li p{font-size:.9em;margin:0;padding:0}
.vod-item li .image{position:relative;overflow:hidden}
.vod-item li .image .continu{position:absolute;bottom:4px;right:4px;color:#fff;font-size:.8em;background:rgba(0,0,0,.7);padding:1px 6px}
.vod-item li .image i{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.vod-item li .image a:hover .playbg{z-index:3;background:rgba(0,0,0,.15);opacity:1}
.vod-item li .image a:hover .playbtn{z-index:4;background:rgba(0,0,0,.15) url(https://p1.meituan.net/dpgroup/828e555a9c0fded6039a9d82c9a62dc31818.png) center center no-repeat;opacity:1}
.vod-item h3{margin:0;font-size:1.1em;overflow:hidden;padding:5px 0}
.vod-item .pic{position:relative;display:block;width:100%;height:0;background:#f5f5f5;padding-top:130%;border-radius:3px;overflow:hidden}
.vod-item .pic img{position:absolute!important;top:0;width:100%;height:100%;padding:3px;border-radius:0;border-color:#f5f5f5}
.vod-type dl dt{width:auto;padding:0 5px 0 5px;text-align:left;float:left}
.vod-type dl dd{margin-bottom:10px}
.vod-detail .media-left{margin-right:5px}
.vod-detail .media-left .ff-img{width:180px;height:230px}
.vod-detail li label{font-weight:400}
.vod-detail li a{color:#16b777}
.vod-detail li a:hover{color:#333}
.vod-content{font-size:1em;line-height:2}
.video{background:url(https://p1.meituan.net/csc/ff74b338c284746d598760b56cc8dea65645.png) no-repeat;background-position:center center;background-size:cover}
.footer{padding:20px 0 0;background-color:#fff;margin-top:10px}
.media-body h1{font-weight:700;font-size:1.3em}
.playurl,.vod-play ul{margin-left:-5px;margin-right:-5px}
.playurl li,.vod-play li{margin-bottom:10px;padding-left:5px;padding-right:5px}
.vod-play li{width:20%}
.header{width:100%;overflow:hidden;height:70px}
.top{width:100%;overflow:hidden;background:#222;position:relative}
.header .center{height:60px;line-height:60px;margin:0 -5px}
.header .logo{float:left;margin-right:10px}
.header .logo a{display:block;color:#fff;font-size:24px}
.header .nav{float:left;font-size:17px}
.header .nav ul li{float:left;text-align:center}
.header .nav ul li a{display:block;color:#fff;padding:0 10px}
.header .nav ul li.active a{background-color:#080808;color:#fff}
.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:30px;text-indent:10px;border:0;flex:1 1 auto}
.header .search .in2{height:30px;line-height:30px;color:#5e5c5c;border:0}
.slip{white-space:nowrap;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.slip::-webkit-scrollbar{display:none}
.page{line-height:35px;text-align:center;padding:20px 0;display:block}
.page a{background-color:#fff;border:1px solid #ddd;border-radius:3px}
.page .on{border-radius:3px;font-style:normal}
.page .on,.page a{display:inline-block;padding:0 13px;margin:0 5px}
.page a:hover,.page em.on{color:#fff;background-color:#16b777}
.playurl .active .btn,.playurl a:hover{background-color:#16b777!important;color:#fff!important}
.playurl a:visited{border:1px solid #e8e5e5;background:#f3f0f0}
@media (min-width:1200px){.container{width:1020px}
}
@media (min-width:768px){.embed-responsive-16by9{padding-bottom:48.25%}
}
@media screen and (max-width:960px){.header{height:120px}
.header .nav{width:100%;line-height:50px;background:#fff}
.header .nav ul li{display:inline-block;float:none}
.header .nav ul li.active a{background:#fff;color:#16b777}
.slip{overflow-x:overlay}
.header .nav ul li a{color:#333}
}
@media screen and (max-width:640px){.header .center{height:40px;line-height:40px}
.header{height:140px}
.header .search{width:98%;margin:5px 1%}
.header .logo{text-align:center;float:none}
}
@media (max-width:767px){.vod-detail .media-left .ff-img{width:140px;height:190px}
.page{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.page a{display:none;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}
.page .on{display:block;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}
.footer{padding:15px 0 5px}
}