@charset "utf-8";

/* css document */

/*左边*/
.main-lf {
	float: left;
	width: 880px;
	margin-top: 10px;
}

/*右边*/
.main-rt {
	float: right;
	width: 310px;
	margin-top: 10px;
}

/*我的主页左边*/
.home-main-lf {
	width: 310px;
	float: left;
	margin-top: 10px;
}

/*个人简介*/
.home-main-lf .synopsis {
	float: left;
	background: #fff;
	height: auto;
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 2px;
}

.home-main-lf .synopsis .title samp {
	float: right;
	line-height: 38px;
	padding-right: 15px;
	font-size: 15px;
	color: #1e97a4;
}

.home-main-lf .synopsis .title samp:hover {
	cursor: pointer;
	text-decoration: underline;
}

.home-main-lf .synopsis .no-synopsis {
	width: 100%;
	float: left;
	margin: 30px 0 30px 0;
}

.home-main-lf .synopsis .no-synopsis p {
	text-align: center;
	font-size: 16px;
	color: #999;
}

.home-main-lf .synopsis .synopsis-main {
	float: left;
	padding: 15px;
}

.home-main-lf .synopsis .synopsis-main pre {
	float: left;
	color: #222;
	font-size: 14px;
	line-height: 22px;
	white-space: pre-wrap;
	text-indent: 20px;
	word-break: break-all;
}

.home-main-lf .synopsis .synopsis-main a {
	color: #ff4200;
}

.home-main-lf .synopsis .synopsis-main a:hover {
	text-decoration: underline;
}


/*个人统计*/
.home-main-lf .count {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 2px;
	margin-bottom: 10px;
}

.home-main-lf .count .title dl {
	float: right;
	margin-right: 8px;
}

.home-main-lf .count .title dl dd {
	float: left;
	line-height: 38px;
	margin-top: 10px;
}

.home-main-lf .count .title dl dd a {
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #1e97a4;
	display: block;
	padding: 0 5px;
	background: none;
	border-radius: 3px;
	margin-right: 0;
}

.home-main-lf .count .title dl dd a:hover {
	cursor: pointer;
}

.home-main-lf .count .title dl dd a.active {
	background: #38c4d1;
	color: #fff;
}

.home-main-lf .count .title dl dd a.active:hover {
	text-decoration: none;
}

.home-main-lf .count .title dl dd.line {
	width: 1px;
	height: 15px;
	background: #ccc;
	margin: 12px 7px 0 7px;
}

.home-main-lf .count .count-main {
	width: 280px;
	height: auto;
	margin: 0 auto;
}

/*资源统计*/
.charts {
	width: 100%;
	float: left;
	height: 250px;
	margin-top:20px;
}
.count-main .type-zs{
	width: 100%;
	float: left;
	/*margin-top:-80px;*/
}
.count-main .type-zs li{
	width: 93px;
	float: left;
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
}
.count-main .type-zs li b {
	width: 14px;
	height: 14px;
	border-radius: 2px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
.count-main .type-zs li.res-zip {
	width: 100px;
}
.charts-type {
	width: 280px;
	height: auto;
	margin: 0 auto;
}

.charts-type ul {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}

.charts-type ul li {
	width: 93px;
	float: left;
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
}

/*内容统计*/
.bar-charts {
	width: 100%;
	float: left;
	height: 362px;
	border-bottom: 1px dashed #ccc;
}

.bar-charts .bar-charts-main {
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 10px;
}

.bar-charts .bar-charts-main img {
	margin: 0 auto;
	display: block;
}

/*资源总量*/
.count-num {
	width: 100%;
	float: left;
}

.count-num p {
	font-size: 15px;
	float: left;
	color: #666;
	line-height: 45px;
}

.count-num p b {
	font-size: 20px;
	color: #ff2400;
	font-family: arial;
	font-weight: normal;
	padding-left: 10px;
}
.type{
	float: left;
	width: 100%;
	border-top:1px dashed #ccc;
	padding:10px 0;
	margin-top: 10px;
}
.type dd{
	float: left;
	width: 100%;
	line-height: 30px;
}
.type h5{
	float: left;
	color: #666;
	font-size: 14px;
}
.type b{
	float: right;
	color: #666;
	font-size: 14px;
	font-family: arial;
}
/*最新访客*/
.home-main-lf .visitor {
	float: left;
	background: #fff;
	max-height: 484px;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 2px;
	margin-bottom: 10px;
}

.home-main-lf .visitor .visitor-main {
	width: 280px;
	height: auto;
	margin: 0 auto;
}

.home-main-lf .visitor .visitor-main .visitor-list {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #ccc;
	margin-top: 12px;
	max-height: 380px;
	overflow: hidden;
}

.home-main-lf .visitor .visitor-main .visitor-list ul {
	float: left;
	margin-left: -22px;
}

.home-main-lf .visitor .visitor-main .visitor-list ul li {
	width: 52px;
	height: 75px;
	float: left;
	margin-bottom: 20px;
	margin-left: 22px;
}

.home-main-lf .visitor .visitor-main .visitor-list ul li img {
	width: 52px;
	height: 52px;
	margin: 0 auto;
	display: block;
	border-radius: 100%;
	margin-bottom: 10px;
}

.home-main-lf .visitor .visitor-main .visitor-list ul li p {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-family: simsun;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-main-lf .visitor .visitor-main .visitor-list ul li p a {
	font-size: 12px;
	font-family: simsun;
	color: #333;
}

.home-main-lf .visitor .visitor-main .visitor-list ul li p a:hover {
	color: #ff2400;
	text-decoration: underline;
}

/*我的主页右边*/
.home-main-rt {
	width: 880px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

/*最新动态*/
.home-main-rt .title {
	border: 1px solid #b3e8f1;
	border-radius: 2px;
	margin-bottom: 10px;
}
.home-main-rt .title dl{
	float: right;
	margin: 6.5px 8px 0 0;
}
.home-main-rt .title dl dd{
	float: left;
	width: auto;
	height:25px;
	color: #1a5863;
	font-size: 14px;
	padding:0 15px;
	line-height: 25px;
	cursor: pointer;
	margin-left:8px;
}
.home-main-rt .title dl dd:hover{
	background: #38c4d1;
	color: #fff;
	border-radius: 12.5px;
}
.home-main-rt .title dl dd.active{
	background: #38c4d1;
	color: #fff;
	border-radius: 12.5px;
}

.home-main-rt .new {
	float: left;
	height: auto;
	width: 100%;
	border-radius: 2px;
}

.home-main-rt .new ul {
	float: left;
	width: 100%;
}

.home-main-rt .new ul li {
	float: left;
	width: 100%;
	border: 1px solid #d8d8d8;
	margin-bottom: 10px;
	border-radius: 2px;
	background: #fff;
}
.home-main-rt .new ul li.article {
	min-height: 129px;
}
.home-main-rt .new ul li.plan {
	min-height: 153px;
}
.home-main-rt .new ul li.resource {
	min-height: 177px;
}
.home-main-rt .new ul li.live {
	min-height: 318px;
}
.home-main-rt .new ul li.activity {
	min-height: 308px;
}

.home-main-rt .new ul li img {
	float: left;
	margin: 15px 0 0 15px;
	width: 53px;
	height: 53px;
}
.home-main-rt .new ul li img.head-img {
	border-radius: 100%;
}

.home-main-rt .new ul li .new-lf {
	float: left;
	margin-left: 10px;
	width: 787px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.home-main-rt .new ul li .new-lf img {
	margin: 6px 0 0 3px;
}

.home-main-rt .new ul li .new-lf h1 {
	float: left;
	width: 100%;
	margin-bottom: 13px;
}

.home-main-rt .new ul li .new-lf h1 span {
	float: left;
	color: #222;
	font-size: 14px;
	margin-right: 5px;
}

.home-main-rt .new ul li .new-lf h1 p {
	color: #666;
	font-size: 14px;
	float: left;
}

.home-main-rt .new ul li .new-lf h1 i {
	float: left;
	width: 18px;
	height: 18px;
	margin: 1px 5px 0 10px;
}

.home-main-rt .new ul li .new-lf h1 a {
	width: 495px;
	float: left;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-main-rt .new ul li .new-lf h1 a:hover {
	color: #ff4200;
	text-decoration: underline;
}

.home-main-rt .new ul li .new-lf h1 em {
	float: right;
	font-style: normal;
	color: #666;
	font-size: 15px;
	font-family: arial;
}

.home-main-rt .new ul li .new-lf>p {
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
}


.home-main-rt .new ul li .new-lf>p a {
	color: #ff2400;
}

.home-main-rt .new ul li .new-lf ul {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
}

.home-main-rt .new ul li .new-lf ul li {
	float: left;
	border: 0;
	width: auto;
	padding: 0;
	margin: 0;
	color: #222;
	font-size: 14px;
}

.home-main-rt .new ul li .new-lf ul li.line {
	width: 1px;
	height: 14px;
	background: #ccc;
	margin: 4px 10px 0;
}

.home-main-rt .new ul li .new-lf .sp-lf {
	float: left;
	width: 100%;
}

.home-main-rt .new ul li .new-lf .sp-lf img {
	float: left;
	width: 102px;
	height: 102px;
}

.home-main-rt .new ul li .new-lf .sp-lf .mask {
	float: left;
	width: 102px;
	height: 102px;
	background: url(../../image/teacher/mask.png) repeat;
	position: relative;
	margin-left: -102px;
	margin-top: 6px;
}

.home-main-rt .new ul li .new-lf .sp-lf .mask img {
	margin: 0 auto;
	display: block;
	float: none;
	margin-top: 27px;
	width: 46px;
	height: 46px;
}

.home-main-rt .new ul li .new-lf .sp-lf p {
	word-break:break-all;
	float: left;
	margin-left: 10px;
	color: #666;
	font-size: 14px;
	width: 655px;
	line-height: 23px;
}

.home-main-rt .new ul li .new-lf .sp-lf ul {
	float: left;
	width: 80%;
	margin: 12px 0 0 10px;
}

.home-main-rt .new ul li .new-lf .sp-lf ul li.line {
	margin: 4px 15px 0;
}

.home-main-rt .new ul li .new-lf .sp-lf dl {
	float: left;
	margin: 12px 0 0 10px;
}

.home-main-rt .new ul li .new-lf .sp-lf dl dd {
	float: left;
	color: #666;
	font-size: 14px;
	font-family: arial;
	margin-right: 35px;
}

.home-main-rt .new ul li .new-lf>img {
	margin-top: 8px;
}

.home-main-rt .new ul li.activity .new-lf>img {
	margin-top: 8px;
	width: 200px;
	height: 130px;
}

.home-main-rt .new ul li.live .new-lf>img {
	margin-top: 8px;
	width: 265px;
	height: 148px;
}

.home-main-rt .new ul li .new-lf .activity {
	float: left;
}

.home-main-rt .new ul li .new-lf .activity li {
	float: left;
	width: 100%;
}

.home-main-rt .new ul li .new-lf .activity li samp {
	color: #666;
	float: left;
	font-size: 14px;
	line-height: 24px;
}

.home-main-rt .new ul li .new-lf .activity li span {
	color: #333;
	line-height: 24px;
}

.home-main-rt .new ul li .new-lf .activity li span a {
	color: #ff2400;
}

.home-main-rt .new ul li .new-lf .activity li span a:hover {
	text-decoration: underline;
}

/*加载更多*/
.home-main-rt .more.no-more a {
	color: #666 !important;
	cursor: text;
}
.home-main-rt .more.no-more {
	cursor: default !important;
}
.home-main-rt .more {
	float: left;
	background: #fff;
	height: 50px;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	line-height: 50px;
	border-radius: 2px;
}
.home-main-rt .more img {
	margin-top: 9px;
}

.home-main-rt .more a {
	color: #666;
	font-size: 16px;
	display: inline-block;
}

.home-main-rt .more a em {
	float: right;
	width: 12px;
	height: 7px;
	background: url(../../image/teacher/page-icon.png) -80px 0px no-repeat;
	margin: 23px 0 0 8px;
}

.home-main-rt .more a:hover {
	color: #ff7632;
}

.home-main-rt .more a:hover em {
	background: url(../../image/teacher/page-icon.png) -80px -40px no-repeat;
}

.home-main-rt .more:hover {
	cursor: pointer;
	background: #fff;
}

.home-main-rt .more:hover a {
	color: #ff7632;
}

.home-main-rt .more:hover a em {
	background: url(../../image/teacher/page-icon.png) -80px -40px no-repeat;
}


.no-article {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 135px;
}

.no-article img {
	margin: 0 auto;
	display: block;
}

.no-article p {
	text-align: center;
	font-size: 16px;
	color: #999;
	padding-top: 15px;
}






/*个人简介弹窗*/
.tc-edit-intro {
	width: 715px;
	height: 547px;
	border-radius: 5px;
	background: #fff;
	display: none;
}

.tc-edit-intro .main-title {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #b7d3f3;
	background: #f2f8ff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tc-edit-intro .main-title h3 {
	line-height: 45px;
	font-size: 16px;
	color: #333;
	float: left;
	text-indent: 20px;
}

.tc-edit-intro .main-title i.close {
	width: 14px;
	height: 14px;
	float: right;
	background: url(../../image/teacher/tc-close-icon.png) -10px -10px
		no-repeat;
	margin-top: 15px;
	margin-right: 20px;
}

.tc-edit-intro .main-title i.close:hover {
	background: url(../../image/teacher/tc-close-icon.png) -10px -60px
		no-repeat;
	cursor: pointer;
}

.tc-edit-intro .main {
	width: 100%;
	float: left;
}

.tc-edit-intro .main .textarea {
	width: 647px;
	height: auto;
	margin: 0 auto;
	margin-top: 10px;
}

.tc-edit-intro .main .textarea .homepage-title {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.tc-edit-intro .main .textarea .homepage-title samp {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #72727f;
	padding-bottom: 5px;
}

.tc-edit-intro .main .textarea .homepage-title input {
	width: 100%;
	height: 33px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	line-height: 33px;
	text-indent: 10px;
	color: #a4a4a4;
}

.tc-edit-intro .main .textarea .textarea-main {
	width: 100%;
	float: left;
}

.tc-edit-intro .main .textarea .textarea-main p {
	float: right;
	font-size: 14px;
	color: #333;
	font-family: arial;
}

.tc-edit-intro .main .textarea .textarea-main p span {
	color: #ff2400;
}

.tc-edit-intro .main .textarea .textarea-main samp {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #72727f;
	padding-bottom: 10px;
}

.tc-edit-intro .main .textarea .textarea-main textarea {
	width: 625px;
	height: 253px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding: 10px;
	margin-bottom: 5px;
	resize: none;
	overflow-y: auto;
}

.tc-edit-intro .main .btn {
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 40px;
	margin-top: 15px;
}

.tc-edit-intro .main .btn button {
	width: 128px;
	height: 33px;
	font-size: 14px;
	line-height: 33px;
	border: 1px solid #00c177;
	background: #fff;
	color: #00c177;
	border-radius: 3px;
}

.tc-edit-intro .main .btn button.left-button {
	background: #00c177;
	color: #fff;
	margin-right: 15px;
}

.tc-edit-intro .main .btn button:hover {
	background: #00b771;
	color: #fff;
}

/*个人简介详情弹窗*/
.tc-intro-details {
	width: 715px;
	height: 470px;
	border-radius: 5px;
	background: #fff;
	display: none;
}

.tc-intro-details .main-title {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #b7d3f3;
	background: #f2f8ff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tc-intro-details .main-title h3 {
	line-height: 45px;
	font-size: 16px;
	color: #333;
	float: left;
	text-indent: 20px;
}

.tc-intro-details .main-title i.close {
	width: 14px;
	height: 14px;
	float: right;
	background: url(../../image/teacher/tc-close-icon.png) -10px -10px
		no-repeat;
	margin-top: 15px;
	margin-right: 20px;
}

.tc-intro-details .main-title i.close:hover {
	background: url(../../image/teacher/tc-close-icon.png) -10px -60px
		no-repeat;
	cursor: pointer;
}

.tc-intro-details .main {
	width: 100%;
	float: left;
}

.tc-intro-details .main .details {
	width: 652px;
	max-height: 366px;
	overflow-y: auto;
	margin: 0 auto;
	margin-top: 28px;
}

.tc-intro-details .main .details pre {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-indent: 28px;
	white-space: pre-wrap;
	word-break: break-all;
}

/*无最新动态*/
.home-main-rt .no-news {
	width: 100%;
	height: auto;
	float: left;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #d8d8d8;
}

.home-main-rt .no-news img {
	margin: 0 auto;
	display: block;
	margin-top: 60px;
}

.home-main-rt .no-news p {
	text-align: center;
	font-size: 16px;
	color: #999;
	margin-top: 10px;
	margin-bottom: 80px;
}

/*最新资源*/

.home-main-lf .new-resource {
	width: 100%;
	height: auto;
	border: 1px solid #d8d8d8;
	background: #fff;
	float: left;
	margin-bottom: 10px;
	border-radius: 2px;
}

.home-main-lf .new-resource .new-resource-list {
	width: 100%;
	float: left;
}

.home-main-lf .new-resource .new-resource-list ul {
	width: 280px;
	height: auto;
	margin: 0 auto;
}

.home-main-lf .new-resource .new-resource-list ul li {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #ccc;
}

.home-main-lf .new-resource .new-resource-list ul li:last-child {
	border: none;
}

.home-main-lf .new-resource .new-resource-list ul li i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}

.home-main-lf .new-resource .new-resource-list ul li a {
	width: auto;
	max-width: 256px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 15px;
	font-weight: bold;
	padding-top: 12px;
	float: left;
}

.home-main-lf .new-resource .new-resource-list ul li a:hover {
	color: #ff4200;
	text-decoration: underline;
}

.home-main-lf .new-resource .new-resource-list ul li dl {
	width: 265px;
	float: left;
	margin: 8px 0 15px 23px;
}

.home-main-lf .new-resource .new-resource-list ul li dl dd {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 15px;
}

.home-main-lf .new-resource .new-resource-list ul li dl dd.line {
	width: 1px;
	height: 15px;
	background: #666;
	margin: 0 10px 0 10px;
}

div.load {
	float: left;
	width: 100%;
	height: 100px;
}
div.load img {
	float: left;
	margin-left: 139px;
	margin-top: 30px;
}

.studio-skin {
	position: fixed;
	display: block;
	left: 50%;
	margin-top: 185px;
	margin-left: 610px;
	border-radius: 3px;
}