@charset "utf-8";
*{ font-size:16px;padding:0px; margin:0px}

/*========HTML默认样式 开始========*/
body{ 
color:#000;
background-color: #F5F5F5;
padding:0px; 
margin:0px auto;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
font-size:16px;
max-width:640px;
}
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; }
p{ padding: 0px 4px 3px 4px; margin:0; color:#000000;}
a{ text-decoration:none; color:#000; background: transparent;}
a:focus {}
a:hover { color:#ac0f0f; }
b,strong {font-weight: bold;}
li{ list-style: none outside none;}

/*========HTML默认样式  结束========*/

/*========公共样式 开始========*/
#top{} /*主要用于页面顶部特殊功能，宽度通常全屏*/
#header{ width: 100%;  margin: 0px auto; border:0px solid green;}
#content {width: 100%; margin: 0px auto; border:0px solid red;}
#footer{ width: 100%;  margin: 0px auto; border:0px solid blue;}
#bottom{} /*主要用于页面底部特殊功能，宽度通常全屏*/

/*背景图*/
.contentcss{background:url(../images/backup.png) center center no-repeat;background-size:100% 100%;
background-attachment: fixed;}
/*常用背景色*/
.fg-color-blue {color: #00F !important;}
.fg-color-green {color: #0F0 !important;}
.fg-color-red {color: #F00 !important;}
.fg-color-white {color: #ffffff !important;}
.fg-color-black {color: #000000 !important;}
/*常用前景色*/
.bg-color-blue {background-color: #00F !important;}
.bg-color-green {background-color: #0F0 !important;}
.bg-color-red {background-color: #F00 !important;}
.bg-color-black {color: #000000 !important;}

/*链接默认样式*/
a:link {}
a:visited {}
a:hover, a:active{color:#ff539f;}

/*版权信息*/
.copyright{ padding:5px; text-align:center; font-size:14px; color:#666;background-color:#F5F5F5}
.copyright a{color:#666;}
/*========公共样式 结束========*/

/*一级频道列表*/
ul.nav{ width:100%; margin:20px auto;}
ul.nav li{float:left;text-align: center; width:50%;}
ul.nav li a{display:block; margin:15px;  padding:0px 0px; margin-top:0px;
 background-color:rgba(0,0,0,0);
}
ul.nav li .ChannelName{ text-align:center;  height:25px; border:0px dashed red; padding:3px;font-size:14px;}
ul.nav li .ChannelIcon{
    text-align: center;
	font-weight: bold;
	overflow:hidden;
	background: white center center no-repeat;
	padding: 8px;
	background-color:rgba(0,0,0,0);
	margin:auto;
}
ul.nav li .ChannelIcon img{ 
vertical-align:middle; margin-bottom: 2px; 	width:100%;
}
/*========列表样式 结束========*/



/*========FlexSlider  样式开始========*/
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:relative; bottom:25px;  margin:0px; text-align: center; border:0px dashed red; margin-bottom:-25px}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*========FlexSlider  样式结束========*/

/*========其它样式 开始========*/
.headline{ background-color: #16b7b7; padding:0px 0px 4px 0px;margin: 0; border-top: 1px solid ;color: #fff; }
.line{color:#666; padding:3px 0px 2px 4px;margin:0px 0px 4px 0px;  border-bottom:1px dashed #999; }
.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:16px}
.toolbar{
color: #fff; 
background-color: #287b7b; 
padding: 0px;
width:100%;
text-align:center;
font-size:16px;
position:fixed;
bottom:0px
}
.toolbar a:link{color:#FFFFFF}
.toolbar a:visited{color:#FFFFFF}
.toolbar table{ width: 100%; border:0px; padding:0px}
.toolbar table td{width:20%; height:55px; text-align:center; border-right:1px solid #bbb; }
.toolbar .bg{ height:35px; background-position:center center; background-repeat:no-repeat}

.btn1{
	display:block; 
	width:95%; 
	height:30px; 
	line-height:30px;
	padding:2px 0px;
	color:#FFFFFF;
	background-color: #16b7b7; 
	border:2px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px;
}

/*按钮*/
a.btn{
	display:block; 
	width: 99%;
	color:#000000; 
	font-size: 16px;
	padding: 8px 0px;
	background-color: rgb(255, 255, 255);
	background-image: linear-gradient(to top, rgb(245, 245, 245), rgb(255, 255, 255));
	border: 1px solid rgb(211, 211, 211);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.15);-webkit-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.15);-o-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.15);
	text-shadow: 0.5px 0.5px 1px rgb(255, 255, 255);
	text-align: center;
	vertical-align:middle;
	border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius:3px;
	cursor: pointer;
}


/*========其它样式 结束========*/