body{
	max-width: 1600px;
	min-width: 1320px;
	padding: 0;
	margin: 0;
	font-family: '黑体';
}
/*轮播图位置*/
#banner{
	width: 100%;
}
/*轮播图下方*/
#under_banner{
	width: 74%;
	margin: 0 auto;
}
#under_banner img{
	width: 100%
}
/*教师资质*/
#teacher{
	height: 550px;
	background-image: url(../../../public/master/images/mooc8_03.jpg);
	background-size: 100%;
	box-shadow: 0px 11px 8px #ccc;
}
#teacher #title{
	width: 100%;
	text-align: center;
	font-size: 26px;
}
#teacher #title .tea_title{
	width: 26%;
	display: inline-block;
	margin-top: 48px;
}
#teacher #img_box{
	width: 62%;
	margin: 0 auto;
	height: 350px;
	margin-top: 60px;
}
#teacher #img_box div{
	height: 100%;
	display: inline-block;
	box-shadow: 5px 5px 5px #ccc;
}
#teacher #img_box img{
	height: 100%
}
#teacher #img_box #info{
	float: left;
}
#teacher #img_box #ccq{
	float: right;
}
/*教学内容*/
.lesson{
	position: relative;
	height: 480px;
}
.lesson .title,#student .title,#book .title,#lvup .title,#add .title{
	width: 100%;
	height: 95px;
	text-align: center;
}
.lesson .title img,#student .title img,#book .title img,#lvup .title img,#add .title img{
	height: 80px;
	padding-top: 13px;
}
.lesson .img_box{
	width: 80%;
	margin: 15px auto;
	height: 300px;
}
.lesson .img_box .bigImg{
	width: 23%;
	float: left;
	margin-left: 8%;
	box-shadow: 5px 5px 25px #ccc;
	height: 243px;
	border: 1px solid #ccc;
	position: relative;
}
.lesson .img_box .smallBox{
	position: relative;
}
.rightImg1,.rightImg2,.rightImg3,.rightImg4,.rightImg5,.rightImg6,.leftImg1,.leftImg2{
	position: absolute;
	height: 83px;
	top: 6px;
	right: -30px;
	width: 30px;
	height: 112px;
}
.lesson .img_box .insideBox{
	left: 0px;
	z-index: 2;
	line-height: 20px;
}
.rightImg2,.rightImg4,.rightImg6,.leftImg2{
	top: 126px;
}
.leftImg1,.leftImg2{
	left: 0px;
}
.lesson .rightImg3,.lesson .rightImg4,.redBox{
	background-color: #F5717E;
}
.lesson .rightImg5,.lesson .rightImg6 ,.yellowBox{
	background-color: #FFCB3D;
}
.lesson .img_box .bigImg .innerImg{
	text-align: center;
	padding-top: 15px;
	position: relative;
}
.lesson .img_box .bigImg .innerImg img{
	width: 88%;
}
.lesson .img_box .bigImg .innerImg .playIcon{
	position: absolute;
	left: 38%;
	width: 60px;
	top: 40%;
}
.lesson .img_box .bigImg  p{
	text-align: center;
}
.lesson .img_box .bigImg .className{
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 12px;
}
.lesson .img_box .bigImg .teacherName{
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-top: 12px;
	font-weight: bold;
}
.lesson .moreOrder{
	left: 100%;
	position: absolute;
	height: 240px;
	width: 685px;
	top: -20px;
	z-index: 1;
	line-height: 246px;
}
.lesson .moreOrder_left{
	left: 100%;
}
.lesson .moreInfo{
	left: 100%;
	position: absolute;
	height: 155px;
	width: 685px;
	top: -130px;
	z-index: 1;
	line-height: 246px;
	background-color: #fff;
	border: 1px solid #4E9CEF;
	padding: 36px 0;
}
.lesson .moreInfo_left{
	left: 100%;
}
.lesson .moreOrder_center{
	left: -460px;
}
.lesson .moreInfo_center{
	left: -460px;
}
.lesson .inside{
	top: -20px;
}
.lesson .inside2{
	top: -130px;
}
.lesson .moreOrder_right{
	left: -685px;
}
.lesson .moreInfo_right{
	left: -685px;
}
.lesson .moreInfo2{
	padding: 40px;
	left: 21%;
	position: absolute;
	height: 200px;
	width: 600px;
	top: 88%;
	z-index: 1;
	background: white;
	padding-bottom: 0;
}
.lesson  .ordershow{
	width: 100%;
}
.lesson  .infoshow{
	width: 80%;
}
.lesson .moreInfo2 .infoshow{
	width: 90%;
}
#imgbox .click{
	position: absolute;
	top: 58px;
	height: 86px;
	right: 0;
}
#imgbox .right_click{
	left: 0;
}
/*走马灯*/
#student #zoumadeng .zouma{
	height: 225px;
	margin-left: 40px;
	float: left;
	box-shadow: 5px 5px 6px #ccc;
	border-radius: 15px;
}
#student #zoumadeng{
	width: 80%;
	margin: 15px auto;
	height: 250px;
	overflow: hidden;
	position: relative;
}
#student #zoumadeng #double{
	height: 225px;
	width: 2160px;
	position: absolute;
	left: 0px;
}
/*书籍*/
#book{
	background-color: #e2e1df;
	height: 670px;
	box-shadow: 5px 8px 16px #ccc;
	margin-top: 70px;
}
#book .title{
	margin-bottom: 40px;
}
#books{
	width: 80%;
	margin: 20px auto;
}
#books img{
	margin-left: 20px;
	width: 300px;
}
#book #clickGet{
	width: 170px;
	margin: 30px auto;
	transition: 2s;
}
#book #clickGet:hover{
	width: 190px;
	margin: 30px auto;
}
#book #clickGet img{
	width: 100%;
}

#booksInfo{
	width: 64%;
	margin: 25px auto;
}
#booksInfo img{
	width: 100%;
}
/*晋级*/
#lvup{
	height: 415px;
	margin-top: 55px;
}
#lvup #imgs{
	width: 80%;
	margin: 15px auto;
}
#lvup #imgs img{
	width: 26%;
	float: left;
	margin-left: 6%;
}
/*信息提交*/
#add .infoBox{
	width: 37%;
	display: inline-block;
	margin-top: 12px;
}
#add #fromTable{
	margin-top: 20px;
	width: 60%;
	margin-left: 20%;
	height: 84px;
	position: relative;
}
#add .infoBox input{
	border: 1px solid #FF981D;
	border-radius: 8px;
	height: 24px;
}
#add #fromTable #res{
	position: absolute;
	width: 150px;
	font-size: 12px;
	text-align: center;
	left: 84%;
	top: 10px;
	color: #ccc;
}

#add #fromTable #res img{
	width: 80%;
	transition: 2s;
}
#add #fromTable #res img:hover{
	width: 100%;
}
#add #fromTable #res input{
	color: white;
	background-color: #FF981D;
	border: none;
	height: 36px;
	width: 150px;
	border-radius: 10px;
	font-size: 18px;
	letter-spacing: 3px;
}
.red{
	color: red;
}
#imgbox{
	height: 240px;
	width: 685px;
	border: 2px solid #4E9CEF;
	position: absolute;
}
#imgbox #infoImg{
	width: 100%;
}
.java{
	top: 110px;
}
.left{
	left: 495px;
}
.center{
	left: 350px;
}
.right{
	right: 205px;
}
.h5{
	top: 590px;
}
.C{
	top: 1070px;
}
#control{
	position: absolute;
	top: 202px;
	width: 78%;
	left: 11%;
}
#control #left{
	height: 55px;
}
#control #right{
	height: 55px;
	float: right;
}
#bannerImg{
	position: absolute;
	left: 44%;
	top: 73%;
	width: 130px;
	transition: 2s;
}
#bannerImg:hover{
	top: 72%;
    left: 43%;
    width: 160px;
}
#title .askInfo{
	position: absolute;
	height: 40px !important;
	left: 46px;
	bottom: 15px;
}
.chooseImg{
	width: 100%;
}
.lesson .freeGet{
	height: 46px;
	margin: 0 auto;
	width: 173px;
	margin-top: -25px;
	position: relative;
}
.lesson .freeGet .under{
	height: 100%;
}
.lesson .freeGet .hand{
	position: absolute;
	right: 10px;
	/*top:10px;*/
	height: 100%;
}