.search button{float: left; width:60px;height:36px;font-size: 0; background:url(../fonts/search.svg) no-repeat;background-size:16px;background-position:center;background-color:#333;border:0;-webkit-appearance:none;outline:0;cursor: pointer;}
.search button:hover{background-color:#f03;}
.nav{width:100%;float:left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #fff;border-top:1px solid #fff;background:#000;}
.nav a{display: block;float: left; width:20%;line-height:40px; text-align: center;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.nav a:hover{color: #f03}
.notice{width:100%;border:1px solid #ddd;margin-top:10px;float: left;background-color:#ffc;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}
.notice p{padding:10px 1.8%;font-size:15px;line-height:1.3;color:#f33;font-weight:600;}
.notice span{white-space:nowrap}
.contect{float: left;width:100%;}
.bigbox{float: left;width:100%;margin-top:10px;border:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px; background:#fff;}
.box_t{float:left;width:96.4%;padding: 0 1.8%; line-height:40px;border-bottom:1px solid #ddd;}
.box_t h2{font-size:16px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.vodbox{float:left;width:100%; }
.vodbox li{float:left;width:47.3%;margin-top:10px; margin-left:1.8%; }
.vod{float: left;width:100%;}
.vod .pic{float: left; width: 100%;height:0;padding-top:56.25%;position: relative;overflow: hidden;}
.vod .pic img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:100%;}
.vod .name{float: left;height: 36px; line-height:18px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pagebox{float:left;width:100%;padding:15px 0;}
.pagebox ul{display: flex;width:100%;justify-content:center;}
.pagebox ul li{line-height:40px;}
.pagebox ul li a{display: block; line-height: 40px;padding:0 13px;background:#f90;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #c80;border-left:0;}
.pagebox ul li:nth-child(1){border-left:1px solid #c80;}
.pagebox ul li a:hover{color:#f03}
.pagebox ul .disabled a{color:#f03}
.linkbox{float:left;width:98%;padding:10px 1%}
.linkbox li{float:left;line-height:26px;width:20%;background-color:#eee;font-size:11px}
.linkbox li a{display: block;width:100%;line-height:26px; text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player{float:left;width:100%;height:0;padding-top:56.25%;position: relative}
.player iframe{position: absolute;top:0;left:0;width:100%;height:100%}
.footer{width:100%;display:flex;flex-wrap:wrap;justify-content:center;text-align: center;font-size:13px; line-height:18px;padding:24px 0;}
@media(min-width:540px){.w{width:520px;}}
@media(min-width:768px){.w{width:98%;}
	.nav a{width:12.5%}
	.notice p{padding:10px 1.3%;text-align:left}
	.box_t{width:97.4%;padding: 0 1.3%;}
	.vodbox li{width:31.6%;margin-left:1.3%;}
	.linkbox li{width:12.5%;font-size:13px}
	.pagebox .num{display:block}}
@media(min-width:840px){.w{width:800px;}}