@charset "utf-8";
/* CSS base */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
    font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    background-color: #f5f5f5;
    height: 100%;
    max-width: 640px;
    margin: 0 auto;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
img{border:0;max-width:100%}
a{text-decoration:none}
p{font-size:1.2em;line-height:1em;color:#333}
h3{font-size:16px;line-height:30px}
#form1{margin-left:10px}
#content{width:80%;height:100px}
#contact{width:80%;height:30px;clear:both}
.button{margin:10px;width:100px;height:40px;font:400 16px/40px "Microsoft YaHei";background-color:#FFF;border:2px solid #DDD;border-radius:25px;text-align:center}
.button a{color:#777;text-decoration:none}
/* content */
.wrap{position:relative;background-color:#ecf1f4;overflow:hidden;}
.content{overflow:hidden;}
/* nav */
.wrap .nav-index{width:100%;height:120px; background:#fff;}
.wrap .nav-index ul{overflow:hidden;width:100%;height:120px}
.wrap .nav-index ul li{width:33%;height:120px;float:left;border-right:1px solid #e9e9e9}
.wrap .nav-index ul li:hover{background-color:#1eb4ef}
.wrap .nav-index ul li:hover p{color:#FFF}
.wrap .nav-index ul li p{font:400 19px/31px "Microsoft YaHei";text-align:center;color:#40453f}
.wrap .nav-index ul li span{display:block;margin:0 auto}
.wrap .nav-index ul li .tv{width:96px;height:68px;background-position: 10px -50px; margin-top:15px}
.wrap .nav-index ul li .radio{width:96px;height:68px;background-position: -122px -50px;margin-top:15px}
.wrap .nav-index ul li .zy{width:96px;height:68px;background-position: -236px -53px;margin-top:15px}
/* player */
.player-head{width:100%;background:#444;overflow:hidden}
.wrap .channel-name{color:#1d88da;height:35px;font-size:22px;line-height:40px;margin-left:2%;float:left}
.wrap .refresh{display:inline-block;margin-left:5px;position:relative;width:40px;line-height:40px;float:right;}
.wrap .refresh a{color:#fff;font-size:16px}
.wrap .resolution{position:relative;float:left;margin:5px 15px}
.wrap .resolution a{display:inline-block;font-size:16px;line-height:26px;text-align:center;padding:2px 7px;color:#0090fe}
.player-obj{color:#000;position:relative;border-bottom:1px solid #0d0d0d}
.player-list{overflow:auto;margin:0 auto;padding-top:10px}
.player-info .title,.player-list .title{background:#e8e8e8;color:#aaa;font-size:16px;padding:10px}
.player-list .info{height:60px;padding:10px;border-bottom:1px solid #e7e7e7}
.player-list .info .l{font-size:16px;margin:10px 20px;float:left}
.player-list .info .r{margin:10px 20px;float:right}
.player-info{padding:10px}
.player-info p{margin:15px 0;font-size:14px}
/* list */
.bg{ background:#fff;margin-top:10px;}
.wrap .big_title h2{font:400 18px/40px "Microsoft YaHei";width:90px;margin-left:5px;color:#999;text-align:center}
.wrap .big_title span{height:18px;width:5px;display:inline-block;background:#1c90e3;float:left;margin-top:12px}
.wrap .list-box-all{width:100%;height:auto;float:left;margin-left:2px}
.wrap .list-box-all li span{margin-right:10px}
.wrap .list-box-all ul li{width:100%;border-bottom:1px dashed #e5e5e5;font:400 14px/30px "Microsoft YaHei"}
.wrap .list-box-all ul li a{font:400 14px/30px "Microsoft YaHei";text-decoration:none;padding:3px 10px;margin-right:10px;color:#FFF}
.time{font-size:14px;color:#e8ffff;padding:4px;background:#3896d7}
.star{color:#888;display:block;clear:both;margin:0 0 5px 10px}
.hover,.wrap .list-box ul li:hover{background:#1eb4ef}
.wrap .list-box ul li:hover a{color:#FFF}
.wrap .list-box{width:99.8%;height:auto;background:#f2f2f2;overflow:hidden}
.wrap .nav-type{position:relative;margin-top:-9px;height:auto;width:100%;overflow:hidden}
.nav-type-title-wrap{padding:14px}
.nav-type-title{height:18px;line-height:18px;font:18px "微软雅黑";color:#8a8a8a}
.channel{-webkit-box-sizing:border-box;position:relative;height:40px;display:block;float:left;width:31%;margin-top:9px;background-color:#fff;margin-left:2%;overflow:hidden}
.channel-link-wrap{position:relative;display:table;width:100%;height:100%;padding:4px 0}
.channel-link{display:table-cell;vertical-align:middle;text-align:center;zoom:1;color:#3896d7;font:14px "微软雅黑";line-height:16px;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis}
.channel-link.bad{color:#b3b3b3}
table {
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.footer_content{background:#fff;padding:5px 10px;font-size: 22px; border-top:8px solid #ccc;}
.footer_content p,.footer_content p a{font-size: 22px;color: #888;}
.footer_content{text-align: center;}