@charset "utf-8";
/* header */
.myui-header__top{ top:0; z-index:999; width:100%; min-height:60px;}
.top-fixed-down{margin-top:-60px;}

/* header-logo */
.myui-header__logo,.myui-header__menu,.myui-header__search{float:left;}
.myui-header__logo img{ max-width: 162px;}

/* header-seacrh */
.myui-header__search{position: relative; width: 260px; margin-left: 50px; margin-top: 12px;}
.myui-header__search .form-control{ padding-right: 30px; border-radius: 18px; background-color: #f5f5f5; border: 0;}
.myui-header__search .submit{ display:block; position:absolute; top: 0; right: 15px; height:32px; line-height:30px; text-align:center; background: none; border: 0; font-size: 12px; cursor: pointer;}
.myui-header__search .dropdown-box{ margin-left: -130px;}
.myui-header__search .dropdown-box .item{ width: 260px; padding: 20px;}
.myui-header__search.search-box:hover .search-dropdown-hot{ display: block;}
.myui-header__search .search-select{ position: absolute; top: 8px; left: 15px; padding-right: 8px; background: none; box-shadow: none; color: #666; border-right: 1px solid #ddd;}
.myui-header__search .search-select .dropdown-box{ margin-left: -40px; z-index: 101;}
.myui-header__search .search-select .dropdown-box .item{ width: 80px; padding: 10px;}
.myui-header__search .search-select .dropdown-box .item li{ text-align: center; padding: 2px 0;}

/* header-menu */
.myui-header__menu{position:relative;}
.myui-header__menu > li{ position: relative; float: left; margin-left: 35px;}
.myui-header__menu > li > a{ font-size: 16px; line-height: 60px;}
.myui-header__menu > li .dropdown-box{ margin-left: -250px; padding-top: 0;}
.myui-header__menu > li .dropdown-box .item{ width: 500px;}
.myui-header__menu > li .dropdown-box .item li{ padding: 6px;}

/* header-user */
.myui-header__user{float:right;}
.myui-header__user > li{ float:left; position: relative; padding: 18px 0 10px; margin-left: 30px;}
.myui-header__user > li > a,.myui-header__user > li > a .fa{ display: inline-block; font-size: 24px; line-height: 24px;}
.myui-header__user > li .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
.myui-header__user > li .dropdown-box .item{ width: 260px; padding: 20px;}
.myui-header__user > li.menu .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
.myui-header__user > li.menu .dropdown-box .item{ width: 120px; padding: 10px;}
.myui-header__user > li.menu .dropdown-box .item li{ padding: 5px 0; text-align: center;}
/* 通用 */
.info-hline {color: #575858;border-left: 5px solid #ffb400;padding-left: 12px;}
/*third-party-score*/
.third-party-score a:link { color: #fff  }
.third-party-score a:after {  content: "分" }
.third-party-score a.db {  background: #107619  }
.third-party-score a.db::before {  content: "豆瓣 " }
.third-party-score a.imdb {  background: #f5c518  }
.third-party-score a.imdb::before {  content: "IMDb ";  font-weight: bolder;  color: #000  }
.third-party-score { margin-top:-40px;}
/* Carousel base class */
.carousel-inner > .carousel-item > img, .carousel-inner > .item > a > img {height: 350px;width:100%;padding-left: 5px;padding-left: 10px;}
.carousel-item img{ height:350px;width:100%;}
.carousel-inner{ height: 350px;width:100%;}
/* nav */
nav {display: block;}
.nav-link {display: block;padding: .5rem 1rem;}
.nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;}
.nav-tabs > li > a {display: inline-block;padding: 8px 0 10px;font-size: 16px;}
/* breadcrumb */
ol {margin: 0;margin-bottom: 0px;padding: 0;font-weight: normal;}
.breadcrumb-item + .breadcrumb-item {padding-left: .5rem;}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}
.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .75rem 1rem;margin-bottom: 1rem;list-style: none;background-color: #e9ecef;border-radius: .25rem;}
/* comments */
.comments .comment-item {position: relative;margin: 0;padding: 15px 0 10px;overflow: hidden;font-size: 13px;zoom: 1}
.comments .comment-item .comment {overflow: hidden;line-height: 1.5;color: #494949;*zoom: 1;word-wrap: break-word}
.comments .comment-item .avatar {float: left;margin-right: 15px;width: 48px}
.comments .comment-item .comment p {margin: 0;min-height: 32px}
.comments .comment-item .comment-time {color: #aaa}
.comments .comment-item:not(:last-of-type)::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ddd;-webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: left bottom;transform-origin: left bottom}
.media {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;}
.mr-3, .mx-3 {margin-right: 1rem !important;}
.media-body {-ms-flex: 1;flex: 1;}
.reviewimg {width: 24px;height: 24px;}
.mr-3, .mx-3 {margin-right: 1rem !important;}
/* downinfo */
.fileTree li { padding: 3px 0 2px 16px; }
.fileTree li.expandable span.folder { background: url(../img/folder-closed.gif) 0 0 no-repeat; }
.fileTree li small{font-size:11px;color:#999;padding-left:5px}
.fileTree span{padding-left:18px;}
.fileTree span.video { background: url(../img/video.gif) 0 0 no-repeat; }
.fileTree span.torrent { background: url(../img/torrent.gif) 0 0 no-repeat;}
.fileTree span.document { background: url(../img/document.gif) 0 0 no-repeat; }
.treeview, .treeview ul { padding: 0;  margin: 0;  list-style: none;}
.treeview ul {background-color: white;  margin-top: 4px;}
.treeview li {  margin: 0;  padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
.treeview .hover { color: red; cursor: pointer;}
.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.dtstyle dl{ margin-left:15px;margin-right:15px;}
.dtstyle dl dt {float:left;  font-weight:bold;  margin-right:10px;  padding:5px;}
.dtstyle dl dd {padding:5px 0;  margin: 0;}
.dtstyle .title{display: inline-block;overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:normal;}
.bg-light {background-color: #f8f9fa !important;}
.down-btna {margin-bottom: 10px;margin-right: 10px;}
.ovline {display: inline-block;overflow: hidden;word-wrap: break-word;word-break: break-all;white-space: normal;}
.alert {position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;}
.alert-secondary {color: #383d41;background-color: #e2e3e5;border-color: #d6d8db;}
.downlist{ padding-top: 0;}
.downlist li{ padding: 10px 0;}
.downlist li .text{ line-height: 30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.downlist li a{ display: inline-block; padding: 0;}
.downlist li a.btn{ padding: 4px 12px; margin-left: 10px;}
/* table */
table { border-collapse: collapse; }
th { text-align: inherit; }
.table { width: 100%; color: rgb(33, 37, 41); }
.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }
.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }
.table-sm td, .table-sm th { padding: 0.3rem; }
.table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }
.table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }
.table-hover .table-success:hover { background-color: rgb(177, 223, 187); }
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }
.table-hover .table-info:hover { background-color: rgb(171, 221, 229); }
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }
.table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }
.table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }
.table-hover .table-light:hover { background-color: rgb(236, 236, 246); }
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }
.table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(69, 77, 85); }
.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }
.table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); }
.dropdown, .dropleft, .dropright, .dropup { position: relative; }
.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }
.dropdown-menu.show { display: block; }
.nav-link { display: block; padding: 0.5rem 1rem; }
.nav-link:focus, .nav-link:hover { text-decoration: none; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav-pills .nav-link { border-radius: 0.25rem; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }
.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.listtables td { overflow: hidden; white-space: nowrap; overflow-wrap: break-word; word-break: break-all; text-align: left; text-overflow: ellipsis; }
.listtables td a { overflow: hidden; white-space: nowrap; overflow-wrap: break-word; word-break: break-all; text-align: left; text-overflow: ellipsis; }
.listtables tr { overflow: hidden; white-space: nowrap; overflow-wrap: break-word; word-break: break-all; text-align: left; text-overflow: ellipsis; }
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0,0,0,.05);}
.table-bordered {border: 1px solid #dee2e6;}
/* content */
.myui-content__thumb{ float: left;}
.myui-content__thumb .myui-vodlist__thumb{ width: 220px;}
.myui-content__thumb.active .myui-vodlist__thumb{ width: 150px;}
.myui-content__detail,.myui-content__operate{ float: left; width: calc(100% - 220px); padding-left: 20px;}
.myui-content__detail.active{ width: calc(100% - 150px);}
.myui-content__detail .title{ margin:10px 0 10px; font-size: 24px; line-height:30px}
.myui-content__detail .title .score{ display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif;}
.myui-content__detail .data{ margin-bottom:10px; line-height: 20px; word-wrap: break-word; white-space: normal; word-break: break-all;}
.myui-content__detail .score{ margin-bottom: 20px;}
.myui-content__detail .score .rating{ display: inline-block; position: relative; top: 5px;}
.myui-content__detail .score .rating li{ cursor:pointer; display: inline-block; margin-right: 5px;}
.myui-content__detail .score .rating li .fa{ font-size: 24px;}
.myui-content__detail .score .branch{ display: inline-block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
.myui-content__operate{ float: left; margin-top: 20px}
.myui-content__operate .btn{ margin-left: 10px; margin-bottom: 10px;}
.myui-content__operate .btn:first-child{ margin-left: 0;}
.myui-content__operate .share{ margin-top:5px}
.myui-content__tag a{ display: inline-block; line-height: 20px; padding: 2px 10px; margin-left: 5px; border: 1px solid rgba(0,0,0,.1); font-size: 12px; border-radius: 15px;}
/* playlist */
.stui-content__playlist li a{ border: 1px solid #EEEEEE;}
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}
.nav-tabs>li>a{margin-right:5px;margin-top:1px}
.play-title>li>a:hover{background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}
.play-ico{display:inline-block;padding-left:20px;height:18px;background-image:url(../img/palyer.png);background-position:0 -1048px;background-repeat:no-repeat}
.i-kuyun, .i-youku, .i-kkyun{background-position:0 0}
.i-ku6{background-position:0 -32px}
.i-pptv{background-position:0 -59px}
.i-iqiyi{background-position:0 -89px}
.i-ifeng, .i-zuidall, .i-zuidam3u8{background-position:0 -121px}
.i-tudou{background-position:0 -152px}
.i-weibo{background-position:0 -183px}
.i-kankan, .i-zkm3u8, .i-zkyun{background-position:0 -213px}
.i-letv{background-position:0 -245px}
.i-acfun, .i-yjm3u8, .i-yjyun{background-position:0 -275px}
.i-ifeng, .i-subom3u8, .i-suboyun{background-position:0 -303px}
.i-m1905{background-position:0 -332px}
.i-cctv,.i-cntv{background-position:0 -419px}
.i-sohu{background-position:0 -450px}
.i-pps{background-position:0 -479px}
.i-qq{background-position:0 -508px}
.i-wasu{background-position:0 -538px}
.i-fun, .i-som3u8, .i-soyun{background-position:0 -568px}
.i-baofeng, .i-rem3u8, .i-reyun{background-position:0 -711px}
.i-mgtv{background-position:0 -771px}
.i-ffhd, .i-kkm3u8, .i-mbm3u8, .i-mbyun{background-position:0 -898px}
.i-xigua, .i-jsm3u8, .i-jsyun{background-position:0 -928px}
.i-jjvod, .i-cjm3u8, .i-cjyun, .i-ckm3u8{background-position:0 -959px}
.i-xfplay, .i-bjm3u8, .i-bjyun{background-position:0 -991px}
.i-33uu, .i-dbm3u8, .i-dbyun{background-position:0 -1022px}
/* player */
.myui-player{ margin-bottom: 50px; padding-bottom: 15px; padding-top: 50px;}
.myui-player__item{ position: relative;}
.myui-player__item .fixed{ position: fixed; z-index: 998; right: 0; bottom: 0; padding: 10px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.myui-player__item .tips{ position: relative; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px; color: #fff;}
.myui-player__item .is-btn{ position: absolute; z-index: 99; top: 50%; right: -12px; margin-top: -30px; display: block; width: 12px; text-align: center; height: 60px; line-height: 60px; font-size: 10px; border-radius: 0 4px 4px 0; background-color: #404040; color: #999;}
.myui-player__item .player-fixed-off{display: none; position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #fff; border-radius: 50%; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.myui-player__data{ padding: 20px 0 10px;}
.myui-player__data .title{ font-size: 24px;}
.myui-player__operate{ padding: 20px 10px; display: -webkit-box; display: -webkit-flex; display: flex;}
.myui-player__operate li{ display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.myui-player__operate li.playshare .dropdown-box{ margin-left: -130px;}
.myui-player__detail .title{margin:0 0 10px}
.myui-player__detail .detail-content{padding-top:10px}
.myui-player__detail .desc{padding-left:42px}
.myui-player__detail .desc .left{margin-left:-42px}
#player-sidebar::-webkit-scrollbar{ width: 4px; background-color: #1c1b1e;}
#player-sidebar::-webkit-scrollbar-thumb{background-color: #434145;}
.myui-player__notice{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px;}
.myui-player__notice h3,.myui-player__notice h5,.myui-player__notice p{ color: #fff;}
.myui-player-links{ position: relative; top: 15px; right: 10px;}
.myui-player-links .btn{ position: absolute; top: 0; right: -5px; border-radius: 0 5px 5px 0;}

/* news */
.myui-newslist li{ padding: 30px 0;}
.myui-newslist li .title{ margin: 0; font-size: 22px; line-height: 30px; font-weight: 600;}
.myui-newslist li .desc{ text-indent: 2em; margin: 0; padding: 20px 0; line-height: 25px;}
.myui-newslist__text li .title{ margin: 0; font-size: 15px;}
.myui-art__nav li{ padding: 6px 0;}
.myui-art__nav li.active a{ font-weight: bold; color: #ff9900;}

/* footer */
.myui-foot{ padding: 20px 0;}
.myui-foot p{ line-height: 25px;}

@media (max-width:1500px){

	/* header */
	.myui-header__top{ padding: 0 20px;}
	.myui-header__search{ width: 200px; margin-left: 20px;}
	.myui-header__menu > li{ margin-left: 20px;}
	.myui-header__user > li{ margin-left: 20px;}
	.myui-header__menu > li:hover .head-dropdown,.myui-header__user > li:hover .head-dropdown{ display: none;}

}

@media (max-width:1024px){
	.myui-content__thumb .myui-vodlist__thumb{ width: 200px;}
	.myui-content__detail{ float: left; width: calc(100% - 200px);}
}

@media (max-width:767px){

	.myui-panel.myui-panel-bg2{ border-radius: 0;}
	.myui-panel-bg,.myui-vodlist__bg,.myui-vodlist__bg:hover{box-shadow: none;}
	.myui-panel__head .title, .myui-panel__head .title a{ font-size: 18px;}

	/* header */
	.myui-header__logo img{ max-width: 120px;}
	.myui-header__top{ padding: 0 10px;}
	.myui-header__search{ position:absolute; top: -100%; left: 10px; right: 10px; margin-left: 0; width: auto; padding-right: 30px;}
	.myui-header__search .form-control{ height: 32px; padding: 0 10px; border-radius: 16px;}
	.myui-header__search .submit{ right: 30px; width:32px;height:32px;line-height:30px;}
	.myui-header__search .search-close{ position: absolute; top: 6px; right: 0;}
	.myui-header__menu > li .dropdown-box{ margin-left: -150px; padding-top: 0;}
	.myui-header__menu > li .dropdown-box .item{ width: 300px;}
	.myui-header__user > li{ margin-left: 15px; padding: 15px 0 10px;}
	.myui-header__user > li > a .fa{ font-size: 20px; line-height: 20px;}
	.myui-header__user > li.menu .dropdown-box,.myui-header__user > li .dropdown-box{ margin-right: 0;}
	/* Carousel base class */
	.carousel-inner > .carousel-item > img, .carousel-inner > .item > a > img {height: 200px;width:100%;padding-left: 5px;padding-left: 10px;}
	.carousel-item img{ height:200px;width:100%;}
	.carousel-inner{ height: 200px;width:100%;}
	/* content */
	.myui-content__thumb .myui-vodlist__thumb{ width: 120px;}
	.myui-content__thumb.active .myui-vodlist__thumb{ width: 120px;}
	.myui-content__detail{ float: left; width: calc(100% - 120px);}
	.myui-content__detail.active{ width: calc(100% - 120px);}
	.myui-content__detail .title{ margin: 5px 0 8px; font-size: 18px; line-height: 24px}
	.myui-content__detail .data{ margin:0 0 10px; font-size:12px; line-height: 18px; word-wrap: break-word; white-space: normal;}
	.myui-content__detail .score { margin-bottom: 5px;}
	.myui-content__detail .score  .branch{ font-size: 16px;}
	.myui-content__detail .score  .rating{ top: 0;}
	.myui-content__detail .score  .rating li{ margin: 0;}
	.myui-content__detail .score  .rating li .fa{ font-size: 18px;}
	.myui-content__operate{ width: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex;}
	.myui-content__operate .btn{ text-align: center; padding: 8px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

	/* player */
	.myui-player{ padding-top: 0;}
	.myui-player__item{ padding: 0;}
	.myui-player__detail{ margin: 0;}
	.myui-player__detail .data .title{font-size:16px}
	.myui-player__detail.detail .title{font-size:18px;}
	.myui-player__operate li{ margin: 0; display: block; text-align: center; }
	.myui-player__operate li .fa{ display: block; margin-bottom: 5px; font-size: 16px;}
	.myui-player__operate li.playshare .dropdown-box{ margin-left: -180px;}
	.myui-player-links{ top: 0; right: 0; padding: 0 10px;}
	.myui-player-links .btn{ height: 35px; right: 8px;}

	/* news */
	.myui-newslist li .title{ font-size: 18px; line-height: 30px;}
	.myui-art__nav li a{ display: block; padding: 0 10px;}

}