/* ----- reset style start------ */
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

body {
	font-family: "Microsoft Yahei";
	height:100%;
}

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

ul,ol {
	list-style: none;
}

a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}

/*  a:link {color:black;} a {color:black;} */

.clear
{
	clear:both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,th,caption {
	font-weight: normal;
	text-align: left;
}

/* .bc {
	width: 100%;
	height: 100%;
	background-image: url(../images/xuejun.png);
	background-size: cover;
	background-color: #fff;
} */

/* a,a:visited,a:hover {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
} */

/* @media only screen and (min-width: 320px) {
	html {
		font-size: 62.5% !important;
	}
}

@media only screen and (min-width: 640px) {
	html {
		font-size: 125% !important;
	}
}

@media only screen and (min-width: 750px) {
	html {
		font-size: 150% !important;
	}
}

@media only screen and (min-width: 1242px) {
	html {
		font-size: 187.5% !important;
	}
}
 */
.mar-0,.pad-0 {
	margin: 0;
	padding: 0;
}

.blue {
	background: #2eccf5 !important;
}
.inline-block {
	display: inline-block;
}

/* .relative {
	position: relative
}
 */
/* .absolute {
	position: absolute;
} */

.left
{
	float:left;
}

.right
{
	float:right;
}



/* ----- reset style end------ */
/* .explain
{
	height:1.4rem;
	line-height:1.4rem;
	bottom:-0.4rem;
	right:0;
}

.explain div.version p
{
	width: 2rem;
    text-align: center;
}

.explain div p,.explain>span
{
	color:#eee;
	cursor:pointer;
}

.explain div>span
{
	position: absolute;
	display:none;
    top: 1.5rem;
    right: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0px 2px 6px 1px #aaa;
    padding: 0.3rem 0.5rem;
    max-height:10rem;
    width:7.5rem;
}

.explain div>span:before
{
	content: "";
    width: 0;
    height: 0;
    border: 0.5rem solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    display: inline-block;
    top: -0.9rem;
    z-index: 110;
}

.infoItem
{
	height:0.8rem;
	line-height:0.8rem;
	display:block;
}

.explain div.manyInfo>span:before
{
	 left:1.2rem;
}

.explain div.manyInfo>span span
{
	display:inline-block;
	width:3rem;
}

.explain div.manyInfo>span span.android
{
	float:right;
}

.explain div.manyInfo>span span img
{
	width:100%;
}

.explain div.manyInfo>span .txt
{
	display:block;
	text-align:center;
	font-size: 0.4rem;
    line-height: 1rem;
}

.explain div.version>span:before
{
	 left:3.2rem;
}

.explain div.cardRecord>span:before
{
	 left:5.3rem;
}

.explain div>span>span
{
	color:red;
}

.navbar
{
	border-radius:0 !important;
	margin-bottom:0.13rem !important;
} */

/* .bc nav {
	height: 20%;
	min-height:3rem;
	min-width:40rem;
	background: url(../images/school1.jpg) 0 0 no-repeat #2eccf5;
	background-position:center;
	
}
 */
/* .bc nav>div:nth-child(1) {
	height: 70%;
	background-color: #2eccf5;

}

.nav { 
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.nav .naviterm {
	max-width: 1200px;
	margin: 0 auto;
}

.nav .naviterm>div {
	height: 2rem;
	line-height: 2rem;
}

.nav .naviterm .logo img {
	height: 2rem;
	width: 2rem;
	margin-left: 0.5rem;
}

.nav .naviterm .logo div
{
	vertical-align:middle;
	margin-left: 0.2rem;
}

.nav .naviterm .logo div h4 {
	font-size: 0.7rem;
	margin-bottom:0.1rem;
	color:#fff;
}

.nav .naviterm .logo div h5
{
	font-size: 0.55rem;
	color:#fff;
}

.nav .naviterm .logo div p
{
	font-size:0.5rem;
	height:1rem;
}

.nav .naviterm>div:nth-child(2)>div {
	height: 2rem;
	text-align: center;
}

.nav .naviterm>div:nth-child(2)>div select {
	width: 95%;
	padding: 0.05rem 0.15rem;
}

.useNavbar
{
	width:100%;
	height:35px;
	background-color:#fff;
	bottom:0rem;
	border-bottom:1px solid #aaa;
}

.useNavbar .login
{
	height:100%;
	top:0;
	line-height:35px;
	width:10%;
	right:0;
}

.useNavbar .login a
{
	color:blue;
}

.useNavbar .Navbar
{
	width:26rem;
	margin:0 auto;
}

.useNavbar .Navbar a
{
	width:24.5%;
	display:inline-block;
	height:0.6rem;
	line-height:0.6rem;
	margin-top:0.25rem;
	border-right:0.03rem solid #aaa;
	text-align:center;
}

.useNavbar .Navbar .hover:hover
{
	color:red !important;
}

.on
{
	color:red;
}

.useNavbar .Navbar a:last-child
{
	border-right:0 !important;
}

 */
/* ----- index.html course ------- */
/* .contentBox {
	height: 77%;
} */

/* .course {
	max-width: 1200px;
	min-width:1000px;
	margin: 0rem auto;
	overflow: hidden;
	height: 100%;
} */
/*----- 水平文字滚动  ----- */
/* #scrollInfo
{
	width:50%;
	margin-left: 0.4rem;	
	overflow:hidden;
}

#scrollInfo #scrollBox
{
	width:300rem;
	height:1.3rem;
}

#scrollInfo #scrollBox div
{
	float:left;
}

#scrollInfo #scrollBox ul
{
	float:left;
	height:1.3rem;
	overflow:hidden;
	zoom:1;
}

#scrollInfo #scrollBox ul li
{
	float:left;
	font-size:0.45rem;
	margin-right:0.5rem;
	color:#666;
	line-height:1.2rem;
}

#scrollInfo #scrollBox ul li span
{
	color:#f2851e;
} */

/* .courseHead {
	height: 1.3rem;
	margin-top: 0.3rem;
	margin-left: 0.5rem;
	margin-right:0.9rem;
	border-bottom: 0.1rem solid #2eccf5;
	background-color: #fff;
	padding-left: 0.4rem;
	line-height: 1.3rem;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
} */

/* .courseHead h4
{
	font-size:0.5rem;
}

.courseHead>div {
	height: 70%;
}

.courseItembox
{
	padding-left:0.5rem;
}
		
.course>div  div.courseItem {
	display: inline-block;
	background-color: #888;
	height: 3.7rem;
	width: 22%;
	margin-top: 0.3rem;
	margin-right: 0.85rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.course>div  div.courseItem img {
	width: 100%;
	height: 3.8rem;
}

.course>div  div.courseItem .course-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 50;
}

.course>div  div.courseItem .course-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.course>div  div.courseItem .course-title .subject {
	font-size: 0.4rem;
	margin-left: 0.4rem;
	margin-bottom: 0.15rem;
	margin-top: 0.25rem;
	padding: 0.05rem 0.2rem;
	background-color: #f2851e;
	color: #fff;
}

.course>div  div.courseItem .course-title h4 {
	font-size: 0.46rem;
	width: 65%;
	border-top: 0.03rem solid #fff;
	padding-top: 0.3rem;
	color: #eee;
	margin-left: 0.4rem;
	margin-bottom: 0.6rem;
	word-wrap:break-word;
	
}

.course>div  div.courseItem .course-title .teacher {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 0.6rem;
	bottom: 0;
}

.course>div  div.courseItem .course-title .teacher span {
	color: #fff;
	display: inline-block;
	font-size:0.4rem;
}

.course>div  div.courseItem .course-title .teacher span:nth-child(1) {
	height: 0.5rem;
	width: 0.5rem;
	background: url(../images/teacherIcon.png) 0 0 no-repeat;
	background-size: 0.5rem 0.5rem;
	vertical-align: middle;
	margin-left: 0.4rem;
}

.course>div  div.courseItem .course-title .teacher span.score {
	color: #f2851e;
	font-size: 0.6rem;
	margin-right: 0.4rem;
}

.course .rank-list{
	background-color: #292929;
	margin-top: 0.3rem;
	color: #ccc;
	height: 100%;
	padding-top:0.3rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.course .rank-list div h4 {
	color: #ccc;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	margin-bottom: 0.15rem;
	font-size:0.55rem;
}

#topDiv
{
	height:65%;
} */

/* .course .rank-list div .list-item {
	
	background-color: #393939;
	margin-bottom: 0.2rem;
	
	height:6.8%;
	
}

@-moz-document url-prefix() {
   .course .rank-list div .list-item
    {
    	height:6.6%;
    }
}

.course .rank-list div .list-item:hover {
	background-color: #303030;
}

.course .rank-list div .list-item a {
	width: 80%;
	color: #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.4rem;
}

.course .rank-list div .list-item span.num {
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	color: #fff;
	background-color: #888;
	text-align: center;
	margin-right: 0.3rem;
}

.course .rank-list div .list-item span.score {
	color: #f2851e;
} */

/* no-data css */
/* .no-data {
	width: 100%;
	height: 5rem;
	background-color: #fff;
} */

/* ----  play.html   ------*/
/* .playVideo
{
	height:76%;
}

.playVideo>div
{
	height:100%;
}

.playbox {
	max-width: 1200px;
	min-width: 1000px;
	max-height: 21rem;
	height:100%;
	margin: 0.5rem auto 0;
}

.playbox>div {
	height: 95%;
	overflow: hidden;
}

.playLeft {
	height: 100%;
	background-color: #292929;
}

.playLeft .playerTop {
	height: 83%;
	width: 100%;
}

.playLeft .playerTop video {
	max-height: 100%;
}

.playLeft .playerBottom {
	width: 100%;
	bottom: 0;
	left: 0;
	height: 17%;
	background: #393939;
	padding: 0.5rem;
	color: #fff;
}

.playLeft .playerBottom a {
	color: #2eccf5;
	margin-bottom: 0.35rem;
}

.playLeft .playerBottom a:hover {
	color: #f2851e;
}

.playLeft .playerBottom>p>span {
	color: #fff;
	padding: 0.1rem 0.2rem;
	margin-right: 0.3rem;
	color: #7ed14e;
	border: 0.06rem solid #7ed14e;
	border-radius: 0.17rem;
}

.playLeft .playerBottom .setTime {
	color: #aaa;
	margin-left: 0.8rem;
}

.playLeft .playerBottom .mark {
	width: 10rem;
	bottom: 17%;
	right: 0.7rem;
}

.playLeft .playerBottom .mark .markScore {
	height: 0.83rem;
	line-height: 0.83rem;
	margin-right: 0.3rem;
}

.playRight {
	width: 112%;
	height: 100%;
	background-color: #292929;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

.playRight h4 {
	color: #f2851e;
	font-size: 0.53rem;
	font-weight: 500;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	border-bottom: 0.03rem solid #666;
}

.playRight .playItem {
	height: 1.7rem;
	width: 100%;
	padding: 0.15rem 0rem 0rem; */
	/*font-size: 0.4rem;*/
	/* background-color: #393939;
	margin-top: 0.2rem;
}

.playRight .playItem a {
	width: 100%;
}

.playRight .playItem:hover{
	background-color: #303030;
}

.playing
{
	background-color: #303030 !important;
	border:0.03rem solid #7ed14e;
}

.playRight .playItem .playIcon {
	width: 1rem;
	height: 1rem;
	background: url(../images/playIcon.png) 0 0 no-repeat;
	background-size: 1rem 1rem;
	margin-right: 0.2rem;
	margin-left: 0.2rem;
}

.playRight .playItem div {
	color: #ccc;
	width: 70%;
}

.playRight .playItem div .playTitle {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0.1rem;
}

.playRight .playItem div .playTeacher {
	font-size: 0.38rem;
}

.playRight .playItem div .playTeacher span {
	width: 0.54rem;
	height: 0.54rem;
	vertical-align: middle;
	margin-right: 0.15rem;
	background: url(../images/createIcon3.png) 0.02rem 0.02rem no-repeat;
	background-size: 0.5rem 0.5rem;
}
 */
/*-----  onlineCourse.html  ------*/
/* .onlineCourse {
	max-width: 1200px;
	margin: 0 auto;
	height: 76%;
	overflow: hidden;
}

.onlineCourse .classroomBox
{
	height:100%;
}

.onlineCourse .classroom {
	height: 100%;
	padding-left: 2.5rem;
	padding-bottom:0.3rem;
	text-align:center;
	background-color:#eee;
	margin-right: 1.4rem;
    margin-left: 1rem;
}

.onlineCourse .classroom .classroomItem {
	width: 24.2%;
	height: 6rem;
	margin-right: 2.5rem;
	margin-top: 0.4rem;
}

.onlineCourse .classroom .classroomItem .classvideo {
	width: 90%;
	height: 100%;
	background-color: #292929;
	overflow: hidden;
}

.onlineCourse .classroom .classroomItem .classroomName {
	top: 0;
	right: 0;
	width: 10%;
	font-size: 0.45rem;
	color: #fff;
	padding: 0.1rem;
	text-align: center;
	background-color: #f2851e;
} */

/*-------- publicList.html --------*/
/* .publicItembox {
	width: 18%;
	height: 40%;
	margin-right: 0.5rem;
}

.publicItem {
	width: 100%;
	height: 5.73rem;
	height: 100%;
	background-color: #fff;
	margin-left: 0.5rem;
	overflow: hidden;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
	margin-top: 0.7rem;
	box-sizing: border-box;
}

.publicItem:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
}

.publicItem>img {
	width: 100%;
	height: 4.5rem;
	transition:all 0.6s;
	cursor:pointer;
}

.publicItem:hover>img
{
	transform:scale(1.3);
}

.publicItem .publicItem-intro {
	width: 100%;
	padding: 0.2rem 0.6rem 0.3rem 0.3rem;
	top: 40%;
	left: 0;
	transition: top 0.5s;
	height: 4.8rem;
	background-color:#fff;
}

.publicItem .publicItem-intro p
{
	display:inline-block;
}
 */
/* .publicItem:hover .publicItem-intro {
	top: 20%;
} */

/* .publicItem .publicItem-intro h4 {
	font-size: 0.46rem;
	line-height: 0.6rem;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.publicItem .publicItem-intro p,.publicItem .publicItem-bottom span {
	font-size: 0.35rem;
	color: #aaa;
}

.publicItem .publicItem-intro .classroomNum {
	margin-top: 0.2rem;
	margin-bottom: 0.1rem;
}

.publicItem .publicItem-bottom {
	z-index: 100;
	background-color: #fff;
	bottom: 0;
	padding: 0.1rem 0.3rem 0.2rem 0.3rem;
	width: 100%;
}

.publicItem .publicItem-bottom span i {
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/timeIcon.png) 0 0 no-repeat;
	background-size: 0.5rem 0.5rem;
	vertical-align: middle;
	margin-right: 0.15rem;
}

.publicItem .publicItem-bottom .btn {
	font-size: 0.4rem;
	width: 2.34rem;
	padding: 0.15rem 0.2rem;
	background-color: #7ed14e;
	border: none;
	color: #fff;
	border-radius: 0.1rem;
}

.publicItem .publicItem-bottom input:hover {
	background-color: #42b201;
}
 */
/*------  personalCenter.html  --------*/
/* .personalCenter
{
	height:76%;
} */


/* .personalbox {
	max-width: 1200px;
	min-width:1000px;
	margin: 0.3rem auto;
	background-color: #fff;
	border: 0.03rem solid #aaa;
	height:98%;
} */

/* .personalhead {
	width: 100%;
	height: 9%;
	max-height: 2rem;
	background-color: #aaa;
	display: table;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.personalhead span,.personalhead .headright {
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	color: #fff;
}

.personalhead .headright {
	text-align: right;
}

.personalhead .headright a {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	height: 1rem;
	line-height: 1rem;
}

.personalhead .headright .applyLive {
	background-color: #636363;
	color: #fff;
	border-radius: 0.2rem;
}

.personalhead .headright .modify-password:hover {
	background-color: #888;
}
 */
.modifyItem {
	width: 370px;
	margin: 80px auto;
	background-color: #eee;
	padding: 30px;
	display: none;
}

.modifyItem div {
	height: 30px;
    line-height: 30px;
    margin-top: 15px;
}

.modifyItem div label {
	/* font-size: 0.5rem; */
	font-weight: 500;
	margin-right: 15px;
}

.modifyItem div input {
	width: 200px;
	border: 1px solid #636363;
	padding: 0px 5px;
}

.modifyItem #userPassForm>input {
	background-color: #2eccf5;
    width: 150px;
    padding: 10px 0;
    margin-left: 80px;
    margin-top: 30px;
    color: #fff;
}

.personalEditArea {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	width: 100%;
	height: 1.1rem;

	/*display: table;
				padding-left: 0.5rem;
				padding-right: 0.5rem;*/
}

.personalEditArea a {
	padding: 0rem 0.3rem;
	text-align: center;
	line-height: 1.1rem;
	color: #fff;
}

.personalEditArea .right a {
	margin-right: 0.5rem;
}

.personalEditArea .right a span {
	width: 0.6rem;
	height: 0.6rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3rem;
}

.personalEditArea .right a:nth-child(1) {
	background-color: #ff5500;
	margin-left: 0.5rem;
}

.personalEditArea .right a:nth-child(1) span {
	background: url(../images/openIcon.png) 0 0 no-repeat;
	background-size: 0.6rem 0.6rem;
}

.personalEditArea .right a:nth-child(2) {
	background-color: #f9d54f;
}

.personalEditArea .right a:nth-child(2) span {
	background: url(../images/privateIcon.png) 0 0 no-repeat;
	background-size: 0.6rem 0.6rem;
}

.personalEditArea .right a:nth-child(3) {
	background-color: #ccc;
	color: #333;
}

.personalEditArea .right a:nth-child(3) span {
	background: url(../images/deleteIcon.png) 0 0 no-repeat;
	background-size: 0.6rem 0.6rem;
}

.personalTable {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 12px;
	background-color:#fff;
}
.personalTable .tablelisthead,.personalTable .tablelist {
	width: 100%;
}

.personalTable .tablelisthead {
	height: 35px;
	background-color: #cce9a7;
}

.personalTable .tablelisthead table,.personalTable .tablelist table {
	width: 100%;
	height: 100%;
	min-height:35px;
}

.personalTable table tbody td.caozuoBtn a {
	background-color: #ccc;
	padding: 0px 10px;
	color: #fff;
	margin:5px 5px 5px 0px;
}
.personalTable table tbody td.caozuoBtn a:hover
{
	background-color: rgba(255, 78, 2,0.85);
}
.personalTable table tbody td.caozuoBtn .copyBtn
{
	padding: 0px 10px;
    text-align: center;
    line-height: 20px;
	position:relative;
}
.personalTable table tbody td.caozuoBtn .copyBtn span
{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.personalTable .tablelist:nth-child(odd) {
	background-color: #f8f8f8;
}
/* 个人中心列表 */
.personalTable .tablelisthead td
,.personalTableBox tbody tr td
{
	text-align:center;
}

/* #myVideoDiv table tbody td
{
	text-align:center;
	height:30px;
	line-height:30px;
	padding:0;
} */
/* #myVideoDiv table tbody td:nth-child(1) {
	width: 10% !important;
	text-align: center;
}

#myVideoDiv table tbody td:nth-child(2) {
	width: 20% !important;
}

#myVideoDiv table tbody td:nth-child(3) {
	width: 8% !important;
}

#myVideoDiv table tbody td:nth-child(4) {
	width: 15% !important;
}

#myVideoDiv table tbody td:nth-child(5) {
	width: 10% !important;
}

#myVideoDiv table tbody td:nth-child(6) {
	width: 10% !important;
}

#myVideoDiv table tbody td:nth-child(7) {
	width: 27% !important;
	text-align: center;
} */


/* 用户管理列宽 */
/* .personalTable table tbody td:nth-child(1) {
	width: 15% !important;
	text-align: center;
}

.personalTable table tbody td:nth-child(2) {
	width: 10% !important;
}

.personalTable table tbody td:nth-child(3) {
	width: 7% !important;
}

.personalTable table tbody td:nth-child(4) {
	width: 13% !important;
}

.personalTable table tbody td:nth-child(5) {
	width: 10% !important;
}

.personalTable table tbody td:nth-child(6) {
	width: 8% !important;
}

.personalTable table tbody td:nth-child(7) {
	width: 12% !important;
}

.personalTable table tbody td:nth-child(8) {
	width: 25% !important;
}

.personalTable .tablelist:hover {
	background-color: #edf3ff;
}
 */
/* 用户列表导入用户 */
.addInfo div
{
	margin-bottom:3px;
}

.addInfo div label
{
	width:90px;
	vertical-align:top !important;
	padding-top:2px !important;
	margin-right:15px;
}

.addInfo div div input
{
	width:300px;
	border:0.9px solid #aaa;
	padding:1.5px 10px;
}

.addInfo div div select
{
	padding:1.5px 10px;
	width:300px;
	margin-bottom:15px;
}

/* 首页筛选框 样式更改至右侧边栏*/
#topPaging
{
	width:100%;
	margin:0 auto;
}

#topPaging div
{
	margin-bottom:6px;
}

#topPaging div span
{
	display:inline-block;
	width:20%;
}

#topPaging div select
{
	width:78%;
	color:#636363;
}

/* .search-input
{
	text-align:center;
	margin-top:0.1rem;
	margin-bottom:0.1rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	border-top: 0.03rem solid #666;
	border-bottom: 0.03rem solid #666;
}

.search-input input
{
	padding:3px 10px;
	width:70%;
	color:#636363;
}

.search-input label
{
	padding:3px 10px;
	background-color: #2eccf5;
	text-align:center;
	color:#fff;
	width:29%;
} */

/* 合并页面样式 */
.mergeHead ul li a 
{
	padding:6px 24px;
	margin:12px 0px;
}

.mergeHead ul li:nth-child(2) a
{
	color:#fff;
}

.form-control
{
	height:25px;
	padding:3px 6px;
}

.input-group-addon
{
	padding:3px 10px;
}

.input-group .form-control
{
	width:70%;
	text-align:center;
}

/* 节次管理 */
.allcourse 
{
    box-sizing: border-box;
    /* padding: 20px; */
    /* width: 782px; */
    background-color: #fff;
    margin:0 auto;
}

.periodTitle {
    margin: 20px 0px 10px 0px;
    font-size: 15px;
}

.periodTitle>a
{
	border-right:1.5px solid #666;
}

.periodTitle span {
    display: inline-block;
    width: 80px;
    border-right: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
}

.periodTitle .alter a {
    display: inline-block;
    margin-left: 20px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    background-color: #2eccf5;
    color: #fff;
    border-radius: 5px;
}

#sectionTable {
    /* border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    margin: 20px auto 50px;
    font-size: 14px;
    border: solid #ccc;
    border-width: 1px 0px 0px 1px;
    text-align: center; */
    width:100%;
    border: solid #ccc;
    border-width: 1px 0px 0px 1px;
}

 #sectionTable thead tr th,#sectionTable tbody tr td
 {
    border: solid #ccc;
    border-width: 0px 1px 1px 0px;
   /*  padding:5px 10px; */
    height: 35px;
    text-align:center;
 }
 
 #sectionTable thead tr
 {
 	background-color: #cce9a7;
 }
 
 #sectionTable tbody tr:nth-child(odd)
{
    background-color: #f9f9f9;
 }
 

#sectionTable tbody tr td:nth-child(2), #sectionTable tbody tr td:nth-child(3) {
    width: 200px;
}

#sectionTable tbody tr:hover{
    background-color: #edf3ff;
}

#sectionTable tbody tr td:nth-child(2) input, #sectionTable tbody tr td:nth-child(3) input {
    border: 1px solid #ccc;
    padding-left:3px;
}

/*-----  paging plug-in css   -------*/
.pagination {
	display: inline-block;
	border: 1px solid #CDCDCD;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 3px;
	height:104%;
}

.pagination a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	outline: none;
	border-right: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	color: #555555;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-family: Times, 'Times New Roman', Georgia, Palatino;
	/* ATTN: need a better font stack */
	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3),
		color-stop(100%, lightgrey));
	background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
	background-image: linear-gradient(#f3f3f3, lightgrey);
}

.pagination a:hover,.pagination a:focus,.pagination a:active {
	background-color: #cecece;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4),
		color-stop(100%, #cecece));
	background-image: -webkit-linear-gradient(#e4e4e4, #cecece);
	background-image: linear-gradient(#e4e4e4, #cecece);
}

.pagination a.disabled,.pagination a.disabled:hover,.pagination a.disabled:focus,.pagination a.disabled:active
	{
	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3),
		color-stop(100%, lightgrey));
	background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
	background-image: linear-gradient(#f3f3f3, lightgrey);
	color: #A8A8A8;
	cursor: default;
}

.pagination a:first-child {
	border: none;
	border-radius: 2px 0 0 2px;
}

.pagination a:last-child {
	border: none;
	border-radius: 0 2px 2px 0;
}

.pagination input {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 30px;
	outline: none;
	border: none;
	vertical-align: middle;
	text-align: center;
}

.gigantic.pagination a {
	height: 25px;
	width: 30px;
	font-size: 14px;
	line-height: 25px;
}

.gigantic.pagination input {
	width: 120px;
	height: 25px;
	line-height:25px;
	font-size: 12px;
}

/* log element for demo purposes */
.log {
	display: none;
	background-color: #EDEDED;
	border: 1px solid #B4B4B4;
	height: 300px;
	width: 524px;
	overflow: auto;
	margin-left: 0;
	list-style: none;
	padding: 10px;
}

.log li {
	margin-top: 0;
	margin-bottom: 5px;
}

/*------- rate-star plug-in css --------*/
/* @charset "utf-8"; */
/* #xzw_starBox {
	position: relative;
	width: 4rem;
	height: 0.8rem;
	float: left
} */
/**/
/* .description {
	clear: both;
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
}

#xzw_starSys .star {
	height: 0.75rem;
	width: 4rem;
	position: relative;
	background: url(../images/123.png) repeat-x;
	cursor: pointer
}

#xzw_starSys .star li {
	float: left;
	padding: 0px;
	margin: 0px
}

#xzw_starSys .star li a {
	display: block;
	width: 24px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	z-index: 5
}

#xzw_starSys .star li a:hover {
	background: url(../images/123.png) 0 -25px repeat-x;
	z-index: 3;
	left: 0
}

#xzw_starSys .star a.one-star {
	left: 0
}

#xzw_starSys .star a.one-star:hover {
	width: 24px
}

#xzw_starSys .star a.two-stars {
	left: 24px
}

#xzw_starSys .star a.two-stars:hover {
	width: 48px
}

#xzw_starSys .star a.three-stars {
	left: 48px
}

#xzw_starSys .star a.three-stars:hover {
	width: 72px
}

#xzw_starSys .star a.four-stars {
	left: 72px
}

#xzw_starSys .star a.four-stars:hover {
	width: 96px
}

#xzw_starSys .star a.five-stars {
	left: 96px
}

#xzw_starSys .star a.five-stars:hover {
	width: 120px
}

#xzw_starSys .current-rating {
	background: url(../images/123.png) 0 -25px repeat-x;
	position: absolute;
	height: 20px;
	z-index: 1;
	top: 0;
	left: 0
} */

/*----- cascadeForm css -----*/
.cascadeBox {
	width: 50%;
	margin: 15px auto;
	background-color: #f2f2f2;
	position: relative;
	padding:20px;
	box-sizing:border-box;
}

.cascadeBox ul
{
	width:40%;
}

.cascadeBox form
{
	width:40%;
	display:inline-block;
	top: 0;
    text-align: center;
    right: 0px;
    position: absolute;
}

#cascadeForm>input {
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #2eccf5;
}

#cascadeForm .fileBox {
	text-align: center;
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto;
	background-color: #2eccf5;
	position: relative;
}

#cascadeForm .fileBox input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#treeDemo {
	margin: 0 30px;
}

/*----- equipmentlist and userlist css ------*/
/* .equipmentTableBox table tbody td {
	height: 1.1rem;
}

.equipmentTableBox table tbody td:nth-child(1) {
	width: 15%;
}

.equipmentTableBox table tbody td:nth-child(2) {
	width: 20%;
}

.equipmentTableBox table tbody td:nth-child(3) {
	width: 15%;
}

.equipmentTableBox table tbody td:nth-child(4) {
	width: 35%;
}

.equipmentTableBox table tbody td:nth-child(4) {
	width: 15%;
} */

.equipmentBox form {
	width: 70%;
}

.equipmentBox form  input[type=file] {
	display: inline-block;
}

.equipmentBox {
	margin: 0px auto 30px;
}
.equipmentTableBox table tbody td
{
	text-align:center;
	line-height:30px;
}
.fileBox {
	text-align: center;
width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #2eccf5;
	position: relative;
	margin-left: 15px;
}

.fileBox input[type="file"] {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.equipmentBox form>input {
	text-align: center;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #2eccf5;
	margin-left:15px;
}

/*个人中心课件编辑样式开始*/
.coursewareEditor {
	width: 100%;
	border: 1px solid #ddd;
	margin: 10px;
	height: 550px;
	overflow: hidden;
}

h3.coursewareEditorTitle {
	font-size: 16px;
	width: 740px;
	margin: 30px auto;
}

.coursewareEditor .editorTab {
	height: 41px;
	overflow: hidden;
}

.coursewareEditor .editorTab li {
	display: inline-block;
	width: 24.9%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
}

.coursewareEditor .editorTab li.on {
	background-color: #fff;
	border-top: 2px solid #2eccf5;
}

.coursewareEditor .editorTab li a {
	display: inline-block;
	width: 100%;
}

.coursewareEditor .editorArea div h4 {
	font-size: 15px;
	text-align: center;
	line-height: 60px;
}

.coursewareEditor .editorArea {
	padding: 30px;
	background-color: #fff;
}

.coursewareEditor .editorArea div.vedio {
	width: 100%;
	height: 100%;
}

.coursewareEditor .editorArea div.vedio form.form-horizontal {
	float: left;
	/* width: 30%; */
	margin-left: 50px;
}

/* .coursewareEditor .editorArea div.vedio form.form-horizontal>div {
	margin: 30px 130px;
} */

.coursewareEditor .editorArea div p {
	width: 640px;
	margin: 10px 0px;
}

.coursewareEditor .editorArea div p>span {
	margin-right: 10px;
	width: 56px;
	display: inline-block;
}

.coursewareEditor .editorArea div p>input {
	border: 1px solid #ddd;
	width: 160px;
	height: 30px;
	padding: 0px 5px;
}

.coursewareEditor .editorArea div p>button {
	height: 30px;
	width:126px;
	padding: 0px 20px;
	font-family: Microsoft Yahei;
	margin-left: 10px;
	background-color: #65d3e4;
	color: #fff;
	border: 1px solid #59c7d8;
}

.coursewareEditor .editorArea div p>button:hover {
	background-color: #7cdcea;
}

.coursewareEditor .editorArea div p>select {
	width: 160px;
	height: 30px;
	padding-left: 3px;
	border: 1px solid #ddd;
}

.coursewareEditor .editorArea div div>button {
	background-color: #f1915f;
	border: 1px solid #df886c;
	color: #fff;
	width: 100px;
	height: 30px;
	margin:0px 130px 10px 130px;
	border-radius: 3px;
	font-size: 15px;
	font-family: "Microsoft Yahei";
	letter-spacing: 1px;
}

.coursewareEditor .editorArea div div>button:hover {
	background-color: #ffa684;
}

/*个人中心课件编辑样式结束*/

/*共享弹出框样式*/
#shareForm fieldset div.control-group
{
	margin-bottom:10px;
}

#shareForm fieldset>div>label
{
	width:100px;
	margin-right:15px;
}

/* livePredict.html  */
/* .livePredictEvents
{
	width:1200px;
	margin:1rem auto;
}

.livePredictEvents .liveItem .liveTime
{
	width:10%;
}

.livePredictEvents .liveItem .liveContent
{
	width:70%;
	padding:0rem 0rem 0.5rem 0.5rem;
	border-left:1px solid #aaa;
}
.livePredictEvents .liveItem .liveContent p
{
	background-color:#fff;
	border:1px solid #ccc;
	padding:0.5rem;
	margin-right:0.5rem;
}

.livePredictEvents .liveItem .liveContent p span
{
	margin-right:0.3rem;
} */

/* .livePredictTable
{
	background-color:#fff;
	width:1200px;
	margin:0.5rem auto;
	padding:0.5rem;
	height:75%;
}

.livePredictTable table
{
	width:80%;
	height:90%;
	margin:0 auto;
}
.livePredictTable table tr
{
	height: 9%;
}
.livePredictTable table td
{
	border: solid #ccc;
    border-width: 0px 1px 1px 0px;

    text-align: center;
}

.livePredictTable tbody
{
	border: solid #ccc;
    border-width: 1px 0px 0px 1px;
}
.livePredictTable tbody .col1 td:nth-child(2)
{
	background-color:rgba(46,204,245,0.2);
}

.livePredictTable tbody td:nth-child(2)
{
	background-color:rgba(46,204,245,0.05);
}
.livePredictTable tbody .col1 td:nth-child(1),.livePredictTable tbody .col1 td:nth-child(3)
{
	background-color:rgba(221,221,221,0.2);
}

.livePredictTable tbody td:nth-child(1),.livePredictTable tbody td:nth-child(3)
{
	background-color:rgba(221,221,221,0.05);
}
.livePredictTable .paginationBox 
{
	width:80%;
	margin:0 auto;
}

.livePredictTable .paginationBox::after
{
	content:"";
	display:block;
	clear:both;
}

.livePredictTable .paginationBox .pagination
{
	float:right;
	margin:0rem 0rem 0.5rem 0rem;
}
.liveTodayBox
{
	width:1200px;
	margin:0 auto;
} */
/* liveToday.html */
/* .liveToday
{
	height:76%;
}
.liveToday .playLeft>p
{
	height:1rem;
	line-height:1rem;
	top:0;
	width:100%;
	background-color:rgba(220,220,220,0.1);
	line-height:1rem;
}
.liveToday .playLeft>p>span
{
	color:#fff;
	margin-left:0.5rem;
}
.liveToday .playLeft>p>span.right
{
	margin-right:1rem;
	color:orange;
}
.liveToday .playLeft>p>span.mark
{
    color: #7ed14e;
}
.liveToday .playLeft .playerTop
{
	height: 100%;
	padding-top:1rem;
} */

/*reaearch-table*/
.research-table
{
	width:100%;
	margin: 0 auto;
}
.research-table thead
{
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;
}
.research-table thead th,.research-table tbody td
{
	padding:5px 10px;
}
.research-table tbody tr
{
	font-size:14px;
	border:1px solid #ddd;
}
.research-table tbody tr td:nth-child(1)
{
	border-right:1px solid #ddd;
}
.showscore
{
	line-height: 21px;
    font-size: 28px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    color: #e98f36;
}
.tablelist{
	word-break:break-all;
}