/*!
 * Edition v2.0 Copyright 2016-2018
 * Email dbdyw@qq.com
 */
@charset "utf-8";

/* all */
body{ padding-top: 0;}

/* header  */
.dbdyw-header__top{position: relative; top:0; z-index:995; width:100%; margin-bottom: 15px; background-color:#ffffff;}
.top-fixed-down{margin-top:0}
.dbdyw-header__side{float:right}

/* header-logo */
.dbdyw-header__logo,.dbdyw-header__menu{float:left}
.dbdyw-header__logo{padding-top: 3px;}
.dbdyw-header__logo .logo{display:block;width:150px;height:50px;background:url(../img/logo.png) no-repeat; background-position:50% 50%;background-size:cover}

/* header-seacrh */
.dbdyw-header__search{ position: relative; width:300px; margin-right: 30px; margin-top: 15px; float:right;}
.dbdyw-header__search .submit{ position:absolute; top:0; right: 0;width:36px;height:32px;line-height:32px;text-align:center; background-color: transparent; border-radius: 2px 3px 3px 2px; border: 0;cursor: pointer;}
.dbdyw-header__search .submit .icon{font-size:16px; color: #292838;}

/* header-menu */
.dbdyw-header_headbd{ width: 100%;}
.dbdyw-header-xinmenu{ background-color:#292838; height:50px; line-height:50px;}
/*.dbdyw-header__menu{ width:100%;} */
.dbdyw-header__menu{position:relative; padding-left:10px; float:none;}
.dbdyw-header__menu li{ float: left;}
.dbdyw-header__menu li a{ display: inline-block; font-size: 16px; padding:0 26px; height:60px; line-height:60px;}
.dbdyw-header__menu .dropdown li.active a{ background-image:linear-gradient(to right, #f0f8ff, #ffffff, #f0f8ff 100%); color: #FFFFFF;}
.dbdyw-header__menu li.active > a{ color:#3586f7;}
.dbdyw-header__menu li .dropdown{ display: none; width: 520px; position: absolute; z-index: 999; top: 100%; left: -200px; padding: 20px 10px 10px 20px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2);}
.dbdyw-header__menu li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; left: 240px; background-color: #fff;}
.dbdyw-header__menu li:hover .dropdown,.dbdyw-header__search:hover .dropdownrebo{ display: block;}  
.dropdownrebo{ display:none; position:absolute; z-index:99;background-color:#fff; width:100%;}
.dbdyw-header__menu .dropdown li{float:left; width: 20%; padding-bottom: 10px; padding-right: 10px; text-align: center;}
.dbdyw-header__menu .dropdown li a{display: block; padding: 6px; border-radius: 4px; background-color: #f5f5f5;}

/* header-user */
.dbdyw-header__user{ float:right;}
.dbdyw-header__user > li{ float:right; padding: 20px 0 10px; margin-right: 30px}
.dbdyw-header__user > li > a,.dbdyw-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px; color: #757575;}
.dbdyw-header__user > li > a:hover .icon{ color: #2e85ff}
.dbdyw-header__user > li .dropdown{ display: none; position: absolute; z-index: 1001; width: 240px; top: 50px; right: 10px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px;}
.dbdyw-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 25px; background-color: #fff;}
.dbdyw-header__user > li:hover .dropdown{ display: block;}
.dbdyw-header__user .dropdown .history li{ position: relative; padding: 10px 0;}
.dbdyw-header__user .dropdown .history li:first-child{ margin-top: 10px;}
.dbdyw-header__user .dropdown .history li:last-child{ padding-bottom: 0;}
.dbdyw-ypphb-rb li.active a:before,.dbdyw-phbbd-tabs li.active a:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; bottom:-5px; right:50%; margin-right:-5px;}
.dbdyw-content__detail, .dbdyw-content__thumb{ display:table-cell; vertical-align:top;}

/* banner */
.dbdyw-banner{ position: relative; }
.dbdyw-banner__item{ position: relative; display: block; width: 100%;}
.dbdyw-banner__pic{ display: block; position: relative;}
.dbdyw-banner__switch{position: absolute; bottom: 0; left: 0; z-index: 99; width: 100%; height: 120px;}
.dbdyw-banner__switch ul{ margin-top: 15px; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: flex;}
.dbdyw-banner__switch ul li{ padding: 10px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
.dbdyw-banner__switch ul li span{ border: 3px solid rgba(255,255,255,0.8);}
.dbdyw-banner__switch ul li.active span{ border: 3px solid #ff6600;}
.carousel-control{ position: absolute; z-index: 99; top: 0; bottom: 0; display: block; width: 100px; height: 100%;}
.carousel-control .icon{ position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; text-align: center; font-size: 30px; line-height: 50px; background-color: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;}
.carousel-control.left{ left: 0;}
.carousel-control.left .icon{ left: 30px;}
.carousel-control.right{ right: 0; }
.carousel-control.right .icon{ right: 30px;}
.dbdyw-footer a:hover,.dbdyw-footer .active{color:#2e85ff;}

/* screen */
.dbdyw-pannel-screen{ background-color: #292838;}
.dbdyw-index__screen{ position: relative;}
.dbdyw-index__screen li{ position: relative; float: left; width: 25%; padding-left: 20px; border-left: 1px solid #333; text-align: center;}
.dbdyw-index__screen li:first-child{ border-left: 0; padding-left: 0;}
.dbdyw-index__screen li a{ display: block; float: left; width: 33.333333%; line-height: 30px; color: #ddd;}
.mobile-play{display:none;}
.dbdyw-screenn .showitem{ display: block; position:relative; width:100%;}
.dbdyw-screenn .showitem ul{ width:100%; height:100%; overflow:hidden; padding-top:6px;}
.dbdyw-screenn .showitem ul li{ float: left; padding:3px 0px; text-align:center; width:7.3333333%; margin:0 0.5%; }
.dbdyw-screenn .showitem ul li a{ border:1px solid #ccc; border-radius:5px;}
.dbdyw-screenn .showitem ul li a,.dbdyw-screenn .showitem ul li span{ display:inline-block; padding:8px 10px;}
.dbdyw-screenn .showitem ul li.active a,.dbdyw-screenn .showitem ul li a:hover{ background-color: #6ca4ec; color: #FFFFFF; border:1px solid #6ca4ec;}
.dbdyw-screenn{ padding: 1px;}
.dbdyw-screenn .head{ border-radius: 2px; background-color: #ffffff; height: auto; text-align:center;}
.dbdyw-screenn .head .text,.dbdyw-screenn .head .all{ color: #333;}
.dbdyw-screenn .head a{ color: #2e85ff;background:#f0f8ff;font-size:16px;}
.heightzj{height: 25px; line-height:25px;}

/* content */
.dbdyw-content{ background-color: #f8f8f8;}
.dbdyw-content__thumb{padding:0 6px;}
.dbdyw-content__thumb .d-thumb{ width:180px;}
.dbdyw-content__thumb .w-thumb{width:300px}
.dbdyw-content__detail{ width:100%; padding-left: 15px;}
.dbdyw-content__detail .title{margin:0 0 10px; line-height:1.2; font-size:35px;}
.dbdyw-content__detail .title .score{ display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif;}
.dbdyw-content__detail .data{ margin-bottom:10px}
.dbdyw-content__detail .data li{float:left;margin-right:20px}
.dbdyw-content__detail .desc{padding-left:42px}
.dbdyw-content__detail .desc .left{margin-left:-42px}
.dbdyw-content__detail .play-btn{ margin-top:3px; display:inline-block;}
.dbdyw-content__detail .play-btn .share{margin-top:5px}
.contentplay-btn{ display:inline-block; float:left; padding-left:5px; padding-top:10px;}
.contentplay-btn a{ margin-right:8px;}
.detail-side .score{margin-bottom: 8px;}
.detail-side .score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 18px; color: #789de0;}
.detail-side .score .branch .text{ font-size: 12px;}
.detail-side .score .star{display: inline-block; position: relative; top: 2px; width: 90px; height: 15px; background: url(../img/star.png) 0 0 no-repeat;}
.detail-side .score .star .star-cur{display: inline-block; background: url(../img/star1.png) 0 0 no-repeat; height: 15px; position: absolute; top: 0;  z-index: 1;}

.dbdyw-content__detail .score{margin-bottom: 8px;}
.dbdyw-content__detail .score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 22px; line-height: 22px; color: #789de0;}
.dbdyw-content__detail .score .branch .text{ font-size: 12px;}
.dbdyw-content__detail .score .star{display: inline-block; position: relative; top: 5px; width: 155px; height: 25px; background: url(../img/star3.png) 0 0 no-repeat;}
.dbdyw-content__detail .score .star .star-cur{display: inline-block; background: url(../img/star2.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0;  z-index: 1;}
.dbdyw-score-side{ padding:40px 25px;}
.dbdyw-score-nums{ float:left; display:block; margin-right:15px; color:#666;}
.dbdyw-score-nums span{ display:inline-block; font-weight:700; height: 32px; line-height: 32px; font-size: 32px;}
.dbdyw-score-title{ float:left; display:block; margin-right:15px; line-height:30px;}
.dbdyw-score-title span{font-weight:700; font-size: 15px; color: #6ca4ec;}
.dbdyw-douban-score{ margin:0; display:inline-block; padding:2px 0; height:16px; line-height: 16px; font-weight:700;}
.dbdyw-douban-score .db{ display:inline-block; margin-right:4px; width:16px; border-radius:2px; background:#00b51d; color:#fff; vertical-align:top; text-align:center; font-size:12px;}
.dbdyw-douban-score em{font-style:normal;}
.dbdyw-douban-score .score{color:#666;}
.dbdyw-score-data{font-size:12px; line-height: 32px; height:32px;}
.dbdyw-detail-rating{background-color:#fff; padding:15px 0 0px; border-top:1px solid #e8e8e8; margin-top:15px; text-align:center;}
.dbdyw-rating{width:100%; color:#666; border:1px solid #ddd; border-radius:2px; }
.dbdyw-rating span{display:inline-block; font-size:14px;height:32px; width:100%;}
.dbdyw-rating span.label{padding:0 0 0 10px;background-color:#eee}
.dbdyw-rating .rating{font-size:0; display:inline-block; padding-top:5px;}
.dbdyw-rating .rating li{cursor:pointer;float:left;overflow:hidden;width:28px;height:24px; margin:0 3px; text-indent:-99px;background:url(../img/rating.png) 0 0 no-repeat}
.dbdyw-rating .rating li.active,#rating .rating li.hover{background:url(../img/rating.png) 0 -24px no-repeat}
.dbdyw-score-side .score .star{display: inline-block; position: relative; top: 5px; width: 155px; height: 25px; background: url(../img/star3.png) 0 0 no-repeat;}
.dbdyw-score-side .score .star .star-cur{display: inline-block; background: url(../img/star2.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0;  z-index: 1;}

.qirebox{position:fixed;top:50%;left:50%;z-index:999999;padding:0;transform:translate(-50%,-50%);}
.qirebox .ui-dialog-close,.qirebox .ui-iframe{display:none!important;}
.ui-dialog{overflow:hidden;min-width:220px;border-radius:32px;background:rgba(0,0,0,.6);color:#fff;}
.ui-dialog-cnt{padding:10px;}
.ui-dialog-tip{padding:0 15px;height:28px;text-align:center;line-height:28px;}
.ui-dialog-close{display:none!important;}


/* player */
.dbdyw-player__item{ padding:0 10px; position:relative;}
.dbdyw-player__detail{ margin-top: 8px;}
.dbdyw-player__detail .more-btn{ float: right; padding-top: 0;}
.dbdyw-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
.dbdyw-player__detail .more-btn .btn{ padding: 6px 15px;}
.dbdyw-player__detail .title{margin:0 0 10px}
.dbdyw-player__detail .detail-content{padding-top:10px}
.dbdyw-player__detail .desc{padding-left:42px}
.dbdyw-player__detail .desc .left{margin-left:-42px}
.dbdyw-playerwxts{ text-align:center; font-size:14px; color:#2e85ff;}

/* autocomplete */
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px;background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
.autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.autocomplete-suggestion:first-child{border-top:0}
.mac_results{ z-index: 9999; padding: 0; margin-top: 0; border-radius:0; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.mac_results li{padding: 10px 6px; cursor:pointer; border-top: 1px solid #EEEEEE;}
.mac_results li:first-child{ border: 0;}
.mac_results li:hover{ background-color: #2e85ff; color:#ffffff;}

/* fonter */
.dbdyw-foot{ padding:10px 0; background-color:#ffffff;}

@media (min-width:768px){
	.container{width:750px}
}
@media (min-width:990px){
	.container{width:920px}
}
@media (min-width:1200px){
	.container{width:1180px}
}
@media (min-width:1400px){
	.container{width:1380px}
}

@media (max-width: 1199px) and (min-width: 992px){
	.dbdyw-header__search{ width:245px;}
	.dbdyw-header__menu li a{ padding:0 17px;}
	.dbdyw-screenn .showitem ul li{ width:9%;}
}

@media (max-width:1024px){

    /* header */
	.dbdyw-header__logo{ padding-top: 16px; padding-bottom:15px;}
	.dbdyw-header__side{ float:none;position:absolute;top:0;left:132px;right:0;width:auto}
	.dbdyw-header__logo .logo{width:127px;height:34px; }

    .dbdyw-header__menu{ margin:0; padding:0; overflow:hidden; height:45px;}
    .dbdyw-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #292838;}
	.dbdyw-header__menu li:hover .dropdown{ display: none;} 
	.dbdyw-header__user > li:hover .dropdown{ display: none;}
	.dbdyw-header__logo, .dbdyw-header__menu{float: none;}
	.dbdyw-header__menu li a{ font-size:14px; height: 45px; line-height: 45px; white-space:nowrap;}
	.dbdyw-screenn .showitem ul li{ width:11.5%;}
	
	/* banner */
	.dbdyw-banner .flickity-page-dots{ bottom: 10px;}
		
}
@media (max-width:767px){
	body{ padding-top: 0;}

	/* header */ 
	.dbdyw-header__top{ margin-bottom:10px; height:110px;}
	.dbdyw-header__user > li .dropdown{ width: 100%; top: 55px; right:0;}
	.dbdyw-header__logo{ margin-left:1%; width:35%; height:65px;}
	.dbdyw-header__side{padding-top:13px; width:64%; left:inherit; height:65px;}
	.dbdyw-header__search{ position:absolute; width:78%; margin-right:0; margin-top:0;}
	.dbdyw-header__search .form-control{ width: 100%;}
	.dbdyw-header__search .submit .icon{font-size:12px;}
	.dbdyw-header__search.active{ margin: 0; padding-top: 20px; display:block; background:#ffffff;min-height:500px; z-index:1000;}
	.dbdyw-header__search .search-close{ position: absolute; top: 31px; right: 0; color: #333; width: 18%; text-align: center; font-size: 14px;}
	.dbdyw-header__search .submit{ height:36px;line-height:36px;}
	.dbdyw-header__menu li .dropdown{ left: -120px; width: 300px;}
	.dbdyw-header__menu li .dropdown:before{ left: 150px;}
	.dbdyw-header__menu .dropdown li{ width: 33.333333%;}
	.dbdyw-header__user{ margin-left: 0; width:22%;}
	.dbdyw-header__user > li{ width:100%; margin-right:0; padding:5px 5px 7px 18px;}
	.dbdyw-header__user > li > a .icon{ font-size: 20px; line-height: 20px;}
	.dbdyw-header__user > li .dropdown:before{ right:18px; display:none;}
	.dbdyw-header__menu li a{ padding:0 10px;}

	.dbdyw-header__menu::-webkit-scrollbar {display: none;}
	.dbdyw-content__thumb .d-thumb{ width:140px;}

	/* screen */
	.dbdyw-pannel-m50{ margin: 0;}
	.dbdyw-index__screen:before,.dbdyw-index__screen:after{ display: none;}
	.dbdyw-index__screen li{ float: none; border: 0; width: 100%; padding: 15px 0; overflow: hidden;}
	.dbdyw-index__screen li:first-child{ padding: 0 0 15px;}
	.dbdyw-index__screen li:last-child{ padding: 15px 0 0;}
	.dbdyw-index__screen li a{ float: none; display: inline-block; padding: 0; margin-right: 20px; width: auto; font-size: 14px; line-height: 20px; white-space:nowrap;}
	.dbdyw-screenn-item ul li{ float:left; margin-right:0; width:20%; margin-bottom:8px;}
	.dbdyw-screenn .showitem ul li{ width:19%; display:inline-block; float:none;}
	.dbdyw-screenn .showitem ul li a,.dbdyw-screenn .showitem ul li span{ padding:8px 3px;}
	.dbdyw-screenn .showitem ul{ overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; white-space:nowrap; height:60px;}
	
	/* mobile-play */
	.view .mobile-play{display:block; position:absolute; margin:0; top:-135px; left:0; width:100%; border-radius:0; z-index:1; }
	.view .mobile-play:before{content:''; position:absolute; z-index:2; height:100%; width:100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%); backdrop-filter: saturate(180%) blur(70px); -webkit-backdrop-filter:saturate(130%) blur(70px);}
	.view .mobile-play .module-item-cover{border-radius:0; padding-top:70%; transition:all .2s ease-in;}
	.view .mobile-play .module-item-cover:before{content:''; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%); width:100%; height:50%; position:absolute; bottom:0; z-index:5;}
	.module-item-pic, .module-item-pic img{height:100%; width:100%;}
	.module-item-pic img{top:0; left:0; object-fit:cover; position:absolute;}
	.view .mobile-play .module-item-cover:after{content:''; position:absolute; z-index:2; opacity:0.12; height:100%; width:100%; top:0; background-image:url(../img/frosted.png); background-size:29%;}
	 .view   .mobile-play:after{content:''; position:absolute; z-index:2; opacity:0.1; height:100%; width:100%; top:0; background-image:url(../img/frosted.png); background-size:30%; filter:invert(100%);}
	 .dbdyw-content__thumb{ float:left; padding:0;}

	 .hot_banner {position: relative;height: auto;background-color: #282832;}
	 .hot_banner .bgi_box{top: -120px; left: 0; right: 0; bottom: 0;margin: 0; z-index: 0; position: absolute;overflow: hidden; }
     .hot_banner .bgi{display: block;position: absolute;left: 0;top: 0;z-index: -1;width: 110%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position-y: 50%; filter:blur(39px); -webkit-filter:blur(39px); transition: .5s 0s all ease-out; -webkit-transition: .5s 0s all ease-out;}
     .hot_banner .bgfd{display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2)}
     .contentplay-btn{ width:100%; padding-left:0;}
     .contentplay-btn a{ width:31.3333%; margin:0 1%; text-align:center; padding:13px 3px; float:left;}
	  
	
	/* content */
	.dbdyw-content__item{ padding: 20px 15px;}
	.dbdyw-content__thumb .w-thumb{width:160px}
	.dbdyw-content__detail{ padding:0 10px;}
	.dbdyw-content__detail .title{text-align:center; font-size:20px;}
	.dbdyw-content__detail .data{margin:0 0 10px;font-size:12px}
	.dbdyw-content__detail .play-btn{margin:0;padding:0; display:block;}
	.dbdyw-content__detail .play-btn a{padding:12px; width:31.333%; text-align:center; margin:0 2% 0 0; float:left;}
	
	/* player */
	.dbdyw-player__item{ padding:0 0 8px;}
	.dbdyw-player__detail{ margin: 0;}
	.dbdyw-player__detail .more-btn{ margin-bottom: 10px;}
	.dbdyw-player__detail .more-btn{ float: none; padding:20px 3px; background-color: #292838; display: -webkit-box; display: -webkit-flex; display: flex;}
	.dbdyw-player__detail .more-btn li{ margin: 0; padding:0 2px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
	.dbdyw-player__detail .more-btn li a i,.dbdyw-player__detail .more-btn li a span{ display: block;}
	.dbdyw-player__detail .more-btn .btn{ display: block; padding:4px 2px;}
	.dbdyw-player__detail .data .title{font-size:16px}
	.dbdyw-player__detail.detail .title{font-size:16px}
	
	/* type */
	.dbdyw-mobile__type li{padding:0 20px}
	.dbdyw-mobile__type li a{display:block;padding:10px 0;text-align:center}
	
	.carousel-control{ width: 50px; height: 100%;}
	.carousel-control .icon{ margin-top: -15px; width: 30px; height: 30px; font-size: 20px; line-height: 30px;}
	.carousel-control.left .icon{ left: 10px;}
	.carousel-control.right .icon{ right: 10px;}
	.dbdyw-foot{ padding:10px 0 50px;}
	
	/* foot 	.dbdyw-foot{margin-bottom:50px;}*/
}

@media (max-width: 374px){
	.dbdyw-header__logo .logo{width:110px;}
}