/* --------------------------------------------------
此为班主任班级园地公用样式,样式兼容ie6、ie7、ie8、火狐。

约定---
本网站共包含4种颜色(极特殊除外)：一种是基本色#303030; 一种是蓝色#1429ac; 一种是强调的红色#da2500; 还有一种用于显示日期时间的浅灰#a9a9a9。（左侧班级应用导航颜色为枚红色#d50073）
本网站的连接样式约定：鼠标不放在上面时不显示下划线，鼠标放上去时显示下划线不变色。

页面宽度：952px;  

h1用于定义主体部分大标题了（比如账户设置，班级邮箱等标题），其他地方最好不用----包含在main2in里面第一层。

-------------------------------------------------- */


html *{ margin:0; padding:0;}
body{ font-size:12px; font-family:"宋体"; background:#ffd4dd url(http://img.xwg.cc/bj/Images/Base/bg_body.jpg) no-repeat center 0; color:#303030;}
body,ul,li,div,p,img,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
input{ margin:0; padding:0 0 0 4px;}
ul,li{ list-style:none;}
img{ border:0; }
em{ font-style:italic;}
.clearer{ clear:both; height:0; overflow:hidden;}
.hide{ display:none; }

/*----------------------------网站链接------------------------------------ */
/* 默认 */
a{ color:#303030; text-decoration:none;}
a:visited{}
a:hover{ text-decoration:underline;}

/* 暗红色 */
.darkred{ color:#da2500; }
a.darkred{ color:#da2500; } 

/* 蓝色-换成粉色 */
.blue{ color:#d30e65; }
a.blue{ color:#d30e65; }

/* 橙色 */
.color03{ color:#d30e65; }
a.color03{ color:#d30e65; } 

/* 灰色--用于显示日期 */
.gray{ color:#a9a9a9; }
a.gray{ color:#a9a9a9; } 

.red{ color:#ff0000;}
a.red{ color:#ff0000;}

/*---------------------------------字体大小------------------------------- */
.font12{ font-size:12px;}



/*-----------------------网站按钮(由小到大排列)------------------------------ */
.btn01{ border:none; width:46px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_01.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:2px\9; } 

.btn02{ border:none; width:69px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_02.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:2px\9;} 

/* 取消按钮--灰色 */
.btn02_cancel{ border:none; width:67px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_02n.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:2px\9; } 

.btn03{ border:none; width:79px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_03.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:1px\9; } 

.btn04{ border:none; width:92px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_04.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer;  line-height:29px; padding-top:2px\9; } 

 
.btn05{ border:none; width:116px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_05.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:2px\9;} 

 
.btn06{ border:none; width:139px; height:29px; background:url(http://img.xwg.cc/bj/Images/Base/btn_06.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; cursor:pointer; line-height:29px; padding-top:2px\9;} 





/*-------------------------------------------网站结构定义----------------------------------------- */
  

/* 网站头部定义 */
.header{ width:952px; margin:0 auto; height:37px; overflow:hidden; color:#666; } 
.header a{ color:#666; } 
.header .subnav{ padding-top:13px;}
.header .subnav span{ color:#c2c2c2;}

.header .p_info{ float:right; text-align:right; padding:14px 8px 0 0; line-height:100%; }  
.header .p_info img{ vertical-align:middle; padding:0 2px 3px 2px; }  
.header .p_info a{ padding:8px 3px 5px 7px; margin-top:-10px; padding-top:-10px; position:relative; z-index:2000; } 
.header .p_info a.cur{ background:#fff; padding:7px 2px 5px 6px; *padding-bottom:9px; border:1px solid #f28db0; border-bottom:0; text-decoration:none; } 
.header a.exit{ color:#195ecc; padding:0px; } 
.header a.exit:hover{ background:none; border:0; padding:0; text-decoration:underline;} 

/* 浮动下拉 */
.fudong_xl{ position:absolute; background:#fff; border:1px solid #f28db0; width:180px; text-align:center; padding:5px 0 5px 0; margin-top:3px; margin-top:5px\9; *margin-top:5px; _margin-top:3px; z-index:1000; } 
.fudong_xl a{ color:#666; width:150px; display:inline-block; _zoom:1; text-align:left; padding:8px 10px; } 
.fudong_xl a:hover{ background:#e8e9ea; text-decoration:none; } 

/* 网站导航定义 */
.navwrap{ height:58px; background:url(http://img.xwg.cc/bj/Images/Base/bg_nav.gif) repeat-x; } 
.nav{ width:952px; margin:0 auto; height:58px; overflow:hidden; } 
.nav .navin{ float:right; height:58px; }  
.nav .navin li{ display:inline; padding:0 1px;} 
.nav .navin li img{ vertical-align:middle; } 
.nav .logo{ margin:8px 0 0 0px; }  




/* 主体--分为左右2部分，左侧是班级应用导航，右侧为内容; */
.wrap{ width:952px; margin:0 auto; margin-top:4px; overflow:auto; }

 
/* 左侧--班级应用导航结构 */
.wrap .leftnav{ width:128px; float:left; overflow:auto; }
.leftnav .lefttop{ width:128px; height:38px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/lefttop.gif) no-repeat; }
.leftnav .leftmain{ width:128px; background:url(http://img.xwg.cc/bj/Images/Base/leftbg.gif) repeat-y; }
.leftnav .leftbot{ width:128px; height:12px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/leftbot.gif) no-repeat; }


 
/* 主体部分1(中右侧)结构-----即右侧又分为左右2侧的样式结构------首页是这种结构 */
.wrap .main{ float:left; width:824px; position:relative; overflow:auto;}
.main .maintop{ width:824px; height:12px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/maintop.gif) no-repeat; }
.main .mainin{ width:824px; background:url(http://img.xwg.cc/bj/Images/Base/mainbg.gif) repeat-y; overflow:auto; }
.main .mainbot{ width:824px; background:url(http://img.xwg.cc/bj/Images/Base/mainbot.gif) no-repeat; height:19px; overflow:hidden; }

/* 主体部分1(中右侧)------又分为左右两侧，此为左侧，即整体页面的中间部分 */
.main .mainin .main_mid{ width:566px; float:left; display:inline; margin-left:7px; padding-bottom:20px; overflow:auto; }

/* 主体部分1(中右侧)------又分为左右两侧，此为右侧，即整体页面的右侧部分 */
.main .mainin .main_right{ width:250px; float:right; display:inline; padding-bottom:20px; overflow:auto; margin-right:1px; } 



/* 主体部分2结构-----即主体部分为一个整体，不分左右---目前是除首页外其他页面 */
.main .main2top{ width:824px;  height:12px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/main2top.gif) no-repeat 0 0px; }
.main .main2in{ width:824px; background:url(http://img.xwg.cc/bj/Images/Base/main2bg.gif) repeat-y; overflow:auto; }
.main .main2bot{ width:824px;  background:url(http://img.xwg.cc/bj/Images/Base/main2bot.gif) no-repeat; height:13px; overflow:hidden; }



/* 主体部分2--不分左右，一个整体，比如积分排行页面，手机版开通页面 */
.wraptop{ width:852px; height:17px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/wrap_top.gif) no-repeat; margin:0 auto; }
.wrapin{ width:852px; overflow:auto; background:url(http://img.xwg.cc/bj/Images/Base/wrapin_bg.gif) repeat-y; margin:0 auto; }
.wrapbot{ width:852px; height:17px; overflow:hidden; background:url(http://img.xwg.cc/bj/Images/Base/wrap_bot.gif) no-repeat; margin:0 auto; }



 
/* 右上侧tag标记--使用绝对定位使其处于页面主体部分的右上侧--目前只有首页上有这个部分 */
.main .tags{ position:absolute; right:1px; top:1px;}


/* 网站尾部定义 */
.footer { width:1001px; margin:0 auto; clear:both; height:57px; padding-top:30px; }   
.footer p{ text-align:center; padding-top:3px; line-height:130%;}  




/*----------------------------------------网站公用部分具体定义---------------------------------------------- */




/* 左侧班级应用导航定义 */
.leftnav .leftmain .ul_nav{ padding:14px 0 20px 4px; }
.leftnav .leftmain .ul_nav li{ height:40px; margin:0; padding:0;} 
.leftnav .leftmain .ul_nav li img{margin:3px 5px 4px 0; float:left; }
.leftnav .leftmain .ul_nav li a{ display:block; width:99px; height:34px; line-height:34px; padding:0 0 1px 10px; text-decoration:none; color:#d50069; overflow:hidden}
.leftnav .leftmain .ul_nav li a:hover{ background:url(http://img.xwg.cc/bj/Images/Base/bg_leftnav.gif) no-repeat;  } 
.leftnav .leftmain .ul_nav li a.cur{ background:url(http://img.xwg.cc/bj/Images/Base/bg_leftnav.gif) no-repeat; font-weight:bold; }  


/* 评论1定义  宽度为350px的---例如首页用的是这个 */
.comment{
	width:345px;
	padding:9px 0 0 5px;
	overflow:auto;
	background-color: #FFE7FD;
	background-image: url(http://img.xwg.cc/bj/Images/Base/comment_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.comment .c_face{ float:left; width:58px; height:57px; background:url(http://img.xwg.cc/bj/Images/Base/face48_bg.gif) no-repeat; padding-top:4px; margin-right:5px;} 
.comment .c_face img{ margin:0px 0 0 4px;}
.comment .c_text{ float:left; padding:0px 3px 5px 2px; width:270px; }
.comment .c_text h5{ font-size:12px; font-weight:normal; margin:8px 0 3px 0;}
.comment .c_text .p_in{ line-height:140%; color:#66667a; word-break:break-all; }
.comment .c_close{ float:right; padding:2px 0px 0 0;} 
/* 添加评论1定义---一行 */
.add_comment{ width:340px; background:#FFF9FF; margin-top:3px; padding:5px 0 5px 10px;}
.add_comment .input01{ width:222px; height:19px; border:1px solid #cccccc; color:#999; padding:5px 0 0 3px; }
.add_comment input, .add_comment img{ vertical-align:middle;}

/* add at10-06-10--开始--------------------------------------------------------------------------- */ 
/* 添加评论2定义(发表评论)--多行，左侧有头像 */ 
.send_comment{ background:#FFE7FD; margin-top:3px; padding:8px 0 0px 6px; width:460px;}
.send_comment .c_face{ float:left; width:58px; height:57px; background:url(http://img.xwg.cc/bj/Images/Base/face48_bg.gif) no-repeat; padding-top:4px; margin-right:5px;} 
.send_comment .c_face img{ margin:0px 0 0 4px;}
.send_comment .c_text{ float:left; padding:0px 0px 5px 2px; }
.send_comment textarea{ height:60px; border:1px solid #cccccc; color:#515151; padding:3px 0 0 3px; overflow:auto; margin-bottom:8px; }
.send_comment .c_text .c_tright{ float:right; padding-right:5px;}
.send_comment input, .send_comment img{ vertical-align:middle; }
/* add at10-06-10---结束-------------------------------------------------------------------------- */ 


/* 定义班级应用大标题--比如定义帐户设置，班级信箱一类的标题 */
.main2in h1{ border-bottom:1px solid #f9c7d7; font-size:14px; font-weight:normal; width:775px; padding:12px 0 0px 2px; margin:5px 0 0 22px; height:25px; color:#93103a; }
.main2in h1 img{ vertical-align:middle; }



/* tab01 */
.main2in .tab01{
	height:24px;
	width:765px;
	padding:0px 0 0px 12px;
	margin:33px 0 0 22px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f38faf;
}
.main2in .tab01 .info0{ float:right; padding:7px 7px 0 0; }

.main2in .tab01 li{ float:left; margin-right:12px; }
.main2in .tab01 li a{ float:left; display:block; height:21px; color:#93103a; background:url(http://img.xwg.cc/bj/Images/Base/tab_right.gif) no-repeat right 0; padding:3px 10px 0 0px; line-height:21px; }
.main2in .tab01 li a span{ float:left; width:7px!important; _width:4px; display:block; height:24px; background:url(http://img.xwg.cc/bj/Images/Base/tab_left.gif) no-repeat left 0; padding-right:3px; margin-top:-3px; overflow:hidden; }
.main2in .tab01 li a:hover{ background:url(http://img.xwg.cc/bj/Images/Base/tab_right.gif) no-repeat right -24px;  color:#fff; text-decoration:none; }
.main2in .tab01 li a:hover span{ background:url(http://img.xwg.cc/bj/Images/Base/tab_left.gif) no-repeat left -24px; }
.main2in .tab01 .li_cur{ float:left; margin-right:12px; }
.main2in .tab01 .li_cur a{ float:left; display:block; height:21px; background:url(http://img.xwg.cc/bj/Images/Base/tab_right.gif) no-repeat right -24px; padding:3px 10px 0 0px; line-height:21px; color:#d87702; color:#fff; }
.main2in .tab01 .li_cur a span{ float:left; width:4px; display:block; height:24px; background:url(http://img.xwg.cc/bj/Images/Base/tab_left.gif) no-repeat left -24px; padding-right:3px; margin-top:-3px; overflow:hidden; }



/* 页码样式 */ 
.page{ font-family:Arial; } 
.page a{ display:inline-block; padding:2px 6px; zoom:1; border:1px solid #f06f98; margin-right:7px; color:#f06f98; }
.page a:hover{ background:#f06f98; color:#fff; text-decoration:none;}
.page a.wenzi{ padding-bottom:2px!important; padding-bottom:3px;}
html*+ .page a.wenzi{ padding-bottom:3px!important;}
.page strong{ padding:3px 6px; display:inline-block; zoom:1; margin-right:7px; color:#ce1651;} 
.page span{ padding:8px 0 0 0; display:inline-block; zoom:1; margin-right:7px; color:#f06f98;} 




/*-----------------------------------浮动图层---------------------------------- */

/* 评论插入表情图层定义---浮动图层 */
.f_facebox{ width:196px; height:181px; position:absolute; z-index:1000; background: url(http://img.xwg.cc/bj/Images/Base/facebox_bg.gif) no-repeat; }
.f_facebox .facebox{ width:193px; height:147px; margin:8px 0 0 9px; }
.f_facebox .facebox li{ width:29px; height:27px; text-align:center; padding-top:2px; float:left; cursor:pointer; }
.f_facebox .facebox li img{ vertical-align:middle; } 
.f_facebox .facebox .li_mover img{ border:1px solid #6780D4; overflow:hidden; }
.f_facebox .facepage{ text-align:right; color:#00287F; padding:4px 10px 0 0; } 
.f_facebox .facepage img{ vertical-align:middle; } 


/* 我的好友---浮动层--目前用在发送邮件的发送人。 */
.f_myfriend{ width:353px; position:absolute; z-index:1001; border:1px solid #7B7BD0; background:#fff; } 
.f_myfriend .f_title{
	height:28px;
	color:#fff;
	padding-top:5px;
	line-height:24px;
	padding-left:8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F44DC7;
	border-right-color: #F44DC7;
	border-bottom-color: #F44DC7;
	border-left-color: #F44DC7;
	background-color: #F44DC7;
} 
.f_myfriend .f_title .close{ float:right; padding:0px 10px 0 0; }  
.f_myfriend .f_title .close select{ vertical-align:middle; width:80px; height:20px; margin-right:8px; }   
.f_myfriend .f_title .close img{ vertical-align:middle; }   
.f_myfriend .ul_list0{ margin:10px 0 16px 20px; } 
.f_myfriend .ul_list0 li{ width:103px; float:left; height:23px!important; margin-top:8px!important; height:25px; margin-top:6px; border-bottom:1px solid #e6ebee;} 
.f_myfriend .ul_list0 li input{ vertical-align:middle; margin-bottom:2px;}  
.f_myfriend .ul_list1{ margin:10px 0 16px 20px; } 
.f_myfriend .ul_list1 li{ width:153px; float:left; height:23px!important; margin-top:8px!important; height:25px; margin-top:6px; border-bottom:1px solid #e6ebee;} 
.f_myfriend .ul_list1 li input{ vertical-align:middle; margin-bottom:2px;}  

.f_myfriend .btn{ clear:both; background:#EBECFA; height:42px; text-align:center; padding-top:2px; }

/* 插入表情浮动层 */
.d_facebox{ width:196px; height:181px; position:absolute; z-index:1000; background: url(http://img.xwg.cc/bj/Images/Home/facebox_bg.gif) no-repeat; }
.d_facebox .facebox{ width:193px; height:147px; margin:8px 0 0 9px; }
.d_facebox .facebox li{ width:29px; height:27px; text-align:center; padding-top:2px; float:left; cursor:pointer; }
.d_facebox .facebox li img{ vertical-align:middle; } 
.d_facebox .facebox .li_mover img{ border:1px solid #c97d12; overflow:hidden; }
.d_facebox .facepage{ text-align:right; color:#de6808; padding:4px 10px 0 0; } 
.d_facebox .facepage img{ vertical-align:middle; } 


/* 首页课外园地下拉浮动层  */
.f_seclet{ width:68px; position:absolute; z-index:1000; background:#bdedf9; border:1px solid #fff; margin-left:35px; line-height:160%; padding:5px 0 6px 16px; } 
.f_seclet a{ font-family:"微软雅黑"; font-size:12px; color:#153841;  }

/* 浮动层 */
.drift05{ width:446px; position:absolute; z-index:1000; border:1px solid #FF008A; background:#fff; } 
.drift05 .title0{ width:436px; height:28px; border:1px solid #E98FF2; background:#FF008A; border-bottom:0; color:#fff; padding-top:5px; line-height:24px; padding-left:8px; } 
.drift05 .title0 .close{ float:right; padding:3px 13px 0 0; }  
.drift05 .p_01{ padding:10px 0px 0 15px; }  

.drift05 .content{ float:left; display:inline; padding:25px 35px 25px 35px;} 
.drift05 .content .item_img {float:left;height:115px;}
.drift05 .content .price_swf { float:right;height:115px; }
.drift05 .content .item_info {float:right;width:263px;text-align:left;font-size:14px;font-weight:bold;margin-bottom:20px;line-height:150%;}
.drift05 .content .item_money{float:right;width:263px;text-align:left;font-size:14px;margin-bottom:20px;line-height:150%;}

.drift05 .btn{ clear:both; background:#FFEEFC; border-top:1px solid #e0e0e0; height:32px; text-align:center; padding:7px 0 7px 0; margin-top:10px;}

/*-------鼠标移动到用户头像时候显示的层------------------------------- */ 
.fd_07{ width:300px; position:absolute; z-index:100; margin:18px 0 0 20px; }  
.fd_07 .arrow1, .fd_07 .arrow2{ position:absolute; margin:0 0 0 150px;width:0px;height:0px;overflow:hidden;border-left:7px transparent dotted;border-right:7px transparent dotted; z-index:111; }
.fd_07 .arrow1{ border-bottom:7px #bfbfbf solid;top:-9px;}  
.fd_07 .arrow2{ border-bottom:7px #fff solid;top:-8px;}
.fd_07in{ width:300px; z-index:105; filter:alpha(opacity=20); zoom:1; border:0; background:url(http://img.xwg.cc/bj/Images/Home/bg_shadow.png) repeat; _background:#000; padding-bottom:2px; } 
.fd_07in2{ position:relative; width:298px; border:1px solid #bfbfbf; color:#666; background:#fff; z-index:110; margin:-2px 0 0 -2px; overflow:auto; } 
.fd_07in2 .text01{ padding:20px 0 13px 20px; }  
.fd_07in2 .text01 .img0{ float:left; margin-right:15px; background:#ccc;  } 
.fd_07in2 .text01 .textin{ float:left; width:190px; line-height:140%; padding-top:2px; } 
.fd_07in2 .text01 .textin h4{ font-size:12px; height:21px; font-weight:normal; } 
.fd_07in2 .text01 .text2{ clear:both; line-height:150%; padding-top:8px; width:260px; font-family:Arial; margin-top:-20px;}
.fd_07in2 .text02{ background:#f7f7f7 url(http://img.xwg.cc/bj/Images/Home/line_sp.gif) repeat-x; clear:both; padding:13px 0 9px 13px;}   
.fd_07in2 .text02 img{ vertical-align:middle; margin:0px 2px 3px 0; }   
.fd_07in2 .text02 h4{ float:right; display:inline; margin:-3px 10px 0 5px; font-size:12px; font-weight:normal; text-align:center; line-height:140%; } 
.fd_07in2 .text02 h4 a.gz{ display:inline-block; zoom:1; color:#df6138; background:#f6e4ab; padding:3px 6px; line-height:100%; clear:both;} 
.fd_07in2 .text02 h4 a.gz span{ line-height:100%; font-family:Arial; font-size:14px; font-weight:bold; } 
.fd_07in2 .text02 h4 a.gz:hover{ color:#fff; background:#e3641c; text-decoration:none;}   
.fd_07in2 .text02 .gz_y{ background:#eaeaea; color:#666666; display:inline-block; zoom:1; padding:4px 6px 4px 4px; line-height:100%; clear:both; float:right; border:1px solid #d7d7d7; } 
.fd_07in2 .text02 .gz_y img{ vertical-align:middle; margin-right:2px; }  
.fd_07in2 .text02 .gz_y a.org{ color:#ec8a6a }