/*蓝优*/
body,html{height:100%;}
body{background-color:#000;color:#bbb;font-family: Trebuchet MS, sans-serif;font-weight:400;font-size:14px;letter-spacing: 1px;}
*{margin:0;padding:0;}
*,::after,::before{box-sizing:border-box;}
img{max-width:100%;border:0;}
ul,li{list-style:none;}
button,input{outline:0;}
a {color: #777;text-decoration: none;}
.container{overflow:hidden;margin:0 auto;width:1200px;max-width:100%;}
.container .content{overflow:hidden;padding:0 10px;}
.logo{position:relative;overflow:hidden;margin:20px auto;height:70px;background-color:#000;text-align:center;line-height:70px;}
.logo a{position:absolute;top:0;left:0;z-index:20;margin:auto;width:178px;height:63px;background:url(../image/logo.png) no-repeat left top/contain;text-indent:50px;font-size:21px;}
#search,.list-contents{overflow:hidden;margin-bottom:15px;padding:15px;border-radius:10px;background:#000;}
#search{padding:30px 15px;text-align:right;}
#search form{display:inline-flex;width:100%;max-width:200px;}
#search input{padding-right:65px;padding-left:15px;width:100%;height:40px;line-height:40px;font-size: 16px;color: #eee;background:#222;}
#search button,#search input{border:none;border-radius:10px;}
#search button{display:inline-block;margin-left:-50px;width:50px;background-color:#222;cursor:pointer;}
#search button i{color:#eee;}
.list-contents{padding:5px;}
.list-contents .title{overflow:hidden;margin-bottom:10px;padding:10px;padding-bottom:0;font-size: 14px;color: #888;font-weight:700;}
.list-contents .title span{font-size: 12px;color: #ff5555;}
#list li{position:relative;float:left;overflow:hidden;padding:10px;width:20%;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);}
#list li:hover{box-shadow:0 34px 20px -24px rgba(136,161,206,.3);transform:translateY(-5px);-ms-transform:translateY(-5px);}
#list li article{position:relative;display:inline-block;padding:10px;width:100%;border:1px solid #111;border-radius:10px;background-color:#000;box-shadow:0 1px 20px 0 #222;}
#list li img{width:100%;height:230px;}
#list li em{position:absolute;bottom:35px;left:0;padding:0 10px;width:100%;text-align:center;font-style:normal;}
#list li em b{z-index:10;display:inline-block;width:100%;height:20px;background:rgba(0,0,0,.5);color:#bbb;font-size:12px;line-height:20px;}
#list li h1{text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px; margin-top: 3px;}
#list li h1,.footer{overflow:hidden;text-align:center;}
.play-content{overflow:hidden;padding:10px;}
#play-list{overflow:hidden;}
#play-list button{float:left;display:inline-block;margin:5px;padding:0 15px;height:30px;border:0;border-radius:10px;background-color:#111;color:#555;text-align:center;font-size:14px;line-height:30px;cursor: pointer;}
#play-list .active{background-color:#111;color:#888;}
.play-txt{overflow:hidden;padding:10px;padding-top:0;color:#666;font-size:14px;}
.footer{margin-top:60px;padding:0 15px;color:#777;}
.footer p{margin-bottom:10px;}
.footer a{margin:auto 5px;color:#777;}
.scroll_top{position:fixed;right:5px;bottom:30px;z-index:99;}
.scroll_top a{display:block;margin-bottom:5px;width:36px;height:36px;border-radius:10px;background-color:#000;color:#eee;text-align:center;font-size:12px;line-height:36px;}
/*自适应*/
@media (max-width:1024px){
#list li{width:33.3333%;}
#list li img{height:350px;}
}
@media (max-width:768px){
#list li{width:50%;}
#list li img{height:160px;}
.play-content iframe{height: 200px;}
}