body {
	padding-top: 50px;
}

@media ( min-width : 992px) {
	.container {
		width: 960px;
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 1000px;
	}
}

.headline{
border-bottom: 1px solid #FEE6B4;
padding:1px 1px 3px 1px;
font-size: 18px;
}

.navbar-751123 {
  background-color: #EEF3FA;
  border-color: #EEF3FA;
}

.navbar-751123 .navbar-brand {
  color: #777777;
}

.navbar-751123 .navbar-brand:hover,
.navbar-751123 .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-751123 .navbar-text {
  color: #FFFFCB;
}

.navbar-751123 .navbar-nav > li > a {
  color: #FFFFCB;
}

.navbar-751123 .navbar-nav > li > a:hover,
.navbar-751123 .navbar-nav > li > a:focus {
  color: #FFFFFF;
  background-color: transparent;
}

.navbar-751123 .navbar-nav > .active > a,
.navbar-751123 .navbar-nav > .active > a:hover,
.navbar-751123 .navbar-nav > .active > a:focus {
  color: #FFFFCB;
  background-color: #CF583C;
}

.navbar-751123 .navbar-nav > .disabled > a,
.navbar-751123 .navbar-nav > .disabled > a:hover,
.navbar-751123 .navbar-nav > .disabled > a:focus {
  color: #FFFFCB;
  background-color: transparent;
}

.navbar-751123 .navbar-toggle {
  border-color: #CF583C;
}

.navbar-751123 .navbar-toggle:hover,
.navbar-751123 .navbar-toggle:focus {
  background-color: #CF583C;
}

.navbar-751123 .navbar-toggle .icon-bar {
  background-color: #FFFFCB;
}

.navbar-751123 .navbar-collapse,
.navbar-751123 .navbar-form {
  border-color: #EEF3FA;
}

.navbar-751123 .navbar-nav > .open > a,
.navbar-751123 .navbar-nav > .open > a:hover,
.navbar-751123 .navbar-nav > .open > a:focus {
  color: #FFFFCB;
  background-color: #CF583C;
}

.navbar {
	margin-bottom: 0;
}

.well-xs {
	padding: 5px;
	border-radius: 3px;
}

.select-xs {
	padding: 3px 12px;
	font-size: 12px;
}
/* .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"]{margin-bottom: 2px;} */
* {
	font-family: 微软雅黑;
	outline: none;
	margin: 0;
	#padding: 0;
}


h1,h2,h3,h4,h5,h6 {
	font-family: 微软雅黑;
}

li {
	list-style-type: none;
}

a {
	cursor: pointer;
	outline: none;
	color: #333333;
}

a:HOVER {
	color: #CC3300;
}

/** 附加bootstrap css**/
.input-xs {
	height: 25px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

select.input-xs {
	height: 25px;
	line-height: 25px;
}

textarea.input-xs {
	height: auto;
}

.progress_10 {
	height: 10px;
}

/*面板*/
.panel-none {
	border: none;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.panel-common {
	background-color: none;
	border: none;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.panel-y4 {
	background-color: #F6E7FE;
}

.panel-y4>.panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}

.panel-y4>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #dddddd;
}

.panel-y4>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #dddddd;
}

/** end 附加bootstrap css**/

/**副导航**/
.m-left {
	margin-left: 12%;
}

.m-top5 {
	margin-top: 5px;
}
/** end 副导航**/

/** 登录 **/
/*弹出登陆框*/
@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 30%;
		margin: 100px auto;
	}
	.modal-header {
		min-height: 16.428571429px;
		padding: 15px;
		border-bottom: 1px solid #C5E6EA;
	}
	.modal-content {
		position: relative;
		background-color: #f6f6f6;
		/*   background-image:url("../images/body_y4.jpg"); */
		/*   background-position:center; */
		border: 1px solid #999999;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		outline: none;
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		background-clip: padding-box;
	}
}

/** end **/

/** 通用 **/
hr {
	margin: 10px 0;
	background: url("../images/titlebg.jpg") repeat-x;
	height: 1px;
}

.clear {
	clear: both;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px;
}

.border-bottom_d {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1px;
}

.hr {
	border: 1px dashed #FEE6B4;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

.hr-solid {
	/*border-bottom: #bcbcbc dashed 1px;*/
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

.hr-border {
	border: 1px solid #ccc;
}

.hr-solid2 {
	border-bottom: 1px solid #f5f5f5;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

.hr-solid2:hover{background:#f5f5f5}

.hr-border2 {
	border: 1px solid #ccc;
}

.border {
	border: 1px solid #ccc;
}

.outline {
	outline: none;
}

.padd-top {
	padding-top: 5px;
}

.margin_0_auto {
	margin: 0 auto;
}

.margin_0 {
	margin: 0px;
}

.margin_5 {
	margin: 5px;
}

.margin_0_5 {
	margin: 0px 5px;
}

.margin_10 {
	margin: 10px;
}

.margin_0_10 {
	margin: 0px 10px;
}

.margin_p1 {
	margin: 1%;
}

.margin_0_p1 {
	margin: 0 1%;
}

.margin_lr_0 {
	margin: 0 15px;
}

.margin_top10 {
	margin-top: 10px;
}

.margin_15_0 {
	margin: 15px 0px;
}

.margin-left_0 {
	margin-left: 0px;
}

.margin-right_0 {
	margin-right: 0px;
}

.margin-bottom_0 {
	margin-bottom: 0px;
}

.margin-top_0 {
	margin-top: 0px;
}

.margin-lr0 {
	margin-left: 0px;
	margin-right: 0px;
}

.padding_0 {
	padding: 0;
}

.padding_5 {
	padding: 5px;
}

.padding_10 {
	padding: 10px;
}

.padding_0_p1 {
	padding: 0 1%;
}

.padding_0_10 {
	padding: 0px 10px;
}

.padding_p1 {
	padding: 1%;
}

.padding-left_0 {
	padding-left: 0px;
}

.padding-right_0 {
	padding-right: 0px;
}

.padding-bottom_0 {
	padding-bottom: 0px;
}

.padding-top_0 {
	padding-top: 0px;
}

.padding-lr0 {
	padding-left: 0px;
	padding-right: 0px;
}

.padding-lr15 {
	padding: 5px 15px;
}

.padding_0_15 {
	padding: 0 15px;
}

.indent {
	text-indent: 2em;
}

.img_60x60 {
	width: 60px;
	height: 60px;
}

.main_tiles {
	margin-right: 40px;
}

.page {
	float: right;
	margin-right: 20px;
}

label {
	font-size: 14px;
}

.width_p10 {
	width: 10%;
}

.min-height {
	min-height: 500px;
}

/* 字体大小 */
.f10px {
	font-size: 10px;
}

.f11px {
	font-size: 11px;
}

.f12px {
	font-size: 12px;
}

.f13px {
	font-size: 13px;
}

.f14px {
	font-size: 14px;
}

.f15px {
	font-size: 15px;
}

.f16px {
	font-size: 16px;
}

.f17px {
	font-size: 17px;
}

.f18px {
	font-size: 18px;
}

.f19px {
	font-size: 19px;
}

.f20px {
	font-size: 20px;
}

.f21px {
	font-size: 21px;
}

.f22px {
	font-size: 22px;
}

tbody {
	/*text-align: center;*/
}

/* 颜色 */
.red {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: green;
}

.yellow {
	color: yellow;
}

.white {
	color: white;
}

.f38903 {
	color: #F38903
}

/* 背景色 */
.common_backcolor {
	background-color: #F6E7FE;
}

.panel-248dac {
	border-color: #248DAC;
}

.bc_248dac {
	background-color: #248DAC;
}

.bc_white {
	background-color: white;
}

.bc_fff5e7 {
	background-color: #f5f5f5;
}

/** //end 通用 **/

/** 头部图片 **/
#photo-top {
	height: 200px;
	background-repeat: no-repeat;
}
/** //end 头部图片 **/

/** tabs **/
.border-top li a {
	padding: 5px 10px;
}

.border-top li {
	background: #E6E6E6;
	margin-left: 1px;
}

.border-top li.active {
	#border-top: 3px solid black;
	margin-top: -3px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* .media:HOVER{opacity:0.92;background:#FCFFCD; */
/* 	   -moz-border-radius: 5px;    */
/*     -webkit-border-radius: 5px;    */
/*     		border-radius: 5px;    */
/*     		} */
.border-top li.active a {
	margin-right: 0px;
}

.nav-tabs li a {
	color: #6F6F6F;
	display: block;
	margin-right: 0px;
	outline: none;
}

/** //end tabs**/

/** 轮显 **/

/** slider **/
#slider_home {
	margin: 1px;
}

#slider_home li {
	list-style-type: none;
}

#slider_home .slider_area .slider_list li .text_holder {
	background: none repeat scroll 0 0 #464646;
}

#slider_home .slider_area .slider_list li .text_holder h2 {
	color: #ffffff
}

#slider_home .slider_area .slider_list li .text_holder h2 a {
	color: #ffffff
}

#slider_home .slider_list .text_holder p {
	color: #ffffff;
}

#slider_home h2 {
	font-size: 22px;
	margin: 66px 0 20px 0;
	padding: 0px 16px;
	line-height: 28px;
	letter-spacing: 0.4px;
}
/** slider area **/
#slider_home .slider_area {
	width: 80%;
	height: 375px;
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 100% !important;
}

#slider_home .slider_area .slider_list li {
	width: 100%;
	height: 375px;
	position: relative;
}

#slider_home .slider_area .slider_list li .image_holder {
	width: 70%;
	height: 375px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#slider_home .slider_area .slider_list li .image_holder img {
	width: 100%;
	height: 375px;
}

#slider_home .slider_area .slider_list li .text_holder {
	width: 30%;
	height: 375px;
	top: 0px;
	left: 70%;
	position: absolute;
}

#slider_home .slider_area .arrow_top {
	width: 24px;
	height: 16px;
	position: absolute;
	z-index: 2;
	right: 13px;
	top: 13px;
	background: url("../images/arrows.png") -25px -16px no-repeat;
	cursor: pointer;
}

#slider_home .slider_area .arrow_bottom {
	width: 24px;
	height: 16px;
	position: absolute;
	z-index: 2;
	right: 13px;
	bottom: 13px;
	background: url("../images/arrows.png") -25px 0 no-repeat;
	cursor: pointer;
}

#slider_home .slider_area .arrow_top:hover {
	background: url("../images/arrows.png") 0px -16px no-repeat;
}

#slider_home .slider_area .arrow_bottom:hover {
	background: url("../images/arrows.png") 0px 0 no-repeat;
}

.top_arrow {
	width: 30%;
	height: 45px;
	position: absolute;
	left: 70%;
	background: none;
	z-index: 1;
}

.bottom_arrow {
	width: 30%;
	height: 45px;
	position: absolute;
	left: 70%;
	background: none;
	z-index: 1;
	bottom: 0px;
}

.top_arrow,.bottom_arrow {
	background: none repeat scroll 0 0 #464646;
}
/** navigation area **/
#slider_home .navigation_area {
	width: 20%;
	height: 375px;
	overflow: hidden;
	background-color: #CCFFCC;
}

#slider_home .navigation_area .slides_list {
	
}

#slider_home .navigation_area .slides_list li {
	height: 188px;
}

#slider_home .navigation_area .slides_list li a {
	color: white;
}

#slider_home .navigation_area .slides_list li .image_holder img {
	height: 105px;
}
/** slider typography **/
#slider_home .slider_list .text_holder p {
	padding: 0px 16px;
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
}

#slider_home .slides_list .text_holder h3 {
	padding: 0px 10px;
	margin: 2px 0px 0px 0px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 0.4px;
}
/** //end 轮显 **/

/** 瀑布流 **/
#main {
	position: relative;
}

#tiles {
	list-style-type: none;
	position: relative;
	margin-right: 12px;
}

#tiles li {
	background-color: #ffffff;
	#border: 1px solid #dedede;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: none;
	cursor: pointer;
	padding: 5px;
}

#tiles li:HOVER {
	#background: #FAFAFA;
	#border: 1px solid #35aa47;
}

#tiles li.inactive {
	visibility: hidden;
	opacity: 0;
}

#tiles li img {
	display: block;
	margin: 0 auto;
}

#tiles li img:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/**Grid item text*/
#tiles li h4 {
	margin: 5px;
}

#tiles li p {
	color: #666;
	font-size: 12px;
	margin: 5px;
}

/**Progress bar for imagesLoaded*/
/* .progress-bar-img {background-color: #0BC20B;height: 2px;position: absolute;top: 0;left: 0;right: 0;width: 0; */
/*   box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2); */
/*   -webkit-transition: width 0.3s ease-out; */
/*      -moz-transition: width 0.3s ease-out; */
/*        -o-transition: width 0.3s ease-out; */
/*           transition: width 0.3s ease-out;} */

/**
 * Placerholder css
 */
.wookmark-placeholder {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #eee;
	border: 1px solid #dedede;
	z-index: -1;
}

.example-tiles {
	position: relative;
	margin: 0;
	padding: 0;
}

.example-tiles li {
	display: block;
	list-style-type: none;
	float: left;
	margin: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.example-tiles a,.example-tiles a:hover {
	color: #555;
	background-color: #eee;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 200px;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	padding: 5px 8px;
	border-radius: 3px;
}

.example-tiles a:hover {
	background-color: #ddd;
}

/**Grid items*/
#tiles li {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/**
 * Sort buttons
 */
#sortbys {
	list-style-type: none;
	text-align: center;
	margin: 0 5% 0 5%;
}

#sortbys li {
	font-size: 12px;
	float: left;
	padding: 6px 0 4px 0;
	cursor: pointer;
	margin: 0 10px 0 10px;
	min-width: 10%;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#sortbys li:hover {
	background: #dedede;
}

#sortbys li.active {
	background: #333333;
	color: #ffffff;
}

/** colorBox**/
#colorbox,#cboxOverlay,#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	cursor: pointer;
}
/* .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} */
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

#colorbox,#cboxContent,#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#cboxOverlay {
	background: url(../images/overlay.png) repeat 0 0;
}

#colorbox {
	outline: 0;
}

#cboxTopLeft {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
	width: 21px;
	background: url(../images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
	width: 21px;
	background: url(../images/controls.png) right top repeat-y;
}

#cboxTopCenter {
	height: 21px;
	background: url(../images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
	height: 21px;
	background: url(../images/border.png) 0 -29px repeat-x;
}

#cboxContent {
	background: #fff;
	overflow: hidden;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	margin-bottom: 28px;
}

#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}
/* #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} */
#cboxLoadingOverlay {
	background: url(../images/loading_background.png) no-repeat center
		center;
}

#cboxLoadingGraphic {
	background: url(../images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active
	{
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}
/*         #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} */
/*         #cboxPrevious:hover{background-position:-75px -25px;} */
/*         #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} */
/*         #cboxNext:hover{background-position:-50px -25px;} */
#cboxClose {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/controls.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxClose:hover {
	background-position: -25px -25px;
}

.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight
	{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,
		endColorstr=#00FFFFFF);
}
/** //end 瀑布流**/

/** 加载更多**/
#load_more {
	position: relative;
	border-bottom: 3px solid #464646;
	width: 99%;
	margin: 0 auto;
}

.load_more_arrow {
	margin-bottom: 11px;
	width: 7px;
	height: 7px;
	margin: 0 auto;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #464646;
}

.morebutton {
	bottom: 10px;
	color: #222222;
	font-size: 15px;
	font-weight: bold;
	left: 40%;
	text-align: center;
	z-index: 100;
	cursor: pointer;
}
/** end 加载更多**/

/** 标签**/
#tags a {
	float: left;
	margin: 4px;
}
/** //end 标签**/

/** 图片展示 **/
#photo ul li {
	list-style-type: none;
	float: left;
	margin: 5px;
}

#photo ul li img {
	width: 92px;
	height: 92px;
}
/** //end 图片展示**/

/** 读书**/
.read_height {
	height: 450px;
}

.read {
	width: 100%;
}

.read_img_left {
	float: left;
	height: 325px;
	width: 80%;
}

.read_img_left img {
	margin: 0 auto;
	height: 320px;
}

.read_img_right {
	float: left;
	padding-left: 3px;
}

.read_img_right ul li {
	width: 60px;
	height: 76px;
	list-style-type: none;
	margin-bottom: 5px;
}

.read_desc {
	width: 100%;
	float: left;
}

#read_tj ul li {
	float: left;
	margin-left: 3%;
	margin-bottom: 18px;
}

#read_tj ul li dl {
	text-align: center;
	display: inline;
}

#read_tj ul li dl dt {
	width: 103px;
	overflow: hidden;
	position: relative;
}
/* #read_tj ul li dl dt a {margin-left: 14%;} */
#read_jc ul li {
	float: left;
	width: 48%;
	margin-left: 1.5%;
	margin-bottom: 15px;
}

#read_jc ul li.media {
	margin-top: 0;
}

.read_tab_dt li {
	margin-top: 0;
	line-height: 30px;
}

.read_tab_dt li .media-body: {
	
}

#read_top_md3 ul li {
	text-align: center;
}
/* #read_top_md9 ul li:FIRST-CHILD{margin-left: 10px;} */
#read_top_md9 ul li {
	float: left;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 390px;
}

#read_classify_md3_top ul li {
	text-align: center;
	line-height: 30px;
}
/* #read_top_md9 ul li:FIRST-CHILD{margin-left: 10px;} */
#read_classify_md9_header ol span {
	margin-right: 10px;
}

#read_classify_md9_content ul li {
	float: left;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 390px;
}

#read_bookshelf_md9_content ul li {
	float: left;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 254px;
}

#read_bookshelf_md3_type ul li:FIRST-CHILD {
	background: #ccc
}

#read_bookshelf_md3_type ul li:HOVER {
	background: #ccc
}

#read_bookshelf_md3_type ul li {
	border-bottom: 1px solid #ccc;
	line-height: 30px;
	text-align: center;
}

#read_bookshelf_md3_type ul li span {
	
}

#read_bookshelf_md3_vip {
	margin: 10px 10px;
}
/** //end 读书**/

/** 游学**/
.trip_top {
	margin: 10px 10px;
}

.trip_img_left {
	float: left;
	width: 82%;
	border: 1px solid #ccc;
	height: 99%;
}

.trip_img_left img {
	margin: 5px;
}

.trip_img_right {
	float: left;
	margin-left: 10px;
}

.trip_img_right ul li {
	margin-bottom: 10px;
	width: 160px;
}

.trip_content_left {
	width: 80%;
	float: left;
}
/* #trip_content ul li{float: left;} */
.trip_content {
	margin: 5px;
}

.trip_content ul li img {
	width: 180px;
}

.trip_content_right {
	width: 80%;
	float: left;
}

.trip_content_right {
	width: 20%;
	float: left;
}

.trip_content_right dl dt {
	text-align: center;
}

.trip_content_right dl dd {
	text-align: center;
}

.pagination {
	float: right;
	margin: 0;
}
/** //end 游学**/

/** 微笔记**/
.common_operate ol li {
	padding: 0px 10px;
}
/* .common_operate ol li:FIRST-CHILD{width: 70%;} */
.common_operate ol>li:FIRST-CHILD+li:BEFORE {
	content: " "
}

.micro_notes_top ul li dl {
	text-align: center;
}

.micro_notes_bottom {
	height: 50px;
}
/* .micro_notes_bottom ul{text-align: center;} */
.micro_notes_bottom ul li {
	float: left;
	margin-left: 1%;
}

.micro_star_icon_m0 {
	height: 60px;
	float: right;
}

.micro_star_icon_m0 ul li {
	float: left;
}

.micro_star_icon_m0 ul li img {
	margin-left: 10px;
}

.micro_star_icon_m30 {
	height: 60px;
	float: right;
}

.micro_star_icon_m30 {
	margin-right: 30px;
}

.micro_star_icon_m30 ul li {
	float: left;
}

.micro_star_icon_m30 ul li img {
	margin-left: 10px;
}

.img_width {
	margin-bottom: 10px;
	width: 100%
}

.micro_star_img ul {
	
}

.micro_star_img ul li {
	float: left;
	width: 25%;
	border: 1px solid #ccc;
}

.divline {
	height: 30px;
	background: blue;
}
/** //end 微笔记**/

/**活动进程**/
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#container img {
	display: block;
}

.timeline_item {
	width: 47.5%;
	margin: 12px;
	float: left;
	background: #fff;
	text-align: justify;
	word-wrap: break-word;
}

.inner {
	padding: 10px;
}

.inner div {
	float: right;
	position: relative;
	top: -32px;
	width: 88%;
}

.inner div p {
	height: 40px;
}

.inner div a {
	height: 40px;
}

.inner h2 {
	margin-bottom: 10px;
	font-size: 15px;
	color: black;
}

.inner a {
	color: black;
}

.inner a:HOVER {
	color: blue;
	text-decoration: underline;
}
/*timeline navigatior css*/
.timeline_container {
	display: block;
	width: 16px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

.timeline {
	display: block;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
	float: left;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #e08989;
}
/*arrow css style*/
.leftCorner,.rightCorner {
	display: block;
	width: 13px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	z-index: 2;
}

.rightCorner {
	right: -13px;
	background-image: url(../images/myright.gif);
}

.leftCorner {
	left: -13px;
	background-image: url(../images/myleft.gif);
}

/*= 我的足迹 =*/
.box {
	width: 100%;
	margin: 18px auto 0 auto;
	background: #F0F0F0
}

.event_year {
	width: 60px;
	border-bottom: 2px solid #DDD;
	text-align: center;
	float: left;
	margin-top: 10px;
	position: absolute;
}

.event_year li {
	height: 40px;
	line-height: 40px;
	background: #FFF;
	margin-bottom: 1px;
	font-size: 18px;
	color: #828282;
	cursor: pointer;
}

.event_year li.current {
	width: 61px;
	background: #0066ff url('../images/jian.png') 60px 0 no-repeat;
	color: #FFF;
	text-align: left;
	padding-left: 9px;
}

.event_list {
	width: 100%;
	float: right;
	background: url('../images/dian3.png') 139px 0 repeat-y;
	margin: 10px 0 20px 0;
}

.event_list h3 {
	margin: 0 0 10px 132px;
	font-size: 24px;
	font-family: Georgia;
	color: #0066ff;
	padding-left: 25px;
	background: url('../images/jian.png') 0 -45px no-repeat;
	height: 38px;
	line-height: 30px;
	font-style: italic;
}

.event_list li {
	background: url('../images/jian.png') 136px -80px no-repeat;
}

.event_list li span {
	width: 127px;
	text-align: right;
	display: block;
	float: left;
	margin-top: 10px;
}

.event_list li div {
	width: 78%;
	margin-left: 24px;
	display: inline-block;
	padding-left: 10px;
	background: url('../images/jian.png') -21px 0 no-repeat;
	line-height: 25px;
	_float: left;
	margin-bottom: 20px;
}

.event_list li div span {
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #DDD;
	padding: 10px 15px;
	background: #FFF;
	margin: 0;
}

/*div圆角*/
.timeline_item {
	background: transparent;
}

.timeline_item .b1,.timeline_item .b2,.timeline_item .b3,.timeline_item .b4,.timeline_item .b1b,.timeline_item .b2b,.timeline_item .b3b,.timeline_item .b4b
	{
	display: block;
	overflow: hidden;
	font-size: 1px;
}

.timeline_item .b1,.timeline_item .b2,.timeline_item .b3,.timeline_item .b1b,.timeline_item .b2b,.timeline_item .b3b
	{
	height: 1px;
}

.timeline_item .b2 {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b3 {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b4 {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b4b {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b3b {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b2b {
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
}

.timeline_item .b1 {
	margin: 0 5px;
	background: #fff;
}

.timeline_item .b2,.timeline_item .b2b {
	margin: 0 3px;
	border-width: 0 2px;
}

.timeline_item .b3,.timeline_item .b3b {
	margin: 0 2px;
}

.timeline_item .b4,.timeline_item .b4b {
	height: 2px;
	margin: 0 1px;
}

.timeline_item .b1b {
	margin: 0 5px;
	background: #e7faa4;
}

.timeline_item .inner {
	display: block;
	background: #e7faa4;
	border-left: 1px solid #e7faa4;
	border-right: 1px solid #e7faa4;
	height: auto;
}

/** //end 活动进程**/

/**栏目列表**/
.top1 {
	margin: 0px 0 10px 0;
	clear: both;
}

.down1 {
	margin: 10px 0 0px 0;
}

.nav1 {
	position: relative;
	overflow: hidden;
	height: 280px;
}

.nav1>div {
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.nav1 dl {
	float: left;
	margin-right: 8px;
	margin-left: 9px;
}

.nav1 dl dd {
	line-height: 20px;
	text-align: center;
}

.nav1 dt {
	position: relative;
}

.nav1 .po {
	position: absolute;
	top: 0px;
}

.top2 {
	margin: 0px 0 10px 0;
	clear: both;
}

.down2 {
	margin: 10px 0 0px 0;
}

.nav2 {
	position: relative;
	overflow: hidden;
	height: 280px;
}

.nav2>div {
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.nav2 dl {
	float: left;
	margin-right: 8px;
	margin-left: 9px;
}

.nav2 dl dd {
	line-height: 20px;
	text-align: center;
}

.nav2 dt {
	position: relative;
}

.nav2 .po {
	position: absolute;
	top: 0px;
}
/** //end 栏目列表**/

/** 个人中心**/
/* userbox */
.user-box {
	margin-top: 10px;
	width: 181px;
	height: 131px;
	background: url(../images/user-box.png) no-repeat
}

.left1 {
	float: left;
	width: 100px;
	padding: 5px;
}

.left1 dd {
	height: 17px;
	line-height: 17px;
	width: 100px;
	text-align: center;
}

.right1 {
	float: right;
	padding-right: 10px;
}

.menu-1 {
	padding-top: 10px;
	font-size: 14px;
}

.menu-1 li {
	margin-top: 10px;
	padding-top: 6px;
	width: 181px;
	height: 34px;
	background: url(../images/menu-l.png) no-repeat left;
}

.menu-1 li a {
	margin-left: 30px;
	display: block;
	height: 16px;
	color: #999;
	text-indent: 30px;
}

.menu-1 li.arr {
	margin-top: 10px;
	padding-top: 6px;
	width: 191px;
	height: 34px;
	background: url(../images/menu-h.png) no-repeat left;
}

.menu-1 li.arr a {
	
}

.lv-1 {
	width: 58px;
	border: #c6dffa solid 1px;
	margin-top: 5px;
}

.lv-1 .b-lv {
	border-bottom: #999 dashed 1px;
	height: 20px;
}

.lv-1 .b-lv2 {
	#border-top: #c6dffa solid 1px;
	#height: 20px;
	#border-bottom: #999 dashed 1px;
}

.lv-2 {
	width: 62px;
	border: #c6dffa solid 1px;
	margin-top: 57px;
}

.lv-2 .b-lv {
	border-bottom: #999 dashed 1px;
	height: 20px;
}

.lv-2 .b-lv2 {
	border-top: #c6dffa solid 1px;
	height: 20px;
	border-bottom: #999 dashed 1px;
}

.icon-lv {
	margin: 3px 0px 0px 2px;
	float: left;
	display: block;
	width: 13px;
	height: 16px;
	text-align: center;
}

.lv-a {
	margin: 2px 0px 0px 2px;
	float: left;
	display: block;
	width: 37px;
	text-align: center;
	color: #FFF;
}

.lv-b {
	margin: 2px 0px 0px 2px;
	float: left;
	display: block;
	width: 37px;
	text-align: center;
	color: #FFF;
}

.text-b {
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
}

a.k1,a.k2,a.k3,a.k4,a.k5 {
	background: url(../images/sprit_icon.png) no-repeat left;
}

a.k1 {
	background-position: 0px -64px;
}

a.k2 {
	background-position: 0px -80px;
}

a.k3 {
	background-position: 0px -96px;
}

a.k4 {
	background-position: 0px -112px;
}

a.k5 {
	background-position: 0px -128px;
}

a.mySubject {
	background: url(../images/mySubject.png) no-repeat left;
}

a.myScore {
	background: url(../images/myScore.png) no-repeat left;
}

a.myPhoto {
	background: url(../images/myPhoto.png) no-repeat left;
}

a.myMess {
	background: url(../images/myMess.png) no-repeat left;
}

a.myTimer {
	background: url(../images/myTimer.png) no-repeat left;
}

a.myAssn {
	background: url(../images/myAssn.png) no-repeat left;
}

/* actives */
.leftbox {
	width: 70%;
	#min-height: 551px;
	float: left;
	#background: url(../images/right-line.gif) no-repeat right;
}

.rightbox {
	padding-left:20px;
	min-height: 500px;
	margin-bottom: 50px;
}

/* info */
.form-3 .btn-d {
	display: block;
	float: left;
	margin: 10px;
	width: 78px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #2471ae;
	background: url(../images/btn-c.gif) no-repeat;
}

.form-3 img {
	border: 1px solid #933;
	padding: 3px;
}

.form-3 p {
	height: 20px;
	line-height: 20px;
	clear: both;
}

.form-3 a {
	float: left;
	margin: 10px;
	display: block;
}

/*msgs*/
.list_b {
	width: 100%;
	clear: both;
}

.list_b dl {
	float: left;
	margin-left: 10px;
}

.list_b dt {
	margin-top: 8px;
	height: 30px;
	line-height: 30px;
	background: #fff5e7;
	font-size: 16px;
	text-indent: 10px;
}

.list_b dt a:HOVER {
	color: blue;
}

.list_b .bm-img {
	width: 48px;
	height: 80px;
	float: left;
}

.list_b .bm-img a {
	display: block;
	width: 48px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #2471ae
}

.list_b .lv {
	float: left;
	width: 64px;
}

.list_b img {
	float: left;
	margin-top: 8px;
}

.list_b dd .dl-box {
	clear: both;
}

.list_b dd .dl-row {
	line-height: 30px;
	color: #666;
	text-indent: 0px;
	clear: both;
}

.fixed:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.fixed {
	display: block;
	min-height: 1%;
}

.r-h1 {
	padding-top: 4px;
}

.r-h1 .msg-read {
	color: #333;
}

.r-h1 .msg {
	color: #ccc;
}

.r-w1 {
	width: 80%;
	text-align: left;
}

.tde {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.line {
	margin-left: 5px;
	display: block;
	float: left;
	width: 1px;
	height: 14px;
	background: #3377aa;
}

/* manageSubject */
.show {
	width: 24%;
	height: 149px;
	background: url(../images/tu-bg.jpg) repeat-x;
	border: 1px solid #d2d2d2;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}

.show2 {
	width: 24%;
	height: 149px;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}

.show3 {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}

.show3-bottom {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.75);
	top: 92px;
	font-size: 12px;
	height: 23px;
	text-align: center;
	width: 100%;
}

.show-left {
	width: 107px;
	height: 147px;
	padding-left: 5px;
	float: left;
	text-align: center;
}

.show-right {
	width: 72px;
	height: 135px;
	padding-left: 5px;
	float: right;
	padding-top: 30px;
	font-size: 16px;
}

.show-right p {
	width: 15px;
	height: 105px;
	margin-left: 25px;
	word-wrap: break-word;
	overflow: hidden;
	line-height: 15px;
}
.delete_update {
	position: relative;
	left: 10%;
	top: -135px;
}

.erre {
	left: 160px;
}

.show-left1 {
	text-align: center;
}

.show-left2 {
	width:100%;
	height: 100%;
	position: relative;
}

.show-left2 img{
	max-width: 106px;
	max-height: 148px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.bg {
	width: 187px;
	height: 23px;
	background-color: #fff;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	top: 125px;
}

.show-right2 {
	position: absolute;
	bottom: -20px;
	font-size: 16px;
	height: 23px;
	text-align: center;
	width: 100%;
}

.show-right2 p {
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 20px;
	overflow: hidden;
}

.show-right1 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.75);
	top: 125px;
	font-size: 12px;
	height: 23px;
	text-align: center;
	width: 100%;
}

.show3-bottom, .show-right1 p {
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top:3px;
	font-size: 12px;
	color: #ffffff;
	height: 23px;
	overflow: hidden;
}

.show-right3 {
	position: absolute;
	top: 110px;
	font-size: 10px;
	height: 23px;
	text-align: center;
	color: #ffffff;
	width: 100%;
}
.show-right3 p {
	white-space: nowrap;
}

.show-right4 {
	position: absolute;
	top: 20px;
	font-size: 20px;
	height: 23px;
	text-align: center;
	color: #ffffff;
	width: 100%;
}

.show-right5 {
	position: absolute;
	top: 70px;
	font-size: 16px;
	height: 23px;
	text-align: center;
	color: #ffffff;
	width: 100%;
}

.delete_update1 {
	position: relative;
	left: 65%;
	top: -142px;
}
.delete_update2{
	position: relative;
	left: 45%;
	top: -120px;
}

/* 照片墙 */
#images-container {
	width: 100%;
	height: 560px;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}

#images-container #images-mask {
	height: 560px;
	width: 690px;
	overflow: hidden;
	float: left;
	-webkit-box-shadow: -1px -2px 10px #999;
	-moz-box-shadow: -1px -2px 10px #999;
	box-shadow: -1px -2px 10px #999;
}

#images-container #images-mask img {
	width: 32.8%;
	height: 180px;
	overflow: hidden;
}

#flechas {
	height: 560px;
	width: 40px;
	overflow: hidden;
	filter: alpha(Opacity = 80);
	opacity: 0.5;
	background-color: #ffffff;
	-moz-opacity: 0.5;
	float: left;
	position: absolute;
	-webkit-box-shadow: -1px -2px 10px #999;
	-moz-box-shadow: -1px -2px 10px #999;
	box-shadow: -1px -2px 10px #999;
}

#separator {
	height: 435px;
	width: 40px;
	margin: 0;
}

#flechas .button {
	height: 50px;
	opacity: 0.7;
}

#flechas .button img {
	width: 40px;
}

#flechas .button:hover {
	opacity: 1;
}
/** //end 个人中心**/

/** 系统管理 **/
/* menu */
.menu_list {
	height: 520px;
	margin-top: 10px;
}

.menu_list dl {
	width: 20%;
	text-align: center;
	float: left;
	padding-bottom: 20px;
}

/* registCode > list */
th {
	text-align: center;
}

/* role > roleAuthorization*/
.user-1 {
	padding: 1px;
	margin: 0px 0px 0px 170px;
	float: left;
	width: 280px;
	height: 490px;
	border: #3276b1 solid 1px;
}

.tit {
	height: 35px;
	line-height: 30px;
	text-indent: 10px;
	font-size: 16px;
	font-weight: 100;
	color: #fff;
	margin:0px;
	background-color: #3276b1;
}

.link-1 {
	margin-top: 200px;
	float: left;
	width: 100px;
	height: 336px;
}

.link-1 .btn-b {
	margin: 16px;
	display: block;
	width: 66px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	color: #385e8b;
	background: url(../images/btn-b.gif) no-repeat;
}

.user-2 {
	padding: 1px;
	float: left;
	width: 280px;
	height: 490px;
	border: #3276b1 solid 1px;
}

.link-2 {
	margin: 0px auto 30px;
	height: 28px;
	clear: both;
	text-align: center;
}

/** //end 系统管理 **/

/** post > channelDetail.jsp **/
.scrol {
	width: 97%;
	height: 80px;
	overflow: hidden;
}

.scrol dl {
	width: 8%;
	height: 70px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.lh {
	zoom: 1;
}

.spec-control2 {
	float: left;
}

.spec-control1 {
	float: right;
}

/** //end **/

/*--新增弹出层样式--*/
.lay_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background: url(../images/fiter.png) repeat;
	z-index: 1060;
}

.alertlay {
	position: absolute;
	width: auto;
	left: 35%;
	top: 25%;
	padding: 1px;
	border: 1px solid #98D8FD;
	background: #FFF;
}

.alertlay .lay_h {
	height: 37px;
	line-height: 34px;
	background: url(../images/lay_h.png) repeat-x;
	padding: 0;
	margin: 0;
}

.alertlay .lay_h span {
	display: block;
	float: left;
	color: #fff;
	text-indent: 20px;
	font-weight: bold;
	font-size: 16px;
}

.alertlay .lay_h a {
	margin: 6px 12px;
	display: block;
	float: right;
	width: 23px;
	height: 23px;
	background: url(../images/close.png) no-repeat
}

.form-2 {
	margin: 10px 5px;
	clear: both;
}

.form-2 .item-title {
	width: 10%;
}

.form-2 .k-bar {
	width: 300px;
	height: 30px;
	margin: 10px 15px;
	clear: both;
}

.form-2 label {
	margin-top: 10px;
	float: left;
	display: block;
	padding: 0px 4px;
	width: auto;
	height: 22px;
	line-height: 22px;
	text-align: right;
}

.form-2 .inu {
	#margin-top: 10px;
	float: left;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	border: 1px solid #ccc;
}

.form-2 .eck {
	margin-top: 15px;
	float: left;
}

.form-2 .area {
	margin-top: 10px;
	float: left;
	display: block;
	width: 100%;
	height: 80px;
	line-height: 22px;
	border: 1px solid #ccc;
}

.form-2 a {
	margin: 10px 0px 0px 10px;
	float: left;
	display: block;
	width: auto;
	height: 22px;
	line-height: 22px;
}

.opt_bar-1 {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: url(../images/opt-bar.png) repeat-x;
}

.opt_bar-1 a.xj,.opt_bar-1 a.xg,.opt_bar-1 a.sc {
	margin: 10px 0px 0px 10px;
	float: left;
	display: block;
	width: auto;
	height: 16px;
	color: #2471ae;
	line-height: 16px;
	text-indent: 20px;
}

.opt_bar-1 a.xj {
	background: url(../images/sprit_icon.png) no-repeat 0px 0px;
}

.opt_bar-1 a.xg {
	margin-right: 20px;
	float: right;
	background: url(../images/sprit_icon.png) no-repeat 0px -48px;
}

.opt_bar-1 a.sc {
	margin-right: 20px;
	float: right;
	background: url(../images/sprit_icon.png) no-repeat 0px -32px;
}

.alertlay .aletbtnbox {
	margin: 40px 0px 10px 0px;
	width: auto;
	text-align: center;
}

.alertlay .aletbtnbox .alet_btn {
	margin-left: 10px;
	width: 91px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	border: none;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: url(../images/lay_h.png) repeat-x;
}

.j-hid p {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	width: 800px;
}

.fh {
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 24px;
	margin-top: 30px;
	line-height: 24px;
	color: #C03;
	font-size: 16px;
}

.fb-form {
	margin: 10px auto;
	width: auto;
	height: 30px;
	clear: both;
}

.fb-form .j-select {
	position: relative;
	float: left;
	width: 202px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #CCC
}

.j-select .inu-3 {
	float: left;
	width: 180px;
	height: 22px;
	line-height: 22px;
	border: 0px;
}

.j-select span {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/arrow_bot.png) no-repeat;
	cursor: pointer;
}

.j-select .alert-box {
	top: 22px;
	left: -1px;
	position: absolute;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #ccc;
}

.j-select .alert-box a {
	color: #333;
	display: block;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 24px;
	text-indent: 10px;
	cursor: default;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.j-select .alert-box a:hover {
	background: #1a7acb;
}

.form-table {
	width: 90%;
}

/** //end 新增弹出层样式**/

/** showPost **/
/* a.ar1{margin:6px 6px 6px 20px;display:block;float:left;width:18px;height:17px; background:url(../images/arrow2-a.png) no-repeat;} */
/* a.ar2{margin:6px;display:block;float:left;width:18px;height:17px; background:url(../images/jh.png) no-repeat;} */
/** //end **/

/** //微学堂\\ **/

/** student **/
.bc_f9f9f9 {
	background-color: #F9F9F9;
}

.left_student {
	top: -180px;
}

.right_student {
	top: -180px;
	background-color:white;
}

@media screen and (max-width: 500px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
	.right_student {
		background-color:transparent;
	}
}


/* collect_student */
.collect li {
	width: 31.33%;
	float: left;
}

.collect li dl dd {
	padding: 0 5px;
}


/* microclass_student */
#microclass li {
	width: 31.33%;
	float: left;
}

#microclass li dl {
	
}

#microclass li dl dt {
	
}

#microclass li dl dd {
	text-align: center;
}

/* student main_student */
#main_student li {
	width: 31.33%;
	float: left;
}

#main_student li dl {
	
}

#main_student li dl dt {
	
}

#main_student li dl dd {
	text-align: center;
}

/** end student **/

/** leader **/
.left_leader {
	top: -180px;
}

.right_leader {
	top: -120px;
	background-image: url("../images/bg_body.jpg");
}

/* main_schoolleader */
.schoolleader {
	width: 48%;
	float: left;
	height: 400px;
	border-color: #01B88A;
}

.schoolleader>.panel-heading {
	background-color: #01B88A;
	color: white;
}

/* summary_schoolleader */
.panel-summary {
	border-color: #01B88A;
}

.panel-summary>.panel-heading {
	background-color: #01B88A;
	color: white;
}

/** end leader **/

/** patriarch **/
.left_patriarch {
	top: -180px;
}

.right_patriarch {
	top: -120px;
	background-image: url("../images/bg_body.jpg");
}

#patriarch_tabs {
	border-color: #009D6B;
}

#patriarch_tabs li {
	background: #009D6B;
	margin-left: 1px;
	color: white;
}

#patriarch_tabs li a {
	color: white;
}

#patriarch_tabs li a:HOVER {
	color: black;
}

#patriarch_tabs li.active {
	border-top: 3px solid #009D6B;
	margin-top: -3px;
	font-weight: bold;
	-moz-border-radius: 5px; /* Gecko browsers */
	-webkit-border-radius: 5px; /* Webkit browsers */
	border-radius: 5px; /* W3C syntax */
}

#patriarch_tabs li a {
	padding: 5px 15px;
}

#patriarch_tabs li[class="active"] a {
	color: #009D6B;
}

#patriarch_tabs>li>a:hover,.nav>li>a:focus {
	text-decoration: none;
	background-color: white;
}
/** end patriarch **/

/** teacher **/
#btn-group2>.btn {
	float: none;
}

#btn-group3>.btn {
	float: none;
}

.t_seach {
	width: 30%;
	margin-top: 4px;
	margin-right: 1%;
}

.t_a_button {
	position: relative;
	right: -150px;
	top: -10px;
	padding: 5px 20px;
}

.t_btn-ass {
	color: #2A8D6A;
	background-color: #eeeeee;
	border-color: #cccccc;
}

.t_padding2_8 {
	padding: 2px 8px;
}

.t_btn-ass:hover,.t_btn-ass:focus,.t_btn-ass:active,.t_btn-ass.active,.open .dropdown-toggle.t_btn-ass
	{
	color: white;
	background-color: #333333;
	border-color: #adadad;
}

.t_btn-ass:active,.t_btn-ass.active,.open .dropdown-toggle.t_btn-ass {
	background-image: none;
}

.t_btn-nav {
	color: white;
	/*   background-color: #eeeeee; */
	/*   border-color: #cccccc; */
}

.t_padding_8_20 {
	padding: 8px 20px;
}

.t_btn-nav:hover,.t_btn-nav:focus,.t_btn-nav:active,.t_btn-nav.active,.open .dropdown-toggle.t_btn-nav
	{
	color: white;
	background-color: #167D9B;
	/*   border-color: #adadad; */
}

.t_btn-nav:active,.t_btn-nav.active,.open .dropdown-toggle.t_btn-nav {
	background-image: none;
}
/* 按钮 #009D6B*/
.t_btn-009d6b {
	color: white;
	background-color: #009D6B;
	border-color: #009D6B;
}

.t_btn-009d6b:hover,.t_btn-009d6b:focus,.t_btn-009d6b:active,.t_btn-009d6b.active,.open .dropdown-toggle.t_btn-009d6b
	{
	color: white;
	background-color: #2A8D6A;
	border-color: #2A8D6A;
}

.t_btn-009d6b:active,.t_btn-3009d6b.active,.open .dropdown-toggle.t_btn-009d6b
	{
	background-image: none;
}

/* taskdetail_teacher */
#taskdetail_jh li {
	margin: 0 0.5%;
}

#taskdetail_jh li:FIRST-CHILD {
	padding-left: 5px;
}

#taskdetail_jh li dl dd {
	text-align: center;
}

/* prepare_teacher */
.high_class {
	width: 100%;
	border-bottom: 1px solid #ccc;
	height: 30px;
}

.high_class ul li {
	float: left;
	width: 33%;
	text-align: center;
}

.high_class ul li a {
	text-align: center;
}

.high_class4 {
	width: 100%;
	border-bottom: 1px solid #ccc;
	height: 30px;
}

.high_class4 ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.high_class4 ul li a {
	text-align: center;
}

.juniors_class {
	width: 100%;
}

.juniors_class ul li {
	float: left;
	width: 33%;
	text-align: center;
}

.juniors_class ul li a {
	text-align: center;
}

.juniors_class4 {
	width: 100%;
}

.juniors_class4 ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.juniors_class4 ul li a {
	text-align: center;
}

#prepare_content ul li {
	float: left;
	padding: 0 1%;
	width: 33.333%;
}

#prepare_content ul li dl {
	border: 1px solid #ccc;
	padding: 5px;
}

/* prepare_detail_teacher */
.video {
	height: 400px;
	width: 100%;
}

/* test_center_teacher */
#exampaper_center li dl {
	border: 1px solid #ccc;
	padding: 1px;
}

#exampaper_center li dl dd {
	padding-left: 2%;
}

#exampaper_center li dl dd:FIRST-CHILD {
	padding-top: 10px;
}

/** end teacher **/

/* index */
.new_join_student li {
	float: left;
	padding: 0.95%;
}

/** //end 微学堂 \\**/

/*css圆角**/
.yj {
	-moz-border-radius: 5px; /*仅Firefox支持，实现圆角效果*/
	-webkit-border-radius: 5px; /*仅Safari,Chrome支持，实现圆角效果*/
	-khtml-border-radius: 5px; /*仅Safari,Chrome支持，实现圆角效果*/
	border-radius: 5px; /*仅Opera，Safari,Chrome支持，实现圆角效果*/
}

/** 主首页 **/
.box_back {
	-webkit-box-shadow: 0px 0px 10px 0px #DFF0D8;
	box-shadow: 0px 0px 10px 0px #DFF0D8;
}

.jumbotron {
	margin-top: 0px;
	padding: 0px;
}

.bjdt {
	padding: 5px 10px;
	background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%) repeat
		scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #CDCDCD;
}

.bjdt:HOVER {
	background: #f1f1f1;
	border-left: 4px solid blue;
}

.login {
	padding: 10px 25px 40px 25px;
	border: 1px solid #5C8EA5;
	border-radius: 10px;
	background: none repeat scroll 0 0 rgba(99, 146, 166, 0.6);
	position: absolute;
	z-index: 1;
	top: 120px;
	right: 15%;
	width: 21%;
	color: white;
}

.login h4 {
	margin: 20px 0;
}

.wkt {
	background: url("../images/微课堂.png");
	width: 71px;
	height: 71px;
}

.wkt:HOVER {
	background: url("../images/微课堂1.png");
	width: 71px;
	height: 71px;
}

.wjy {
	background: url("../images/微教研.png");
	width: 71px;
	height: 71px;
}

.wjy:HOVER {
	background: url("../images/微教研1.png");
	width: 71px;
	height: 71px;
}

.dwjs {
	background: url("../images/读万卷书.png");
	width: 71px;
	height: 71px;
}

.dwjs:HOVER {
	background: url("../images/读万卷书1.png");
	width: 71px;
	height: 71px;
}

.xwll {
	background: url("../images/行万里路.png");
	width: 71px;
	height: 71px;
}

.xwll:HOVER {
	background: url("../images/行万里路1.png");
	width: 71px;
	height: 71px;
}

.xskj {
	background: url("../images/学生空间.png");
	width: 71px;
	height: 71px;
}

.xskj:HOVER {
	background: url("../images/学生空间1.png");
	width: 71px;
	height: 71px;
}

.tzgg {
	background: url("../images/框.png") repeat-x;
	top: -27px;
	text-align: center;
	height: 423px;
	color: white;
}

.tzgg_content {
	padding-left: 10px;
}

.tzgg_content p {
	padding: 0 10px;
}

.tzgg h4 {
	margin-top: 15px;
}

.slider {
	height: 180px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

.sliderbox {
	position: relative;
} /*必须加这句css,否则向左右，上下滚动时会没有效果*/
.sliderbox li {
	margin: 0 9px;
	padding: 2px;
	height: 155px;
}

.sliderbox li:HOVER {
	border: 1px solid white;
}

.sliderbox li h4 {
	position: relative;
	top: -40px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	padding: 5px 10px;
	color: white;
	text-align: center;
}

.slider .prev,.slider .next {
	position: absolute;
	top: 40%;
	margin-top: -30px;
	cursor: pointer;
	width: 61px;
	height: 61px;
	left: 0;
	background: url(../images/ft_icons.png) 0 0 no-repeat;
	text-indent: -9999px;
}

.slider .next {
	right: 0;
	left: auto;
	background-position: 0 -61px;
}

.input_post{
	background: url("../images/input_post.png");
	height: 76px;
	width: 77px;
	position:absolute;
	right: 15px;
	top: -10px;
	z-index: 1;
	cursor: pointer;
	text-align: center;
	padding-top: 20px;
}
.input_post span{
	font-weight: bold;
	color: #FFFEFF;
	font-size: 14px;
}

.img:hover{
	opacity: 0.8;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}


.flow-bottle-bg{
	background: url(../images/flow_bottle_bg.png);	
	height:560px;
}

.bottle_toolbar {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
}

.bottle_toolbar .toolbar_wrap {
	width: 476px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.bottle_toolbar a.btnThrow {
	margin-right: 18px;
	background-position: 0 -93px;
	width: 122px;
	height: 46px;
}

.bottle_toolbar a.btnBottle, .bottle_toolbar a.btnThrow, .bottle_toolbar a.btnGet {
	position: relative;
	height: 46px;
	display: block;
	cursor: pointer;
	float: left;
}

.bottle_toolbar a.btnThrow .numBg {
left: 35px;
}
.numBg {
background: #06a6b8;
}
.numBg {
	position: relative;
	left: 28px;
	top: -1px;
	height: 20px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	-webkit-border-radius: 18px;
	-ms-border-radius: 18px;
	border-radius: 18px;
	height: 15px\9;
	float: left;
	padding: 0 2px;
}

/* Date Time Style */
.date-time { float: left; text-align: center; width: 68px; }
.date-time time{
float: left;
width: 100%;
}
.date-time time span{
background-color: #f37735 !important;
}
.date-time time span { color: #fff; display: inline-block; font-size: 12px; padding: 20px 0 20px; text-transform: uppercase; width: 100%; }
.date-time time span strong { color: #fff; display: block; font-size: 30px; font-weight: 700; line-height: 24px; text-align: center; }
.date-time time small { background-color: #dbdbdb; color: #fff; display: block; font-size: 12px; padding: 5px 0; }


.bdshare-slide-list {
overflow: auto;
overflow-x: hidden;
padding: 5px 0;
margin: 0;
overflow: auto;
overflow-x: hidden;
_zoom: 1;
}

.bdshare-slide-list-ul {
padding: 0;
margin: 0;
border: 0;
list-style: none;
}

.bdshare-slide-list li {
float: left;
padding: 2px;
margin-left: 6px;
_margin-left: 3px;
height: 28px;
overflow: hidden;
list-style: none;
}

.bdshare-slide-list a, .bdshare-slide-bottom a {
color: #565656;
font: 12px '宋体';
display: block;
background-image: url(../images/icons_0_16.png?v=d754dcc0.png);
background-repeat: no-repeat;
padding: 5px 0 5px 28px;
text-decoration: none;
line-height: 18px;
}

.bdshare-slide-list a:hover, .bdshare-slide-list a:focus {
color: #ec774b;
background-color: transparent;
}

.slide-weixin {
background-position: 4px -1607px;
}

.popup_sqq {
background-position: 4px -2647px;
}

.qrcode_panel {
position: absolute;
top: 50px;
right: 20px;
background-color: #fff;
padding: 16px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-align: center;
color: #717375;
font-size: 13px;
}

.qrcode_panel img {
width: 120px;
}

dt {
display: block;
}

dd {
display: block;
#-webkit-margin-start: 40px;
}

dl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

.daycourse{
	margin-top:10px;
	background:#333333;
	color:#ffffff;
	line-height:30px;
	width:300px;
}

.daycourse p{
	margin: 0px;
}

#dropzone {
	padding: 2px;
	min-height: 150px;
	z-index: 0;
	border:1px solid #ec774b;
}

.new-ribbon {
    position: absolute;
    height: 51px;
    width: 51px;
    top: 10;
    right: 10;
}