html, body {background-color: #fff;min-width: 1280px;font-family: sans-serif;color: #333;}
html {margin: 0 auto;height: 100%;}
*:focus{outline:none;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form {margin: 0;}
img {vertical-align: top;}
.clearfix {  position: relative;}
.clearfix::after {  clear: both;  content: '';  display: block;  width: 0;  height: 0;  visibility: hidden;}
ul {list-style: none;}
ol, ul, li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;display: inline-block;color: #333;}
a img {border: none;vertical-align: top;}
img {max-width: 100%;height: auto;vertical-align: top;-ms-interpolation-mode: bicubic;border: 0;}
.video-cover {position: relative;}
.fs_14 {font-size: 14px;}
.fw_600 {font-weight: 600;}
.c_b_3 {color: #333333;}
.c_b_9 {color: #999999;}
.c_w_f {color: #ffffff;}
.play-btn {width: 68px;height: 68px;border-radius: 100%;background-image: url('/static/images/playbtn.png');background-size: cover;background-repeat: no-repeat;
  cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
/*导航*/
.header-wraper {width: 100%;background: #FAFAFA;position: fixed;top: 0;left: 0;z-index: 110;padding-left: 20px;box-sizing: border-box;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.header-content {margin: 0 auto;position: relative;width: 1140px;}
.header-left-logo {height: 30px;float: left;}
.header-left-logo a {display: block;height: 150%;margin-top: 20px;}
.header-left-logo img {height: 100%;display: block;}
.header-page-item {font-size: 15px;color: #000;float: left;margin-left: 20px;width: 80px;position: relative;}
.header-page-item a {width: 100%;display: block;line-height: 90px;}
.activited, .header-click-item:hover {color: #e60012;font-weight: bold;}
.search-btn {display: inline-block;cursor: pointer;margin-top: 35px;}
.search-btn:before {font-size: 22px;content: "\e60e";transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;}
.search-btn:hover:before {color: #acaba6;}
.header-auto-wrap {width: 100%;height: 0;transition: all 0.1s;-moz-trqidansition: all 0.1s;-webkit-transition: all 0.1s;-o-transition: all 0.1s;position: relative;
}
.auto-wrap-border {width: 6px;height: 2px;background: #e60012;display: block;margin-bottom: 21px;display: none;}
/*banner*/
.swiper-banner {width: 100%;position: relative;background-color: #0c0c0c;}
.swiper-container {width: 100%;max-width: 1440px;margin: 0 auto;}
.swiper-banner .swiper-container::before {content: '';width: 120px;height: 800px;background-image: linear-gradient(to right, #0c0c0c, rgba(5, 5, 5, 0));
  position: absolute;top: 0;left: 0;z-index: 100;}
.swiper-banner .swiper-container::after {content: '';width: 120px;height: 500px;background-image: linear-gradient(to left, #0c0c0c, rgba(5, 5, 5, 0));
  position: absolute;top: 0;right: 0;z-index: 100;}
.swiper-slide img {width: 100%;height: 100%;}
.swiper-pagination-bullet {width: 10px;height: 10px;opacity: 0.3;border: 2px solid #ffffff;box-sizing: border-box;}
.swiper-pagination-bullet-active {background-color: #fff;width: 10px;height: 2px;border-radius: 1px;vertical-align: middle;border: none;}
.swiper-banner .swiper-slide a {display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {margin-top: -3px;}
.swiper-cover {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;}
.swiper-cover img{width: 946px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.swiper-pagination {z-index: 200;}
/*serch*/
.search-wrap {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 10002;transition: .15s ease;
    -webkit-transition: .15s ease;-moz-transition: .15s ease;-ms-transition: .15s ease;-o-transition: .15s ease;}
.zIndex-2 {z-index: 200;}
.search-wrap .search-box {height: 60px;background-color: #fff;}
.search-wrap .search-box .search-con {white-space: nowrap;}
.search-wrap .search-box .search-con {width: 924px;height: 100%;margin: 0 auto;position: relative;}
.search-wrap .search-box .search-con .search-left.slideLeft {opacity: 1;padding-top: 15px;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.search-wrap .search-box .search-con .search-btn {display: inline-block;margin-right: 14px;margin-top: 3px;}
.search-wrap .search-box .search-con .search-btn:before {font-size: 26px;}
.search-wrap .search-box .search-con * {display: inline-block;vertical-align: middle;}
.icon-search:before {content: "\e60e";}
.search-wrap .search-box .search-con input {width: 804px;font-size: 14px;color: #262626 !important;line-height: normal;background: none;outline: none;border-radius: none;border: none;font-weight: 300;}
.search-wrap .search-box .search-con .search-close-btn:before {font-size: 24px;color: #333;}
.icon-close:before {content: "\e60b";}
.search-close-btn{margin-top: 15px;cursor: pointer;}
/*短视频*/
.section-summary {position: relative;text-align: center;padding: 110px 0px;background: #fafafa;}
.section-summary::before {width: 50%;height: 100%;content: '';position: absolute;left: 0;top: 0;}
.about-intro {margin: 0 auto;width: 1086px;position: relative;}
.about-intro li {float: left;}
.intro-video {width: 600px;height: 337px;background-color: #ffffff;position: relative;overflow: hidden;}
.intro-video .cover:hover {transform: scale(1.03);}
.intro-video .cover {width: 100%;height: 100%;transition: 0.3s ease-in-out;}
.intro-text {width: 486px;font-size: 14px;font-weight: 300;line-height: 2.29;color: #333333;text-align: left;position: absolute;top: 0;right: 0;}
.intro-text .title {width: 411px;display: block;margin-left: 30px;font-size: 28px;font-weight: 500;}
.intro-text p{margin-left: 30px;margin-top: 27px;}
.intro-text .more{margin-left: 30px;margin-top: 27px;font-weight: 500;font-size: 16px;}
.intro-text .more a:hover{color: #e74b3b;}
/*分页样式*/
DIV.badoa { FONT-SIZE: 13px; COLOR: #0C448E; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; margin-right: auto; margin-left: auto; clear: both; display: table; width: 950px; padding-bottom: 20px; padding-top: 20px; }
DIV.badoa .disabled{ display:none}
DIV.badoa A {
  PADDING-RIGHT: 14px;
  PADDING-LEFT: 14px;
  PADDING-BOTTOM: 8px;
  COLOR: #333333;
  PADDING-TOP: 8px;
  TEXT-DECORATION: none;
  background-color: #FFFFFF;
  border: 1px solid #D4D4D4;
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
  border-radius: 3px;
  font-family: "微软雅黑", "宋体";
}
DIV.badoa A:hover {
  COLOR: #FE5F56;
  text-decoration: none;
  border: 1px solid #D4D4D4;
  background-color: #f7f7f7;
}
DIV.badoa A:active {
  COLOR: #ff5a00;
  border: 1px solid #D4D4D4;
  background-color: #D4D4D4;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 14px;
}
DIV.badoa SPAN.current { PADDING-RIGHT: 14px; PADDING-LEFT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 8px; COLOR: #fff; PADDING-TOP: 8px; BACKGROUND-COLOR: #F60; border: 1px solid #f60; border-radius: 3px; margin-top: 0px; margin-bottom: 0px; font-family: "微软雅黑", "宋体"; margin-right: 4px; }

/*视频播放器*/
.video-wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 100000;}
.video-wrap .video-ground {width: 960px;height: 540px;position: absolute;left: 50%;top: 50%;margin-left: -480px;margin-top: -270px;box-shadow: 0 0 20px rgba(0,0,0,.6);
}
.video-wrap .video-ground video {width: 100%;height: 100%;background: #000;}
video {object-fit: contain;}
.dn {display: none!important;}
.close-cover {position: absolute;right: -15px;top: -12px;font-size: 15px;color: #333;display: block;width: 30px;height: 30px;background: #eee;border-radius: 50%;
    line-height: 30px;text-align: center;box-shadow: 0 0 6px rgba(0,0,0,.3);cursor: pointer;transition: .3s ease;}
[class^="icon-"], [class*=" icon-"] {font-family: 'iconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;
    line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-close:before {content: "\e60b";font-size: 20px;margin-top: 5px;margin-left: 2px;display: block;}
/*影视后期*/
.wrappage-container{background: #ffffff;padding: 110px 0;}
.wrappage-container .article-show-box {width: 1140px;margin: 0px auto 0;font-size: 0;}
.wrappage-container .select-list {width: 372px;display: inline-block;vertical-align: middle;}
.wrappage-container .el-2 {transition-delay: .3s;}
.wrappage-container .float-elem {transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);}
.wrappage-container .second-level-title {font-size: 28px;}
.wrappage-container .level-title {color: #000;font-weight: normal;}
.wrappage-container .select-list .show-intro {font-size: 14px;font-weight: 300;color: #333;line-height: 1.86;padding: 20px 0 60px;}
.wrappage-container .el-3 {transition-delay: .4s;}
.wrappage-container .float-elem {transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);}
.wrappage-container .select-list .show-btn-list {font-size: 0;}
.wrappage-container .el-4 {transition-delay: .5s;}
.wrappage-container .select-list .show-btn-list li {display: inline-block;margin: 0 20px 25px 0;}
.wrappage-container .select-list .show-btn-list li a {display: block;padding: 0 26px;height: 36px;line-height: 36px;background-color: #f35c4c;color: #fff;font-size: 14px;border-radius: 100px;transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;font-weight: 300;}
.wrappage-container .article-show-box .show-right {display: inline-block;vertical-align: middle;width: 695px;margin-left: 72px;vertical-align: middle;}
.wrappage-container .el-1 {transition-delay: .2s;}
.wrappage-container .article-show-box .show-right li {position: relative;display: inline-block;width: 225px;height: 135px;margin: 0 10px 10px 0;}
.wrappage-container .article-show-box .show-right li:nth-of-type(3n){margin-right: 0;}
.wrappage-container .article-show-box .show-right li .video-cover {overflow: hidden;}
.wrappage-container .article-show-box .show-right li .video-cover > img {width: 225px;height: 135px;}
.video-cover > img {transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;}
.video-cover > img, .video-cover .cover-loading {width: 210px;height: 365px;background: #f0f0f0;}
.video-cover .video-cover-con {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;opacity: 1;}
.video-cover:hover .video-hover-con {opacity: 1;}
.video-cover .duration {color: #fffefe;position: absolute;right: 14px;bottom: 14px;line-height: 1;font-weight: 300;z-index: 1;text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);}
.fs_12 {font-size: 12px;}
.wrappage-container .article-show-box .show-right .video-cover .video-hover-con {background-color: rgba(30, 31, 41, 0.9);transition: .15s ease;-webkit-transition: .15s ease;-moz-transition: .15s ease;-ms-transition: .15s ease;-o-transition: .15s ease;}
.video-cover .video-hover-con {position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: rgba(0,0,0,.5);opacity: 0;transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;}
.wrappage-container .article-show-box .show-right li .video-cover .video-hover-con .desc {
    font-size: 13px;
    margin: 15px 15px 0;
    color: #e2e3e5;
}

.video-cover .video-hover-con .desc {
    margin: 14px;
    max-height: 53px;
}
.fw_600 {
    font-weight: 600;
}

.line-hide-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.line-hide-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.wrappage-container .article-show-box .show-right .video-cover .video-hover-con span {
    display: inline-block;
    color: #999;
    margin: 0 15px;
    padding-top: 5px;
    color: #999;
}

.fs_10 {
    font-size: 10px;
}
.fw_300 {
    font-weight: 300;
}
.wrappage-container .article-show-box .show-right .video-cover .video-hover-con p {
    color: #999;
}
.video-cover .video-cover-con p, .video-cover .video-hover-con p {
    color: #fff;
    position: absolute;
    bottom: 14px;
    left: 14px;
    line-height: 1;
    font-weight: 300;
}
.wrappage-container .article-show-box .show-right .video-cover .video-hover-con p i.title {
    padding-right: 5px;
}

.wrappage-container .article-show-box .show-right .video-cover .video-hover-con p i {
    position: static;
    display: inline-block;
    vertical-align: middle;
}
i {
    font-style: normal;
}
.author-v.yellow-v {
    background-image: url(/static/images/yellow-v.png);
}

.author-v {
    width: 10px;
    height: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}
/*playable*/
.intro {padding:10px 0 80px 0;margin: 0 auto;background: #fafafa;}
.intro .intro-list {height: 380px;
    overflow: hidden;
    width: 1125px;
    margin: 0 auto;    
    padding-top: 50px;
}
.intro .intro-list li {
    width: 224px;
    float: left;
    margin-left: 1px;
    transition: transform 0.3s;
}
.intro .intro-list li .intro-top {
    display: block;
    height: 380px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
}
.intro .intro-list li .intro-top .intro-mask {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.3s;
}
.intro .intro-list li .intro-top .intro-mask img {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    opacity: 0.8;
}
.intro .intro-list li .intro-top .intro-mask:hover {
    background-color: rgba(51, 66, 91, 0);
}
.intro .intro-list li .intro-top .intro-btn {
  display: block;
  height: 50px;
  background-color: #e74b3b;
  line-height: 50px;
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.intro .intro-list li:hover {
  transform: translateY(-50px);
}
.intro .intro-list li:hover .intro-top .intro-mask img {
  opacity: 1;
}
/*vr*/
.section-news {
  width: 1120px;
  margin: 0 auto;
  padding: 10px 0 80px;
}
.title_lm {position: relative;width: 1120px;margin: 0 auto;}
.title_lm h1 {height: 120px;padding-top:0px;position: relative;line-height: 4;font-weight: 500;}
.title_lm a {
  font-size: 16px;
  text-decoration: none;
  color: #e74b3b;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.title_lm a:hover {
  text-decoration: underline;
}
.title_lm a i {
  /* color: #ddb157; */
  font-size: 12px;
  margin-left: 2px;
}
.title_lm a i::before {
  color: inherit;
}
.section-news ul{margin-top: 0px;}
.news-item {
  width: 366px;
  height: 380px;
  background-color: #ffffff;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  box-shadow: 2px 5px 8px 0 rgba(75, 75, 75, 0.05);
}
.news-item:nth-child(3n+0){ margin-right: 0px;}
.news-item:hover {
  box-shadow: 5px 10px 16px 0 rgba(75, 75, 75, 0.1);
}
.news-item a {
  display: block;
}
.news-item:last-child {
  margin-right: 0;
}
.news-item img {
  width: 100%;
  height: 210px;
  transition: .25s ease-in-out;
}
.news-item:hover img {transform: scale(1.1);}
.news-item .cover{overflow: hidden;height: 210px;}
.news-desc {
  padding: 0 30px;
  height: 137px;
  overflow: hidden;
}
.news-desc h3 {
  /*height: 58px;*/
  font-size: 14px;
  font-weight: 600;
  line-height: 1.86;
  letter-spacing: 0.3px;
  color: #333333;
  padding: 23px 0 10px;
}
.news-desc p {
  height: 69px;
  font-size: 12px;
  line-height: 23px;
  color: #999999;
  overflow: hidden;
}
/*footer*/
.page_footer .footer_main{background-color:#383a3f;padding:50px 0px;}
.page_footer .footer_main dt a{font-size:18px;color:#c79556;font-weight:500;background:none;padding:0;margin:0;}
body .bdshare_popup_box{display:none!important;}
.page_footer .footer_main dt{margin-bottom:21px;}
.page_footer .footer_main dd{color:#cccccc;line-height:28px;font-size: 14px;}
.page_footer .footer_main dd span{display:inline-block;}
.page_footer .footer_main dd .title{margin-right:16px;color:#c79556;}
.page_footer .footer_main dd .phone_number{color:#cccccc;cursor:default;margin-right:12px;}
.page_footer a{color: #cccccc;font-size: 14px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;}
.page_footer a:hover{color: #c79556;}
.page_footer .footer_main dl{margin-right:8%;}
.page_footer .footer_main dl:nth-child(3) dd:last-child .phone_number{margin-right: 26px;}
.page_footer .footer_main dl:last-child{margin-right:0;text-align:right;}
.page_footer .footer_main .i_ico{display:inline-block;vertical-align:middle;margin-right:8px;}
.page_footer .footer_main .share_ico01{background-position:0px -24px;}
.page_footer .footer_main .share_ico02{background-position:-24px -24px;}
.page_footer .footer_main .pub_number dd{margin-bottom:4px;}
.page_footer .footer_main .pub_number dt a{text-align:right;display:block;float:none;}
.page_footer .footer_bar{background-color:#2e3033;color:#eeeeee;padding:22px 0px;line-height:22px;}
.page_footer .footer_bar .f_bar_l a{margin-right:24px;position:relative;}
.page_footer .footer_bar .f_bar_l a:after{content:"";width:1px;height:12px;display:block;background-color:#eeeeee;position:absolute;top:50%;margin-top:-6px;right:-12px;}
.page_footer .footer_bar .f_bar_l a:last-child:after{display: none;}

.page_footer .footer_bar .f_bar_r{font-size:12px;}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.l {float: left;}
.r {float: right;}
/*底部二维码*/
.page_footer .footer_main dd{position:relative;}
.page_footer .footer_main dd .ewm{width:100px;height:100px;display:block;position:absolute;right:114%;top:-124%;-webkit-transition: all 0.3s ease;visibility:hidden;opacity:0;}
.page_footer .footer_main dd .ewm:after{content:"";width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;border-width:10px;position:absolute;display:block;right:-20px;top:50%;margin-top:-10px;}
.page_footer .footer_main dd:hover .ewm{visibility:visible;opacity:1;}
/*.page_footer .footer_main dd a{display:block;}*/
.page_footer .footer_main dd:hover .share_ico01{background-position:-72px 0px}
.page_footer .footer_main dd:hover .share_ico02{background-position:-72px -24px}
/* 常量设置 */
.wrap { width:1181px; margin-right:auto; margin-left:auto;}
.toolbar {position: fixed;right: 0px;bottom: 150px; z-index: 9999;width: 40px;display: none;}
.toolbar-item {display: block;}
.toolbar>div{margin-top: 2px;height: 40px;float: left;}
.toolbar>div a{ 
  background-size: 100%!important;
    background-position: center!important;
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    margin: 0!important;
    background-color: #ccc!important;
    background-repeat: no-repeat!important;
    background: none\9;
}
#bdshare{padding: 0!important;}
.toolbar .bds_qzone{
  background-image: url(//cs.vmovier.com/Uploads/Activity/2016-12-12/584e441b2b1c6.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cs.vmovier.com/Uploads/Activity/2016-12-12/584e441b2b1c6.png',sizingMethod='scale');
  }
.toolbar .bds_weixin{
  background-image: url(//cs.vmovier.com/Uploads/Activity/2016-12-12/584e442fd3ec1.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cs.vmovier.com/Uploads/Activity/2016-12-12/584e442fd3ec1.png',sizingMethod='scale');
}
.toolbar .bds_tsina{
  background-image: url(//cs.vmovier.com/Uploads/Activity/2016-12-12/584e444f17f54.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cs.vmovier.com/Uploads/Activity/2016-12-12/584e444f17f54.png',sizingMethod='scale');
}
.toolbar-item-top{
  background-image: url(//cs.vmovier.com/Uploads/Activity/2016-12-12/584e4463a71ac.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cs.vmovier.com/Uploads/Activity/2016-12-12/584e4463a71ac.png',sizingMethod='scale');
}
.toolbar-item-top:hover{opacity: 0.7;filter: alpha(opacity=70);}

/* 作品列表页 */

.channel-container{width: 1140px; margin: 0 auto; padding: 110px 20px 40px;}
.channel-container .video-list li:nth-of-type(1), .channel-container .video-list li:nth-of-type(2), .channel-container .video-list li:nth-of-type(3), .channel-container .video-list li:nth-of-type(4), .channel-container .video-list li:nth-of-type(5){margin-top: 0;}
.video-con {
    width: 210px;
    position: relative;
}
.video-con .video-con-top {
    padding: 16px;
}
.video-con .video-con-top>a {
    display: block;
}
.line-hide-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.video-list {
    font-size: 0;
}
.video-list > li {
    display: inline-block;
    background: #fff;
    cursor: pointer;
    margin: 20px 22px 0 0;
    vertical-align: top;
    transition: all .15s ease;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
}
.video-list > li:hover {
    box-shadow: 0 4px 12px 0px rgba(0,0,0,.1);
}
.channel-container .video-list li:nth-of-type(5n) {margin-right: 0;}
	.new-cate {
    margin-top: 12px;
    text-align: left;
    max-height: 36px;
    overflow: hidden;
}
.video-view {
    margin-top: 10px;
}
.video-view span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}
.video-view span:before {
    color: #ddd;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 14px;
}
.icon-play-volume:before {
    content: "\e60f";
}
.icon-like:before {
    content: "\e6a3";
}
/*.hover-wrap{width: 167px; position: absolute; top: 55px; padding-top: 10px;}*/
.hover-box{background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); overflow-y: auto; max-height: 410px; padding: 6px 0;}
.hover-box .list > li{width: 100%;}
.hover-box .list > li.line{height: 1px; background-color: #f0f0f0; margin: 6px 0;}
.hover-box .list > li.private{margin-bottom: 6px; border-bottom: 1px solid #f0f0f0; padding: 6px 0;}
.hover-box .list > li.private .icon-private:before{margin-right: 10px;}
.hover-box .list > li:hover > a{background: #f0f0f0;}
.hover-box .list > li.select{font-weight: 600;}
.hover-box .list > li a.select{font-weight: 600;}
.hover-box .list > li a{font-size: 14px; font-weight: 300; color: #333; display: block; height: 42px; line-height: 42px; text-align: left; padding: 0 20px; position: relative;}
.hover-box .list > li a.red-point:after{top: 6px; left: 50px;}
.hover-box .list > li a .dyj-logo {
  width: 73px;
  vertical-align: -7px;
  margin-left: 12px;
}
.hover-box .list > li.select a{font-weight: 600; cursor: default;}
.hover-box .list > li.select:hover{background: #fff;}
.channel-container .channel-select-tab{background: #fff; margin-top: 30px;}
.channel-container .channel-select-tab .channel-tab-list-wrap{position: relative;}
.channel-container .channel-select-tab .channel-tab-list{padding: 30px 15px 22px; font-size: 0;}
.channel-container .channel-select-tab .channel-tab-list > li{display: inline-block;position: relative;}
.channel-container .select{font-weight: 600!important; color: #333;}
.channel-container .channel-select-tab .channel-tab-list > li *{font-size: 16px; font-weight: 300; color: #333;}
.channel-container .channel-select-tab .channel-tab-list > li a{padding: 0 15px;}
.channel-container .index-tab .tab-list li{margin: 0 38px;}
.page-wrap{text-align: center; margin-top: 20px; font-size: 0;}
.page-wrap a{font-weight: 300!important; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.page-wrap a span{display: inline-block; vertical-align: top; padding: 0!important; margin: 0!important;  transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.page-wrap a:hover{background-color: #e74b3b!important; color: #fff!important;}
.page-wrap a:hover span{background-color: #e74b3b;}
.page-wrap a span:before{font-size: 12px; color: #333;}
.page-wrap a:hover span:before{color: #f0f0f0;}
.page-wrap .arrow-page.arrow-left{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.choose-bar-v3 .choose-bar-top{padding: 11px 2px; background-color: #fff; border: solid 1px #f0f0f0;}
.choose-bar-v3 .choose-bar-top li{float: left; margin: 5px 16px;font-size: 14px;}
.choose-bar-v3 .choose-bar-top li a{display: block; padding: 2px 8px; border-radius: 2px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-top li a:hover{color: #e74b3b;}
.choose-bar-v3 .choose-bar-top li.selected a{background-color: #e74b3b; color: #fff;}
.choose-bar-v3 .choose-bar-top .second-type{padding: 5px 0; margin: 5px 16px 5px 96px; background-color: #f7f7f7;}

.choose-bar-v3 .choose-bar-bottom{font-size: 0; position: relative;}
.choose-bar-v3 .choose-bar-bottom .vipfilter-hint {
  background-color: #e74b3b;
  height: 28px;
  line-height: 28px;
  padding: 5px 47px 5px 17px;
  text-align: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  position: absolute;
  color: #FFF;
  z-index: 10;
  font-size: 12px;
  right: 215px;
  top: -28px;
  width: 210px;
}
.choose-bar-v3 .choose-bar-bottom .vipfilter-hint .icon-close{
  position: absolute;
  right: 11px;
  bottom: 9px;
  font-size: 20px;
  cursor: pointer;
}
.choose-bar-v3 .choose-bar-bottom .vipfilter-hint .bottom-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #e74b3b transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 135px;
}
.choose-bar-v3 .choose-bar-bottom .sort-type{display: inline-block;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li{float: left; margin-right: 48px;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li.selected a{color: #e74b3b; font-weight: 500;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li.selected a:before{color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li a{position: relative; display: block; padding-left: 20px; line-height: 58px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li:first-child a{padding-left: 20px;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li a:before{position: absolute; font-size: 14px; left: 0; top: 0px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li a:hover{color: #e74b3b; font-weight: 500;}
.choose-bar-v3 .choose-bar-bottom .sort-type > li a:hover:before{color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .detail-type{float: right;}
.icon-hot:before {content: "\e60c";}
.icon-choice:before {content: "\e66b";}
.icon-time:before {content: "\e61c";}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.detail-type-title {
  font-weight: 500;
  cursor: default;
}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.detail-type-title .vipicon {
  display: inline-block;
  width: 15.4px;
  height: 12px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/08/165d5614ec517cc.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  vertical-align: -3px;
  margin-right: 3px;
}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.detail-type-title .icon-filter {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
}
.issue-hover-wrap {
    position: absolute;
    min-width: 170px;
    left: 0px;
    padding-top: 15px;
    top: 60px;
    z-index: 10001;
}
.header-wraper .hover-box {
    overflow: hidden;
    max-height: none;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    /*max-height: 410px;*/
    padding: 6px 0;
}

.common-hover-wrap{transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); opacity: 0; visibility: hidden;}
.common-hover-wrap.visible{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible;}
.common-hover-wrap.hide{opacity: 0;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li{position: relative; float: left; line-height: 58px; margin-left: 48px; padding-right: 12px; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li:hover{font-weight: 500;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li:before{position: absolute; font-size: 26px; color: #999; transform: scale(.8); right: -10px;transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li:hover:before{transform: rotate(180deg) scale(.8);}
.icon-arrow-down:before {content: "\e8f9";}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.work-item .common-hover-wrap{position: absolute; width: 120px; z-index: 1; top: 46px; left: -16px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.work-item .common-hover-wrap .list > li a{height: 38px; line-height: 38px; font-size: 12px; padding: 0 16px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.work-item .common-hover-wrap .list > li.selected a{font-weight: 500; color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.duration-item .common-hover-wrap{position: absolute; width: 120px; z-index: 1; top: 46px; left: -16px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.duration-item .common-hover-wrap .list > li a{height: 38px; line-height: 38px; font-size: 12px; padding: 0 16px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.duration-item .common-hover-wrap .list > li.selected a{font-weight: 500; color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap{position: absolute; width: 192px; z-index: 100; top: 50px; left: -130px; border-radius: 2px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .hover-box{padding-bottom: 0;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .title{line-height: 34px; padding: 0 16px; height: 24px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list{padding: 0 16px 14px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li{position: relative; float: left; line-height: 19px; font-size: 12px; font-weight: 300; color: #333; margin-right: 20px; padding-left: 20px; margin-top: 10px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li:last-child{margin-right: 0;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li i{; position: absolute; width: 6px; height: 6px; padding: 3px; border: 1px solid #e3e4e5; border-radius: 50%; left: 0; top: 3px;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li i:before{content: ""; display: block; width: 100%; height: 100%; border-radius: 50%;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li.selected i{border-color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .select-list li.selected i:before{background-color: #e74b3b;}
.choose-bar-v3 .choose-bar-bottom .detail-type > li.morechooce-item .common-hover-wrap .btn{font-size: 12px; font-weight: 500;
  line-height: 34px; color: #e74b3b; text-align: center; border: 1px solid #f7f7f7;}

.creator-bar-v3 .choose-bar-top{padding: 16px 0;}
.creator-bar-v3 .choose-bar-top .first-type{padding: 0 16px;}
.creator-bar-v3 .choose-bar-top li{margin: 5px 20px 5px 12px;}
.creator-bar-v3 .choose-bar-top .second-type{margin-left: 16px;}
.creator-bar-v3 .morechooce-item .common-hover-wrap{left: -145px!important; width: 190px!important;}
.creator-bar-v3 .morechooce-item .common-hover-wrap .hover-box{max-height: 250px;}
.creator-bar-v3 .morechooce-item .common-hover-wrap .area-list li{float: left; width: 56px;}
.creator-bar-v3 .morechooce-item .common-hover-wrap .area-list li.selected a{color: #e74b3b; font-weight: 500;}
.creator-bar-v3 .morechooce-item .common-hover-wrap .area-list li a{display: block; padding-left: 16px; font-size: 12px; font-weight: 300; color: #333; line-height: 38px;}
.creator-bar-v3 .morechooce-item .common-hover-wrap .area-list li:hover a{font-weight: 600;}

/*详情页*/
.viodbg{position: absolute;width: 100%; height: 600px;-webkit-filter: blur(15px);-moz-filter: blur(15px);-o-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);}
.filmplay-detail {width: 1140px;margin: 20px auto;padding: 0 20px;position: relative;z-index: 100;}
.filmplay-detail .dyleft{float: left;width: 220px;margin-top: -123px;padding: 20px 20px;background-color: #fff;margin-bottom: 20px;}
.filmplay-detail .dyleft .recommend-list {margin-bottom: 100px;}
.filmplay-detail .dyleft .recommend-list li{height: 50px;line-height: 50px;border-bottom: 1px dashed #eaeaea;}
.filmplay-detail .dyleft .recommend-list li:before{content: "\e8fa";font-size: 20px; color: #999;}
.filmplay-detail .dyleft .recommend-list li a{height: 35px;display: inline-block;}
.filmplay-detail .dyleft .recommend-list li a:hover{color: #e74b3b;}

.filmplay-detail .dyright{float: right;margin-right: 0px;width: 790px;background-color: #fff;margin-bottom: 20px;padding: 0 30px;}
.filmplay-detail .dyright .title-wrap{padding: 20px 0;border-bottom: 1px solid #f0f0f0;position: relative;}
.filmplay-detail .dyright .title-wrap .title{width: 642px;color: #333333;font-size: 26px;font-weight: 600;}

.filmplay-detail-left {width: 750px;margin-right: 20px;float: left;}
.filmplay-detail-left .filmplay-info {
    padding: 0 30px;
    background-color: #fff;
    margin-bottom: 20px;
}
.filmplay-detail-left .filmplay-info-common {
    padding-bottom: 36px;
    position: relative;
}
.filmplay-detail-left .left-section {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}
.filmplay-detail-left .filmplay-info-common .title-wrap {
    position: relative;
    word-wrap: break-word;
}
.filmplay-detail-left .filmplay-info-common .title {
    width: 642px;color: #333333;font-size: 26px;font-weight: 600;
}
.filmplay-detail-left .filmplay-intro {
    padding-top: 16px;
    line-height: 1;
}
.filmplay-detail-left .filmplay-data {
    margin-top: 28px;
    user-select: none;
    position: relative;
}
.filmplay-detail-left .filmplay-data > div i{display: inline-block; vertical-align: middle;}
.filmplay-detail-left .filmplay-data .filmplay-data-info {
    display: inline-block;
    margin-right: 40px;
    font-size: 0;
    position: relative;
    top: -1px;
}
.filmplay-detail-left .filmplay-data .filmplay-data-info span {
    display: inline-block;
}
.filmplay-detail-left .filmplay-data .filmplay-data-info span:before {
    font-size: 12px;
    padding-right: 10px;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    color: #ddd;
}
.icon-play:before {
    content: "\e60f";
}
.filmplay-detail-left .filmplay-data .filmplay-data-info .play-counts{color: #666666;font-size: 12px;    font-weight: 300;}
.filmplay-detail-left .filmplay-data-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
    font-size: 0;
}
.filmplay-detail-left .filmplay-data-btn > span.like-btn.liked {
    border: solid 1px rgba(153,153,153,.5);
    background-color: #fff;
    color: #333;
}
.filmplay-detail-left .filmplay-data-btn > span.like-btn {
    background-color: #e74b3b;
    color: #fffefe;
    border: 1px solid #e74b3b;
    font-size: 0;
    position: relative;
    padding: 0 16px;
}
.filmplay-detail-left .filmplay-data-btn > span {
    display: inline-block;
    margin-left: 20px;
    height: 30px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
}
.v-center {
    display: inline-block;
    vertical-align: middle;
}
.filmplay-detail-left .filmplay-data-btn > span.like-btn .like-hand {
    display: inline-block!important;
    vertical-align: middle;
}
.filmplay-detail-left .filmplay-data-btn > span.like-btn .icon-like:before {
    font-size: 12px;
    color: #fff;
    padding-right: 5px;
}
.icon-like:before {
    content: "\e6a3";
}
.filmplay-detail-left .filmplay-data .like-btn i {
    line-height: 30px;
    margin-right: 10px;
}
.filmplay-detail-left .filmplay-data > div i {
    display: inline-block;
    vertical-align: middle;
}
.filmplay-detail-left .filmplay-data-btn > span.like-btn:hover{background: #cf4334;}

.filmplay-detail-left .filmplay-data-btn > span.border-btn {
    height: 30px;
    border: solid 1px rgba(153,153,153,.5);
    position: relative;
    font-size: 0;
    padding: 0 16px;
    vertical-align: top;
}
.filmplay-detail-left .filmplay-data-btn > span.border-btn .icon-share:before {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-right: 2px;
}
.icon-share:before {
    content: "\e600";
}
.filmplay-detail-left .filmplay-data-btn > span.collection-wrap {
    font-size: 12px;
    vertical-align: top;
}
.filmplay-detail-left .filmplay-data-btn > span.border-btn .icon-down:before {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.icon-down:before {
    content: "\e61b";
}
.nrcom{min-height: 600px;line-height: 30px;margin: 30px 0;}

/*右侧相似*/
.filmplay-detail-right .right-section {
    padding: 20px 20px;
    background-color: #fff;
    margin-bottom: 20px;
}
.filmplay-detail-right h3 {
    color: #33343b;
    display: inline-block;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
}
.filmplay-recommend .recommend-list {
    margin-top: 20px;
}
.filmplay-recommend .recommend-list li {
    margin-bottom: 20px;
    height: 94px;
    position: relative;
    cursor: pointer;
}
.filmplay-recommend .recommend-list li .cover-wrap {
    position: absolute;
    width: 165px;
    height: 92px;
    left: 0;
    top: 0;
    overflow: hidden;
}
.filmplay-recommend .recommend-list li .cover {
    width: 100%;
    transition: .15s;
}
.filmplay-recommend .recommend-list li .cover-wrap .cover-con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
}
.filmplay-recommend .recommend-list li .cover-wrap .cover-con:hover{background: rgba(0,0,0,.3);}
.filmplay-recommend .recommend-list li .right-con {
    margin-left: 179px;
    height: 92px;
    position: relative;
}
.filmplay-recommend .recommend-list li .right-con .article-contanier {}
.filmplay-recommend .recommend-list li .right-con .title {
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    max-height: 47px;
    width: 151px;
    font-size: 14px;
}
.filmplay-recommend .recommend-list li .right-con .cate-wrap {
    display: block;
    margin-top: 8px;
}
.filmplay-recommend .recommend-list .createFenlei{color: #999999;font-size: 12px;font-weight: 300;}
.filmplay-recommend .recommend-list li .right-con .title:hover{color: #e74b3b;}
.filmplay-detail-right .btn {
    float: right;
    cursor: pointer;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    padding-top: 10px;
}
.filmplay-detail-right .btn:hover {color: #cf4334}








.filmplay-detail-right {
    width: 370px;
    float: right;
}