@charset "utf-8";html{height:100%}
body{margin:0;font-family:"Microsoft Yahei",Simsun,sans-serif;font-size:14px;line-height:140%;color:#666}
dd,dt,li,ol,ul{margin:0;padding:0;list-style:none}
dl{margin-top:0;margin-bottom:0}
p{margin:0 0 10px}
img{border:0;vertical-align:middle}
img.img-responsive{max-width:100%;width:100%}
input{outline:medium;outline:0;-webkit-tap-highlight-color:transparent}
input:focus{border-color:#f90;-webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6)}
table{width:100%;color:#666;background-color:#fff;border-collapse:collapse;border-spacing:0;border-radius:4px}
table td,table th{position:relative;padding:15px;line-height:30px;font-size:16px;border-bottom:1px dashed #ccc;text-align:left}
thead th{font-size:16px;font-weight:700;background-color:#f6f6f6;border:none}
tbody tr:hover{background-color:#f5f5f5}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{width:1050px;position:relative;padding-right:15px;padding-left:15px;margin:0 auto}
.row{position:relative;margin-right:-15px;margin-left:-15px}
.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" ";clear:both}
.h1,h1{font-size:22px;line-height:28px}
.h2,h2{font-size:20px;line-height:26px}
.h3,h3{font-size:18px;line-height:24px}
.h4,h4{font-size:16px;line-height:22px}
.h5,h5{font-size:14px;line-height:20px}
.h6,h6{font-size:12px;line-height:18px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:10px;margin-bottom:10px}
a,button{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}
a,h1,h2,h3,h4,h5,h6{color:#333}
a:active,a:focus,a:hover{text-decoration:none;color:#1c86ee}
em{font-style:normal}
.col-pd{padding:15px 20px}
.text-red{color:red}
.text-muted{color:#999}
.text-center{text-align:center}
.split-line{display:inline-block;margin-left:12px;margin-right:12px;width:1px;height:14px;vertical-align:-2px;background-color:#eee}
.header__top{position:relative;height:80px;padding:0 20px;background-color:#1668ba}
.header__logo{float:left;margin-right:120px}
.header__logo{width:282px;margin-top:10px}
.header__logo .logo{display:block;width:282px;height:60px;background:url(logo.png) no-repeat;background-position:50% 50%;background-size:cover}
.header__search{float:left;position:relative;width:280px;margin-top:22px}
.header__search .form-control{display:block;width:100%;height:35px;padding:6px 45px 6px 10px;font-size:12px;line-height:32px;border-radius:5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background-color:#f5f5f5;color:#151414;border:0}
.header__search .submit{display:block;position:absolute;top:0;right:0;width:35px;height:35px;border:0;cursor:pointer;background:url(seacrh.png) center no-repeat}
.header__bar{position:relative;margin:0;background-color:#fff;color:#333;box-shadow:0 5px 10px #eee}
.header__menu>li{position:relative;float:left}
.header__menu>li>a{display:inline-block;padding:15px 20px;font-size:16px}
.header__menu>li.active>a{color:#1c86ee;font-weight:700}
.header__menu li .dropdown{display:none;width:100%;position:absolute;z-index:999;top:100%;right:0;text-align:center;font-size:12px;color:#999;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.header__menu li .dropdown li{padding:8px 0;border-top:1px solid #eee}
.header__menu li .dropdown li:first-child{padding-top:15px;border-top:0}
.header__menu li .dropdown li:last-child{padding-bottom:15px}
.header__menu li:hover .dropdown{display:block}
.header__more{float:right;padding-top:18px}
.header__more li{margin-bottom:5px;text-align:right;color:#ddd}
.header__more li .text{display:inline-block;width:60px;text-align:left;color:#fff}
.screen__list{position:relative;padding:15px 0 5px;margin:0 10px}
.screen__list:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;border-top:1px solid #eee}
.screen__list:first-child{padding-top:0}
.screen__list:first-child:before{display:none}
.screen__list li{float:left}
.screen__list li span{display:inline-block;padding:3px 0}
.screen__list li a{display:inline-block;padding:2px 10px;margin-left:10px;margin-bottom:10px;border-radius:2px}
.screen__list li.active a{background-color:#333;color:#fff}
.screen__list.letter-list li a{padding:3px 5px}
.screen__list.letter-list li.active a{padding:3px 10px}
.pannel{position:relative;margin-top:30px;border-radius:5px;background-color:#fff;border:1px solid #eee;box-shadow:0 5px 10px #eee}
.pannel-left{float:left;width:70%}
.pannel-side{float:left;width:30%}
.pannel__head{padding:15px 20px;line-height:25px;border-bottom:1px solid #eee}
.pannel__head .title{margin:0}
.pannel__foot{padding:15px 20px}
.content{padding:80px}
.content__ad,.content__detail,.content__thumb{display:table-cell;vertical-align:top}
.content__thumb .thumb{background:#f6f6f6}
.content__thumb .thumb img{position:relative;display:block;width:210px;height:290px;overflow:hidden;background:url(loading.gif) center no-repeat}
.content__detail{width:100%;padding-left:15px}
.content__detail .title>*{margin-left:10px}
.content__desc{overflow:auto;line-height:25px;color:#666}
.content__desc img{max-width:100%}
.content__playlist{position:relative;overflow:auto}
.content__playlist li{position:relative;padding:15px 20px;border-bottom:1px solid #eee}
.content__playlist li.active,.content__playlist li:hover{background-color:#f5f5f5}
.page{margin:30px 0}
.page li{display:inline-block;margin-left:10px}
.page li .num,.page li a{display:inline-block;padding:5px 15px;border-radius:4px;background-color:#fff;border:1px solid #eee}
.page li.active a,.page li.disabled a{background-color:#1c86ee;border:1px solid #1c86ee;color:#fff}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.margin-0{margin:0!important}
.padding-0{padding:0!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.hide,.visible-lg,.visible-md,.visible-mi,.visible-sm,.visible-xs{display:none!important}
.foot{padding:20px;text-align:center;color:#999}
@media(min-width:1200px){.visible-lg{display:block!important}
.hidden-lg{display:none!important}
}
@media(max-width:1199px) and (min-width:992px){.visible-md{display:block!important}
.hidden-md{display:none!important}
}
@media(max-width:991px) and (min-width:768px){.visible-sm{display:block!important}
.hidden-sm{display:none!important}
}
@media(max-width:1023px){.container{width:100%;padding-right:30px;padding-left:30px}
}
@media(max-width:767px){.visible-xs{display:block!important}
.hidden-xs{display:none!important}
.container{padding:0}
.row{margin:0}
.col-pd{padding:10px}
.foot{border-top: 20px solid #eee;}
.header__top{height:60px;padding:0 10px}
.header__logo .logo{width:148px;height:35px}
.header__search{float:none;width:auto;margin:0;position:absolute;top:15px;right:10px;left:168px}
.header__search .form-control{height:30px;line-height:30px;border-radius:5px;padding:6px 40px 6px 10px;border:0}
.header__search .submit{width:30px;height:30px}
.header__bar{box-shadow:none}
.header__menu{position:relative;margin:0;overflow:auto;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;padding-top:10px}
.header__menu>li{float:none;display:inline-block}
.header__menu>li>a{padding:10px 15px;font-size:14px}
.header__menu li:hover .dropdown{display:none}
.pannel{margin-top:10px;border:none;border-top:20px solid #eee;border-radius:0;box-shadow:none}
.pannel__head{padding:10px;line-height:25px;border-bottom:1px solid #eee}
.pannel__head .title{font-size:16px}
.pannel__foot{padding:10px}
.content{padding:10px}
.content__thumb .thumb img{width:140px;height:190px}
.content__detail{padding:0 10px}
.content__playlist li{padding:10px}
.player__detail .title{margin:5px 0;font-size:18px}
.page{margin:10px 0 0;padding:0 10px}
.page li{float:left;width:20%;margin:0;padding:0 5px}
.page li .num,.page li a{display:block;padding:5px 0;text-align:center}
}