@charset "utf-8";
/* CSS Document */
/* 新家庭教育文化节 样式*/
a:hover {
	text-decoration: underline;
	border: 0px;
}

button {
	cursor: pointer;
}

body {
	background: url(../../../image/bakActivity/byod2Teach/bg2.jpg) repeat;
}

/*banner*/
.banner {
	width: 100%;
	height: 386px;
	min-width: 1280px;
	float: left;
	background: url(../../../image/bakActivity/byod2Teach/banner.jpg) center
		center no-repeat;
}

.banner .main {
	width: 1200px;
	margin: 0 auto;
}

/*授课模式*/
.skms {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
}

.skms .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.skms .main .skms-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.skms .main .skms-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #fabd0a;
	line-height: 51px;
	font-size: 22px;
	color: #2c2c37;
	text-indent: 30px;
}

.skms .main .skms-lf h2 span {
	font-size: 14px;
	color: #262626;
	float: right;
	margin-right: 23px;
}

.skms .main .skms-lf .sk-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/img1.jpg);
	float: left;
	margin: 20px 28px 0 20px;
}

.skms .main .skms-lf .sk-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

.sk-lf-main ul {
	float: left;
	width: 42%;
}

.skms .main .skms-lf .sk-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
}

.skms .main .skms-lf .sk-lf-main i {
	width: 71px;
	height: 3px;
	background: #efb407;
	margin: 20px 0 15px 0;
	float: left;
}

.skms .main .skms-lf .sk-lf-main ul li {
	font-size: 14px;
	color: #eaeaeb;
}

.skms .main .skms-lf .sk-lf-main a {
	width: 167px;
	height: 40px;
	background-color: #eab005;
	border-radius: 2px;
	font-size: 18px;
	color: #282828;
	line-height: 40px;
	text-align: center;
	margin-top: 25px;
	float: left;
}

.skms .main .skms-lf .sk-lf-main a:hover {
	text-decoration: none;
	background-color: #e2aa05;
}

.skms .main .skms-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.skms .main .skms-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #fabd0a;
	line-height: 51px;
	font-size: 18px;
	color: #2c2c37;
	text-indent: 20px;
}

.skms .main .skms-rt ul {
	padding: 10px 0 30px 18px;
}

.skms .main .skms-rt ul li {
	line-height: 28px;
}

.skms .main .skms-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.skms .main .skms-rt ul li a span {
	color: #f7bb0a;
}

.skms .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-274px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
}

.skms .main .skms-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	margin-top: 12px;
	border-top: 5px solid #fabd0a;
	position: relative;
}

.skms .main .skms-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-312px no-repeat;
}

.skms .main .skms-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

.skms .main .skms-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

.skms .main .skms-bt dl {
	width: 210px;
	margin: 37px -3px 30px 28px;
	float: left;
}

.skms .main .skms-bt dl img {
	width: 207px;
}

.skms .main .skms-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
}

.skms .main .skms-bt dl dd:last-child {
	font-size: 14px;
	color: #d7d7d7;
	margin: 0;
}

/*课堂实录*/
.ktsl {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
}

.ktsl .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.ktsl .main .ktsl-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.ktsl .main .ktsl-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #ea3f33;
	line-height: 51px;
	font-size: 22px;
	color: #fff;
	text-indent: 30px;
}

.ktsl .main .ktsl-lf h2 span {
	font-size: 14px;
	color: #fff;
	float: right;
	margin-right: 23px;
}

.ktsl .main .ktsl-lf .sl-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/big2.png);
	float: left;
	margin: 20px 28px 0 20px;
}

.ktsl .main .ktsl-lf .sl-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

.ktsl .main .ktsl-lf .sl-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
	line-height: 26px;
}

.ktsl .main .ktsl-lf .sl-lf-main i {
	width: 71px;
	height: 3px;
	background: #ea3f33;
	margin: 20px 0 15px 0;
	float: left;
}

.ktsl .main .ktsl-lf .sl-lf-main p {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 43%;
}

.ktsl .main .ktsl-lf .sl-lf-main p>a {
	color: #ea3f33;
}

.ktsl .main .ktsl-lf .sl-lf-main a.btn {
	width: 167px;
	height: 40px;
	background-color: #ea3f33;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	float: left;
}

.ktsl .main .ktsl-lf .sl-lf-main a.btn:hover {
	text-decoration: none;
	background-color: #dd3b30;
}

.ktsl .main .ktsl-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.ktsl .main .ktsl-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #ea3f33;
	line-height: 51px;
	font-size: 18px;
	color: #fff;
	text-indent: 20px;
}

.ktsl .main .ktsl-rt ul {
	padding: 10px 0 30px 18px;
}

.ktsl .main .ktsl-rt ul li {
	line-height: 28px;
}

.ktsl .main .ktsl-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.ktsl .main .ktsl-rt ul li a span {
	color: #ea3f33;
}

.ktsl .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-400px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
}

.ktsl .main .ktsl-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	margin-top: 12px;
	border-top: 5px solid #f44034;
	position: relative;
}

.ktsl .main .ktsl-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-432px no-repeat;
}

.ktsl .main .ktsl-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

.ktsl .main .ktsl-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

.ktsl .main .ktsl-bt dl {
	width: 210px;
	margin: 37px -3px 30px 28px;
	float: left;
}

.ktsl .main .ktsl-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
	word-break: break-all;
}

.ktsl .main .ktsl-bt dl dd:last-child {
	font-size: 14px;
	color: #d7d7d7;
	margin: 0;
}

.ktsl .main .ktsl-bt dl img {
	width: 207px;
}

/*案例解读*/
.aljd {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
}

.aljd .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.aljd .main .aljd-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.aljd .main .aljd-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #32b555;
	line-height: 51px;
	font-size: 22px;
	color: #2c2c37;
	text-indent: 30px;
}

.aljd .main .aljd-lf h2 span {
	font-size: 14px;
	color: #262626;
	float: right;
	margin-right: 23px;
}

.aljd .main .aljd-lf .jd-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/img1.jpg);
	float: left;
	margin: 20px 28px 0 20px;
}

.aljd .main .aljd-lf .jd-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

.aljd .main .aljd-lf .jd-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
}

.aljd .main .aljd-lf .jd-lf-main i {
	width: 71px;
	height: 3px;
	background: #32b555;
	margin: 20px 0 15px 0;
}

.aljd .main .aljd-lf .jd-lf-main ul li {
	font-size: 14px;
	color: #eaeaeb;
}

.aljd .main .aljd-lf .jd-lf-main a {
	width: 167px;
	height: 40px;
	background-color: #32b555;
	border-radius: 2px;
	font-size: 18px;
	color: #282828;
	line-height: 40px;
	text-align: center;
	margin-top: 25px;
}

.aljd .main .aljd-lf .jd-lf-main a:hover {
	text-decoration: none;
	background-color: #31af52;
}

.aljd .main .aljd-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.aljd .main .aljd-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #32b555;
	line-height: 51px;
	font-size: 18px;
	color: #2c2c37;
	text-indent: 20px;
}

.aljd .main .aljd-rt ul {
	padding: 10px 0 30px 18px;
}

.aljd .main .aljd-rt ul li {
	line-height: 28px;
}

.aljd .main .aljd-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aljd .main .aljd-rt ul li a span {
	color: #32b555;
}

.aljd .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px 0px
		no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
}

/*BYOD教英语*/
.jyy {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
}

.jyy .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.jyy .main .jyy-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.jyy .main .jyy-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #4698f9;
	line-height: 51px;
	font-size: 22px;
	color: #fff;
	text-indent: 30px;
}

.jyy .main .jyy-lf h2 span {
	font-size: 14px;
	color: #fff;
	float: right;
	margin-right: 23px;
}

.jyy .main .jyy-lf .jyy-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/c.png);
	float: left;
	margin: 20px 28px 0 20px;
}

.jyy .main .jyy-lf .jyy-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

.jyy .main .jyy-lf .jyy-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
	line-height: 26px;
}

.jyy .main .jyy-lf .jyy-lf-main i {
	width: 71px;
	height: 3px;
	background: #4698f9;
	margin: 20px 0 15px 0;
	float: left;
}

.jyy .main .jyy-lf .jyy-lf-main p {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 43%;
}

.jyy .main .jyy-lf .jyy-lf-main p>a {
	color: #ea3f33;
}

.jyy .main .jyy-lf .jyy-lf-main a.btn {
	width: 167px;
	height: 40px;
	background-color: #4698f9;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	float: left;
}

.jyy .main .jyy-lf .jyy-lf-main a.btn:hover {
	text-decoration: none;
	background-color: #427fe2;
}

.jyy .main .jyy-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.jyy .main .jyy-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #4698f9;
	line-height: 51px;
	font-size: 18px;
	color: #fff;
	text-indent: 20px;
}

.jyy .main .jyy-rt ul {
	padding: 10px 0 30px 18px;
}

.jyy .main .jyy-rt ul li {
	line-height: 28px;
}

.jyy .main .jyy-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.jyy .main .jyy-rt ul li a span {
	color: #4698f9;
	width: 50px;
    display: inline-block;
}

.jyy .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-134px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
	display: none;
}

.jyy .main .jyy-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	margin-top: 12px;
	border-top: 5px solid #4698f9;
	position: relative;
}

.jyy .main .jyy-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-176px no-repeat;
}

.jyy .main .jyy-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

.jyy .main .jyy-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

.jyy .main .jyy-bt dl {
	width: 210px;
	margin: 37px -3px 30px 28px;
	float: left;
}

.jyy .main .jyy-bt dl img {
	width: 207px;
}

.jyy .main .jyy-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
}

.jyy .main .jyy-bt dl dd:last-child {
	font-size: 14px;
	color: #d7d7d7;
	margin: 0;
}

/*成果展示*/
.cgzs {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
}

.cgzs .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.cgzs .main .cgzs-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.cgzs .main .cgzs-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #fabd0a;
	line-height: 51px;
	font-size: 22px;
	color: #2c2c37;
	text-indent: 30px;
}

.cgzs .main .cgzs-lf h2 span {
	font-size: 14px;
	color: #262626;
	float: right;
	margin-right: 23px;
}

.cgzs .main .cgzs-lf .cg-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/img1.jpg);
	float: left;
	margin: 20px 28px 0 20px;
}

.cgzs .main .cgzs-lf .cg-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

.cgzs .main .cgzs-lf .cg-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
}

.cgzs .main .cgzs-lf .cg-lf-main i {
	width: 71px;
	height: 3px;
	background: #efb407;
	margin: 20px 0 15px 0;
}

.cgzs .main .cgzs-lf .cg-lf-main p {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 43%;
}

.cgzs .main .cgzs-lf .cg-lf-main a.btn {
	width: 167px;
	height: 40px;
	background-color: #eab005;
	border-radius: 2px;
	font-size: 18px;
	color: #282828;
	line-height: 40px;
	text-align: center;
	margin-top: 25px;
	float: left;
}

.cgzs .main .cgzs-lf .cg-lf-main a.btn:hover {
	text-decoration: none;
	background-color: #e2aa05;
}

.cgzs .main .cgzs-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.cgzs .main .cgzs-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #fabd0a;
	line-height: 51px;
	font-size: 18px;
	color: #2c2c37;
	text-indent: 20px;
}

.cgzs .main .cgzs-rt ul {
	padding: 10px 0 30px 18px;
}

.cgzs .main .cgzs-rt ul li {
	line-height: 28px;
}

.cgzs .main .cgzs-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cgzs .main .cgzs-rt ul li a span {
	color: #f7bb0a;
}

.cgzs .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-274px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
	display: none;
}

.cgzs .main .cgzs-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	border-top: 5px solid #fabd0a;
	position: relative;
	margin: 12px 0 200px 0;
	padding-bottom: 50px;
}

.cgzs .main .cgzs-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-310px no-repeat;
}

.cgzs .main .cgzs-bt h4 {
	font-size: 22px;
	color: #eab005;
	float: left;
	margin: 43px 0 13px 33px;
	width: 82%;
}

.cgzs .main .cgzs-bt select {
	width: 76px;
	height: 30px;
	border: 1px solid #eab005;
	border-radius: 2px;
	background-color: #262626;
	color: #eab005;
	float: right;
	margin: 42px 69px 34px 0;
	text-indent: 5px;
}

.cgzs .main .cgzs-bt>i {
	width: 50px;
	height: 3px;
	background-color: #eab005;
	float: left;
	margin: -25px 1100px 0 33px;
}

.cgzs .main .cgzs-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

.cgzs .main .cgzs-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

.cgzs .main .cgzs-bt dl {
	width: 210px;
	margin: 20px -21px 13px 34px;
	float: left;
}

.cgzs .main .cgzs-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
}

.cgzs .main .page {
	float: right;
	margin-right: 15px;
	margin-top: -70px;
}

.cgzs .main .page span {
	color: #fff;
	font-size: 14px;
	font-family: "NSimSun";
	margin-left: 9px;
	margin-bottom: 20px;
}

.cgzs .main .page a.tp {
	display: block;
	width: 39px;
	height: 39px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) -110px
		-128px;
	margin-bottom: 15px;
}

.cgzs .main .page a.bo {
	display: block;
	width: 39px;
	height: 39px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) -110px
		-62px;
}

/*右侧悬浮导航*/
.xf-nav {
	float: right;
	position: fixed;
	right: 3%;
	top: 10%;
}

.xf-nav ul li {
	width: 90px;
	height: 80px;
	line-height: 80px;
	background: #eab005;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	color: #15151e;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

.xf-nav ul li.red {
	background-color: #d93d32;
}

.xf-nav ul li.red a {
	color: #fff;
}

.xf-nav ul li.gre {
	background-color: #32a04f;
}

.xf-nav ul li.gre a {
	color: #fff;
}

.xf-nav ul li.bl {
	background-color: #4483e9;
	line-height: 25px;
	padding-top: 13px;
	height: 67px;
}

.xf-nav ul li.tw {
	line-height: 25px;
	padding-top: 13px;
	height: 67px;
}

.xf-nav ul li.bl a {
	color: #fff;
}

.xf-nav ul li a {
	width: 90px;
	height: 80px;
	font-size: 18px;
	color: #15151e;
	float: left;
}

.xf-nav ul li a span {
	font-size: 23.5px;
}

.xf-nav ul li a span {
	width: 90px;
}

.xf-nav ul li a:hover {
	text-decoration: none;
}

.xf-nav ul li a.a-1 {
	background: url(../../../image/bakActivity/byod2Teach/ima.png) -89px
		15px;
}

/*BYOD教英语*/
#jyy2 {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
}

#jyy2 .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

#jyy2 .main .jyy-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

#jyy2 .main .jyy-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #4698f9;
	line-height: 51px;
	font-size: 22px;
	color: #fff;
	text-indent: 30px;
}

#jyy2 .main .jyy-lf h2 span {
	font-size: 14px;
	color: #fff;
	float: right;
	margin-right: 23px;
}

#jyy2 .main .jyy-lf .jyy-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/6191.png);
	float: left;
	margin: 20px 28px 0 20px;
}

#jyy2 .main .jyy-lf .jyy-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

#jyy2 .main .jyy-lf .jyy-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
	line-height: 26px;
}

#jyy2 .main .jyy-lf .jyy-lf-main i {
	width: 71px;
	height: 3px;
	background: #4698f9;
	margin: 20px 0 15px 0;
	float: left;
}

#jyy2 .main .jyy-lf .jyy-lf-main p {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 43%;
}

#jyy2 .main .jyy-lf .jyy-lf-main p>a {
	color: #ea3f33;
}

#jyy2 .main .jyy-lf .jyy-lf-main a.btn {
	width: 167px;
	height: 40px;
	background-color: #4698f9;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	float: left;
}

#jyy2 .main .jyy-lf .jyy-lf-main a.btn:hover {
	text-decoration: none;
	background-color: #427fe2;
}

#jyy2 .main .jyy-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

#jyy2 .main .jyy-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #4698f9;
	line-height: 51px;
	font-size: 18px;
	color: #fff;
	text-indent: 20px;
}

#jyy2 .main .jyy-rt ul {
	padding: 10px 0 30px 18px;
}

#jyy2 .main .jyy-rt ul li {
	line-height: 28px;
}

#jyy2 .main .jyy-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

#jyy2 .main .jyy-rt ul li a span {
	color: #4698f9;
	width: 50px;
    display: inline-block;
}

#jyy2 .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-134px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
	display: none;
}

#jyy2 .main .jyy-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	margin-top: 12px;
	border-top: 5px solid #4698f9;
	position: relative;
}

#jyy2 .main .jyy-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-176px no-repeat;
}

#jyy2 .main .jyy-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

#jyy2 .main .jyy-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

#jyy2 .main .jyy-bt dl {
	width: 210px;
	margin: 37px -3px 30px 28px;
	float: left;
}

#jyy2 .main .jyy-bt dl img {
	width: 207px;
}

#jyy2 .main .jyy-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
}

#jyy2 .main .jyy-bt dl dd:last-child {
	font-size: 14px;
	color: #d7d7d7;
	margin: 0;
}

/*课堂实录*/
#ktsl2 {
	width: 100%;
	height: auto;
	min-width: 1280px;
	float: left;
	margin-top: 35px;
	margin-bottom: 100px;
}

#ktsl2 .main {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

#ktsl2 .main .ktsl-lf {
	width: 825px;
	height: 372px;
	float: left;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

#ktsl2 .main .ktsl-lf h2 {
	width: 100%;
	height: 51px;
	background-color: #ea3f33;
	line-height: 51px;
	font-size: 22px;
	color: #fff;
	text-indent: 30px;
}

#ktsl2 .main .ktsl-lf h2 span {
	font-size: 14px;
	color: #fff;
	float: right;
	margin-right: 23px;
}

#ktsl2 .main .ktsl-lf .sl-lf-main a.img {
	width: 401px;
	height: 271px;
	background: url(../../../image/bakActivity/byod2Teach/e.png);
	float: left;
	margin: 20px 28px 0 20px;
}

#ktsl2 .main .ktsl-lf .sl-lf-main h5 {
	font-size: 18px;
	color: #eaeaeb;
	line-height: 28px;
	margin-top: 15px;
	float: left;
	width: 45%;
}

#ktsl2 .main .ktsl-lf .sl-lf-main span {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 45%;
	line-height: 26px;
}

#ktsl2 .main .ktsl-lf .sl-lf-main i {
	width: 71px;
	height: 3px;
	background: #ea3f33;
	margin: 20px 0 15px 0;
	float: left;
}

#ktsl2 .main .ktsl-lf .sl-lf-main p {
	font-size: 14px;
	color: #eaeaeb;
	float: left;
	width: 43%;
}

#ktsl2 .main .ktsl-lf .sl-lf-main p>a {
	color: #ea3f33;
}

#ktsl2 .main .ktsl-lf .sl-lf-main a.btn {
	width: 167px;
	height: 40px;
	background-color: #ea3f33;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	float: left;
}

#ktsl2 .main .ktsl-lf .sl-lf-main a.btn:hover {
	text-decoration: none;
	background-color: #dd3b30;
}

#ktsl2 .main .ktsl-rt {
	width: 365px;
	height: 372px;
	float: right;
	background-color: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
}

#ktsl2 .main .ktsl-rt h2 {
	width: 100%;
	height: 51px;
	background-color: #ea3f33;
	line-height: 51px;
	font-size: 18px;
	color: #fff;
	text-indent: 20px;
}

#ktsl2 .main .ktsl-rt ul {
	padding: 10px 0 30px 18px;
}

#ktsl2 .main .ktsl-rt ul li {
	line-height: 28px;
}

#ktsl2 .main .ktsl-rt ul li a {
	font-size: 16px;
	color: #fff;
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

#ktsl2 .main .ktsl-rt ul li a span {
	color: #ea3f33;
}

#ktsl2 .main>b {
	width: 71px;
	height: 27px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-400px no-repeat;
	position: absolute;
	top: 342px;
	left: 797px;
}

#ktsl2 .main .ktsl-bt {
	width: 100%;
	height: auto;
	float: left;
	background: #262626;
	box-shadow: 5px 5px 5px 0px rgb(28, 28, 44);
	margin-top: 12px;
	border-top: 5px solid #f44034;
	position: relative;
}

#ktsl2 .main .ktsl-bt>b {
	width: 27px;
	height: 71px;
	background: url(../../../image/bakActivity/byod2Teach/ima.png) 0px
		-432px no-repeat;
}

#ktsl2 .main .ktsl-bt b.lf {
	position: absolute;
	top: -41px;
	left: 19px;
}

#ktsl2 .main .ktsl-bt b.rt {
	position: absolute;
	top: -41px;
	right: 22px;
}

#ktsl2 .main .ktsl-bt dl {
	width: 210px;
	margin: 37px -3px 30px 28px;
	float: left;
}

#ktsl2 .main .ktsl-bt dl dd {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 5px;
	word-break: break-all;
}

#ktsl2 .main .ktsl-bt dl dd:last-child {
	font-size: 14px;
	color: #d7d7d7;
	margin: 0;
}

#ktsl2 .main .ktsl-bt dl img {
	width: 207px;
}