/* CSS Document */
body {height:100%; background:#eaedf1; font:12px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse; /*table-layout: fixed;word-wrap: break-word;word-break: normal;*/}
img {border:none;}
/*ul, li {list-style:none;}*/
a, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
input:focus, textarea:focus {outline:none;}

/*  All  */
.footer:after, .wraper:after{content:'';display:block;height:0;clear:both;}
/*a*/
a.login{color:#fff; cursor:pointer; font-weight:bold;}
a.login:hover{ text-decoration:underline}

a.blu{color:#0071c5; cursor:pointer;}
a.blu:hover{ text-decoration:underline}

a.blu_b{color:#0071c5; cursor:pointer; font-weight:bold;}
a.blu_b:hover{ text-decoration:underline}

a.wrt_b{color:#ffffff; cursor:pointer; font-weight:bold;}
a.wrt_b:hover{ text-decoration:underline}


/*bottom*/
.btn_userset{ background:url(../images/icon.png) 0 0px no-repeat; width:14px; height:14px; display:block; cursor:pointer}
.btn_others{ background:url(../images/icon.png) 0 0px no-repeat; width:14px; height:14px; display:block; cursor:pointer}

.btn_search{ background:url(../images/icon.png) -17px 0 no-repeat; width:23px; height:18px; display: block; cursor:pointer}


.btn_more{ display:inline-block; border:1px solid #ececec; font-size:12px; color:#6caadd; text-align:center; line-height:25px; height:25px; cursor:pointer; letter-spacing:1px;
	background: url(../images/btn_more_bg.jpg) repeat-x; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); 

}
.btn_more:hover{ color:#0071c5;}

.btn_more_link{ display:inline-block; font-size:12px; color:#6caadd; text-align:left; cursor:pointer; height:25px; line-height:25px;}
.btn_more_link:hover{ text-decoration:underline}

.btn_message{ background:url(../images/icon.png) 0 -176px no-repeat; width:15px; height:10px; cursor:pointer; display:inline-block}
.btn_tag{ background:url(../images/icon.png) 53px -193px no-repeat; display:inline-block; cursor:pointer; line-height:20px; color:#0071c5;}

.btn_wrt{ display:inline-block; border:1px solid #c4c4c4; font-size:12px; color:#0071c5; text-align:center; line-height:25px; height:23px; padding:0 13px; cursor:pointer;
	background: url(../images/btn_wrt_bg.jpg) repeat-x;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#ededed 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#ededed 100%); 
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#ededed 100%); 
	background: linear-gradient(to bottom,  #fdfdfd 0%,#ededed 100%);
	border-radius:6px;
	}
.btn_blu{display:inline-block; border:1px solid #dddddd; font-size:12px; color:#fff; text-align:center; line-height:25px; height:23px; padding:0 13px; cursor:pointer;
	background: url(../images/btn_blu_bg.jpg) repeat-x; 
	background: -moz-linear-gradient(top,  #058ecd 0%, #0569b1 100%);
	background: -webkit-linear-gradient(top,  #058ecd 0%,#0569b1 100%);
	background: -o-linear-gradient(top,  #058ecd 0%,#0569b1 100%); 
	background: -ms-linear-gradient(top,  #058ecd 0%,#0569b1 100%); 
	background: linear-gradient(to bottom,  #058ecd 0%,#0569b1 100%);
	border-radius:6px;}
	
.btn_submit{ letter-spacing:2px;padding:0 26px;}
.btn_edit{ background:url(../images/icon.png) 0 -661px no-repeat; width:12px; height:11px; cursor:pointer; display:inline-block;}

/* header */ 
.headerwraper{ background: url(../images/headershadow.png) center top repeat-x;width:100%; margin:0 auto; }
.header { height:74px; margin:0 auto; width:980px; position:relative; margin-bottom:10px;}
.header .logo{ background:url(../images/logo.png) no-repeat; display:block;width:309px;height:71px; float:left;}
.header .right{float:right; height:74px;}
.header .searchwraper{ width:245px; height:18px; border:1px solid #b9b9b9; background:#f6f6f6; padding:3px 4px; float:right; margin-top:23px;}
.header .searchwraper .search{ float:left;}
.header .searchwraper .btn_search{ float:left; border-left:2px solid #b9b9b9;}
input.search{float:left; outline:none; width:218px; height:18px; color:#585858; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:0; background:#f6f6f6; font-size:12px;}

.loginbefore{ display:block; float:right; margin-left:17px; margin-top:23px;}
.loginbefore p{ text-align:right; color:#fff; line-height:26px; font-size:12px;height:26px; }

.loginafter{display:block; float:right; margin-left:17px; margin-top:14px;}
.loginafter .welcome{ font-size:12px; color:#fff; height:42px; line-height:42px; margin-right:9px; text-align:right; float:left}
.loginafter .userset{ float:left; margin-right:9px;}
.loginafter .btn_userset{ margin-top:14px; position:relative;float:left; }
.loginafter .userface {float:left;}
/*.loginafter .userface img{border: 1px solid #ccc;display: inline-block;zoom: 1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}*/

ul.usersetbox{ width:96px; padding:6px 0; border:1px solid #d6d6d6; position:absolute; top:25px; left:-43px; background:#FFFFFF; z-index:99; display:none; margin:0}
ul.usersetbox li{ float:left; line-height:22px; font-size:12px; font-weight:normal; text-align:left}
ul.usersetbox li { display:block; padding:0 6px; width:84px; color:#696868;}
ul.usersetbox li a{ color:#0570b8;}
ul.usersetbox li a:hover{ background: #f5f5f7; color:#515151}
ul.usersetbox:before{content:''; position: absolute; left:43px; top:-7px; background:url(../images/icon.png) -47px 0px no-repeat; display:block; width:11px; height:7px;}
/*.btn_userset:hover > .usersetbox {display:block;}*/

ul.othersbox{ width:48px; padding:6px 0; border:1px solid #d6d6d6; position:absolute; top:25px; left:-21px; background:#FFFFFF; z-index:99; display:none; margin:0}
ul.othersbox li{ float:left; line-height:22px; font-size:12px; font-weight:normal; text-align:left}
ul.othersbox li { display:block; padding:0 6px; width:42px; color:#696868;}
ul.othersbox li a{ color:#0570b8;}
ul.othersbox li a:hover{ background: #f5f5f7; color:#515151}
ul.othersbox:before{content:''; position: absolute; left:21px; top:-7px; background:url(../images/icon.png) -47px 0px no-repeat; display:block; width:11px; height:7px;}
/*.btn_others:hover > .othersbox {display:block;}*/



.containerwraper{width:980px; margin:0 auto; }
.container{ width:978px;float:left; background:#FFFFFF;border:1px solid #dadada;min-height:600px;}
.column_wraper_s{ float:left; width:231px; min-height:10px; }
.column_wraper_m{ float:left; width:746px; min-height:10px; }
.border{ border-left:1px solid #e7e7e7;}
.border_r{ border-right:1px solid #e7e7e7;}
.border_b{ border-bottom:1px solid #e7e7e7;}

.shadow{
	 -webkit-box-shadow: 1px 0px 4px rgba(0, 0, 0, .1);
	 -moz-box-shadow: 1px 0px 4px rgba(0, 0, 0, .1);
       -o-box-shadow: 1px 0px 4px rgba(0, 0, 0, .1);
          box-shadow: 1px 0px 4px rgba(0, 0, 0, .1);}
		  
.box_s{ width:100%; float:left; border-top:1px solid #fdfdfd; position:relative; padding-bottom:25px;
  *background: url(../images/boxbgie7.jpg) repeat-x;
  background: url(../images/boxbg.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%); 
}
.box_s:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; left:2%; width:96%}
.box_s .titilewraper{ padding:12px 15px;}
.box_s .titile{ float:left; width:100%; font-size:14px; color:#515151; font-weight:bold;}
.box_s .titile h3{ float:left; color:#515151; font-size:14px; font-weight:bold;}
.box_s .titile .right{ float:right}
.box_s .titilepic{ float:left; width:100%; margin-top:8px; margin-bottom:9px;}
.box_s .btn_more_wraper{ padding:0 15px;}
.box_s .btn_more_link{ float:left;width:100%; margin-top:18px; margin-left:18px;}
.box_s .btn_more{ width:100%; float:left;}

.box_s .box_listthum{margin-right:0px; margin-bottom:0}

.box_s .titile .pagebox .page_last{ background-position: 0 -408px; height:18px;}
.box_s .titile .pagebox .page_next{ background-position: 0 -430px; height:18px;}
.box_s .titile .pagebox .page_last.active{ background-position:-25px -408px;}
.box_s .titile .pagebox .page_next.active{ background-position:-25px -430px;}


.box_in_1{ padding:12px 15px;}
.box_in_2{ padding:12px 32px;}
.box_in_3{ padding:12px 36px;}
.box_in_4{ padding:15px 45px;}
.box_in_5{ padding:0px 10px;}
.box_in_6{ padding:28px 10px;}
.box_in_7{ padding:12px 17px;}
.box_in_8{ padding:0px 5px;}
.box_in_9{ padding:12px 13px;}
.box_in_10{ padding:0px 13px;}
.box_in_11{ padding:20px;}

.mywraper{ width:100%; margin-top:18px;}
.myface{ width:124px; height:124px; margin: 0 auto;}
.myname {font-size:14px; font-weight:bold; color:#0071c5; text-align:center; padding-top:10px; position:relative; width:122px; text-align:center; margin: 0 auto;}
.myname .btn_userset2{ background:url(../images/icon.png) 0 0px no-repeat; width:14px; height:14px; margin-left:5px; margin-bottom:-2px; cursor:pointer}
/*.myname:hover > .usersetbox {display:block;}*/
.myinfo{ width:122px; padding-top:8px; margin:0 auto; line-height:16px;}
.myinfo p{ text-align:left; width:100px; margin:0 auto; font-weight:bold; color:#6d6d6d; }
.mywraper .quickboxwraper{ margin:10px 0 0 8px; float:left}
ul.quickbox{width:100%; }
ul.quickbox li{ width:45px; display:block; color:#585858; float:left; margin-left:6px;}
ul.quickbox li a{color:#0071c5; cursor:pointer; font-weight:bold;}
ul.quickbox li a:hover{ text-decoration:underline}
ul.quickbox li.mark{ padding-left:14px; background: url(../images/icon.png) 0 -28px no-repeat; height:17px; line-height:19px;} 
ul.quickbox li.message{ padding-left:21px; background: url(../images/icon.png) 0 -51px no-repeat; height:17px; line-height:19px;}
ul.quickbox li.friend{ padding-left:23px; background: url(../images/icon.png) 0 -75px no-repeat; height:17px; line-height:19px;}
ul.quickbox li.calendar{ padding-left:23px; background: url(../images/icon.png) 0 -476px no-repeat; height:17px; line-height:19px;}

ul.quickbox.auto li{ width:auto;}
ul.quickbox.auto li a{color:#585858; font-weight:normal;}

.mygroup_s{ width:100%; float:left; margin-bottom:12px}
.mygroup_s .top{ width:100%; float:left;}
.mygroup_s .top .photo{ width:97; height:73px; float:left;}
.mygroup_s .top .photo img{border-collapse: collapse; border-radius:12px;}
.mygroup_s .top .desc{float:left; margin-left:8px; margin-top:0px; width:96px;}
.mygroup_s .top .desc h4{float:left; width:100%; line-height:16px; word-wrap:break-word; word-break:break-all; height:32px; font-size:12px;}
.mygroup_s .top .desc .status{ width:88px; height:18px; background:#efefef; float:left; margin-top:5px; padding:3px 0 0 8px;}
.mygroup_s .btm{ width:100%; float:left; margin-top:7px;}
.mygroup_s .btn_edit, .mygroup_s .btn_orgdel{ margin-left:6px;}
.mygroup_s .top .desc .crol{float:left; width:100%; margin-top:5px;}

.btn_orgdel{ background:url(../images/icon.png) -74px -457px no-repeat; width:10px; height:10px; cursor:pointer; display:inline-block;}




ul.statusbox{ float:left }
ul.statusbox li{ display:block; color:#585858; float:left; margin-left:4px; font-weight:bold; min-width:20px;}
ul.statusbox li a{color:#0071c5; cursor:pointer; font-weight:bold;}
ul.statusbox li a:hover{ text-decoration:underline}
ul.statusbox li.people{ padding-left:16px; background: url(../images/icon.png) 0 -103px no-repeat; height:17px; line-height:19px;} 
ul.statusbox li.hot{ padding-left:18px; background: url(../images/icon.png) 0 -126px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.comm{ padding-left:19px; background: url(../images/icon.png) 0 -148px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.reserve{ padding-left:19px; background: url(../images/icon.png) 0 -296px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.praise{ padding-left:19px; background: url(../images/icon.png) 0 -520px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.action span{ font-weight:normal; height:17px; line-height:19px; margin-right:2px;}
ul.statusbox li.collect{ padding-left:13px; background: url(../images/icon.png) 0 -542px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.share{ padding-left:19px; background: url(../images/icon.png) 0 -565px no-repeat; height:17px; line-height:19px;}
ul.statusbox li.collect a,ul.statusbox li.share a{font-weight: normal;}
ul.statusbox li.reply{ padding-left:17px; background: url(../images/icon.png) 0 -638px no-repeat; height:17px; line-height:19px;}


ul.actionbox{width:100%; height:21px; }
ul.actionbox li{ width:52px; display:block; color:#585858; float:left; margin-left:4px; font-weight: normal;}
ul.actionbox li:first-child{margin-left:8px;}
ul.actionbox li.xl{width:80px}
ul.actionbox li.l{width:70px}
ul.actionbox li a{color:#0071c5; cursor:pointer; font-weight:bold;}
ul.actionbox li a:hover{ text-decoration:underline}




.myfriend_s{ width:100%; float:left; margin-bottom:12px}
.myfriend_s .top{ width:100%; float:left;}
.myfriend_s .top .photo{ width:34px; height:34px; float:left;}
.myfriend_s .top .desc{float:left; margin-left:10px; margin-top:2px; width:123px; }
.myfriend_s .top .desc h4{float:left; width:123px; font-size:12px;}
.myfriend_s .top .desc h4 a.name{ color:#0071c5; cursor:pointer; font-weight:bold;line-height:19px;}
.myfriend_s .top .desc h4 a.name:hover{ text-decoration:underline}
.myfriend_s .top .desc h4 .btn_message{ margin-left:5px;}
.myfriend_s .top .desc p.info{ font-size:12px; color:#6d6d6d;line-height:16px; float:left; width:100%;}
.myfriend_s .btm{ width:100%; float:left; margin-top:3px;}
.myfriend_s .btm .status{ width:161px; height:18px; background:#efefef; float:left; padding:3px 0 0 8px;}

ul.list{ width:100%; float:left;}
ul.list li{ float:left; width:100%; display:block; margin-top:6px;color:#515151;}
ul.list li a{color:#0071c5; cursor:pointer; font-size:12px; line-height:16px;}
ul.list li a:hover{ text-decoration:underline}
ul.list li a.size_l{font-size:18px; font-weight:bold;}
ul.list li span{ margin-left:15px; color:#8e8d8d}

.box_edit{ width:100%; float:left; min-height:10px; padding-bottom:25px; position:relative;
  background:url(../images/boxeditbg.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%);
}
.box_edit.btm:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; width:100%}
.box_edit.btm{ *padding-top:6px; padding-top:6px\0/;
  background:url(../images/boxbgie7.jpg) repeat-x;
 *background:url(../images/boxbgie7.jpg) repeat-x;
}

.box_edit .title{ width:100%; height:50px; background:#fff; float:left; background:url(../images/boxedittitlebg.jpg) repeat-x;}
.editbox{ float:left; width:100%;}
.box_edit .content{ width:100%; float:left;}
.editbox p.right{ float:left; width:624px; margin-bottom:14px;}
.editbox p.indent{ color:#585858; margin-left:42px; line-height:19px; width:566px; float:left;margin-bottom:14px;}
.editbox p.indent span{ margin-right:20px;}
.editbox p.indent a{ margin-right:10px;}
.editbox p.indent a.btn{ margin-right:20px;}
.editbox p.btn{ text-align:right; float:left;width:608px;}
.editbox label{ width:45px; float:left; color:#585858; font-weight:bold; line-height:25px;}
.editbox input.title{float:left; outline:none; width:550px; height:20px; color:#585858; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #82ade7; background:#fff; font-size:12px; padding:5px;}
.editbox .tagwraper{ width:290px; height:20px; border:1px solid #82ade7; background:#fff; padding:3px 4px; float:left;}
input.tag{float:left; outline:none; width:205px; height:18px; color:#585858; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:0; background:#fff; font-size:12px;}

.tagwraper .btn_tag{ float:left; width:71px; margin-left:10px;}
ul.createtypebox{height:45px; float:left; margin-left:45px;}
ul.createtypebox li{ display:block;  float:left; margin-right:12px; font-weight: bold; line-height:45px; font-size:14px;color:#bcbcbc;}
ul.createtypebox li a{color:#8e8e8e; cursor:pointer; font-weight:bold; font-weight: bold; line-height:45px; font-size:14px; display:block; width:60px; text-align:center}
ul.createtypebox li a.active{color:#03aceb; position:relative}
ul.createtypebox li a.active:after{content:''; position: absolute; top:39px; background: url(../images/boxedittitlarr.jpg) no-repeat; display:block; width:20px; height:11px; left:19px;}
ul.createtypebox li.subtitle{ color:#6d6d6d; margin-top:2px; *margin-top:0px;}
ul.createtypebox li.subtitle img{ margin-bottom:-5px; margin-right:5px;}
ul.createtypebox li.subtitle span{ color:#bcbcbc;}

.box_m{ width:100%; float:left; border-top:1px solid #fdfdfd; position:relative; padding-bottom:25px;
  *background: url(../images/boxbgie7.jpg) repeat-x;
  background: url(../images/boxbg.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%);
}
.box_m:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; left:1%; width:98%}
.box_m .titilewraper{ padding:10px 29px 0 29px;}
.box_m .titile{ float:left; width:100%; font-size:12px; color:#515151; font-weight:bold; height:30px;}
.box_m .titile img{ margin-bottom:-3px; margin-right:8px;}
.box_m .titile select{ margin-right:10px; float:left;border:1px solid #dddddd;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; height:26px; font-size:14px;}
.box_m .titile h3{ float:left; color:#515151; font-size:14px; line-height:25px; font-weight:bold;}
.box_m .titile .right{ float:right}
.box_m .btn_more_wraper{ padding:18px 40px 0 40px;}
.box_m .btn_more{ width:100%; float:left;}
.box_m .content{ background:#FFFFFF; min-height:10px; width:100%;float:left;}
.box_m .titile .btn_blu{ font-weight:normal; margin-left:8px;}
.box_m .row { padding:0px 29px }
.box_m .row .pagebox{ padding-bottom:10px; *padding-bottom:0px;}
.box_m .row.btm .pagebox{ padding-top:5px;}


.browsemodebox{ float:right }
.browsemodebox a{ float:left; margin-left:18px;}
.btn_thum{ display:block; background:url(../images/icon.png) -30px -212px no-repeat; width:15px; height:20px; cursor:pointer;}
.btn_thum.active{ display:block; background:url(../images/icon.png) 0px -212px no-repeat; width:15px; height:20px; cursor:pointer;}
.btn_horiz{ display:block; background:url(../images/icon.png) -30px -238px no-repeat; width:15px; height:20px; cursor:pointer;}
.btn_horiz.active{ display:block; background:url(../images/icon.png) 0 -238px no-repeat; width:15px; height:20px; cursor:pointer;}
.btn_time{ display:block; background:url(../images/icon.png) -30px -263px no-repeat; width:16px; height:21px; cursor:pointer;}
.btn_time.active{ display:block; background:url(../images/icon.png) 0 -263px no-repeat; width:16px; height:21px; cursor:pointer;}


.pagebox{ float:right; height:20px; margin-left:22px;}
.pagebox .page{ float: left; line-height:26px; color:#0071c5; margin-left:7px; cursor:pointer; display: block;  text-align:center; font-weight:bold;}
.pagebox .page.active{ color:#6d6d6d}
.pagebox .page_last{display:block; background:url(../images/icon.png) 0 -404px no-repeat; width:18px; height:26px; cursor:pointer; float:left; margin-left:12px; margin-right:5px;}
.pagebox .page_next{display:block; background:url(../images/icon.png) 0 -426px no-repeat; width:18px; height:26px; cursor:pointer; float:left;}
.pagebox .page_last.active{ background-position:-25px -404px;}
.pagebox .page_next.active{ background-position:-25px -426px;}


.listthumwraper{ float:left; padding:10px 18px 0px 38px;}
.box_listthum{ float:left; width:157px; min-height:329px; border:1px solid #cecbcb; background:#f3f3f3; border-radius:8px; padding:8px 23px; margin-right:18px; margin-bottom:18px;}
.box_listthum .top, .box_listthum .btm{ width:100%; float:left}
.box_listthum .midd{ float:left; padding:0 3px; width:151px;}
.box_listthum .photo{ float:left; width:100%; margin-bottom:10px;}
.box_listthum h4{ float:left; width:100%;margin-bottom:6px; font-size:12px;*margin-top:10px;}
.box_listthum .info{ float:left; width:100%;margin-bottom:12px; font-size:12px; line-height:18px; color:#515151; word-wrap:break-word; word-break:break-all; }
.box_listthum .detail{ float:left; width:100%;margin-bottom:10px;}
.box_listthum .detail p{ float:left; width:100%; line-height:18px; color:#515151;}
.box_listthum .detail p img{ margin-bottom:-2px;}
.box_listthum .status{ width:152px; float:left; background:#e0e0e0; margin-bottom:10px; height:18px; padding:3px 0 0 5px;}
.box_listthum .btn_others{ float:left; position:relative; margin-left:3px;}


.box_listhoriz tr.row{ height:69px;}
.box_listhoriz tr.gray{ background:#f9f9f9}
.box_listhoriz td{ vertical-align:middle; border-bottom:1px solid #ebebeb}
.box_listhoriz td.icon{ width:37px; text-align:center;}
.box_listhoriz td.cont{ width:520px; text-align:left;}
.box_listhoriz td.cont span{width:400px; float:left; font-size:12px; line-height:16px;color:#adadad;}
.box_listhoriz td.cont span strong{ color:#8e8d8d;}
.box_listhoriz td.cont a{ color:#0071c5; cursor:pointer; font-weight:bold;}
.box_listhoriz td.cont a:hover{ text-decoration:underline}
.box_listhoriz td.cont a.btn_edit{ margin-left:6px;}
.box_listhoriz td.writer{width:84px; text-align:center; color:#6d6d6d}
.box_listhoriz td.face{width:44px; text-align:center;}
.box_listhoriz td.other{width:44px; text-align:center;}
.box_listhoriz td.other .btn_others{ margin-left:14px; position:relative;}


.box_listhoriz_2 tr.title td{ font-weight:bold; color:#9c9c9c; text-align:center; border-bottom:0px solid #ebebeb;}
.box_listhoriz_2 tr.title{ height:28px;}
.box_listhoriz_2 tr.row{ height:57px;}
.box_listhoriz_2 tr.gray{ background:#f9f9f9}
.box_listhoriz_2 td{ vertical-align:middle; border-bottom:1px solid #ebebeb; color:#6d6d6d}
.box_listhoriz_2 td.icon{ width:37px; text-align:center;}
.box_listhoriz_2 td.cont{ width:339px; text-align:left;}
.box_listhoriz_2 td.cont a{ font-weight:bold;}
.box_listhoriz_2 td a{ color:#0071c5; cursor:pointer;}
.box_listhoriz_2 td a:hover{ text-decoration:underline}
.box_listhoriz_2 td.writer{width:64px; text-align:center;}
.box_listhoriz_2 td.score{width:32px; text-align:center;}
.box_listhoriz_2 td.comment{width:32px; text-align:center;}
.box_listhoriz_2 td.hot{width:32px; text-align:center;}
.box_listhoriz_2 td.time{width:84px; text-align:center;}
.box_listhoriz_2 td.start{width:64px; text-align:center;}
.box_listhoriz_2 td.other{width:44px; text-align:center;}
.box_listhoriz_2 td.other .btn_others{ margin-left:14px; position:relative;}

.box_listhoriz_3 tr.row{ height:69px;}
.box_listhoriz_3 tr.gray{ background:#f9f9f9}
.box_listhoriz_3 td{ vertical-align:middle; }
.box_listhoriz_3 td.icon{ width:37px; text-align:center;}
.box_listhoriz_3 td.cont{ width:484px; text-align:left;}
.box_listhoriz_3 td.cont span{width:400px; float:left; font-size:12px; line-height:16px;color:#adadad;}
.box_listhoriz_3 td.cont span strong{ color:#8e8d8d;}
.box_listhoriz_3 td.cont a{ color:#0071c5; cursor:pointer; font-weight:bold;}
.box_listhoriz_3 td.cont a:hover{ text-decoration:underline}
.box_listhoriz_3 td.writer{width:84px; text-align:center; color:#6d6d6d}
.box_listhoriz_3 td.face{width:44px; text-align:center;}

.box_listhoriz_4 tr.title td{ font-weight:bold; color:#9c9c9c; text-align:center; border-bottom:0px solid #ebebeb;}
.box_listhoriz_4 tr.title{ height:28px; border-bottom:0px solid #ebebeb;}
.box_listhoriz_4 tr.row{ height:57px;}
.box_listhoriz_4 tr.gray{ background:#f9f9f9}
.box_listhoriz_4 tr{ border-bottom:1px solid #ebebeb;}
.box_listhoriz_4 td{ vertical-align:middle; border-bottom:1px solid #ebebeb; color:#6d6d6d}
.box_listhoriz_4 td.icon{ width:37px; text-align:center;}
.box_listhoriz_4 td.cont{ width:368px; text-align:left;}
.box_listhoriz_4 td.cont a{ font-weight:bold;}
.box_listhoriz_4 td a{ color:#0071c5; cursor:pointer;}
.box_listhoriz_4 td a:hover{ text-decoration:underline}
.box_listhoriz_4 td.writer{width:64px; text-align:center;}
.box_listhoriz_4 td.score{width:32px; text-align:center;}
.box_listhoriz_4 td.comment{width:32px; text-align:center;}
.box_listhoriz_4 td.hot{width:43px; text-align:center;}
.box_listhoriz_4 td.time{width:108px; text-align:center;}
.box_listhoriz_4 td.other{width:44px; text-align:center;}
.box_listhoriz_4 td.other .btn_others{ margin-left:14px; position:relative;}



.sheetboxwarper{ float:left; width:auto; margin-left:10px; margin-right:10px;}
ul.sheetbox{ width:100%}
ul.sheetbox li{ width:auto; padding:0 15px; min-width:47px; display:block; float:left; border:1px solid #d2d2d2;line-height:24px; text-align:center; color:#0570b8; cursor:pointer; margin-right:-1px; font-weight:normal;
         background: url(../images/sheetboxbg.jpg) repeat-x;
         background: -moz-linear-gradient(top,  #fefefe 0%, #ebebeb 50%);
         background: -webkit-linear-gradient(top,  #fefefe 0%,#ebebeb 50%);
         background: -o-linear-gradient(top,  #fefefe 0%,#ebebeb 50%); 
         background: -ms-linear-gradient(top,  #fefefe 0%,#ebebeb 50%); 
         background: linear-gradient(to bottom,  #fefefe 0%,#ebebeb 50%);}
ul.sheetbox li:first-child{ border-top-left-radius:4px;  border-bottom-left-radius:4px}         
ul.sheetbox li:last-child{ border-top-right-radius:4px;  border-bottom-right-radius:4px}    
ul.sheetbox li.active{ color:#ffffff;
         background: url(../images/sheetboxbgact.jpg) repeat-x;
         background: -moz-linear-gradient(top,  #287dbb 0%, #2899d4 100%);
         background: -webkit-linear-gradient(top,  #287dbb 0%,#2899d4 100%);
         background: -o-linear-gradient(top,  #287dbb 0%,#2899d4 100%); 
         background: -ms-linear-gradient(top,  #287dbb 0%,#2899d4 100%); 
         background: linear-gradient(to bottom,  #287dbb 0%,#2899d4 100%);}


.icon_topic{ width:20px; height:20px; background:url(../images/icon.png) 0 -323px;}
.icon_post{ width:20px; height:20px; background:url(../images/icon.png) -27px -323px;}
.icon_faq{ width:20px; height:20px; background:url(../images/icon.png) 0 -350px;}
.icon_group{ width:20px; height:20px; background:url(../images/icon.png) -27px -377px;}
.icon_teadesign{ width:20px; height:20px; background:url(../images/icon.png) 0 -377px;}
.icon_resource{ width:20px; height:20px; background:url(../images/icon.png) -27px -350px;}
.icon_news{ width:18px; height:13px; background:url(../images/icon.png) -56px -352px; }
.icon_lectures{ width:19px; height:17px; background:url(../images/icon.png) -56px -321px; }


.footerwraper{ background: url(../images/headershadow.png) center top repeat-x;width:100%; float:left; margin-top:56px;}
.footer { height:38px; margin:0 auto; width:980px; text-align:center; line-height:38px;}
.footer a{ color:#fff; padding:0 26px;}
.footer a:hover{ text-decoration:underline}
.footer span{ color:#fff; padding:0 26px;}


.box_auto{ width:100%;  border-top:1px solid #fdfdfd; position:relative; margin-bottom:25px; float:left;min-height:200px;position: absolute;z-index: 1200;
  background: #FFFFFF url(../images/boxbg.jpg) repeat-x;
 *background: #FFFFFF url(../images/boxbgie7.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%);
    -webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, .3);
	 -moz-box-shadow:0px 1px 8px rgba(0, 0, 0, .3);
       -o-box-shadow:0px 1px 8px rgba(0, 0, 0, .3);
          box-shadow:0px 1px 8px rgba(0, 0, 0, .3);
}
.box_auto:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; left:1%; width:98%}
.box_auto .titilewraper{ padding:10px 29px 0 29px;}
.box_auto .titile{ width:100%; font-size:12px; color:#515151; font-weight:bold; height:30px;}
.box_auto .titile h3{ color:#515151; font-size:14px; line-height:25px; font-weight:bold;}
.box_auto .content{ background:#FFFFFF; min-height:100px; width:100%;}
.box_in_auto{ padding:0px 10px;}
.box_auto .btn_close{ background:url(../images/icon.png) -47px -14px no-repeat; position:absolute; display:block; top:10px; right:8px; width:10px; height:10px; cursor:pointer;}

/*add*/
.icon_error{ width:10px; height:19px; background:url(../images/icon.png) -1px -448px; margin-left:6px;}

input[type="radio"],input[type="checkbox"]{ vertical-align: middle; margin-bottom:6px; margin-bottom:4px\9;}
.icon_plus{ width:10px; height:19px; background:url(../images/icon.png) -20px -448px; margin-left:6px;}
.icon_minus{ width:10px; height:19px; background:url(../images/icon.png) -39px -448px; margin-left:6px;}

/*mainpage*/
.quickareawraper{width:100%; float:left;}
.quickarea{ width:930px; margin:0 auto; height:35px; padding:0 20px 0 30px;}
.quickarea .createnow{ width:460px; float:left; font-size:12px; color:#575757; line-height:35px;}
.quickarea .createnow a{ margin-right:8px;}
.quickarea .quickboxwraper{ margin:8px 0 0 0; float:right; }

.column_wraper_l{width:978px; float:left;}

.slideshow{ width:978px; height:322px; float:left; padding-bottom:18px;}
.slideshow .photowraper{ width:745px; height:322px; float:left; position:relative}
.slideshow .photo_l{ position:absolute; top:0; left:0; width:745px; height:322px;}

.slideshow .photo_s_wraper{ position:absolute; left:44px; bottom:11px;}
.slideshow .photo_s_wraper .photo_s{ width:138px; height:103px; padding:13px 27px 0 27px; background:rgba(1, 56, 112, 0.9);background:#013870\9;filter:alpha(opacity=90)\9; float:left; margin-left:20px;}
.slideshow .photo_s_wraper .photo_s p{ width:138px; text-align:center;}
.slideshow .photo_s_wraper .photo_s a{ font-size:12px; color:#fff; line-height:33px; cursor:pointer; }

.slideshow .photo_s5_wraper{position:absolute; left:17px; bottom:11px;}
.slideshow .photo_s5_wraper .photo_s{padding:11px 0 0 0; background:rgba(1, 56, 112, 0.9);background:#013870\9;filter:alpha(opacity=90)\9; float:left; margin-left:12px;}
.slideshow .photo_s5_wraper .photo_s p{ width:163px; text-align:center;}
.slideshow .photo_s5_wraper .photo_s a{ font-size:12px; color:#fff; height:32px;cursor:pointer; }

.slideshow .photo_s5_wraper .photo_s p.subtitle{ width:163px; height:42px; text-align:center; display:table; *position:relative; overflow:hidden;}
.slideshow .photo_s5_wraper .photo_s p.subtitle a{ vertical-align:middle; display:table-cell; *position:absolute; *top:50%;}
.slideshow .photo_s5_wraper .photo_s p.subtitle span{ *position:relative; *top:-50%;}
/*.slideshow .photo_s5_wraper{position:absolute; left:17px; bottom:11px;}
.slideshow .photo_s5_wraper .photo_s{ width:92px; height:74px; padding:9px 18px 0 18px; background:rgba(1, 56, 112, 0.9);background:#013870\9;filter:alpha(opacity=90)\9; float:left; margin-left:12px;}
.slideshow .photo_s5_wraper .photo_s p{ width:92px; text-align:center;}
.slideshow .photo_s5_wraper .photo_s a{ font-size:12px; color:#fff; line-height:26px; cursor:pointer; }*/

.slideshow .menu{width:231px; height:322px; float:left; border-left:2px solid #0059a3; background:#0071c5;overflow:hidden }
.slideshow .menu dt{ width:231px; border-top:1px solid #7faecf;display:block; width:196px; height:43px; line-height:43px; color:#fff; font-size:14px; font-weight:bold; padding-left:35px; background-color:#0071c5; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: -24px -487px; cursor:pointer;}
.slideshow .menu dt:first-child{ border-top:0}
.slideshow .menu dd{ height:92px; border-top:1px solid #7faecf; background:#0071c5; padding:8px 20px 0 38px;}
.slideshow .menu dd p{ line-height:22px; font-size:12px; color:#fff;}
.slideshow .menu dd p a{ line-height:22px; font-size:12px; color:#fff; cursor:pointer;}
.slideshow .menu dd p a:hover{ text-decoration:underline}
.slideshow .menu dt.lecture.active{background-color:#e0731b;}
.slideshow .menu dd.lecture{ background:#f89a26;border-top:1px solid #fdcb8d;}
.slideshow .menu dt.group.active{background-color:#7dab01;}
.slideshow .menu dd.group{ background:#a8c806;border-top:1px solid #c6e42e;}
.slideshow .menu dt.case.active{background-color:#ffa200;}
.slideshow .menu dd.case{ background:#ffba00;border-top:1px solid #fef094;}
.slideshow .menu dt.resource.active{background-color:#8c30a3;}
.slideshow .menu dd.resource{ background:#a761d3;border-top:1px solid #a855bd;}
.slideshow .menu dt.community.active{background-color:#0087d5;}
.slideshow .menu dd.community{ background:#00aeef;border-top:1px solid #7faecf; height:94px;}
/*.slideshow .menu dd.community p{ line-height:px;}
.slideshow .menu dd.community p a{ line-height:17px;}*/
.slideshow .menu dd.resource p a{ float:left; margin-right:10px}
.slideshow .menu dd.resource span a{ line-height:22px; font-size:12px; color:#fff; cursor:pointer;}
.slideshow .menu dd.resource span a:hover{ text-decoration:underline}
.slideshow .menu dd.community{ padding:8px 0 0 22px;}

.column_wraper_s_mainpage{ float:left; width:289px;}
.column_wraper_m_mainpage{ float:left; width:669px; margin-left:20px;}

.news_mainpage{ width:100%; float:left;}
.news_listthum .photo{ width:254px; height:169px; float:left; margin-bottom:8px;}
.news_listthum .desc{ padding:0 14px;}
.news_listthum .desc h4{ float:left; font-size:12px; font-weight:bold; margin-bottom:6px; line-height:16px; width:100%}
.news_listthum .desc p{ float:left; font-size:12px; line-height:16px; text-indent:24px; color:#515151; width:100%;height:120px;}
.news_mainpage .pagepoint{ text-align:center; margin-top:16px; float:left; width:100%;}

.pagepoint a{ display: inline-block; font-size:0px; line-height:0px;width:10px; height:10px;border-radius: 10px; background: url(../images/icon.png) no-repeat 0 -683px; margin:0 auto; margin-left:4px; cursor:pointer;
         -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4);
              -o-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4);}
.pagepoint a.active{ background: url(../images/icon.png) no-repeat -15px -683px;}

/*webinars*/
.navigatewraper{width:940px; height:40px; padding:0 20px 0 20px; float:left;}
.navigate{ float:left; line-height:40px; color:#515151; font-weight:bold; font-size:14px;}
.navigate a{ color:#0071c5; margin-right:8px; cursor:pointer;}
.navigate a:hover{ text-decoration:underline;}
.navigate span{ margin-left:8px;}
.navigatewraper .quickboxwraper{ float:right; padding:12px 0}

.fillinbox_s_wraper{ float:left; width:100%;}
.fillinbox_s{ width:199px; height:99px; float:left; border:1px solid #8bb3e8;}
.fillinbox_s textarea{ outline: none; resize: none; vertical-align:top;width:189px; height:66px; border:0; background:transparent;font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.fillinbox_s .length{width:189px; padding:5px 5px 0 5px; font-size:12px; color:#b8b8b8; text-align:right;}
.fillinbox_s_wraper .btn{ float:left;width:100%; text-align:right; margin-top:10px;} 

ul.list_rank{ width:100%; float:left;}
ul.list_rank li{ float:left; width:100%; display:block; margin-top:6px; color:#515151; padding:3px 0;}
ul.list_rank li.gray{ background:#f2f2f2;}
ul.list_rank li b{ width:14px; height:14px; display:block; float:left; text-align:center; background:#00aeef; color:#ffffff; margin-right:8px; vertical-align:middle; margin-top:2px;}
ul.list_rank li b.minor{ background:#c7c7c7;}
ul.list_rank li > a{ width:125px; float:left; display:block; line-height:16px; color:#515151; cursor:pointer; font-size:12px; margin-right:8px;}
ul.list_rank li a:hover{ text-decoration:underline; color:#0071c5;}
ul.list_rank li span.praise{ float:left; padding-left:19px; background: url(../images/icon.png) 0 -518px no-repeat; height:17px; line-height:16px;}
ul.list_rank li span.praise > a{color:#0071c5; font-weight:bold; cursor:pointer;}

.banner_slide{ float:left; width:100%; padding-bottom:14px;}
.banner_slide_in{ padding:14px 48px;OVERFLOW: hidden;position:relative;}
.banner_slide .photo{ float:left;}
.banner_slide .photo img{border-collapse: collapse; border-radius:12px;}
.banner_slide .desc{ float:left; margin-left:27px;}

.banner_slide .desc h3{ float:left; width:100%;margin-bottom:6px; font-size:14px;}
.banner_slide .desc h3 a{ cursor:pointer;}
.banner_slide .desc h3 a:hover{text-decoration:underline;}
.banner_slide .desc h3 .btn_blu{ padding:0 24px;}
.banner_slide .desc h3 .btn_blu:hover{ text-decoration:none}
.banner_slide .desc .info{ float:left; width:100%;margin-bottom:12px; font-size:12px; line-height:18px; word-wrap:break-word; word-break:break-all; }
.banner_slide .desc .detail{ float:left; width:100%;margin-bottom:8px;}
.banner_slide .desc .detail p{ float:left; width:100%; line-height:16px;}
.banner_slide .desc .detail p img{ margin-bottom:-2px;}
.banner_slide .desc .detail p a{cursor:pointer;}
.banner_slide .desc .detail p a:hover{text-decoration:underline;}
.banner_slide .desc .status{ width: auto; height:18px; float:left; padding:3px 18px 0 8px;}

.banner_slide ul.statusbox{ float:left }
.banner_slide ul.statusbox li{ width: auto; display:block; float:left; margin-left:10px; font-weight:bold;}
.banner_slide ul.statusbox li a{ cursor:pointer; font-weight:bold;}
.banner_slide ul.statusbox li a:hover{ text-decoration:underline}
.banner_slide ul.statusbox li.collect a,.banner_slide ul.statusbox li.share a{font-weight: normal;}
.banner_slide_wraper .pagepoint{ margin-top:8px; float:right; margin-right:47px;}
.banner_slide_wraper .pagebox{ float:right; margin-right:70px; }

.banner_slide.blu{ background:#0071c5;}
.banner_slide.blu .desc h3{ color:#ffffff;}
.banner_slide.blu .desc h3 .btn_blu{ margin-left:18px;}
.banner_slide.blu .desc .info{ color:#e6e6e6;}
.banner_slide.blu .desc .detail p{ color:#ffffff;}
.banner_slide.blu .desc .detail p a{color:#ffffff;}
.banner_slide.blu .desc .status{ background:#0160b8;}
.banner_slide.blu ul.statusbox li{ color:#ffffff;}
.banner_slide.blu ul.statusbox li a{color:#ffffff;}
.banner_slide.blu ul.statusbox li.hot{ background-position:0 -588px}
.banner_slide.blu ul.statusbox li.comm{ background-position:0 -614px}

.banner_slide.wrt{ background:#ffffff;}
.banner_slide.wrt .desc h3{ color:#0071c5;}
.banner_slide.wrt .desc h3 .btn_blu{ margin-left:0px;}
.banner_slide.wrt .desc .info{ color:#707070;}
.banner_slide.wrt .desc .detail p{ color:#515151;}
.banner_slide.wrt .desc .detail p a{color:#0071c5;}
.banner_slide.wrt .desc .status{ background:#efefef;}
.banner_slide.wrt ul.statusbox li{ color:#515151;}
.banner_slide.wrt ul.statusbox li a{color:#0071c5;}
.banner_slide.wrt ul.statusbox li.hot{ background-position:0 -126px}
.banner_slide.wrt ul.statusbox li.comm{ background-position:0 -148px}

.banner_slide .photo.size_l{ width:300px; height:225px;}
.banner_slide .desc.size_l{ width:493px;}

.banner_slide .photo.size_m{ width:240px; height:170px;}
.banner_slide .desc.size_m{ width:553px;}

.banner_slide .photo.lecture{ position:absolute; z-index:1}
.banner_slide .desc.lecture{ position:absolute; z-index:2; margin-left:0}
.banner_slide.lecture{ min-height:239px;}
.banner_slide_in.lecture{ float:left; width:862px;min-height:209px;position:absolute; z-index:1}
.box_in_5.lecture{ float:left; width:958px;}
.banner_slide_wraper { float:left; width:100%;}

.banner_slide_wraper.thenew{ position:relative; height:273px; width:958px; float:left; overflow:hidden;}
.banner_slide_wraper.thenew .banner_slide{ background:url(../images/banner_slide_blu_bg.jpg) no-repeat; width:958px; height:253px; position: absolute;}
.banner_slide_wraper.thenew .banner_slide .photo{ position:relative;}
.banner_slide_wraper.thenew .banner_slide .photo .photomask{ position:absolute; width:342px; height:253px; top:-14px; left:-21px;}
.banner_slide_wraper.thenew .banner_slide .photo .photomask img{ background:url(../images/mask.png) 0 0 no-repeat; width:342px; height:253px;}
.banner_slide_wraper.thenew .banner_slide .desc h3{ color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide .desc h3 .btn_blu{ margin-left:18px;}
.banner_slide_wraper.thenew .banner_slide .desc .info{ color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide .desc .detail p{ color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide .desc .detail p a{color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide .desc .status{ background:#0160b8;}
.banner_slide_wraper.thenew .banner_slide ul.statusbox li{ color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide ul.statusbox li a{color:#ffffff;}
.banner_slide_wraper.thenew .banner_slide ul.statusbox li.hot{ background-position:0 -588px}
.banner_slide_wraper.thenew .banner_slide ul.statusbox li.comm{ background-position:0 -614px}
.banner_slide_wraper.thenew .banner_slide .scorebox .left{ color:#ffffff; }
.banner_slide_wraper.thenew .pagepoint{ position: absolute; bottom:0px; right:0px;}

.commentarea > .btn{position:absolute; top:-36px; right:47px;}
.commentarea > .btn .btn_blu{letter-spacing:2px;padding:0 26px;}


.commentarea{position:relative;}
.commentarea .topicpadding{ padding:0}
.commentarea .replypadding{ padding-left:48px;}
.commentbox{ float:left; border:1px solid #c5c5c5; width:100%; border-radius:12px; position:relative; margin-bottom:7px; }
.commentbox.topic{background:#f0f0f0;}
.commentbox.reply{background:#e6e6e6;}
.commentboxin{ padding:8px 23px 8px 58px; }
.commentbox .photo{ position:absolute; left:10px; top:8px; width:34px; height:34px}
.commentbox .title{ margin-left:-7px; color:#6d6d6d; position:relative; line-height:17px; } 
.commentbox .title a{ color:#0071c5; cursor:pointer; margin-right:7px;}
.commentbox .title a:hover{ text-decoration:underline}
.commentbox .title strong{ margin-right:7px;}
.commentbox .title .praise{ padding-left:19px; background: url(../images/icon.png) 0 -520px no-repeat; height:17px; line-height:16px; font-weight:bold;display:inline-block}
.commentbox .title span{margin-right:7px;}
.commentbox .title .time{ position:absolute; right:20px; color:#a0a0a0;}
.commentbox .cont{ margin-top:5px; line-height:18px; color:#515151;}
.commentbox .cont textarea{ outline: none; resize: none; vertical-align:top;width:98%; height:65px; border:1px solid #89b1e7; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.commentbox .cont img{max-width:600px;height:auto !important ;width:expression(this.width > 600?"600px":this.width);}
.commentbox .btn{ text-align:right; margin-top:8px}
.commentbox .btn a{ line-height:18px; height:18px; margin-left:5px;}
.commentarea .pagebox{ position:absolute; top:-26px; right:110px;}
.commentarea .btn_switch{ top:-23px; left:459px;}

.btn_switch{ width:60px; height:23px; display:block; color:#c7c7c7; font-size:12px; position: absolute; text-align:center; cursor:pointer;}
.btn_switch b{ position: absolute; left:25px; top:13px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid transparent; border-bottom:5px solid #c7c7c7; width:0; height:0;} 
.btn_switch.active b{ top:18px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #c7c7c7; border-bottom:5px solid transparent;}

.commentarea.size_l .padding{padding:17px 169px 12px 94px;}
.commentarea.size_l .btn_more_wraper_comm{ float:right; padding:10px 0; width:670px;}
.commentarea.size_xl .padding{padding:17px 96px 12px 96px;}

/*doc*/
input.size1{float:left; outline:none; width:135px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px;}
input.size2{ outline:none; width:300px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}
input.size3{ outline:none; width:260px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}
input.size4{ outline:none; width:160px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}
input.size5{float:left; outline:none; width:250px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px;}
input.size6{outline:none; width:250px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px;}
input.size7{outline:none; width:135px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; margin-left:5px;}
input.size8{outline:none; width:450px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px;}
input.size9{outline:none; width:50px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}



.hr_btm{ border-bottom:1px solid #e7e7e7; width:100%; float: left; border-left:none; border-top:none; border-right:none; margin-bottom:5px;}

/*group*/
ul.list_message{ width:100%; float:left; margin-top:10px;}
ul.list_message li{ display:block; background:#f2f2f2; padding:3px 10px; line-height:18px; color:#515151; margin-bottom:3px;word-wrap:break-word;} 

.graphic{ }
.graphic_in{ padding:12px 13px;}
.graphic p{ font-size:12px; color:#515151; line-height:18px;}
.graphic ul,.graphic ol{ font-size:12px; color:#515151; line-height:18px;margin-top:20px; margin-left:0px;}
.graphic ul li,.graphic ol li{ font-size:12px; color:#515151; line-height:18px; list-style-position:inside}

.graphic img {background: none repeat scroll 0 0 #fff; margin-bottom:12px;}
.graphic img.left{float: left; margin-right: 12px;}
.graphic img.right{float: right; margin-left: 12px;}

.box_list_member_wraper{ float:left; padding:5px 0px 0px 18px;}
.box_list_member { float:left; width:124px; margin-right:16px;margin-bottom:16px;}
.box_list_member .photo{ float:left; width:124px; height:124px;}
.box_list_member .name{ float:left; text-align:center; width:100%; margin-top:4px;}
.box_list_member .name a{ margin-left:5px;}
.box_list_member .name a:first-child{ margin-left:0px;}
.box_list_member .detail{ float:left; text-align:center; width:100%; margin-top:4px; color:#949292;}

/*Discussions_Content*/
.discussbox_wraper{ padding: 10px 50px 10px 26px;}
.discussbox{ float:left; width:100%; position:relative; padding-bottom:20px;}
.discussbox .photo{ position:absolute; width:65px; height:65px; left:0; top:0;}
.discussbox .discussboxin{ padding-left:92px;}
.discussbox .desc{ margin-top:5px;}
.discussbox .from{ margin-left:-15px; color:#515151; margin-bottom:10px;}
.discussbox .from a{ color:#0071c5; cursor:pointer; font-weight:bold; margin-right:7px;}
.discussbox .from a:hover{ text-decoration:underline}
.discussbox .from span{ color:#707070; margin-right:7px;}
.discussbox .desc h1{ font-size:22px; color:#0071c5; font-weight:bold; margin-bottom:10px;}
.discussbox .desc p{ color:#515151; line-height:18px;}
.discussbox .desc img{background: none repeat scroll 0 0 #fff; margin-bottom:12px;}
.discussbox .desc img.left{float: left; margin-right: 18px;}
.discussbox .desc img.right{float: right; margin-left: 18px;}
.discussbox .desc img{max-width:781px;height:auto ! important ;width:expression(this.width > 781?"781px":this.width);}
.related{ margin-top:20px; border-top:1px solid #eeeeee; float:left; width:100%; padding-top:5px;}
.related .detail{ float:left; width:100%;margin-bottom:8px;}
.related .detail p{ float:left; width:100%; line-height:18px; color:#515151;}
.related .detail p img{ margin-bottom:-2px;}
.related .detail p a{cursor:pointer; color:#0071c5}
.related .detail p a:hover{text-decoration:underline;}
.related .status{ width: auto; height:18px; float:left; padding:3px 18px 0 8px; background:#efefef;}
.discussbox ul.statusbox li{ width: auto; display:block; float:left; margin-left:10px; font-weight:bold;}
.discussbox ul.statusbox{ float:left;}
.discussbox ul.statusbox li{ width: auto; display:block; float:left; margin-left:10px; font-weight:bold;}
.discussbox ul.statusbox li a{ cursor:pointer; font-weight:bold; color:#0071c5;}
.discussbox ul.statusbox li a:hover{ text-decoration:underline;}
.discussbox ul.statusbox li.collect a,ul.statusbox li.share a{font-weight: normal;}
.discussbox .btn{ float:left; width:100%; text-align:right; margin-top:10px;}
.discussbox .btn .btn_blu{ letter-spacing:2px;padding:0 26px;}


.discussbox.news .discussboxin{ padding:20px 0 20px 26px;}
.discussbox.news .desc h1{ text-align:center;}
.discussbox .desc p.time{ text-align:center; margin:10px 0 25px 0; color:#a0a0a0;}




/*投票*/
.votebox{ margin-top:20px; border-top:1px solid #eeeeee; float:left; width:100%; padding-top:5px;}
.votebox h4{font-size:12px; color:#515151; font-weight:bold; float:left; width:100%; margin-bottom:8px;}
.votebox .optlist{ float:left; width:100%; margin-bottom:2px;}
.votebox .optlist .item{ font-size:12px; color:#515151; margin:0 4px; float:left; line-height:19px}
.votebox .progress1 {  margin:0 0 0 5px; width:270px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; float:left}
.votebox .bar1 {  width:0%; height:15px; border-radius: 3px;}
.votebox .percent1 { float:left; color:#515151; margin-left:5px;line-height:19px}
.votebox input[type="radio"]{float:left; }

.votebox .bar1.color_1 { background-color: #f7cdcd;}
.votebox .bar1.color_2 { background-color: #f7e1cd;}
.votebox .bar1.color_3 { background-color: #f7f7cd;}
.votebox .bar1.color_4 { background-color: #ddf7cd;}
.votebox .bar1.color_5 { background-color: #cdf7d7;}
.votebox .bar1.color_6 { background-color: #cdf7f2;}
.votebox .bar1.color_7 { background-color: #cde5f7;}
.votebox .bar1.color_8 { background-color: #cdcff7;}
.votebox .bar1.color_9 { background-color: #e1cdf7;}
.votebox .bar1.color_10 { background-color: #f7cdf1;}


/*评分*/
.scorebox{ float:left; width:100%; margin-bottom:2px}
.scorebox .left{ float:left; color:#515151; font-weight:bold; margin-top:3px;}
.scorebox .right{ float:left; }
.scorebox .number{ float:left; color:#515151; font-weight:bold; margin-top:3px; margin-left:5px;}
.rating{
	width:84px;
	height:16px;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star_matrix.png) no-repeat 0 0;
}

.nostar {background-position:-85px 0}
.onestar {background-position:-68px 0}
.twostar {background-position:-51px 0}
.threestar {background-position:-34px 0}
.fourstar {background-position:-17px 0}
.fivestar {background-position:0 0}
ul.rating li {
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:17px;}
ul.rating li.three a {left:34px;}
ul.rating li.four a {left:51px;}
ul.rating li.five a {left:68px;}
ul.rating li a:hover {
	z-index:2;
	width:84px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/star_matrix.png) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:-68px -17px;}
ul.rating li.two a:hover {background-position:-51px -17px;}
ul.rating li.three a:hover {background-position:-34px -17px;}
ul.rating li.four a:hover {background-position:-17px -17px;}
ul.rating li.five a:hover {background-position:0 -17px;}

.banner_slide.blu .scorebox .left{ color:#ffffff; }



/*QA*/
.box_listhoriz_qa { float:left; width:100%}
.box_listhoriz_qa .tr{display:table; border-bottom:1px solid #ebebeb; width:726px; position:relative;}
.box_listhoriz_qa .tr.title{ height:28px; font-weight:bold; color:#9c9c9c; border-bottom:0px;}
.box_listhoriz_qa .tr.list{ background:#ffffff;  color:#515151; padding:5px 0; min-height:47px; line-height:16px;}
.box_listhoriz_qa .tr.list.gray{background:#f9f9f9;}
.box_listhoriz_qa .td{ vertical-align:middle; display:table-cell; *position:absolute; *top:50%;}
.box_listhoriz_qa .td p{*position:relative; *top:-50%; }
.box_listhoriz_qa .td.icon{ width:37px; text-align:center; left:0px;}
.box_listhoriz_qa .td.cont{ width:339px; text-align:left; left:37px;}
.box_listhoriz_qa .tr.title .td.cont{text-align:center;}
.box_listhoriz_qa .td.cont a{ font-weight:bold;}
.box_listhoriz_qa .td a{ color:#0071c5; cursor:pointer;}
.box_listhoriz_qa .td a:hover{ text-decoration:underline}
.box_listhoriz_qa .td.writer{width:64px; text-align:center; left:376px;}
.box_listhoriz_qa .td.score{width:43px; text-align:center; left:440px;}
.box_listhoriz_qa .td.hot{width:43px; text-align:center; left:483px;}
.box_listhoriz_qa .td.time{width:108px; text-align:center; left:526px;}
.box_listhoriz_qa .td.comment{width:50px; text-align:center; left:634px;}
.box_listhoriz_qa .td.other{width:44px; text-align:center; left:684px;}
.box_listhoriz_qa .td.other .btn_others{ display:inline-block}

.box_listhoriz_qa .tr .btn_switch{ left:333px; bottom:-5px}
.box_listhoriz_qa .tr .btn_switch span{ display:none;}
.box_listhoriz_qa .tr .btn_switch:hover > span{ display: block;}


.icon_solve{ width:43px; height:43px; background:url(../images/icon_QA.png) 0 0;}
.icon_unsolve{ width:43px; height:17px; background:url(../images/icon_QA.png) -43px -26px;}


.box_comment_qa{ width:100%; float:left; position:relative; padding-bottom:25px;
  background: url(../images/boxbg.jpg) repeat-x;
 *background: url(../images/boxbgie7.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%);
}
.box_comment_qa:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; left:1%; width:98%}

.commentarea.size_s{padding:17px 45px 12px 45px;}
.commentarea.size_s .btn a{line-height:25px; height:23px; margin-left:5px;}

.box_comment_qa .enteranswer{ margin-top:20px; border-top:1px solid #f5f5f5; float:left; width:100%; }
.box_comment_qa .enteranswer_in{ padding:20px 45px 0 45px;}
.box_comment_qa .enteranswer textarea{ outline: none; resize: none; vertical-align:top;width:98%; height:75px; border:1px solid #89b1e7; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.enteranswer .btn{ float:left; width:100%; text-align:right; margin-top:10px; *padding-left:45px;}


.box_comment_qa .btn_switch{ left:333px; top:-23px;}
.box_comment_qa .btn_switch span{ display:none;}
.box_comment_qa .btn_switch:hover > span{ display: block;}

.fillinbox_qa{ width:608px; height:99px; float:left; border:1px solid #8bb3e8; margin-bottom:8px; background:#fff;}
.fillinbox_qa textarea{ outline: none; resize: none; vertical-align:top;width:598px; height:66px; border:0; background:transparent;font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.fillinbox_qa .length{width:598px; padding:5px 5px 0 5px; font-size:12px; color:#b8b8b8; text-align:right;}

.editbox .row{ width:608px; float:left; margin-bottom:8px; color:#515151;}
.editbox .row .subtitle{ color:#bcbcbc}

textarea.qa{ outline: none; resize: none; vertical-align:top;width:598px; height:150px; border:1px solid #8bb3e8; background:#fff;font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.editbox .row input[type="radio"]{ margin-right:8px;}

.aresolve{ position:absolute; right:-40px; }
.aresolve .icon_solve{ border: 0px solid #019f05; }
.aresolve .icon_unsolve2{ border: 0px solid #ff8b03; }
.icon_unsolve2{ width:43px; height:43px; background:url(../images/icon_QA.png) -86px 0;}


.additeqa{ margin-top:20px; border-top:1px solid #eeeeee; float:left; width:100%; padding-top:5px;}
.additeqa h3{font-size:14px; color:#515151; font-weight:bold; float:left; width:100%; margin-bottom:8px;}
.additeqa .time{ color:#8e8d8d; display:inline-block; float:right; margin-right:8px;}
.additeqa p.list{ margin-bottom:10px;}
.icon_correct{ width:28px; height:28px; background:url(../images/icon_QA.png) -8px 0;}

/*资源*/
.ressearch{ width:978px; margin:0 auto; padding:15px 0 25px 0}
.ressearch .top{ width:410px; margin:0 auto; color:#515151; font-weight:bold; font-size:14px;}
.ressearch .top .btn_blu{ margin-left:8px;}
.ressearch .rescount{ width:819px; margin:0 auto; padding-top:15px;}
.rescount .res_0{ width:127px; height:226px; background-color:#28ace2; background-image: url(../images/icon_res.png); background-position:0 0; background-repeat:no-repeat; cursor:pointer; margin:0 6px 6px 0; position:relative; float:left}
.rescount .res_0:hover,.rescount .res_0.active{ background-color:#079fde;}
.rescount .res_0 .count{ font-size:15px; color:#0071c5; font-weight:bold; position:absolute; top:102px; left:35px; text-align:center; width:30px; height:30px; line-height:30px;}
.rescount .res_1{ width:354px; height:110px; background-color:#a5ce3a; background-image: url(../images/icon_res.png); background-position:-133px 0; background-repeat:no-repeat; cursor:pointer; margin:0 6px 6px 0; position:relative; float:left}
.rescount .res_1:hover,.rescount .res_1.active{ background-color:#87be00;}
.rescount .res_1 .count{ font-size:15px; color:#0071c5; font-weight:bold; position:absolute; top:64px; left:216px; text-align:center; width:30px; height:30px; line-height:30px;}
.rescount .res_2{ width:326px; height:110px; background-color:#00aeef; background-image: url(../images/icon_res.png); background-position:-493px 0; background-repeat:no-repeat; cursor:pointer; margin:0 0 6px 0; position:relative; float:left}
.rescount .res_2:hover,.rescount .res_2.active{ background-color:#0093ea;}
.rescount .res_2 .count{ font-size:15px; color:#0071c5; font-weight:bold; position:absolute; top:58px; left:136px; text-align:center; width:30px; height:30px; line-height:30px;}
.rescount .res_3{ width:259px; height:110px; background-color:#fcb716; background-image: url(../images/icon_res.png); background-position:-560px -115px; background-repeat:no-repeat; cursor:pointer; margin:0; position:relative; float:left}
.rescount .res_3:hover,.rescount .res_3.active{ background-color:#fb9f00;}
.rescount .res_3 .count{ font-size:15px; color:#0071c5; font-weight:bold; position:absolute; top:63px; left:102px; text-align:center; width:30px; height:30px; line-height:30px;}
.rescount .res_5{ width:421px; height:110px; background-color:#0071c5; background-image: url(../images/icon_res.png); background-position:-133px -115px; background-repeat:no-repeat; cursor:pointer; margin:0 6px 0 0; position:relative; float:left}
.rescount .res_5:hover,.rescount .res_5.active{ background-color:#005fb6;}
.rescount .res_5 .count{ font-size:15px; color:#0071c5; font-weight:bold; position:absolute; top:59px; left:179px; text-align:center; width:30px; height:30px; line-height:30px;}

.rescardbox{ float:left; width:100%; margin-top:8px;}
.rescardbox .column{ width:232px; float:left;}
.rescardbox .column.paddtp{ padding-top:20px;}
.rescardbox .column.paddlt{ padding-left:6px;}


.rescard{ float:left; width:198px;  border:1px solid #cecbcb; border-radius:8px; padding:58px 16px 18px 16px; margin-bottom:6px; position:relative;}
.rescard h3{ float:left; width:100%;margin-bottom:6px; font-size:14px;*margin-top:10px;}
.rescard .info{ float:left; width:100%;margin-bottom:8px; font-size:12px; line-height:18px; color:#515151; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.rescard .detail{ float:left; width:100%;margin-bottom:6px;}
.rescard .detail p{ float:left; width:180px; line-height:18px; color:#515151; padding:0 9px;}
.rescard .btn{ float:left; width:100%;margin-bottom:12px;}
.rescard .btn .btn_blu{padding:0 24px;}
.rescard .status{ width:152px; float:left; background:#e0e0e0; margin-bottom:10px; height:18px; padding:3px 0 0 5px;}
.rescard .btn_others{ float:left; position:relative; margin-left:3px;}
.rescard.wrt{ background:#ffffff;}
.rescard.gray{ background:#f3f3f3;}

.rescard .tag{ width:15px; height:3px; position:absolute; top:0; left:7px;}
.rescard .tag.color_1{ background:#a5ce3a;}
.rescard .tag.color_2{ background:#00aeef;}
.rescard .tag.color_3{ background:#8ec9ea;}
.rescard .tag.color_4{ background:#0071c5;}
.rescard .tag.color_5{ background:#fcb716;}

.rescard .logo{ position:absolute; top:13px; left:18px; background-image: url(../images/icon_res_s.png); background-repeat:no-repeat; display: block; height:32px; color:#9f9f9f; font-weight:bold; line-height:32px;}
.rescard .logo.type_1{ padding-left:45px; background-position:0 0;}
.rescard .logo.type_2{ padding-left:49px; background-position:0 -46px;}
.rescard .logo.type_3{ padding-left:49px; background-position:0 -88px;}
.rescard .logo.type_4{ padding-left:34px; background-position:0 -131px;}
.rescard .logo.type_5{ padding-left:36px; background-position:0 -173px;}


/*---------教师专业发展与数字化学习----------*/
.commsub_sum{ width:100%; background:url(../images/banner_slide_blu_bg.jpg) no-repeat; height:241px; margin-top:15px; position:relative;}
.commsub_sum .photo{ position:absolute; background: url(../images/commsub_ift/commsub_sum.png) no-repeat; width:405px; height:241px; top:0; left:0;}
.commsub_sum .desc{ position:absolute; width:569px; height:197px; padding:22px 36px; left:318px; top:0;}
.commsub_sum .desc h1{ color:#ffffff; font-size:22px; font-weight:bold; margin-bottom:20px;}
.commsub_sum .desc p{ color:#ffffff; font-size:12px; margin-bottom:12px; text-indent:2em; line-height:17px; width:550px; margin-left:19px;}

/*.commsub_system*/
.commsub_system{ border:1px solid #cecbcb; border-radius:8px; margin-top:15px; background: #eef9ff url(../images/commsub_ift/commsub_system_tbg.jpg) repeat-x;} 
.commsub_system_table td{ padding:5px; border-bottom:1px solid #cecbcb; border-right:1px solid #cecbcb; color:#515151; line-height:16px;}
.commsub_system_table td.tbtitle{ background:#ededed}
.commsub_system_table td.no_border_r{ border-right:0}
.commsub_system_table td.no_border_b{ border-bottom:0}
.commsub_system_table td.no_border_t{ border-top:0}
.commsub_system_table td h2{ font-size:15px; font-weight:bold; margin-bottom:4px;}
.commsub_system_table tr.vat td{ vertical-align:top; text-align:left}
.commsub_system_table tr.vat td p.sinfo{ margin-left:5px; height:90px}
.commsub_system_table tr.vat td p.link{ margin-top:10px; }
.commsub_system_table tr.vat td p.sinfo1{ /*margin-left:5px;*/ height:95px}
.commsub_system_table tr.vat td p.link1{ display:none;}

.commsub_system_table tr.abh td{ height:35px;}
.commsub_system_table td.gray{ background:#b6ebff;}

.commsub_system_table td.colwrt{ color:#ffffff;}

.news_listthum.othpage .photo{ width:197px; height:131px;}
.news_listthum.othpage .photo img{ width:197px; height:131px; overflow:hidden;}
.news_listthum.othpage .desc{ padding:0 14px;}
.news_listthum.othpage .desc h4{overflow:hidden; height:30px; }
.news_listthum.othpage .desc p{ height:80px; overflow:hidden;}

.box_s .titilepic.othpage{ width:197px; height:49px; overflow:hidden;}
.box_s .titilepic.othpage img{ width:197px; height:49px; overflow:hidden;}

.list_case_wraper{ float:left; width:100%; margin-bottom:15px;}
.list_case{ float:left; width:706px; padding:10px; border-bottom:1px solid #ebebeb; background-color:#ffffff;}
.list_case.gray{ background-color:#f9f9f9;}
.list_case .photo{ width:47px; float:left; text-align:center; padding:15px 10px 10px 10px; margin-right:10px; text-align:center;}
.list_case .desc{ width:624px; float:left; height:110px; overflow:hidden;}
.list_case .desc .title{ margin-bottom:5px;}
.list_case .desc .title h4{ font-size:12px; font-weight:bold; color:#515151;}
.list_case .desc .title h4 a{ cursor:pointer; color:#0071c5;}
.list_case .desc .title h4 a:hover{ text-decoration:underline;}
.list_case .desc .cont p{ color:#6d6d6d; font-size:12px; line-height:17px; margin-bottom:3px;}
.list_case .desc .cont p span{ margin-right:10px;}
.icon_caseele{ width:47px; height:35px; background:url(../images/icon_b.png) 0 0 no-repeat;}
.icon_caseitf{ width:38px; height:35px; background:url(../images/icon_b.png) -60px 0 no-repeat;}

.tab_menu_m { margin: 0; padding: 0; float: left; height: 34px; border-bottom: 1px solid #cecbcb; width: 100%;}
.tab_menu_m li { float: left; margin:0 2px 0 0; padding:0; line-height: 25px; border: 1px solid #cecbcb; margin-bottom: -1px; overflow: hidden; position: relative; background: none repeat scroll 0 0 #dcdcdc; width: auto; color: #0071c5;}
.tab_menu_m li a { text-decoration: none;  display: block; font-size:12px; font-weight:bold; padding:4px 12px; outline: none; text-shadow:0 1px 1px #fff; cursor:pointer;}
.tab_menu_m li a:hover { background: none repeat scroll 0 0 #e7e7e7; }
.tab_menu_m li.active,.tab_menu_m li.active a:hover { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #fff; width: auto; color: #515151;}
.tab_container_m { border:1px solid #cecbcb; border-top: none; overflow: hidden; clear:both; float: left; width:99.7%; padding-bottom:22px; background: none repeat scroll 0 0 #FFFFFF; }
.tab_content_m { padding:22px; position:relative; }


.ask_qa_exp{ width:100%; margin:0 auto; margin-bottom:10px;}
.ask_qa_exp .fillinbox_qa{ margin:0 auto;width:100%; float:none;}
.ask_qa_exp .fillinbox_qa textarea{ width:98%;}
.ask_qa_exp .fillinbox_qa .length{width:98%;}
.ask_qa_exp .btn{ padding-top:10px; width:100%; margin:0 auto; text-align:right; float:none;}


.show_qa_exp_area{ }
.show_qa_exp{ float:left; width:100%;  position:relative; margin-bottom:20px; border:1px solid #c5c5c5; border-radius:12px; background:#f0f0f0;/* background:url(../images/boxbgie7.jpg) repeat-x;*/}
.show_qa_exp_in{ padding:8px 15px 8px 58px; }
.show_qa_exp .photo{ position:absolute; left:10px; top:8px; width:34px; height:34px}
.show_qa_exp .title{ margin-left:-7px; color:#6d6d6d; position:relative; line-height:17px; } 
.show_qa_exp .title a{ color:#0071c5; cursor:pointer; margin-right:7px;}
.show_qa_exp .title a:hover{ text-decoration:underline}
.show_qa_exp .title strong{ margin-right:7px;}
.show_qa_exp .title .praise{ padding-left:19px; background: url(../images/icon.png) 0 -520px no-repeat; height:17px; line-height:16px; font-weight:bold;display:inline-block}
.show_qa_exp .title span{margin-right:7px;}
.show_qa_exp .title .time{ position:absolute; right:0px; color:#a0a0a0;}
.show_qa_exp .cont{ margin-top:5px; line-height:18px; color:#515151;}
.show_qa_exp .cont textarea{ outline: none; resize: none; vertical-align:top;width:98%; height:65px; border:1px solid #89b1e7; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.show_qa_exp .btn{ text-align:right; margin-top:8px;}
.show_qa_exp .btn .btn_blu{letter-spacing:2px;padding:0 26px;}


.answer_qa_exp_area{ padding-left:58px; clear:both;}
.answer_qa_exp_wraper{ float:left; width:100%;  margin-bottom:7px; border:1px solid #c5c5c5; border-radius:12px; background:#cfe9fc; margin-bottom:20px; padding-bottom:20px; position:relative;}
.answer_qa_exp_wraper .arrow { position:absolute; top:-10px; left:50px; background:url(../images/icon.png) 0 -702px no-repeat; width:19px; height:10px;}
.answer_qa_exp_wraper_in{ padding:15px;}
.answer_qa_exp{position:relative; border-bottom:1px solid #c5c5c5;}
.answer_qa_exp_in{ padding:8px 15px 8px 58px; }
.answer_qa_exp .photo{ position:absolute; left:10px; top:8px; width:34px; height:34px}
.answer_qa_exp .title{ margin-left:-7px; color:#6d6d6d; position:relative; line-height:17px; } 
.answer_qa_exp .title a{ color:#0071c5; cursor:pointer; margin-right:7px;}
.answer_qa_exp .title a:hover{ text-decoration:underline}
.answer_qa_exp .title strong{ margin-right:7px;}
.answer_qa_exp .title .praise{ padding-left:19px; background: url(../images/icon.png) 0 -520px no-repeat; height:17px; line-height:16px; font-weight:bold;display:inline-block}
.answer_qa_exp .title span{margin-right:7px;}
.answer_qa_exp .title .time{ position:absolute; right:0px; color:#a0a0a0;}
.answer_qa_exp .cont{ margin-top:5px; line-height:18px; color:#515151;}
.answer_qa_exp .cont textarea{ outline: none; resize: none; vertical-align:top;width:98%; height:65px; border:1px solid #89b1e7; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.answer_qa_exp .btn{ text-align:right; margin-top:8px}
.answer_qa_exp_wraper .ask_qa_exp{ border-bottom:1px solid #c5c5c5; padding-bottom:10px;}

.discuss_qa_exp_area{ padding-left:58px; clear:both;}
.discuss_qa_exp_wraper{ float:left; width:100%;  margin-bottom:7px; border:0; background:#f0f0f0; position:relative;margin-bottom:20px; padding-bottom:20px;}
.discuss_qa_exp_wraper .arrow { position:absolute; top:-20px; left:50px; width:0; height:0; border-top:10px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0;}
.discuss_qa_exp_wraper_in{ padding:15px;}
.discuss_qa_exp{position:relative; border-bottom:1px solid #c5c5c5;}
.discuss_qa_exp_in{ padding:8px 15px 8px 58px; }
.discuss_qa_exp .photo{ position:absolute; left:10px; top:8px; width:34px; height:34px}
.discuss_qa_exp .title{ margin-left:-7px; color:#6d6d6d; position:relative; line-height:17px; } 
.discuss_qa_exp .title a{ color:#0071c5; cursor:pointer; margin-right:7px;}
.discuss_qa_exp .title a:hover{ text-decoration:underline}
.discuss_qa_exp .title strong{ margin-right:7px;}
.discuss_qa_exp .title .praise{ padding-left:19px; background: url(../images/icon.png) 0 -520px no-repeat; height:17px; line-height:16px; font-weight:bold;display:inline-block}
.discuss_qa_exp .title span{margin-right:7px;}
.discuss_qa_exp .title .time{ position:absolute; right:0px; color:#a0a0a0;}
.discuss_qa_exp .cont{ margin-top:5px; line-height:18px; color:#515151;}
.discuss_qa_exp .cont textarea{ outline: none; resize: none; vertical-align:top;width:98%; height:65px; border:1px solid #89b1e7; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.discuss_qa_exp .btn{ text-align:right; margin-top:8px}
.discuss_qa_exp_wraper .ask_qa_exp{ border-bottom:1px solid #c5c5c5; padding-bottom:10px;}

/*--------------------------------------------教学设计-------------------------------------------------------------------------------*/
textarea.size1{ outline: none; resize: none; vertical-align:top; width:98%; height:66px; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151; border:1px solid #89b1e7;}
textarea.size2{ outline: none; resize: none; vertical-align:top; width:95%; height:66px; background:#ffffff; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151; border:1px solid #89b1e7;}

dl.teadesign_edit{ margin-top:15px;}
dl.teadesign_edit dt{ height:36px; line-height:36px; background:#e9e9ea; padding:0 10px 0 30px; color:#515151; font-weight:bold; border-bottom:1px solid #d9d9da; font-size:14px; position:relative; cursor:pointer;}
dl.teadesign_edit dt span{ color:#8e8e8e; font-weight:normal; margin-left:5px; font-size:12px;}
dl.teadesign_edit dt.active{ background:#d6d6d6;}
dl.teadesign_edit dt b{ position:absolute; top:12px; left:15px; width:0; height:0; border-top:6px solid transparent; border-left:7px solid #515151; border-right:6px solid transparent; border-bottom:6px solid transparent;}
dl.teadesign_edit dt.active b{ position:absolute; top:15px; left:12px; width:0; height:0; border-top:6px solid #515151; border-left:7px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent;}

dl.teadesign_edit dd{ padding:15px 20px; color:#515151; border-left:1px solid #d9d9da; border-right:1px solid #d9d9da; border-bottom:1px solid #d9d9da; background:#FFFFFF;}
dl.teadesign_edit dd .item{ margin-bottom:8px; font-size:12px; clear:both}
dl.teadesign_edit dd .tip{ color:#bcbcbc; line-height:16px; }
dl.teadesign_edit dd .tip.t4w{ padding-left:65px;}
dl.teadesign_edit dd .tip.t2w{ padding-left:40px; }
dl.teadesign_edit dd .item .btn_wrt{ margin-left:5px;}
dl.teadesign_edit input[type="checkbox"]{ margin-left:10px;}

.tagwraper_teades{ width:290px; height:20px; border:1px solid #82ade7; background:#fff; padding:3px 4px; display:inline-block; margin-bottom:-8px;}
input.tag_teades{float:left; outline:none; width:205px; height:18px; color:#585858; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:0; background:#fff; font-size:12px;}
.tagwraper_teades .btn_tag_teades{ float:left; width:71px; margin-left:10px; background:url(../images/icon.png) 53px -193px no-repeat; display:inline-block; cursor:pointer; line-height:20px; color:#0071c5;}

dl.teadesign_edit dd .item .bhside{}
dl.teadesign_edit dd .item .bhside.fst{ width:11%; display:inline-block; vertical-align:top;}
dl.teadesign_edit dd .item .bhside.snd{ width:89%; display:inline-block}
dl.teadesign_edit dd .item .lower{ margin-top:2px}
dl.teadesign_edit dd .item.part{ margin-bottom:25px}
dl.teadesign_edit dd .item.ml35{ margin-left:35px;}
dl.teadesign_edit dd .item.ml38{ margin-left:38px;}
dl.teadesign_edit dd .item.ml42{ margin-left:42px;}
dl.teadesign_edit dd .item.mt15{ margin-top:15px;}
dl.teadesign_edit dd .item .blu{ margin-right:5px; line-height:19px}
dl.teadesign_edit dd h4{ font-size:13px; font-weight:bold; margin-bottom:8px;}
dl.teadesign_edit dd h2{ font-size:16px; font-weight:bold; margin-bottom:8px; margin-top:15px; color:#90086b;}
dl.teadesign_edit dd h3{ font-size:14px; font-weight:normal; margin-bottom:15px; margin-top:8px;}
dl.teadesign_edit dd h2.part{ margin-bottom:25px}

dl.teadesign_edit dd select{ height:26px; border:1px solid #89b1e7;}

dl.teadesign_edit .btn{ margin-top:10px; text-align:center;}
dl.teadesign_edit .btn .btn_blu{ letter-spacing:1px}

dl.teadesign_edit dt b{ position:absolute; top:12px; left:15px; width:0; height:0; border-top:6px solid transparent; border-left:7px solid #515151; border-right:6px solid transparent; border-bottom:6px solid transparent;}
.icon_addclas{ width:10px; height:19px; background:url(../images/icon.png) -56px -448px; display:inline-block; position:absolute; top:4px; left:14px; }

dl.teadesign_edit.iftstyle dt{ background:#d1d1d1;}
dl.teadesign_edit.iftstyle dt span{ color:#848484;}
dl.teadesign_edit.iftstyle dd{ padding:0; border:0}
dl.teadesign_edit.iftstyle .btn{ margin-bottom:15px;}

.tb_teadesign{ border-collapse: separate; background-color:#d1d1d1}
.tb_teadesign td{ padding:6px;}
.tb_teadesign td.style_wrt_bold{ height:25px; background:#eaeaea; font-weight:bold;}
.tb_teadesign input.size4{ outline:none; width:220px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}
.tb_teadesign.ipt_1 input.size4{ outline:none; width:130px; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px; display:inline-block;}
.tb_teadesign ul,.tb_teadesign ol,.tb_teadesign li{ margin:0 20px; padding:0 20px;}

/*tab-menu*/
.teadesgin_show{ margin-top:-10px;}
.teadesgin_show .titilewraper{ padding: 12px 15px;}
.teadesgin_show .titile{ float:left; width:100%; font-size:14px; color:#515151; font-weight:bold;}
.teadesgin_show .titile h3{ float:left; color:#515151; font-size:14px; font-weight:bold;}
.teadesgin_show .titile .right{ float:right}

.teadesgin_show.parttwo{ width:50%; float:left}
.teadesgin_show.partthree{ width:33.333%; float:left;}
.teadesgin_show > .btn{ width:100%; float:left; text-align:right; margin-top:15px;}
.teadesgin_show > .btn .btn_blu{ letter-spacing:2px;padding:0 26px; margin-right:50px;}

.tab-menu { margin: 0; padding: 0; float: left; height: 40px; border-bottom: 1px solid #E9E9EA; width: 100%;}
.tab-menu li { float: left; margin:0 1px 0 0; padding:0; line-height: 31px; border: 1px solid #E9E9EA; margin-bottom: -1px; overflow: hidden; position: relative; background: none repeat scroll 0 0 #f3f3f3; width: auto; }
.tab-menu li a { text-decoration: none; color: #515151; display: block; font-size:12px; font-weight:bold; padding:4px 15px 4px 15px; outline: none; text-shadow:0 1px 1px #fff; cursor:pointer;}
.tab-menu li a:hover { background: none repeat scroll 0 0 #e7e7e7; }
.tab-menu li.active,.tab-menu li.active a:hover { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #fff; width: auto; }
.tab-container { padding-bottom:22px; background: none repeat scroll 0 0 #FFFFFF;  float: left; width:99.7%; border:1px solid #E9E9EA; border-top: none;}
.tab-content { padding:22px 22px 7px 22px; position:relative; min-height:550px;}
.tab-container.parttwo{ width:49.79%; }
.tab-container.partthree{ width:33.12%;}


.tab-content p.array{ margin-bottom:8px; font-size:12px; float:left; width:100%; color:#515151;}
.tab-content p.tip{ color:#bcbcbc; line-height:16px; }
.tab-content p.tip.t4w{ padding-left:65px;}
.tab-content p.tip.t2w{ padding-left:40px; }
.tab-content p.array .btn_wrt{ margin-left:5px;}
.tab-content input[type="checkbox"]{ margin-left:10px;}

.tab-content p.array .lower{ margin-top:2px}
.tab-content p.array.part{ margin-bottom:25px}
.tab-content h4{ font-size:13px; font-weight:bold; margin-bottom:8px; float:left; width:100%;color:#515151;}
.tab-content h2{ font-size:16px; font-weight:bold; margin-bottom:8px; margin-top:15px; float:left; width:100%; color:#90086b;}
.tab-content h3{ font-size:14px; font-weight:normal; margin-bottom:15px; margin-top:8px; float:left; width:100%;color:#515151;}
.tab-content h2.part{ margin-bottom:25px}

.box_m .titile .right.teades{ float:right; font-size:12px; font-weight:normal;}
.box_m .titile .right.teades .btn_wrt{ line-height:23px; height:21px; margin-left:5px;}

.teadesgin_show .related{ margin-bottom:20px;}
.teadesgin_show ul.statusbox li{ width: auto; display:block; float:left; margin-left:10px; font-weight:bold;}
.teadesgin_show ul.statusbox{ float:left;}
.teadesgin_show ul.statusbox li{ width: auto; display:block; float:left; margin-left:10px; font-weight:bold;}
.teadesgin_show ul.statusbox li a{ cursor:pointer; font-weight:bold; color:#0071c5;}
.teadesgin_show ul.statusbox li a:hover{ text-decoration:underline;}
.teadesgin_show ul.statusbox li.collect a,ul.statusbox li.share a{font-weight: normal;}

.teadesgin_show_other{ padding:0px 50px;}

.teadesgin_show_other .btn{ width:100%; float:left; text-align:right; margin-top:15px;}
.teadesgin_show_other .btn .btn_blu{ letter-spacing:2px;padding:0 26px;}

/*-----------------------------------------fuc 框----------------------------------------------------------------------------------*/
.sfs_wraper{ border:1px solid #89b1e7; display:inline-block}


/*--------------------------------------------------后台管理-------------------------------------------------------------------*/
.box_mana{ width:100%; float:left; min-height:10px; padding-bottom:25px; position:relative;
  background:url(../images/boxeditbg.jpg) repeat-x;
  background: -moz-linear-gradient(top,  #f2f2f4 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: -o-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%); 
  background: -ms-linear-gradient(top,  #f2f2f4 0%,#ffffff 40%);
  background: linear-gradient(to bottom,  #f2f2f4 0%,#ffffff 40%);
}
.box_mana.btm:before{ content:'';background:url(../images/boxbefore.jpg) 0 0px repeat-x; position:absolute;display:block; height:5px; width:100%}
.box_mana .title{  height:50px; background:#fff; background:url(../images/boxedittitlebg.jpg) repeat-x;}

.box_mana .choosewraper{ padding:10px 29px 0 29px; float:left; width:100%}
.box_mana .choose{ float:left; width:100%; font-size:12px; color:#515151; font-weight:bold; height:30px;}
.box_mana .choose img{ margin-bottom:-3px; margin-right:8px;}
.box_mana .choose select{ margin-right:10px; float:left;border:1px solid #dddddd;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; height:26px; font-size:14px;}
.box_mana .choose h3{ float:left; color:#515151; font-size:14px; line-height:25px; font-weight:bold;}
.box_mana .choose .right{ float:right}
.box_mana .choose .btn_blu{ font-weight:normal; margin-left:8px;}
.box_mana .row { padding:0px 29px }
.box_mana .row .pagebox{ padding-bottom:10px; *padding-bottom:0px;}
.box_mana .row.btm .pagebox{ padding-top:5px;}


ul.manatype{height:45px; float:left; margin-left:45px;}
ul.manatype li{ display:block;  float:left; margin-right:0px; font-weight: bold; line-height:45px; font-size:14px;color:#bcbcbc;}
ul.manatype li a{color:#8e8e8e; cursor:pointer; font-weight:bold; font-weight: bold; line-height:45px; font-size:14px; display:block; padding:0 6px; text-align:center}
ul.manatype li a.active{color:#03aceb; position:relative}
ul.manatype li a.active:after{content:''; position: absolute; top:39px; background: url(../images/boxedittitlarr.jpg) no-repeat; display:block; width:20px; height:11px; left:30%;}
ul.manatype li.subtitle{ color:#6d6d6d; margin-top:2px; *margin-top:0px;}
ul.manatype li.subtitle img{ margin-bottom:-5px; margin-right:5px;}
ul.createtypebox li.subtitle span{ color:#bcbcbc;}

.box_listhoriz_auto{ width:100%;}
.box_listhoriz_auto tr.title td{ font-weight:bold; color:#9c9c9c; border-bottom:0px solid #ebebeb;}
.box_listhoriz_auto tr.title{ height:28px; border-bottom:0px solid #ebebeb;}
.box_listhoriz_auto tr.row{ height:47px;}
.box_listhoriz_auto tr.gray{ background:#f9f9f9}
.box_listhoriz_auto tr{ border-bottom:1px solid #ebebeb;}
.box_listhoriz_auto td{ vertical-align:middle; border-bottom:1px solid #ebebeb; color:#6d6d6d; padding:5px; line-height:16px;}
.box_listhoriz_auto td a{ color:#0071c5; cursor:pointer;}
.box_listhoriz_auto td a:hover{ text-decoration:underline}
.box_listhoriz_auto td.other .btn_others{ margin-left:14px; position:relative;}
.box_listhoriz_auto td.cont{text-align:left;}
.box_listhoriz_auto td.cont span{width:83%; float:left; font-size:12px; line-height:16px;color:#adadad;}
.box_listhoriz_auto td.cont span strong{ color:#8e8d8d;}
.box_listhoriz_auto td.cont a{ color:#0071c5; cursor:pointer; font-weight:bold;}
.box_listhoriz_auto td.cont a:hover{ text-decoration:underline}

.box_listhoriz_auto.border td{ vertical-align:middle; border:1px solid #ebebeb; color:#6d6d6d; padding:5px;}

.box_m .subtitle{font-weight:normal; float:right; color:#9c9c9c;}

.icon_open{ width:13px; height:13px; background:url(../images/icon.png) 0 -729px; }
.icon_close{ width:13px; height:13px; background:url(../images/icon.png) -17px -729px; }
.icon_news{ width:18px; height:13px; background:url(../images/icon.png) -56px -352px; }
.icon_lectures{ width:19px; height:17px; background:url(../images/icon.png) -56px -321px; }

.manaedit{ padding:20px; color:#515151;}
.manaedit .item{ margin-bottom:8px; font-size:12px; }
.manaedit .titlft{ font-weight:bold; text-align:right;}
.manaedit .titlft.vatop{ vertical-align:top}
.manaedit .btn{ text-align:center;}
.manaedit .titcenter{ font-weight:bold; text-align:center;margin:20px 0;width:100%;font-size:large;}

input.text{outline:none; height:13px; color:#515151; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; border:1px solid #89b1e7; background:#ffffff; font-size:12px; padding:5px;}
input.text.wh300{ width:300px}
input.text.wh25{ width:25px}

.icon_recom{ width:20px; height:15px; background:url(../images/icon.png) -21px -661px; display:inline-block; margin-bottom:-3px; margin-left:5px;}
.icon_edit_mana{ width:12px; height:11px; background:url(../images/icon.png) 0 -791px; display:inline-block; margin-right:8px;}
.icon_del_mana{ width:10px; height:10px; background:url(../images/icon.png) -18px -791px; display:inline-block; margin-right:8px;}
.icon_recomm_mana{ width:15px; height:11px; background:url(../images/icon.png) -33px -791px; display:inline-block; margin-right:8px;}
.icon_unrecomm_mana{ width:15px; height:11px; background:url(../images/icon.png) -53px -791px; display:inline-block; margin-right:8px;}
.icon_release_mana{ width:13px; height:11px; background:url(../images/icon.png) -73px -791px; display:inline-block; margin-right:8px;}
.icon_unrelease_mana{ width:13px; height:11px; background:url(../images/icon.png) -91px -791px; display:inline-block; margin-right:8px;}

.fillinbox_qa.mana{ width:100%; height:99px; border:1px solid #8bb3e8; margin-bottom:8px; background:#fff;}
.fillinbox_qa.mana textarea{ outline: none; resize: none; vertical-align:top; width:98%; height:66px; border:0; background:transparent;font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, sans-serif; font-size:12px; line-height:16px;padding:5px; color:#515151;}
.fillinbox_qa.mana .length{ width:97%; padding:5px 5px 0 5px; font-size:12px; color:#b8b8b8; text-align:right;}
.box_listhoriz_auto td.wordbreak{ word-break:break-all;}

/*--------------------------------------------课程体系及课程介绍-------------------------------------------------------------------------------*/
.slideshow_sys{ width:978px; height:322px; float:left; padding-bottom:18px;}
.slideshow_sys .photowraper{ width:745px; height:322px; float:left; position:relative; background:#0071c5;}
.slideshow_sys .menu{width:231px; height:322px; float:left; border-left:2px solid #0059a3; background:#0071c5;overflow:hidden }
.slideshow_sys .menu dt{ width:231px; border-bottom:1px solid #7faecf;display:block; width:196px; height:43px; line-height:43px; color:#fff; font-size:14px; font-weight:bold; padding-left:35px; background-color:#0071c5; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: -24px -487px; cursor:pointer;}
.slideshow_sys .menu dt:first-child{ border-top:0}
.slideshow_sys .menu dd{ height:92px; border-top:1px solid #7faecf; background:#0071c5; padding:8px 0 0 38px;}
.slideshow_sys .menu dd p{ line-height:22px; font-size:12px; color:#fff;}
.slideshow_sys .menu dd p a{ line-height:22px; font-size:12px; color:#fff; cursor:pointer;}
.slideshow_sys .menu dd p a:hover{ text-decoration:underline}
.slideshow_sys .menu dt.lecture.active{background-color:#e0731b;}
.slideshow_sys .menu dd.lecture{ background:#f89a26;border-top:1px solid #fdcb8d;}
.slideshow_sys .menu dt.group.active{background-color:#7dab01;}
.slideshow_sys .menu dd.group{ background:#a8c806;border-top:1px solid #c6e42e;}
.slideshow_sys .menu dt.case.active{background-color:#ffa200;}
.slideshow_sys .menu dd.case{ background:#ffba00;border-top:1px solid #fef094;}
.slideshow_sys .menu dt.resource.active{background-color:#8c30a3;}
.slideshow_sys .menu dd.resource{ background:#a761d3;border-top:1px solid #a855bd;}
.slideshow_sys .menu dt.community.active{background-color:#0087d5;}
.slideshow_sys .menu dd.community{ background:#00aeef;border-top:1px solid #7faecf; height:94px;}


ul.list_message.subcom{margin-top:3px;margin-bottom:3px; height:200px; overflow: hidden;}
.ic_up, .ic_down{display:inline-block; border:1px solid #ececec; font-size:12px; color:#6caadd; text-align:center; line-height:12px; height:12px; cursor:pointer; letter-spacing:1px; width:98.9%; position:relative;
         background: url(../images/btn_more_bg.jpg) repeat-x;
         background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
         background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
         background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); 
         background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); 
         background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); 
}
.ic_up{ margin-top:10px;}
.ic_down{ margin-bottom:6px;}
.ic_up b{ position:absolute; width:10px; height:6px; background:url(../images/icon.png) -69px 0 no-repeat; top:3px; left:99px;}
.ic_down b{ position:absolute; width:10px; height:6px; background:url(../images/icon.png) -69px -14px no-repeat; top:3px; left:99px;}
.ic_up.active b{ background-position:-81px 0}
.ic_down.active b{ background-position:-81px -14px}

.icon_bookmark{ width:10px; height:15px; background:url(../images/icon.png) -57px -380px}
.mag_t8{ margin-top:8px}

/*----------------------------------------------书签 标签-----------------------------------------------------------------*/
.mag_auto{ margin:0 auto;}
.color_purple{ color:#90086b; font-weight:normal;}
.box_m .middsearch{ width:323px; margin:0 auto}

ul.list.hori{ margin-bottom:10px;}
ul.list.hori li{ float:left; width:auto; display:block; margin:6px 12px 6px 0;}
ul.list.hori li a.active{ color:#90086b;}
/*----------------------------------------------好友------------------------------------------------------------------*/
.friend_list_wraper{ padding:5px 0px 0px 0px;}
.friend_list { float:left; width:124px; margin-left:30px; margin-bottom:20px; position:relative; background:#FFFFFF;}
.friend_list .photo{ float:left; width:124px; height:124px; position:relative;}
.friend_list .photo .checkbox{ position:absolute; left:0; top:0;}
.friend_list .name{ float:left; text-align:center; width:100%; margin-top:4px;}
.friend_list .name a{ margin-left:5px;}
.friend_list .name a:first-child{ margin-left:0px;}
.friend_list .detail{ float:left; text-align:center; width:100%; margin-top:4px; color:#949292;}

.friend_list.active:before{ content:''; position:absolute; background: url(../images/boxedittitlarr.jpg) no-repeat; display:block; left:50px; bottom:-24px; width:21px; height:10px; z-index:999;}
.friend_info{ width:100%; float:left; min-height:100px; position:relative; background:url(../images/friend_info_bg.jpg) repeat-x; margin-bottom:20px;}
.friend_info .friend_info_in{ padding:25px;}
.friend_info .person_wraper{ width:100%; float:left; padding-bottom:20px;}
.friend_info .person{ padding:0 30px 0px 30px; width:500px; float:left;}
.friend_info .person p{ margin-bottom:10px; color:#515151; font-size:13px; float:left; min-width:250px;}
.friend_info .person .btn a{ margin-right:6px; float:left; margin-top:4px; }
.friend_info_btm{ background: url(../images/friend_info_bgbtm.jpg) repeat-x; width:100%; float:left; height:43px}
.friend_info .btn_close{ background:url(../images/icon.png) -47px -14px no-repeat; position:absolute; display:block; top:10px; right:8px; width:10px; height:10px; cursor:pointer;}

.friend_info .actlist{float:left; width:100%; margin-top:8px; border-top:1px solid #e7e7e7;}
/*--------------------------------------------消息-----------------------------------------------------------------------------*/
.message_wraper{padding: 10px 55px;}
.onedaymessage { float:left; width:100%;}
.onedaymessage .date{ margin-left:-25px; width:100%; float:left;}
.onedaymessage .date .day{ color:#0071c5; font-size:26px; font-weight:bold; float:left; padding: 10px 0;} 
.onedaymessage .date .year{ color:#8e8d8d; font-size:14px; float:left; margin-left:10px; padding: 15px 0; line-height:16px;}
.onedaymessage .item_wraper{ border-left:1px solid #e7e7e7; width:100%; float:left; padding-bottom:20px;}
.onedaymessage .item_wraper .item_wraper_in{ padding:10px 56px; }
.onedaymessage .item{ width:100%; float:left; position:relative; margin-bottom:20px;}
.onedaymessage .item > b{ position:absolute; width:11px; height:11px; background:#e7e7e7; left:-65px; top:8px; border-radius:11px; border:3px solid #fff;}
.onedaymessage .item > .photo{ float:left; width:34px; height:34px; margin-left:-43px;}
.onedaymessage .item .desc{ float:left; background:#e6e6e6; border-radius:6px; padding:10px 15px; position: relative;}
.onedaymessage .item .desc > b{ position:absolute; left:-10px; top:11px; border-left:5px solid transparent; border-right:5px solid #e6e6e6; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0;}

.onedaymessage .item.sys .desc{ background:#e6e6e6;}
.onedaymessage .item.sys .desc > b{  border-right:5px solid #e6e6e6;}
.onedaymessage .item.self .desc{ background:#cfe9fc;}
.onedaymessage .item.self .desc > b{  border-right:5px solid #cfe9fc;}
.onedaymessage .item.oth .desc{ background:#f0f0f0;}
.onedaymessage .item.oth .desc > b{  border-right:5px solid #f0f0f0;}
.onedaymessage .item.send > b{ background:#0071c5; }
.onedaymessage .item.send .desc{ background:#cfe9fc;}
.onedaymessage .item.send .desc > b{  border-right:5px solid #cfe9fc;}


.onedaymessage .item .desc .messcont{ color:#515151; font-size:12px; line-height:19px;}
.onedaymessage .item .desc .from{ margin-bottom:6px; color:#515151; font-size:12px;}
.onedaymessage .item .desc .from .gray{color:#515151; margin-right:5px;}
.onedaymessage .item .desc .from .ligray{color:#a8a8a8; margin-right:5px;}
.onedaymessage .item .desc .from .blu{ margin-right:5px;}
.onedaymessage .item .desc .from .time{color:#a8a8a8; margin-right:5px;}

.onedaymessage .btn_reply{ display:inline-block; background:url(../images/icon.png) -36px -729px; width:12px; height:12px; cursor:pointer;}

.onedaymessage .item .desc .sendmess{ margin-bottom:6px; color:#515151; font-size:12px;}
.onedaymessage .item .desc .sendmess .tit{ color:#515151; font-size:12px; line-height:16px; display:inline-block; float:left; height:47px; padding:10px 0;}
.onedaymessage .item .desc .sendmess .tit .gray{color:#515151;}
.onedaymessage .item .desc .sendmess .tit .ligray{color:#a8a8a8; margin-left:-10px;}
.onedaymessage .item .desc .sendmess .choosefriend{ float:left; }
.onedaymessage .item .desc .sendmess .choosefriend .btn_arr_l{ display:inline-block; background:url(../images/icon.png) -54px -710px no-repeat; width:6px; height:50px; cursor:pointer; float:left; margin-right:10px}
.onedaymessage .item .desc .sendmess .choosefriend .btn_arr_r{ display:inline-block; background:url(../images/icon.png) -68px -710px no-repeat; width:6px; height:50px; cursor:pointer; float:left;}
.onedaymessage .item .desc .sendmess .choosefriend .btn_arr_l.active{ background-position:-78px -710px; }
.onedaymessage .item .desc .sendmess .choosefriend .btn_arr_r.active{ background-position:-92px -710px; }
.onedaymessage .item .desc .sendmess .choosefriend .frid{ float:left; text-align:center; margin:0 auto; margin-right:10px; height:50px; overflow:hidden; display:inline-block;}
.onedaymessage .item .desc .sendmess .choosefriend .frid .photo{ width:34px; height:34px; position:relative; margin:0 auto }
.onedaymessage .item .desc .sendmess .choosefriend .frid .photo .checkbox{ position:absolute; left:-4px; bottom:-5px;}
.onedaymessage .item .desc .sendmess .choosefriend .frid .blu{ margin:0 auto; line-height:18px; }
.onedaymessage .item .desc .entermess{ width:608px }
.onedaymessage .item .desc .entermess .btn{ float:left; text-align:right; width:608px }
.onedaymessage .item .desc .sendmess .choosefriend .frid_wraper{ float:left; width:505px; height:50px; overflow:hidden;}
.onedaymessage .item .desc .sendmess .choosefriend .frid_wraper .frid_wraper_in{ width:710px;}

.onedaymessage .item.oth .desc .entermess{ border-top:1px solid #c5c5c5; margin-top:15px; padding-top:10px;}


.onedaymessage .item.oth .desc .showreply_wraper{ border-top:1px solid #c5c5c5; margin-top:15px; padding-top:10px; padding-left:50px;}
.onedaymessage .item.oth .desc .showreply{ margin-bottom:12px; border-bottom:1px dashed #c5c5c5; padding-bottom:10px;}

.onedaymessage .item.self .desc .entermess{ border-top:1px solid #c5c5c5; margin-top:15px; padding-top:10px;}
.onedaymessage .item.self .desc .showreply_wraper{ border-top:1px solid #c5c5c5; margin-top:15px; padding-top:10px; padding-left:50px;}
.onedaymessage .item.self .desc .showreply{ margin-bottom:12px; border-bottom:1px dashed #c5c5c5; padding-bottom:10px;}

.onedaymessage .btn_del{ background:url(../images/icon.png) -47px -14px no-repeat; width:10px; height:10px; cursor:pointer; margin-left:10px; display:inline-block; margin-bottom:-1px}



ul.statusbox li.sendmess{ padding-left:19px; background: url(../images/icon.png) 0 -745px no-repeat; height:15px; line-height:19px; margin-right:5px;}
ul.statusbox li.addfriend{ padding-left:19px; background: url(../images/icon.png) 0 -764px no-repeat; height:15px; line-height:19px;}
ul.statusbox li.sendmess a, ul.statusbox li.addfriend a{font-weight: normal;}

/*---------------------------------------------------小浮动框 用户信息---------------------------------------*/
.userinfobox_s{ width:240px; height:96px; padding:10px; border:1px solid #d6d6d6; position:absolute; background:#FFFFFF; top:0px; left:0px;  z-index:99; }
.userinfobox_s b{ position: absolute; left:120px; top:-7px; background:url(../images/icon.png) -47px 0px no-repeat; display:block; width:11px; height:7px;}
.userinfobox_s .photo{ float:left; width:68px; height:68px;}
.userinfobox_s .photo img{ width:68px; height:68px;}
.userinfobox_s .desc{ float:left; margin-left:10px; line-height:17px;}
.userinfobox_s .desc p{ color:#515151; font-size:12px;}
.userinfobox_s .status{ width: inherit; height:18px; background:#efefef; padding:3px 0 0 0px; float:left; margin-top:8px;}
.userinfobox_s .status ul.statusbox li.sendmess{ margin-right:5px; margin-left:8px;}

/*---------------------------------------------------分享按钮---------------------------------------*/
.btn_share_sina{ background:url(../images/icon_share.png) 0 0 no-repeat; width:172px; height:32px; cursor:pointer; display:block; margin-bottom:5px;}
.btn_share_qzone{ background:url(../images/icon_share.png) 0 -35px no-repeat; width:172px; height:32px; cursor:pointer; display:block; margin-bottom:5px;}
.btn_share_tqq{ background:url(../images/icon_share.png) 0 -70px no-repeat; width:172px; height:32px; cursor:pointer; display:block; margin-bottom:5px;}
.btn_share_renren{ background:url(../images/icon_share.png) 0 -105px no-repeat; width:187px; height:32px; cursor:pointer; display:block; margin-bottom:5px;}
.btn_share_mygroup{ background:url(../images/icon_share.png) 0 -140px no-repeat; width:203px; height:32px; cursor:pointer; display:block; margin-bottom:5px;}



/*---------------------------------------------------视频案例----------------------------------------------*/
.box_videocase{ width:100%; border:1px solid #eaedf1; min-height:200px; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; float:left; margin-bottom:20px;} 
.box_videocase.gray{ background:#f9f9f9}
.box_videocase .box_videocase_in{ padding:20px 28px;}
.box_videocase h1{ font-size:22px; font-weight:400; color:#0071c5; clear:both; margin-bottom:18px;} 
.box_videocase .topinfo{ padding:0 20px 0 25px;}
.box_videocase .video{float:left; width:308px;}
.box_videocase .video p{ line-height:212px; color: #999; font-size:12px;}
.box_videocase .desc{ margin-left:30px; float:left; width:495px;}
.box_videocase .desc p{ line-height:21px; color:#515151; font-size:16px; margin-bottom:8px;}
.box_videocase .anchor{ float:left; width:100%;}
.box_videocase .anchor a{ margin-right:10px;}
.box_videocase .anchor_in{ padding: 15px 25px 20px 25px;}
.btn_anchor{ display:inline-block; background-color:#f9f9f9; background-image:url(../images/icon_elevideo.png); background-repeat:no-repeat; padding:0 15px 0 60px; border:1px solid #e8e9ea; line-height:44px; height:44px; font-size:16px; color:#515151; cursor:pointer; min-width:64px;}
.btn_anchor:hover{ color:#0071c5; background-color:#e9e9e9;}
.btn_anchor.btn_goal{ background-position:8px 2px;}
.btn_anchor.btn_depict{ background-position:8px -42px;}
.btn_anchor.btn_process{ background-position:8px -86px;}
.btn_anchor.btn_highlight{ background-position:10px -130px; padding-left:65px; min-width:59px }
.btn_anchor.btn_qas{ background-position:8px -173px;}
.box_videocase h3{ font-size:16px; color:#0071c5; margin-bottom:8px;}
.box_videocase h4{ font-size:15px; color:#515151; margin-bottom:8px; text-indent:1em; font-weight:bold;}
.box_videocase .box_videocase_in > p{ font-size:15px; margin-bottom:8px; color:#515151; text-indent:2em; line-height:23px;}
.box_videocase ol, .box_videocase ul{ margin-left:45px; margin-bottom:10px;}
.box_videocase ol li, .box_videocase ul li{ font-size:14px; color:#515151; line-height:23px;}
.box_videocase .node{ width:100%; float:left;}
.box_videocase .node h1{ font-size:25px; color:#515151; font-weight:400; margin-left:172px;}
.box_videocase .node .videoside{ margin:15px 0 20px 198px; border-left:1px solid #d0d0d0; min-height:200px; padding-bottom:20px;}
.box_videocase .node .videoside .onevideo{ border-radius:6px; background:#e7e7e7; padding:20px 45px; display:table; clear:both; margin:30px 0 0px 35px; position:relative;}
.box_videocase .node .videoside .onevideo .vam_wraper{vertical-align:middle; display:table-cell;*position:absolute; *top:50%;}
.box_videocase .node .videoside .onevideo:first-child{ margin-top:20px; }
.box_videocase .node .videoside .onevideo b{ display:block; width:11px; height:11px; background:#e7e7e7; margin-left:-90px; border-radius:11px; border:3px solid #fff;*position:absolute;  *top:50%;}
.box_videocase .node .videoside .onevideo i{ display:block; margin-left:-60px; border-left:8px solid transparent; border-right:8px solid #e6e6e6; border-top:8px solid transparent; border-bottom:8px solid transparent; width:0; height:0; *position:absolute; *top:50%;}
.box_videocase .node .videoside .onevideo .oneword{ margin-left:-246px; top:96px; width:140px; *position:absolute; *top:50%;}
.box_videocase .node .videoside .onevideo .oneword p{ color:#515151; font-size:14px; line-height:21px;}
.box_videocase .node .videoside .onevideo .oneword .time{ color:#0071c5;}
.box_videocase .node .tipword_wraper{ padding:0 25px 20px 25px}
.box_videocase .node .tipword{ border-radius:6px; background:#e7e7e7;}
.box_videocase .node .tipword .tipword_in{ padding:20px;}
.box_videocase .node .tipword p{ font-size:15px; margin-bottom:8px; color:#515151; text-indent:2em; line-height:23px;}
.box_videocase .node .videoside .onevideo.wordtip{ padding:20px;}
.box_videocase .node .videoside .onevideo.wordtip .video{ margin-right:20px; margin-bottom:8px;}
.box_videocase .node .videoside .onevideo.wordtip b{ margin-left:-65px;}
.box_videocase .node .videoside .onevideo.wordtip i{ margin-left:-36px;}
.box_videocase .node .videoside .onevideo.wordtip .oneword{ margin-left:-222px}
.box_videocase .node .videoside .onevideo > p { color:#515151; font-size:14px; line-height:21px;}
.box_videocase h3 a{ outline:none; color:#0071c5}

.box_videocase .node .videoside.wordlong0{ margin-left:278px;}
.box_videocase .node .videoside.wordlong0 .onevideo .oneword{ width:220px; margin-left:-326px;}
.box_videocase .node .videoside.wordlong{ margin-left:328px;}
.box_videocase .node .videoside.wordlong .onevideo .oneword{ width:270px; margin-left:-376px;}
.list_case_wraper.vcase .list_case .photo{ width:133px; padding:0px; margin-right:15px; }
.list_case_wraper.vcase .list_case .desc{ width:553px;}
.box_videocase h3 span a{ float:right; display:inline-block; font-size:12px; font-weight:normal; color:#bcbcbc;}


.column_wraper_s_claspract{ float:left; width:310px; min-height:10px; }
.column_wraper_m_claspract{ float:left; width:667px; min-height:600px; }

.claspract_edit{  padding:15px 20px;}
.claspract_edit .def{ margin-bottom:8px; font-size:12px; color:#515151;}
.claspract_edit .def .btn_wrt{ margin-left:5px;}

.claspract_video{ width:290px; height:auto; margin-top:15px;}
.menu_claspract_wraper{width:290px; margin:0 auto;}
ul.menu_claspract{ width:187px; margin:0 auto; margin-top:15px;}
ul.menu_claspract li{ width:187px; height:48px; line-height:48px; display:block; border:1px solid #c4c4c4; font-size:20px; font-weight:bold; color:#0071c5; text-align:center; cursor:pointer; background: url(../images/btn_wrt2_bg.jpg) repeat-x; border-radius:6px; margin-bottom:10px; letter-spacing:1px;}
ul.menu_claspract li.active, ul.menu_claspract li:hover{background: url(../images/btn_wrt2_bg_up.jpg) repeat-x; color:#515151;}

dl.teadesign_edit.iftstyle dt span.must{ color:#dd6300;}
.tb_teadesign td{ padding:6px; line-height:19px}

/*推荐精华按钮*/
.icon_seal{ position:absolute; right:0; top:5px; background: url(../images/icon_seal.png) no-repeat; width:120px; height:68px; }
.icon_seal.essen{ background-position:0 0}
.icon_seal.recom{ background-position:-147px 0}


.icon_top_mana{ width:11px; height:11px; background:url(../images/icon.png) 0px -811px; display:inline-block; margin-right:8px;}
.icon_untop_mana{ width:11px; height:11px; background:url(../images/icon.png) -18px -811px; display:inline-block; margin-right:8px;}
.btn_leader{ background:url(../images/icon.png) 0px -831px no-repeat; width:12px; height:11px; cursor:pointer; display:inline-block; margin-left:8px;}
.btn_unleader{ background:url(../images/icon.png) -14px -831px no-repeat; width:14px; height:11px; cursor:pointer; display:inline-block; margin-left:5px;}
.icon_top{ width:33px; height:13px; background:url(../images/icon.png) 0px -851px; display:inline-block; margin-left:8px; vertical-align:top; margin-top:2px;}
.btn_top{ width:11px; height:11px; background:url(../images/icon.png) -35px -811px; display:inline-block; margin-left:6px;}
.btn_untop{ width:11px; height:11px; background:url(../images/icon.png) -53px -811px; display:inline-block; margin-left:6px;}

/*内容页右下角精华推荐<div class="btn_rbtool_wraper"><a class="btn_rbesse"><span>标为精华</span></a><a class="btn_unrbesse"><span>取消精华</span></a><a class="btn_rbrecom"><span>标为推荐</span></a><a class="btn_unrbrecom"><span>取消推荐</span></a></div>*/
.btn_rbtool_wraper{ width:40px; position:absolute; bottom:0; right:-50px;}
.btn_rbesse{ width:38px; height:38px; border:1px solid #cacbcc; background:#FFF url(../images/btn_rbtool.png) 0 0 no-repeat; display:block; cursor:pointer;}
.btn_unrbesse{ width:38px; height:38px; border:1px solid #cacbcc; background:#FFF url(../images/btn_rbtool.png) 0 -38px no-repeat; display:block; margin-top:-1px; cursor:pointer;}
.btn_rbrecom{ width:38px; height:38px; border:1px solid #cacbcc; background:#FFF url(../images/btn_rbtool.png) -38px 0 no-repeat; display:block; margin-top:-1px; cursor:pointer;}
.btn_unrbrecom{ width:38px; height:38px; border:1px solid #cacbcc; background:#FFF url(../images/btn_rbtool.png) -38px -38px no-repeat; display:block; margin-top:-1px; cursor:pointer;}
.btn_rbtool_wraper a:hover > span{ display:block;}
.btn_rbtool_wraper span{ background:#9e9e9e; display:block; padding:2px 7px; color:#fff; display:none;}


/*--------------------------------------关于我们------------------------------------------*/
.aboutpage{ padding:10px 0 38px 0; float:left}
.aboutpage a{ color:#0071c5; cursor:pointer;}
.aboutpage a:hover{ text-decoration:underline;}
.aboutpage sup{ font-size:11px;}
.aboutpage h2{ font-size:20px; color:#515151; font-weight:normal; padding-left:10px;}
.aboutpage .comminfo{ background:url(../images/about_bg.jpg) no-repeat; width:946px; height:253px; margin-bottom:25px; margin-top:15px; }
.aboutpage .comminfo .word{ padding:30px 30px 30px 378px; margin-bottom:10px;}
.aboutpage .comminfo .word p{ font-size:13px; color:#fff; margin-bottom:10px; line-height:21px; text-indent:2em; }
.aboutpage .subcomminfo{ padding:0 10px;}
.aboutpage .subcomminfo p{ font-size:13px; color:#515151; margin-top:8px;}
.aboutpage .subcomminfo .subcommlist{ margin-top:20px; margin-right:-36px; padding:0 10px;}
.aboutpage .subcomminfo .subcommlist .onesubcomm{ width:430px; margin-right:36px; margin-bottom:28px;float:left; height:80px; overflow:hidden;}
.aboutpage .subcomminfo .subcommlist .onesubcomm .photo{ width:119px; height:60px; float:left; margin-right:16px; margin-top:5px}
.aboutpage .subcomminfo .subcommlist .onesubcomm .word{ float:left; width:295px;}
.aboutpage .subcomminfo .subcommlist .onesubcomm .word h4{ font-size:13px; margin-bottom:0px; color:#515151; font-weight:bold;}
.aboutpage .subcomminfo .subcommlist .onesubcomm .word p{ font-size:12px; line-height:19px; float:left;}

/*---------------------------------------------首页 跳转至-----------------------------------------------------*/
.header .headermenu{ float:left; margin-left:15px; margin-top:31px;}
.header .headermenu .firmenu{ float:left; font-size:15px; color:#fff; font-weight: bold; display:block; position:relative; cursor:pointer; padding:10px 6px; margin-right:15px;}
.header .headermenu .firmenu.index{ padding:10px 23px}
.header .headermenu .firmenu.active{ background: url(../images/headermenubg.jpg) repeat-x;}
.header .headermenu .firmenu > b{ border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; border-bottom:5px solid transparent; width:0; height:0; display:inline-block; margin-left:5px; margin-top:3px; vertical-align:middle}
.header .headermenu .secmenuwraper{ position: absolute; width:130px; background:#fff; left:-20px; top:48px; border:3px solid #0071c5; z-index:1001; border-radius:8px;}
.header .headermenu .secmenuwraper b{ position: absolute; left:50px; top:-20px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid #0071c5; width:0; height:0; }
.header .headermenu .secmenuwraper .secmenu{text-align:left; }
.header .headermenu .secmenuwraper .secmenu a{ color:#0071c5; font-size:13px; display:block; padding:5px 10px;}
.header .headermenu .secmenuwraper .secmenu a:hover{ color:#fff; background:#0071c5}

.ftcolor_purple{ color:#e0731b !important}
/*--------------------------------------矩阵排列 首页------------------------------------------*/
.matrix_wraper{ margin-left:-12px; margin-bottom:5px; float:left;}
.matrix{ float:left; margin-left:12px; margin-bottom:12px; background:#f9f9f9; position:relative; cursor:pointer;}
.matrix.style_small{ width:186px; height:186px; overflow:hidden}
.matrix.style_small img{ min-width:186px;display:block;left:0;position:absolute;}
.matrix.style_midd{ width:384px; height:186px; overflow:hidden}
.matrix.style_midd img{ min-width:384px;display:block;left:0;position:absolute;}
.matrix.style_larger{ width:384px; height:384px; overflow:hidden}
.matrix.style_larger img{ min-width:384px;display:block;left:0;position:absolute;}
.matrix .title{ position:absolute; left:0; bottom:0; width:100%;}
.matrix .title h3{ font-size:15px; font-weight:bold; padding:8px 10px; color:#fff;}
.matrix .title.bgcolor_1{ background:#e0731b;}
.matrix .title.bgcolor_2{ background:#7dab01;}
.matrix .title.bgcolor_3{ background:#ffa200;}
.matrix .title.bgcolor_4{ background:#8c30a3;}
.matrix .title.bgcolor_5{ background:#0071c5;}
.matrix .title.bgcolor_6{ background:#00aeef;}

.icon_top2{ width:34px; height:13px; background:url(../images/icon.png) -38px -851px; display:inline-block; margin-left:8px; vertical-align:top; margin-top:2px;}

/*--------------------------------------子社区 区域推进------------------------------------------*/
.regienter_list_wraper{ margin-left:-12px; margin-bottom:19px; float:left;}
.regienter_list{ float:left; margin-left:12px;}

.matrix_subregi_wraper{ margin-left:-10px; margin-top:-10px;}
.matrix_subregi{ float:right; margin-left:10px; margin-top:10px; background:#f9f9f9; position:relative; cursor:pointer;}
.matrix_subregi.style_1, .matrix_subregi.style_1 img{ width:229px; height:175px;}
.matrix_subregi.style_2, .matrix_subregi.style_2 img{ width:266px; height:175px;}
.matrix_subregi.style_3, .matrix_subregi.style_3 img{ width:211px; height:360px;}
.matrix_subregi.style_4, .matrix_subregi.style_4 img{ width:358px; height:175px;}
.matrix_subregi.style_6{ float:left;}
.matrix_subregi.style_6, .matrix_subregi.style_6 img{ width:726px; height:175px;}
.matrix_subregi .title{ position:absolute; left:0; bottom:0; width:100%;}
.matrix_subregi .title h3{ font-size:15px; font-weight:bold; padding:8px 10px; color:#fff;}
.matrix_subregi .title.bgcolor_1{ background:#e0731b;}/*深橙*/
.matrix_subregi .title.bgcolor_2{ background:#7dab01;}/*绿*/
.matrix_subregi .title.bgcolor_3{ background:#ffa200;}/*浅橙*/
.matrix_subregi .title.bgcolor_4{ background:#8c30a3;}/*紫色*/
.matrix_subregi .title.bgcolor_5{ background:#0071c5;}/*标准蓝*/
.matrix_subregi .title.bgcolor_6{ background:#00aeef;}/*亮浅蓝*/
.matrix_subregi .title.bgcolor_7{ background:#3395d9;}/*较浅蓝*/

/*--------------------------------------------课程介绍+大按钮---------------------------------------*/
.discussbox.rescourse .discussboxin{ padding:20px 0 20px 26px;}
.discussbox.rescourse .desc h1{ text-align:center; margin-bottom:25px; color:#3a3a3a;}
.discussbox.rescourse p{ text-indent:2em; margin-bottom:16px; font-size:14px; line-height:20px;}

.btn_big_enter_wraper{ padding:0 14px 19px 14px;}
.btn_big_enter{display:block;height:55px;background: url(../images/btn_big_enter.png) no-repeat left top;}
.btn_big_enter b{display:block;height:55px;background:url(../images/btn_big_enter.png) no-repeat right top;}
.btn_big_enter a{display:block;border:none;margin:0 7px; padding:0 10px;background:#fff url(../images/btn_big_enter.png) repeat-x left -56px;color:#0071c5;font-weight:600;line-height:55px; height:55px;cursor:pointer; text-decoration:none; text-align:center; font-size:22px; letter-spacing:2px;}

/*-----------------------------------vip-------------------------------------------*/
.ic_vip{ display:inline-block; width:18px; height:18px; background-image:url(../images/icon.png); background-repeat:no-repeat; vertical-align:middle; margin-left:5px; margin-bottom:2px;}
.ic_vip.v0{ background-position:0 -915px;}
.ic_vip.v1{ background-position:0 -890px;}
.ic_vip.v2{ background-position:-25px -890px;}
.ic_vip.v3{ background-position:-50px -890px;}
.ic_vip.v4{ background-position:-75px -890px;}
.ic_vip.v5{ background-position:-100px -890px;}
.ic_vip.v6{ background-position:-125px -890px;}
.ic_vip.v7{ background-position:-150px -890px;}
.ic_vip.v8{ background-position:-175px -890px;}
.ic_vip.v9{ background-position:-200px -890px;}