﻿@import url(layout.css);
@import url(page.css);
@import url(zczb_header.css);
* {
margin:0;
padding:0;
}
html {
	background:#ffffff;
}
body {
background:#fff;
font-size:12px;letter-spacing:1px;font-family:"微软雅黑";line-height:1.0;
margin:9px auto;
text-align:left;
width:982px;
}
img {
border:none;
}
a {
	color: #363636;
	text-decoration: none;
}
a:hover {
color:#F33;
text-decoration:underline;
}
ul {
list-style:none;
}
input,select,button {
font:12px Verdana,Arial,Tahoma;
vertical-align:middle;
}
.center {
margin:0 auto;
}
.w960 {
width:960px;
}
.pright .infos_userinfo {
margin-bottom:0;
}
.mt1 {
margin-top:6px;
}
.pright .mt1 {
margin-top:0;
}
.mt2 {
margin-top:16px;
}
.clear {
overflow:hidden;
}
.fs-12 {
font-size:12px;
}
.fc-f60 {
color:#F60;
}
.fc-f90 {
color:#F90;
}
.ipt-txt {
border-color:#666 #BBB #BBB #666;
border-style:solid;
border-width:1px;
font-size:12px;
line-height:15px;
margin-right:2px;
padding:4px 5px;
}
.btn-1 {
background:url(../images/btn-bg1.gif) no-repeat;
border:none;
color:#ffffff;
cursor:pointer;
height:23px;
letter-spacing:6px;
text-align:center;
line-height:25px;
overflow:hidden;
width:56px;
}
.btn-2 {
background:url(../images/btn-bg2.gif) no-repeat left top;
border:none;
color:#444;
height:25px;
line-height:25px;
margin-right:2px;
overflow:hidden;
width:70px;
}
.header {
margin:auto;
overflow:hidden;
width:960px;
}
.header .search {
margin-top:5px;
}
.header a {
color:#777;
}
.header a:hover {
color:#390;
text-decoration:none;
}
.header .top {
clear:both;
overflow:hidden;
}
.header .title {
float:left;
padding-left:16px;
}
.header .title h1 a {
background:url(../images/top-logo.gif) no-repeat center center;
display:block;
font-size:0;
height:60px;
overflow:hidden;
text-indent:-200px;
width:226px;
}
.header .rlink {
float:left;
height:52px;
margin-left:32px;
overflow:hidden;
padding-bottom:9px;
padding-top:4px;
width:172px;
}
.header .rlink ul li {
background:url(../images/toprlink-bg.gif) no-repeat left top;
float:left;
height:21px;
margin-bottom:8px;
margin-right:8px;
overflow:hidden;
width:78px;
}
.header .rlink ul li a {
background:url(../images/toprlink-bg.gif) no-repeat;
color:#777;
display:block;
line-height:21px;
text-indent:22px;
}
.header .rlink ul li a:hover {
color:#363636;
}
.header .rlink ul li.r1 a {
background:0 -21px;
}
.header .rlink ul li.r2 a {
background:0 -42px;
}
.header .rlink ul li.r3 a {
background:0 -63px;
}
.header .rlink ul li.r4 a {
background:0 -84px;
}
.header .nav {
background:#8CBB00;
clear:both;
height:42px;
margin:5px auto 0;
overflow:hidden;
text-align:center;
white-space:nowrap;
width:960px;
}
.header .nav ul {
margin:7px 0 0 2px;
padding:0;
text-align:center;
}
.header .nav li {
float:left;
list-style-image:none;
list-style-type:none;
}
.header .nav li a {
color:#FFF;
display:block;
font-size:12px;
font-weight:700;
height:28px;
line-height:30px;
margin-left:3px;
padding-left:8px;
padding-top:5px;
padding-bottom:3px;
padding-right:8px;
text-align:center;
text-decoration:none;
display:inline;
display:table;
}
.header .nav li a:hover,.header .nav li.thisclass a {
background:#F6F7F9;
color:#363636;
font-weight:700;
text-decoration:none;
*width:80px;
}
.mlan {
background:#F6F7F9;
border-bottom:#CED6E1 solid 1px;
border-left:#CED6E1 solid 1px;
border-right-color:#CED6E1 solid 1px;
clear:both;
color:#363636000;
height:25px;
line-height:25px;
margin-bottom:2px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-left:18px;
width:940px;
}
.mlan a:hover {
color:#363636;
text-decoration:underline;
}
.mlan span {
color:#009700;
}
.search-keyword {
background:url(../images/search-bg.gif) no-repeat;
border:0;
height:25px;
padding-left:56px;
padding-top:5px;
width:118px;
}
.search-submit {
background:url(../images/search-bt.gif) no-repeat;
border:0;
color:#fafafa;
cursor:pointer;
font-size:0;
height:30px;
width:68px;
}
.search-option {
height:30px;
margin-left:3px;
margin-right:3px;
}
.w963 .search {
background:#F4F6F4;
border:1px solid #DCDCED;
line-height:26px;
padding-bottom:2px;
padding-left:10px;
padding-top:3px;
}
.w963 .form h4 {
display:none;
}
.w963 .form {
float:left;
margin-right:10px;
}
.w963 .tags {
overflow:hidden;
width:568px;
}
.w963 .tags h4 {
background:url(../images/search-tags-title.gif) no-repeat 0 3px;
color:#fafafa;
float:left;
font-size:0;
height:26px;
margin-right:6px;
width:66px;
}
.w963 .tags li {
float:left;
height:18px;
margin-right:6px;
}
.footer {
background:#FFF;
color:#363636;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
.footer .link {
padding:5px 0;
text-align:center;
}
.footer .link a {
color:#363636;
margin:0 5px;
}
.footer .powered {
font-size:10px;
line-height:25px;
}
.footer .powered strong {
color:#690;
}
.footer .powered strong span {
color:#363636;
}
.footer .copyright {
color:#363636;
line-height:23px;
}
.xbcss {
	background: #F2F2F2;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	border:2px #DCDCED solid;
	width:956px;
}
.xbcss .jixb a {
	color: #333333;
	font-size: 12px;
	font-weight: 700;
	margin: 0 18px 0 8px;
}
.cddhys {
	background: #FAFAFA;
	border: solid 1px #EDEDF8;
	height: 1%;
	margin: 0 auto 1px;
	overflow: hidden;
	width: 958px;
}
.title_cddhys {
background:#99CC00;
color:#FFF;
display:block;
float:left;
padding:3px 5px;
text-align:center;
}
.cddhys ul {
float:left;
}
.cddhys ul li {
display:inline;
}
.cddhys ul li a {
color:#363636;
text-decoration:none;
}
.cddhys ul li a:hover {
color:#900;
text-decoration:underline;
}
.cddhys ul a {
float:left;
padding:3px 6px;
display:inline;
}
.more {
float:right;
margin-right:2px;
padding:3px;
font-size:10px;
}
.caidan {
background:#FFF;
margin:0 auto;
padding-top:4px;
width:960px;
}
.headline {
background:#F8F8FC;
border-bottom:#DCDCED 1px solid;
color:#333;
height:22px;
margin-bottom:10px;
padding-top:2px;
text-align:center;
}
.headl_b {
font-size:12px;
margin:0 auto;
padding-top:2px;
text-align:left;
width:960px;
}
.headl_l {
float:left;
text-indent:20px;
}
.headl_r {
color:#666;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}
.headline a {
color:#666;
font-size:12px;
margin:0 3px;
text-decoration:none;
}
.headline a:hover {
background:#0096BB;
color:#fff;
}
*鍒嗛〉鏍峰紡2*/
.pagelink {
margin:10px auto;
padding:3px;
text-align:center;
}
.pagelink a {
background:#FCFCFE;
border:#E1F5FF 1px solid;
color:#295aa8;
margin-right:3px;
padding:2px 6px;
text-decoration:none;
}
.pagelink a:hover {
background:#FCFCFE;
border:#9BDEFF 1px solid;
color:#254f9b;
text-decoration:none;
}
.pagelink span {
background:#F93;
border:#F93 1px solid;
color:#fff;
margin-left:0;
margin-right:3px;
padding:2px 6px;
text-align:center;
}
.mlan a:link,.mlan a:active,.mlan a:visited {
color:#363636;
text-decoration:none;
}
#notice {
width:896px;
margin:0 auto;
CLEAR:both;
margin-top:8px;
BORDER-RIGHT:#8CBB00 2px solid;
BORDER-TOP: #8CBB00 2px solid;
BORDER-BOTTOM: #8CBB00 2px solid;
BORDER-LEFT: #8CBB00 2px solid;
PADDING-LEFT: 30px;
BACKGROUND: url(/images/notice.gif) #FFF no-repeat left center;
COLOR: #FF0000;
LINE-HEIGHT: 30px;
HEIGHT: 30px;
TEXT-ALIGN: right;
padding-left:60px;
}
#notice A {
	COLOR: #FF0000
}
#notice SPAN {
	FLOAT: left
}
.banner{
	width:720px;
	height:240px;
	position:relative;
}
.banner_tab{
	height:43px;
	position:absolute;
	right: 9px;
	bottom: 5px;
}
.banner_tab ul {
	cursor:pointer;
}
.banner_tab li {
    float: left;
    list-style-type: none;
    text-align: center;
}
.banner_tab a {
	 width:80px;
	 height:43px;
	 display:block;
	 margin-right:2px;
}
.banner_tab  img{
	border:2px solid #FFF;
}
.hidecontent {display:none;}
.on{
	 background-position:0px -100px;
}
.on img{
      border:2px solid #CCFF66;
}
.out{}

.clear{ clear:both;}

.content{
	margin:0 auto;
	background:url(jiaodian/content_bg.png) repeat-x top;

}

.tab_img{ 
	 width:72px;
	 height:35px;
	 margin-top:3px;
	 border:1px solid #fff;
 }
 #outer{height:172px;width:707px;background:#f7f7f7;position:relative;padding-top:10px;overflow:hidden;}
#left{width:40px;display:block;float:left;height:162px;position:absolute;left:10px;z-index:2;opacity:0.05;filter:alpha(opacity=5);overflow:hidden;}
#right{width:40px;display:block;float:left;height:162px;position:absolute;left:657px;z-index:2;overflow:hidden;opacity:0.05;filter:alpha(opacity=5);}
#demo{overflow:hidden;width:687px;height:162px;float:left;margin:0 10px;position:absolute;z-index:0;}
.listname{height:156px;display:block;line-height:27px;text-align:center;padding:0 5px;}
.listimage{width:100px;height:130px;}

/*图片自动缩图*/
.photoresize img{
	max-width:560px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
		   );
	}
	
.photosltu img{
	max-height:130px;
	myimg:expression(onload=function(){
	this.style.height=(this.offsetHeight > 130)?"130px":"auto"}
		   );
	}

 /* 课程中心 */
.div_yhjx
{
	margin-top: 0px;
	background: url(../images/xx_11.gif) repeat-y 338px top;
}
.div_yhjx .nr
{
	background: url(../images/xx_12.gif) repeat-x left bottom;
	width: 320px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	float: left;
}
.div_yhjx .nr img
{
	border: 1px solid #bcbcbc;
	margin-bottom: 0px;
	margin-top: 0px;
}

.bh
{
	overflow: hidden;
	zoom: 1;
}
.zi_14heic{
	font:"宋体";
	font-size:12px;
	line-height: 28px;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

a.zi_14heic:hover{
    text-decoration:underline;
}
.zi_12hui_18{
	font:"宋体";
	font-size:12px;
	line-height: 18px;
	color: #868686;
	text-decoration: none;
}

.zi_12ju{
	font-family: Arial, "宋体";
	font-size:12px;
	line-height: 20px;
	color: #ff6600;
	text-decoration: none;
}
.top_5
{
	margin-top: 5px;
}
.rightid{margin:0px auto;margin-top:6px;border:0;text-align:center;padding:0;}
.container {
	WIDTH: 713px;
	HEIGHT: 240px
}
.container A IMG {
	WIDTH: 713px;
	HEIGHT: 240px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 90px;
	FLOAT: right;
	TOP: 208px;
	LEFT: 608px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #86a2b8;
	FONT-SIZE: 12px;
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}
/*新增仿团购网商品列表*/
#selling_list{ width:712px; float:left;}
#selling_list .selling_deal{ width:348px; border:1px solid #DCDCED; float:left; margin-bottom:20px; background:#fff; padding-top:10px;box-shadow: 0 0 3px #DCDCED;}
#selling_list .selling_deal:hover{ background:#FCFCFC;box-shadow: 0 0 6px #57ae00; border:1px solid #69d200;}
#selling_list .right{ float:right;}
#selling_list .selling_deal .selling_pic{ text-align:center;width:330px; height:185px; background:#ffffff; overflow:hidden; margin:0 auto; position:relative;}
#selling_list .selling_deal .selling_pic img{ width:auto; height:185px;}
#selling_list .selling_deal h3{text-align:center;line-height:20px; height:40px; overflow:hidden; margin:10px 10px 0 10px;}
#selling_list .selling_deal h3 span.new_deal{ width:39px; height:14px;; display:block; float:left; margin:3px 5px 0 0;}
#selling_list .selling_deal h3 a{ color:#000; font-size:14px; font-weight:bold;}
#selling_list .selling_deal .deal_info{ margin:10px;height:30px; background:#fafff4; overflow:hidden;padding:10px 10px 5px 10px; border-top:1px dashed #DCDCED; border-bottom:1px dashed #DCDCED;}
#selling_list .selling_deal .deal_info .price{ float:left; line-height:30px; color:#ff0000; font-size:25px; font-weight:bold; text-shadow:1px 1px 1px #DCDCED;}
#selling_list .selling_deal .deal_info .price span{ font-size:12px; color:#666; text-decoration:line-through;text-shadow:none;}
#selling_list .selling_deal .deal_info .price tt{ font-size:12px; color:#666;font-weight:normal;}
#selling_list .selling_deal .deal_info .total{ float:right;font-size:12px; color:#666;}
#selling_list .selling_deal .deal_info .total span.count{font-size:22px; font-weight:bold;color:#009700;}
#selling_list .selling_deal .deal_info .total span.tip{ padding-left:5px; font-size:12px;}
#selling_list .selling_deal .deal_info .total span.tip span{ padding:0 3px; font-weight:bold; color:#009700;}
#selling_list .selling_deal .sel_btn{ height:50px; background:#F4F6F4; line-height:50px; padding:0 15px;}
#selling_list .selling_deal .sel_btn .addr{ float:left; padding-left:10px; height:40px; padding-left:25px;}
#selling_list .selling_deal .sel_btn .qkk{ float:right; height:40px; overflow:hidden; margin:7px 0 0 0;background:url(/images/indexmy.gif);_background:url(/images/indexmy.gif)}
#selling_list .selling_deal .sel_btn .qkk a{ display:block; width:130px; height:40px; }
/*网络课堂列表幻灯片*/
.huandengpian, .huandengpian *{margin:0; padding:0;}
.huandengpian{width:340px; height:249px; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:auto; height:249px; display:block;}
.slider2{width:2000px;}
.slider2 li{float:left;}
.wlktnum{ position:absolute; right:5px; bottom:3px;}
.wlktnum li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 12px;
	width: 12px;
	height: 12px;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.wlktnum li.on{
	color: #fff;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}
.player{width:687px;margin:2px auto;border:0px;background:url(../images/playbg.jpg) no-repeat;padding:28px 0px;color:#fff;}

.player ul{width:687px;margin-top:8px;}

.player ul li{width:320px;height:24px;float:left;padding-left:10px;border:0px #FF3300 solid;background:#FFFF99;margin:3px 5px;overflow:hidden;}